@recursyve/nice-stripe-kit.v2 14.0.0-beta.5 → 16.0.0-beta.7

package/{fesm2020 → fesm2022}/recursyve-nice-stripe-kit.v2.mjs

@@ -18,7 +18,7 @@ import { niceAnimations, NiceFormErrorModule } from '@recursyve/nice-ui-kit.v2';
 import * as i2 from 'ngx-stripe';
 import { NgxStripeModule } from 'ngx-stripe';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { Subject } from 'rxjs';
+import { Subject, lastValueFrom } from 'rxjs';
 import { v4 } from 'uuid';
 import * as i1 from '@recursyve/ngx-form-generator';
 import { Control, Required, GeneratedFormGroup, ngxFormGeneratorFactory } from '@recursyve/ngx-form-generator';
@@ -26,18 +26,6 @@ import { map } from 'rxjs/operators';
 import { __decorate, __metadata } from 'tslib';
 
 class NiceStripeCardElementComponent {
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        this._focused = false;
-        this._required = false;
-        this._disabled = false;
-        this.stateChanges = new Subject();
-        this.empty = true;
-        this.errorState = false;
-        this.complete = false;
-        this.describedBy = "";
-        this.id = v4();
-    }
     set placeholder(placeholder) {
         this._placeholder = placeholder;
         this.stateChanges.next();
@@ -72,6 +60,18 @@ class NiceStripeCardElementComponent {
     setDescribedByIds(ids) {
         this.describedBy = ids.join(" ");
     }
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this._focused = false;
+        this._required = false;
+        this._disabled = false;
+        this.stateChanges = new Subject();
+        this.empty = true;
+        this.errorState = false;
+        this.complete = false;
+        this.describedBy = "";
+        this.id = v4();
+    }
     async ngAfterViewInit() {
         if (this.elementRef) {
             this.empty = !this.value;
@@ -106,15 +106,15 @@ class NiceStripeCardElementComponent {
     }
     onContainerClick(event) {
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeCardElementComponent, deps: [{ token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: { placeholder: "placeholder", focused: "focused", required: "required", disabled: "disabled" }, host: { properties: { "attr.aria-describedby": "this.describedBy", "id": "this.id", "class.floating": "this.shouldLabelFloat" } }, providers: [
+            {
+                provide: MatFormFieldControl,
+                useExisting: NiceStripeCardElementComponent
+            }
+        ], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["element"], descendants: true }], ngImport: i0, template: "<div class='stripe-element' #element></div>", isInline: true, styles: ["nice-stripe-card-element .stripe-element{height:15px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-NiceStripeCardElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeCardElementComponent, deps: [{ token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NiceStripeCardElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: { placeholder: "placeholder", focused: "focused", required: "required", disabled: "disabled" }, host: { properties: { "attr.aria-describedby": "this.describedBy", "id": "this.id", "class.floating": "this.shouldLabelFloat" } }, providers: [
-        {
-            provide: MatFormFieldControl,
-            useExisting: NiceStripeCardElementComponent
-        }
-    ], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["element"], descendants: true }], ngImport: i0, template: "<div class='stripe-element' #element></div>", isInline: true, styles: ["nice-stripe-card-element .stripe-element{height:15px}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeCardElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeCardElementComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-stripe-card-element", template: "<div class='stripe-element' #element></div>", encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -158,13 +158,6 @@ __decorate([
 ], StripeForm.prototype, "name", void 0);
 
 class NiceStripeCardFormComponent {
-    constructor(options, formGroup, stripeService, translateService) {
-        this.options = options;
-        this.formGroup = formGroup;
-        this.stripeService = stripeService;
-        this.translateService = translateService;
-        this.showIcons = false;
-    }
     get isValid() {
         return this.cardNumberInput.complete &&
             this.cardExpiryInput.complete &&
@@ -179,6 +172,13 @@ class NiceStripeCardFormComponent {
             name: this.formGroup.get("name").value
         }).pipe(map(x => x?.token?.id)).toPromise();
     }
+    constructor(options, formGroup, stripeService, translateService) {
+        this.options = options;
+        this.formGroup = formGroup;
+        this.stripeService = stripeService;
+        this.translateService = translateService;
+        this.showIcons = false;
+    }
     async ngOnInit() {
         this.stripeOptions = {
             placeholder: "",
@@ -186,10 +186,10 @@ class NiceStripeCardFormComponent {
                 base: this.options.styling
             }
         };
-        this.elements = await this.stripeService.elements({
+        this.elements = await lastValueFrom(this.stripeService.elements({
             locale: this.translateService.currentLang,
             fonts: this.options?.fonts ?? []
-        }).toPromise();
+        }));
         this.initCardNumber();
         this.initCardExpiry();
         this.initCardCvc();
@@ -245,15 +245,15 @@ class NiceStripeCardFormComponent {
         const date = new Date();
         return +date.getFullYear().toString().substr(-2);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeCardFormComponent, deps: [{ token: NICE_STRIPE_OPTIONS, optional: true }, { token: i1.GeneratedFormGroup }, { token: i2.StripeService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: NiceStripeCardFormComponent, selector: "nice-stripe-card-form", inputs: { appearance: "appearance", showIcons: "showIcons" }, providers: [
+            {
+                provide: GeneratedFormGroup,
+                useFactory: ngxFormGeneratorFactory(StripeForm)
+            }
+        ], viewQueries: [{ propertyName: "cardNumberInput", first: true, predicate: ["cardNumber"], descendants: true }, { propertyName: "cardExpiryInput", first: true, predicate: ["cardExpiry"], descendants: true }, { propertyName: "cardCvcInput", first: true, predicate: ["cardCvc"], descendants: true }], ngImport: i0, template: "<mat-list [formGroup]=\"formGroup\">\n    <mat-list-item>\n        <mat-form-field [appearance]=\"appearance\" niceControlStatus floatLabel=\"always\">\n            <mat-label>{{ \"nice_ui_kit.stripe.name_on_card.label\"  | translate }}</mat-label>\n            <input [placeholder]=\"'nice_ui_kit.stripe.name_on_card.placeholder' | translate\" matInput type=\"text\"\n                   formControlName=\"name\" required/>\n            <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                <i class=\"fad fa-user-circle accent-fg\"></i>\n            </div>\n        </mat-form-field>\n    </mat-list-item>\n    <mat-list-item>\n        <div class=\"flex flex-col w-full\">\n            <div class=\"flex flex-row\">\n                <mat-form-field class=\"flex-full max-w-full\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.card_number.label\"  | translate }}</mat-label>\n                    <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                        <i class=\"fad fa-credit-card accent-fg\"></i>\n                    </div>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.card_number.placeholder' | translate\"\n                                              #cardNumber required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardNumberError\">{{ cardNumberError }}</mat-error>\n                </mat-form-field>\n            </div>\n            <div class=\"flex flex-row gap-4\">\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.expiration.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.expiration.placeholder' | translate\"\n                                              #cardExpiry required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardExpiryError\">{{ cardExpiryError }}</mat-error>\n                </mat-form-field>\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.cvc.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.cvc.placeholder' | translate\" #cardCvc\n                                              required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardCvcError\">{{ cardCvcError }}</mat-error>\n                </mat-form-field>\n            </div>\n        </div>\n    </mat-list-item>\n</mat-list>\n", styles: ["nice-stripe-card-form mat-list-item{height:auto!important}nice-stripe-card-form .form-icons{font-size:24px!important;width:24px!important;height:24px!important;line-height:24px!important}\n"], dependencies: [{ kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8.NiceControlStatusDirective, selector: "[niceControlStatus]" }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: ["placeholder", "focused", "required", "disabled"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None }); }
 }
-NiceStripeCardFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeCardFormComponent, deps: [{ token: NICE_STRIPE_OPTIONS, optional: true }, { token: i1.GeneratedFormGroup }, { token: i2.StripeService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-NiceStripeCardFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceStripeCardFormComponent, selector: "nice-stripe-card-form", inputs: { appearance: "appearance", showIcons: "showIcons" }, providers: [
-        {
-            provide: GeneratedFormGroup,
-            useFactory: ngxFormGeneratorFactory(StripeForm)
-        }
-    ], viewQueries: [{ propertyName: "cardNumberInput", first: true, predicate: ["cardNumber"], descendants: true }, { propertyName: "cardExpiryInput", first: true, predicate: ["cardExpiry"], descendants: true }, { propertyName: "cardCvcInput", first: true, predicate: ["cardCvc"], descendants: true }], ngImport: i0, template: "<mat-list [formGroup]=\"formGroup\">\n    <mat-list-item>\n        <mat-form-field [appearance]=\"appearance\" niceControlStatus floatLabel=\"always\">\n            <mat-label>{{ \"nice_ui_kit.stripe.name_on_card.label\"  | translate }}</mat-label>\n            <input [placeholder]=\"'nice_ui_kit.stripe.name_on_card.placeholder' | translate\" matInput type=\"text\"\n                   formControlName=\"name\" required/>\n            <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                <i class=\"fad fa-user-circle accent-fg\"></i>\n            </div>\n        </mat-form-field>\n    </mat-list-item>\n    <mat-list-item>\n        <div class=\"flex flex-col w-full\">\n            <div class=\"flex flex-row\">\n                <mat-form-field class=\"flex-full max-w-full\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.card_number.label\"  | translate }}</mat-label>\n                    <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                        <i class=\"fad fa-credit-card accent-fg\"></i>\n                    </div>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.card_number.placeholder' | translate\"\n                                              #cardNumber required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardNumberError\">{{ cardNumberError }}</mat-error>\n                </mat-form-field>\n            </div>\n            <div class=\"flex flex-row gap-4\">\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.expiration.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.expiration.placeholder' | translate\"\n                                              #cardExpiry required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardExpiryError\">{{ cardExpiryError }}</mat-error>\n                </mat-form-field>\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.cvc.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.cvc.placeholder' | translate\" #cardCvc\n                                              required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardCvcError\">{{ cardCvcError }}</mat-error>\n                </mat-form-field>\n            </div>\n        </div>\n    </mat-list-item>\n</mat-list>\n", styles: ["nice-stripe-card-form mat-list-item{height:auto!important}nice-stripe-card-form .form-icons{font-size:24px!important;width:24px!important;height:24px!important;line-height:24px!important}\n"], dependencies: [{ kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i8.NiceControlStatusDirective, selector: "[niceControlStatus]" }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: ["placeholder", "focused", "required", "disabled"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeCardFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeCardFormComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-stripe-card-form", encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -293,28 +293,28 @@ class NiceStripeModule {
             ]
         };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeModule, declarations: [NiceStripeCardElementComponent,
+            NiceStripeCardFormComponent], imports: [NgxStripeModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatListModule,
+            NiceFormErrorModule,
+            MatButtonModule,
+            CommonModule], exports: [NiceStripeCardFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeModule, imports: [NgxStripeModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatListModule,
+            NiceFormErrorModule,
+            MatButtonModule,
+            CommonModule] }); }
 }
-NiceStripeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceStripeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeModule, declarations: [NiceStripeCardElementComponent,
-        NiceStripeCardFormComponent], imports: [NgxStripeModule,
-        ReactiveFormsModule,
-        TranslateModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatListModule,
-        NiceFormErrorModule,
-        MatButtonModule,
-        CommonModule], exports: [NiceStripeCardFormComponent] });
-NiceStripeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeModule, imports: [NgxStripeModule,
-        ReactiveFormsModule,
-        TranslateModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatListModule,
-        NiceFormErrorModule,
-        MatButtonModule,
-        CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceStripeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/recursyve-nice-stripe-kit.v2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursyve-nice-stripe-kit.v2.mjs","sources":["../../../projects/nice-stripe-kit-v2/src/lib/components/card-element/stripe-card-element.component.ts","../../../projects/nice-stripe-kit-v2/src/lib/nice-stripe-kit.constant.ts","../../../projects/nice-stripe-kit-v2/src/lib/components/card-form/stripe-card-form.form.ts","../../../projects/nice-stripe-kit-v2/src/lib/components/card-form/stripe-card-form.component.ts","../../../projects/nice-stripe-kit-v2/src/lib/components/card-form/stripe-card-form.template.html","../../../projects/nice-stripe-kit-v2/src/lib/nice-stripe-kit.module.ts","../../../projects/nice-stripe-kit-v2/src/public-api.ts","../../../projects/nice-stripe-kit-v2/src/recursyve-nice-stripe-kit.v2.ts"],"sourcesContent":["import { coerceBooleanProperty } from \"@angular/cdk/coercion\";\nimport {\n    AfterViewInit,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n    ViewEncapsulation\n} from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { MatFormFieldControl } from \"@angular/material/form-field\";\nimport { StripeCardCvcElement, StripeCardExpiryElement, StripeCardNumberElement } from \"@stripe/stripe-js\";\nimport { Subject } from \"rxjs\";\nimport { v4 as uuidv4 } from \"uuid\";\n\n@Component({\n    selector: \"nice-stripe-card-element\",\n    template: \"<div class='stripe-element' #element></div>\",\n    styleUrls: [\"./stripe-card-element.style.scss\"],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: MatFormFieldControl,\n            useExisting: NiceStripeCardElementComponent\n        }\n    ]\n})\nexport class NiceStripeCardElementComponent implements AfterViewInit, MatFormFieldControl<string> {\n    private _placeholder: string;\n    private _focused = false;\n    private _required = false;\n    private _disabled = false;\n\n    @ViewChild(\"element\")\n    private elementRef?: ElementRef;\n\n    public element?: StripeCardNumberElement | StripeCardExpiryElement | StripeCardCvcElement;\n    public value: string;\n    public stateChanges = new Subject<void>();\n    public empty = true;\n    public errorState = false;\n    public complete = false;\n\n    @HostBinding(\"attr.aria-describedby\")\n    public describedBy = \"\";\n\n    @HostBinding()\n    public id: string = uuidv4();\n\n    @Input()\n    public set placeholder(placeholder: string) {\n        this._placeholder = placeholder;\n        this.stateChanges.next();\n    }\n\n    public get placeholder() {\n        return this._placeholder;\n    }\n\n    @Input()\n    public set focused(focused: boolean) {\n        this._focused = focused;\n        this.stateChanges.next();\n    }\n\n    public get focused() {\n        return this._focused;\n    }\n\n    @Input()\n    public get required() {\n        return this._required;\n    }\n\n    public set required(req) {\n        this._required = coerceBooleanProperty(req);\n        this.stateChanges.next();\n    }\n\n    @Input()\n    public get disabled(): boolean {\n        return this._disabled;\n    }\n\n    public set disabled(value: boolean) {\n        this._disabled = coerceBooleanProperty(value);\n        this.stateChanges.next();\n    }\n\n    @HostBinding(\"class.floating\")\n    public get shouldLabelFloat() {\n        return this.focused || !this.empty;\n    }\n\n    public setDescribedByIds(ids: string[]) {\n        this.describedBy = ids.join(\" \");\n    }\n\n    constructor(@Optional() @Self() public ngControl: NgControl) {\n    }\n\n    public async ngAfterViewInit() {\n        if (this.elementRef) {\n            this.empty = !this.value;\n        }\n    }\n\n    public async init(element: StripeCardNumberElement | StripeCardExpiryElement | StripeCardCvcElement) {\n        this.element = element;\n        this.element.mount(this.elementRef.nativeElement);\n        this.stateChanges.next();\n\n        this.element.update({\n            placeholder: this.placeholder\n        });\n\n        (this.element as StripeCardNumberElement).on(\"blur\", () => {\n            this.focused = false;\n            if (this.empty && this._required) {\n                this.errorState = true;\n            }\n        });\n        (this.element as StripeCardNumberElement).on(\"focus\", () => {\n            this.focused = true;\n        });\n\n        (this.element as StripeCardNumberElement).on(\"change\", event => {\n            this.empty = event.empty;\n            this.errorState = !!event.error;\n            this.complete = event.complete;\n            this.stateChanges.next();\n        });\n    }\n\n    public markAsTouched(): void {\n        this.errorState = !!this.empty;\n        this.stateChanges.next();\n    }\n\n    public onContainerClick(event: MouseEvent): void {\n    }\n}\n","import { InjectionToken } from \"@angular/core\";\n\nexport const NICE_STRIPE_OPTIONS = new InjectionToken(\"nice_stripe_options\");\n","import { Control, Required } from \"@recursyve/ngx-form-generator\";\n\nexport class StripeForm {\n    @Control()\n    @Required()\n    public name: string;\n}\n","import { Component, Inject, Input, OnDestroy, OnInit, Optional, ViewChild, ViewEncapsulation } from \"@angular/core\";\nimport { MatFormFieldAppearance } from \"@angular/material/form-field\";\nimport { TranslateService } from \"@ngx-translate/core\";\nimport { GeneratedFormGroup, ngxFormGeneratorFactory } from \"@recursyve/ngx-form-generator\";\nimport { niceAnimations } from \"@recursyve/nice-ui-kit.v2\";\nimport {\n    StripeCardCvcElement,\n    StripeCardExpiryElement,\n    StripeCardNumberElement,\n    StripeCardNumberElementOptions,\n    StripeElements\n} from \"@stripe/stripe-js\";\nimport { StripeService } from \"ngx-stripe\";\nimport { lastValueFrom } from \"rxjs\";\nimport { map } from \"rxjs/operators\";\nimport { NICE_STRIPE_OPTIONS } from \"../../nice-stripe-kit.constant\";\nimport { NiceStripeKitOptions } from \"../../nice-stripe-kit.options\";\nimport { NiceStripeCardElementComponent } from \"../card-element/stripe-card-element.component\";\nimport { StripeForm } from \"./stripe-card-form.form\";\n\n@Component({\n    selector: \"nice-stripe-card-form\",\n    templateUrl: \"stripe-card-form.template.html\",\n    styleUrls: [\"stripe-card-form.style.scss\"],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: GeneratedFormGroup,\n            useFactory: ngxFormGeneratorFactory(StripeForm)\n        }\n    ],\n    animations: niceAnimations\n})\nexport class NiceStripeCardFormComponent implements OnInit, OnDestroy {\n    @Input()\n    public appearance: MatFormFieldAppearance;\n\n    @Input()\n    public showIcons = false;\n\n    @ViewChild(\"cardNumber\")\n    public cardNumberInput: NiceStripeCardElementComponent;\n\n    @ViewChild(\"cardExpiry\")\n    public cardExpiryInput: NiceStripeCardElementComponent;\n\n    @ViewChild(\"cardCvc\")\n    public cardCvcInput: NiceStripeCardElementComponent;\n\n    public cardNumberElement: StripeCardNumberElement;\n    public cardNumberError: string;\n    public cardExpiryElement: StripeCardExpiryElement;\n    public cardExpiryError: string;\n    public cardCvcElement: StripeCardCvcElement;\n    public cardCvcError: string;\n\n    public stripeOptions: StripeCardNumberElementOptions;\n\n    private elements: StripeElements;\n\n    public get isValid(): boolean {\n        return this.cardNumberInput.complete &&\n            this.cardExpiryInput.complete &&\n            this.cardCvcInput.complete &&\n            this.formGroup.valid;\n    }\n\n    public get cardToken(): Promise<string> {\n        if (!this.isValid) {\n            return null;\n        }\n\n        return this.stripeService.createToken(this.cardNumberElement, {\n            name: this.formGroup.get(\"name\").value\n        }).pipe(\n            map(x => x?.token?.id)\n        ).toPromise();\n    }\n\n    constructor(\n        @Optional() @Inject(NICE_STRIPE_OPTIONS) public options: NiceStripeKitOptions,\n        public formGroup: GeneratedFormGroup<StripeForm>,\n        private stripeService: StripeService,\n        private translateService: TranslateService\n    ) {\n    }\n\n    public async ngOnInit(): Promise<void> {\n        this.stripeOptions = {\n            placeholder: \"\",\n            style: {\n                base: this.options.styling\n            }\n        };\n\n        this.elements = await lastValueFrom(\n            this.stripeService.elements({\n                locale: this.translateService.currentLang as any,\n                fonts: this.options?.fonts ?? []\n            })\n        );\n\n        this.initCardNumber();\n        this.initCardExpiry();\n        this.initCardCvc();\n    }\n\n    public initCardNumber() {\n        this.cardNumberElement = this.elements.create(\"cardNumber\", {\n            ...this.stripeOptions,\n        });\n        this.cardNumberElement.on(\"change\", event => {\n            this.cardNumberError = event.error ? event.error.message : null;\n        });\n        this.cardNumberInput.init(this.cardNumberElement);\n    }\n\n    public initCardExpiry() {\n        this.cardExpiryElement = this.elements.create(\"cardExpiry\", {\n            ...this.stripeOptions,\n        });\n        this.cardExpiryElement.on(\"change\", event => {\n            this.cardExpiryError = event.error ? event.error.message : null;\n        });\n        this.cardExpiryInput.init(this.cardExpiryElement);\n    }\n\n    public initCardCvc() {\n        this.cardCvcElement = this.elements.create(\"cardCvc\", {\n            ...this.stripeOptions,\n        });\n        this.cardCvcElement.on(\"change\", event => {\n            this.cardCvcError = event.error ? event.error.message : null;\n        });\n        this.cardCvcInput.init(this.cardCvcElement);\n    }\n\n    public ngOnDestroy(): void {\n        if (this.cardNumberElement) {\n            this.cardNumberElement.unmount();\n        }\n\n        if (this.cardExpiryElement) {\n            this.cardExpiryElement.unmount();\n        }\n\n        if (this.cardCvcElement) {\n            this.cardCvcElement.unmount();\n        }\n    }\n\n    public patchName(name: string) {\n        this.formGroup.get(\"name\").patchValue(name);\n    }\n\n    public markAllAsTouched(): void {\n        this.formGroup.markAllAsTouched();\n        this.cardCvcInput.markAsTouched();\n        this.cardNumberInput.markAsTouched();\n        this.cardExpiryInput.markAsTouched();\n    }\n\n    private getYear(): number {\n        const date = new Date();\n        return +date.getFullYear().toString().substr(-2);\n    }\n}\n","<mat-list [formGroup]=\"formGroup\">\n    <mat-list-item>\n        <mat-form-field [appearance]=\"appearance\" niceControlStatus floatLabel=\"always\">\n            <mat-label>{{ \"nice_ui_kit.stripe.name_on_card.label\"  | translate }}</mat-label>\n            <input [placeholder]=\"'nice_ui_kit.stripe.name_on_card.placeholder' | translate\" matInput type=\"text\"\n                   formControlName=\"name\" required/>\n            <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                <i class=\"fad fa-user-circle accent-fg\"></i>\n            </div>\n        </mat-form-field>\n    </mat-list-item>\n    <mat-list-item>\n        <div class=\"flex flex-col w-full\">\n            <div class=\"flex flex-row\">\n                <mat-form-field class=\"flex-full max-w-full\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.card_number.label\"  | translate }}</mat-label>\n                    <div matPrefix class=\"pl-2\" *ngIf=\"showIcons\">\n                        <i class=\"fad fa-credit-card accent-fg\"></i>\n                    </div>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.card_number.placeholder' | translate\"\n                                              #cardNumber required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardNumberError\">{{ cardNumberError }}</mat-error>\n                </mat-form-field>\n            </div>\n            <div class=\"flex flex-row gap-4\">\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.expiration.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.expiration.placeholder' | translate\"\n                                              #cardExpiry required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardExpiryError\">{{ cardExpiryError }}</mat-error>\n                </mat-form-field>\n                <mat-form-field class=\"flex flex-full max-w-1/2\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.cvc.label\"  | translate }}</mat-label>\n                    <nice-stripe-card-element [placeholder]=\"'nice_ui_kit.stripe.cvc.placeholder' | translate\" #cardCvc\n                                              required></nice-stripe-card-element>\n                    <mat-error [@slideInBottom] *ngIf=\"cardCvcError\">{{ cardCvcError }}</mat-error>\n                </mat-form-field>\n            </div>\n        </div>\n    </mat-list-item>\n</mat-list>\n","import { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\nimport { MatInputModule } from \"@angular/material/input\";\nimport { MatListModule } from \"@angular/material/list\";\nimport { TranslateModule } from \"@ngx-translate/core\";\nimport { NiceFormErrorModule } from \"@recursyve/nice-ui-kit.v2\";\nimport { NgxStripeModule } from \"ngx-stripe\";\nimport { NiceStripeCardElementComponent } from \"./components/card-element/stripe-card-element.component\";\nimport { NiceStripeCardFormComponent } from \"./components/card-form/stripe-card-form.component\";\nimport { NICE_STRIPE_OPTIONS } from \"./nice-stripe-kit.constant\";\nimport { NiceStripeKitOptions } from \"./nice-stripe-kit.options\";\n\n@NgModule({\n    imports: [\n        NgxStripeModule,\n        ReactiveFormsModule,\n        TranslateModule,\n\n        MatFormFieldModule,\n        MatInputModule,\n        MatListModule,\n        NiceFormErrorModule,\n        MatButtonModule,\n        CommonModule\n    ],\n    declarations: [\n        NiceStripeCardElementComponent,\n        NiceStripeCardFormComponent\n    ],\n    exports: [\n        NiceStripeCardFormComponent\n    ]\n})\nexport class NiceStripeModule {\n    public static forRoot(options?: NiceStripeKitOptions): ModuleWithProviders<NiceStripeModule> {\n        return {\n            ngModule: NiceStripeModule,\n            providers: [\n                {\n                    provide: NICE_STRIPE_OPTIONS,\n                    useValue: options\n                }\n            ]\n        };\n    }\n}\n","/*\n * Public API Surface of nice-stripe-kit\n */\n\nexport * from \"./lib/nice-stripe-kit.module\";\nexport * from \"./lib/components/card-element/stripe-card-element.component\";\nexport * from \"./lib/components/card-form/stripe-card-form.component\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["uuidv4","i1"],"mappings":"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"}

package/lib/components/card-element/stripe-card-element.component.d.ts

@@ -35,5 +35,5 @@ export declare class NiceStripeCardElementComponent implements AfterViewInit, Ma
     markAsTouched(): void;
     onContainerClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceStripeCardElementComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceStripeCardElementComponent, "nice-stripe-card-element", never, { "placeholder": "placeholder"; "focused": "focused"; "required": "required"; "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceStripeCardElementComponent, "nice-stripe-card-element", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/card-form/stripe-card-form.component.d.ts

@@ -38,5 +38,5 @@ export declare class NiceStripeCardFormComponent implements OnInit, OnDestroy {
     markAllAsTouched(): void;
     private getYear;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceStripeCardFormComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceStripeCardFormComponent, "nice-stripe-card-form", never, { "appearance": "appearance"; "showIcons": "showIcons"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceStripeCardFormComponent, "nice-stripe-card-form", never, { "appearance": { "alias": "appearance"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,23 +1,19 @@
 {
   "name": "@recursyve/nice-stripe-kit.v2",
-  "version": "14.0.0-beta.5",
+  "version": "16.0.0-beta.7",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@recursyve/nice-ui-kit.v2": "^14.0.0-beta.100",
-    "@recursyve/ngx-form-generator": "^14.0.0-beta.39",
-    "@stripe/stripe-js": "^1.21.0",
-    "ngx-stripe": "^14.0.0",
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@recursyve/nice-ui-kit.v2": ">= 16.0.0-beta.136",
+    "@recursyve/ngx-form-generator": ">= 16.0.0-beta.47",
+    "@stripe/stripe-js": "^3.4.0",
+    "ngx-stripe": "^16.4.0",
     "uuid": ">= 9.0.0"
   },
-  "module": "fesm2015/recursyve-nice-stripe-kit.v2.mjs",
-  "es2020": "fesm2020/recursyve-nice-stripe-kit.v2.mjs",
-  "esm2020": "esm2020/recursyve-nice-stripe-kit.v2.mjs",
-  "fesm2020": "fesm2020/recursyve-nice-stripe-kit.v2.mjs",
-  "fesm2015": "fesm2015/recursyve-nice-stripe-kit.v2.mjs",
+  "module": "fesm2022/recursyve-nice-stripe-kit.v2.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -25,11 +21,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/recursyve-nice-stripe-kit.v2.mjs",
-      "es2020": "./fesm2020/recursyve-nice-stripe-kit.v2.mjs",
-      "es2015": "./fesm2015/recursyve-nice-stripe-kit.v2.mjs",
-      "node": "./fesm2015/recursyve-nice-stripe-kit.v2.mjs",
-      "default": "./fesm2020/recursyve-nice-stripe-kit.v2.mjs"
+      "esm2022": "./esm2022/recursyve-nice-stripe-kit.v2.mjs",
+      "esm": "./esm2022/recursyve-nice-stripe-kit.v2.mjs",
+      "default": "./fesm2022/recursyve-nice-stripe-kit.v2.mjs"
     }
   },
   "sideEffects": false

package/esm2020/lib/components/card-element/stripe-card-element.component.mjs

@@ -1,130 +0,0 @@
-import { coerceBooleanProperty } from "@angular/cdk/coercion";
-import { Component, ElementRef, HostBinding, Input, Optional, Self, ViewChild, ViewEncapsulation } from "@angular/core";
-import { NgControl } from "@angular/forms";
-import { MatFormFieldControl } from "@angular/material/form-field";
-import { Subject } from "rxjs";
-import { v4 as uuidv4 } from "uuid";
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-export class NiceStripeCardElementComponent {
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        this._focused = false;
-        this._required = false;
-        this._disabled = false;
-        this.stateChanges = new Subject();
-        this.empty = true;
-        this.errorState = false;
-        this.complete = false;
-        this.describedBy = "";
-        this.id = uuidv4();
-    }
-    set placeholder(placeholder) {
-        this._placeholder = placeholder;
-        this.stateChanges.next();
-    }
-    get placeholder() {
-        return this._placeholder;
-    }
-    set focused(focused) {
-        this._focused = focused;
-        this.stateChanges.next();
-    }
-    get focused() {
-        return this._focused;
-    }
-    get required() {
-        return this._required;
-    }
-    set required(req) {
-        this._required = coerceBooleanProperty(req);
-        this.stateChanges.next();
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this.stateChanges.next();
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(" ");
-    }
-    async ngAfterViewInit() {
-        if (this.elementRef) {
-            this.empty = !this.value;
-        }
-    }
-    async init(element) {
-        this.element = element;
-        this.element.mount(this.elementRef.nativeElement);
-        this.stateChanges.next();
-        this.element.update({
-            placeholder: this.placeholder
-        });
-        this.element.on("blur", () => {
-            this.focused = false;
-            if (this.empty && this._required) {
-                this.errorState = true;
-            }
-        });
-        this.element.on("focus", () => {
-            this.focused = true;
-        });
-        this.element.on("change", event => {
-            this.empty = event.empty;
-            this.errorState = !!event.error;
-            this.complete = event.complete;
-            this.stateChanges.next();
-        });
-    }
-    markAsTouched() {
-        this.errorState = !!this.empty;
-        this.stateChanges.next();
-    }
-    onContainerClick(event) {
-    }
-}
-NiceStripeCardElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeCardElementComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NiceStripeCardElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: { placeholder: "placeholder", focused: "focused", required: "required", disabled: "disabled" }, host: { properties: { "attr.aria-describedby": "this.describedBy", "id": "this.id", "class.floating": "this.shouldLabelFloat" } }, providers: [
-        {
-            provide: MatFormFieldControl,
-            useExisting: NiceStripeCardElementComponent
-        }
-    ], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["element"], descendants: true }], ngImport: i0, template: "<div class='stripe-element' #element></div>", isInline: true, styles: ["nice-stripe-card-element .stripe-element{height:15px}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStripeCardElementComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "nice-stripe-card-element", template: "<div class='stripe-element' #element></div>", encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: MatFormFieldControl,
-                            useExisting: NiceStripeCardElementComponent
-                        }
-                    ], styles: ["nice-stripe-card-element .stripe-element{height:15px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }]; }, propDecorators: { elementRef: [{
-                type: ViewChild,
-                args: ["element"]
-            }], describedBy: [{
-                type: HostBinding,
-                args: ["attr.aria-describedby"]
-            }], id: [{
-                type: HostBinding
-            }], placeholder: [{
-                type: Input
-            }], focused: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], shouldLabelFloat: [{
-                type: HostBinding,
-                args: ["class.floating"]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaXBlLWNhcmQtZWxlbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXN0cmlwZS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtZWxlbWVudC9zdHJpcGUtY2FyZC1lbGVtZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBRUgsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFFBQVEsRUFDUixJQUFJLEVBQ0osU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFbkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxJQUFJLE1BQU0sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBY3BDLE1BQU0sT0FBTyw4QkFBOEI7SUF1RXZDLFlBQXVDLFNBQW9CO1FBQXBCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFyRW5ELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBT25CLGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUNuQyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBR2pCLE9BQUUsR0FBVyxNQUFNLEVBQUUsQ0FBQztJQW9EN0IsQ0FBQztJQWxERCxJQUNX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LENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLGFBQWE7UUFDaEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUFpQjtJQUN6QyxDQUFDOzsySEFqSFEsOEJBQThCOytHQUE5Qiw4QkFBOEIsOFJBUDVCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsbUJBQW1CO1lBQzVCLFdBQVcsRUFBRSw4QkFBOEI7U0FDOUM7S0FDSixpSUFSUyw2Q0FBNkM7MkZBVTlDLDhCQUE4QjtrQkFaMUMsU0FBUzsrQkFDSSwwQkFBMEIsWUFDMUIsNkNBQTZDLGlCQUV4QyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxtQkFBbUI7NEJBQzVCLFdBQVcsZ0NBQWdDO3lCQUM5QztxQkFDSjs7MEJBeUVZLFFBQVE7OzBCQUFJLElBQUk7NENBaEVyQixVQUFVO3NCQURqQixTQUFTO3VCQUFDLFNBQVM7Z0JBV2IsV0FBVztzQkFEakIsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBSTdCLEVBQUU7c0JBRFIsV0FBVztnQkFJRCxXQUFXO3NCQURyQixLQUFLO2dCQVdLLE9BQU87c0JBRGpCLEtBQUs7Z0JBV0ssUUFBUTtzQkFEbEIsS0FBSztnQkFXSyxRQUFRO3NCQURsQixLQUFLO2dCQVdLLGdCQUFnQjtzQkFEMUIsV0FBVzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL2NvZXJjaW9uXCI7XG5pbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3B0aW9uYWwsXG4gICAgU2VsZixcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkXCI7XG5pbXBvcnQgeyBTdHJpcGVDYXJkQ3ZjRWxlbWVudCwgU3RyaXBlQ2FyZEV4cGlyeUVsZW1lbnQsIFN0cmlwZUNhcmROdW1iZXJFbGVtZW50IH0gZnJvbSBcIkBzdHJpcGUvc3RyaXBlLWpzXCI7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gXCJ1dWlkXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5pY2Utc3RyaXBlLWNhcmQtZWxlbWVudFwiLFxuICAgIHRlbXBsYXRlOiBcIjxkaXYgY2xhc3M9J3N0cmlwZS1lbGVtZW50JyAjZWxlbWVudD48L2Rpdj5cIixcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RyaXBlLWNhcmQtZWxlbWVudC5zdHlsZS5zY3NzXCJdLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE1hdEZvcm1GaWVsZENvbnRyb2wsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogTmljZVN0cmlwZUNhcmRFbGVtZW50Q29tcG9uZW50XG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE5pY2VTdHJpcGVDYXJkRWxlbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE1hdEZvcm1GaWVsZENvbnRyb2w8c3RyaW5nPiB7XG4gICAgcHJpdmF0ZSBfcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgICBwcml2YXRlIF9mb2N1c2VkID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfcmVxdWlyZWQgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQFZpZXdDaGlsZChcImVsZW1lbnRcIilcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY/OiBFbGVtZW50UmVmO1xuXG4gICAgcHVibGljIGVsZW1lbnQ/OiBTdHJpcGVDYXJkTnVtYmVyRWxlbWVudCB8IFN0cmlwZUNhcmRFeHBpcnlFbGVtZW50IHwgU3RyaXBlQ2FyZEN2Y0VsZW1lbnQ7XG4gICAgcHVibGljIHZhbHVlOiBzdHJpbmc7XG4gICAgcHVibGljIHN0YXRlQ2hhbmdlcyA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gICAgcHVibGljIGVtcHR5ID0gdHJ1ZTtcbiAgICBwdWJsaWMgZXJyb3JTdGF0ZSA9IGZhbHNlO1xuICAgIHB1YmxpYyBjb21wbGV0ZSA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKFwiYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XCIpXG4gICAgcHVibGljIGRlc2NyaWJlZEJ5ID0gXCJcIjtcblxuICAgIEBIb3N0QmluZGluZygpXG4gICAgcHVibGljIGlkOiBzdHJpbmcgPSB1dWlkdjQoKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCBwbGFjZWhvbGRlcihwbGFjZWhvbGRlcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuX3BsYWNlaG9sZGVyID0gcGxhY2Vob2xkZXI7XG4gICAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHBsYWNlaG9sZGVyKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fcGxhY2Vob2xkZXI7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IGZvY3VzZWQoZm9jdXNlZDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9mb2N1c2VkID0gZm9jdXNlZDtcbiAgICAgICAgdGhpcy5zdGF0ZUNoYW5nZXMubmV4dCgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgZm9jdXNlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZvY3VzZWQ7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZ2V0IHJlcXVpcmVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fcmVxdWlyZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCByZXF1aXJlZChyZXEpIHtcbiAgICAgICAgdGhpcy5fcmVxdWlyZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkocmVxKTtcbiAgICAgICAgdGhpcy5zdGF0ZUNoYW5nZXMubmV4dCgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuZmxvYXRpbmdcIilcbiAgICBwdWJsaWMgZ2V0IHNob3VsZExhYmVsRmxvYXQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvY3VzZWQgfHwgIXRoaXMuZW1wdHk7XG4gICAgfVxuXG4gICAgcHVibGljIHNldERlc2NyaWJlZEJ5SWRzKGlkczogc3RyaW5nW10pIHtcbiAgICAgICAgdGhpcy5kZXNjcmliZWRCeSA9IGlkcy5qb2luKFwiIFwiKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBAU2VsZigpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCkge1xuICAgIH1cblxuICAgIHB1YmxpYyBhc3luYyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIGlmICh0aGlzLmVsZW1lbnRSZWYpIHtcbiAgICAgICAgICAgIHRoaXMuZW1wdHkgPSAhdGhpcy52YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBhc3luYyBpbml0KGVsZW1lbnQ6IFN0cmlwZUNhcmROdW1iZXJFbGVtZW50IHwgU3RyaXBlQ2FyZEV4cGlyeUVsZW1lbnQgfCBTdHJpcGVDYXJkQ3ZjRWxlbWVudCkge1xuICAgICAgICB0aGlzLmVsZW1lbnQgPSBlbGVtZW50O1xuICAgICAgICB0aGlzLmVsZW1lbnQubW91bnQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG5cbiAgICAgICAgdGhpcy5lbGVtZW50LnVwZGF0ZSh7XG4gICAgICAgICAgICBwbGFjZWhvbGRlcjogdGhpcy5wbGFjZWhvbGRlclxuICAgICAgICB9KTtcblxuICAgICAgICAodGhpcy5lbGVtZW50IGFzIFN0cmlwZUNhcmROdW1iZXJFbGVtZW50KS5vbihcImJsdXJcIiwgKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5mb2N1c2VkID0gZmFsc2U7XG4gICAgICAgICAgICBpZiAodGhpcy5lbXB0eSAmJiB0aGlzLl9yZXF1aXJlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZXJyb3JTdGF0ZSA9IHRydWU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICAodGhpcy5lbGVtZW50IGFzIFN0cmlwZUNhcmROdW1iZXJFbGVtZW50KS5vbihcImZvY3VzXCIsICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZm9jdXNlZCA9IHRydWU7XG4gICAgICAgIH0pO1xuXG4gICAgICAgICh0aGlzLmVsZW1lbnQgYXMgU3RyaXBlQ2FyZE51bWJlckVsZW1lbnQpLm9uKFwiY2hhbmdlXCIsIGV2ZW50ID0+IHtcbiAgICAgICAgICAgIHRoaXMuZW1wdHkgPSBldmVudC5lbXB0eTtcbiAgICAgICAgICAgIHRoaXMuZXJyb3JTdGF0ZSA9ICEhZXZlbnQuZXJyb3I7XG4gICAgICAgICAgICB0aGlzLmNvbXBsZXRlID0gZXZlbnQuY29tcGxldGU7XG4gICAgICAgICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHB1YmxpYyBtYXJrQXNUb3VjaGVkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVycm9yU3RhdGUgPSAhIXRoaXMuZW1wdHk7XG4gICAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25Db250YWluZXJDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIH1cbn1cbiJdfQ==