Support for Web Components with angular-imask

[Paramesh98]

I am using angular-imask in an Angular project. It works seamlessly with native HTML input elements. However, when I try to use it with web components, specifically Adobe's Spectrum Web Components (sp-textfield), the mask does not apply. The mask is not applied, likely due to shadow DOM encapsulation.

Example Code:

Working Code
<input [formControl]="firstName" [imask]="{ mask: '00000', lazy: false, override: true }" />

Non working code

<sp-field-label for="name-0-m">Name</sp-field-label>
<sp-textfield [formControl]="lastName" id="name-0-m" [imask]="{ mask: '00000', lazy: false, override: true }"></sp-textfield>