@recursyve/nice-stripe-kit.v2 12.0.0-beta.0 → 13.0.0-beta.4

package/fesm2015/{recursyve-nice-stripe-kit.v2.js → recursyve-nice-stripe-kit.v2.mjs}

@@ -2,8 +2,6 @@ import * as i10 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, Optional, Self, ViewChild, HostBinding, Input, InjectionToken, Inject, NgModule } from '@angular/core';
-import * as i11 from '@angular/flex-layout';
-import { FlexModule, ExtendedModule } from '@angular/flex-layout';
 import * as i7 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
@@ -113,32 +111,28 @@ class NiceStripeCardElementComponent {
     onContainerClick(event) {
     }
 }
-NiceStripeCardElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeCardElementComponent, deps: [{ token: i7.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NiceStripeCardElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.0", 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: [
+NiceStripeCardElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeCardElementComponent, deps: [{ token: i7.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+NiceStripeCardElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.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}"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeCardElementComponent, decorators: [{
+    ], 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: "13.0.3", ngImport: i0, type: NiceStripeCardElementComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "nice-stripe-card-element",
-                    template: "<div class='stripe-element' #element></div>",
-                    styleUrls: ["./stripe-card-element.style.scss"],
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
+            args: [{ selector: "nice-stripe-card-element", template: "<div class='stripe-element' #element></div>", encapsulation: ViewEncapsulation.None, providers: [
                         {
                             provide: MatFormFieldControl,
                             useExisting: NiceStripeCardElementComponent
                         }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i7.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }]; }, propDecorators: { elementRef: [{
+                    ], styles: ["nice-stripe-card-element .stripe-element{height:15px}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i7.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }] }];
+    }, propDecorators: { elementRef: [{
                 type: ViewChild,
                 args: ["element"]
             }], describedBy: [{
@@ -249,34 +243,29 @@ class NiceStripeCardFormComponent {
         return +date.getFullYear().toString().substr(-2);
     }
 }
-NiceStripeCardFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.0", 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: "12.0.0", version: "12.0.0", type: NiceStripeCardFormComponent, selector: "nice-stripe-card-form", inputs: { appearance: "appearance", showIcons: "showIcons" }, providers: [
+NiceStripeCardFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.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: "12.0.0", version: "13.0.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-12\" *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 fxLayout=\"column\" class=\"w-100-p\">\n            <div fxLayout=\"row\">\n                <mat-form-field fxFlex=\"100\" [appearance]=\"appearance\" floatLabel=\"always\">\n                    <mat-label>{{ \"nice_ui_kit.stripe.card_number.label\"  | translate}}</mat-label>\n                    <div matPrefix class=\"pl-12\" *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 fxLayout=\"row\" fxLayoutGap=\"15px\">\n                <mat-form-field fxFlex=\"50\" fxFlex.lt-md=\"48\" [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 fxFlex=\"50\" fxFlex.lt-md=\"48\" [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}"], components: [{ type: i4.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: ["placeholder", "focused", "required", "disabled"] }], directives: [{ type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8.NiceControlStatusDirective, selector: "[niceControlStatus]" }, { type: i5.MatLabel, selector: "mat-label" }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatPrefix, selector: "[matPrefix]" }, { type: i11.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i11.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i11.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "translate": i3.TranslatePipe }, animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeCardFormComponent, decorators: [{
+    ], 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"], components: [{ type: i4.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: ["placeholder", "focused", "required", "disabled"] }], directives: [{ type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8.NiceControlStatusDirective, selector: "[niceControlStatus]" }, { type: i5.MatLabel, selector: "mat-label" }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatPrefix, selector: "[matPrefix]" }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i3.TranslatePipe }, animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeCardFormComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "nice-stripe-card-form",
-                    templateUrl: "stripe-card-form.template.html",
-                    styleUrls: ["stripe-card-form.style.scss"],
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
+            args: [{ selector: "nice-stripe-card-form", encapsulation: ViewEncapsulation.None, providers: [
                         {
                             provide: GeneratedFormGroup,
                             useFactory: ngxFormGeneratorFactory(StripeForm)
                         }
-                    ],
-                    animations: niceAnimations
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NICE_STRIPE_OPTIONS]
-                }] }, { type: i1.GeneratedFormGroup }, { type: i2.StripeService }, { type: i3.TranslateService }]; }, propDecorators: { appearance: [{
+                    ], animations: niceAnimations, 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"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [NICE_STRIPE_OPTIONS]
+                    }] }, { type: i1.GeneratedFormGroup }, { type: i2.StripeService }, { type: i3.TranslateService }];
+    }, propDecorators: { appearance: [{
                 type: Input
             }], showIcons: [{
                 type: Input
@@ -304,10 +293,9 @@ class NiceStripeModule {
         };
     }
 }
-NiceStripeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceStripeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeModule, declarations: [NiceStripeCardElementComponent,
-        NiceStripeCardFormComponent], imports: [FlexModule,
-        NgxStripeModule,
+NiceStripeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceStripeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeModule, declarations: [NiceStripeCardElementComponent,
+        NiceStripeCardFormComponent], imports: [NgxStripeModule,
         ReactiveFormsModule,
         TranslateModule,
         MatFormFieldModule,
@@ -315,10 +303,8 @@ NiceStripeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MatListModule,
         NiceFormErrorModule,
         MatButtonModule,
-        CommonModule,
-        ExtendedModule], exports: [NiceStripeCardFormComponent] });
-NiceStripeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeModule, imports: [[
-            FlexModule,
+        CommonModule], exports: [NiceStripeCardFormComponent] });
+NiceStripeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeModule, imports: [[
             NgxStripeModule,
             ReactiveFormsModule,
             TranslateModule,
@@ -327,14 +313,12 @@ NiceStripeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
             MatListModule,
             NiceFormErrorModule,
             MatButtonModule,
-            CommonModule,
-            ExtendedModule
+            CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.0", ngImport: i0, type: NiceStripeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        FlexModule,
                         NgxStripeModule,
                         ReactiveFormsModule,
                         TranslateModule,
@@ -343,8 +327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.0", ngImpor
                         MatListModule,
                         NiceFormErrorModule,
                         MatButtonModule,
-                        CommonModule,
-                        ExtendedModule
+                        CommonModule
                     ],
                     declarations: [
                         NiceStripeCardElementComponent,
@@ -365,4 +348,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.0", ngImpor
  */
 
 export { NiceStripeCardElementComponent, NiceStripeCardFormComponent, NiceStripeModule };
-//# sourceMappingURL=recursyve-nice-stripe-kit.v2.js.map
+//# sourceMappingURL=recursyve-nice-stripe-kit.v2.mjs.map

package/fesm2015/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 { 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 this.stripeService.elements({\n            locale: this.translateService.currentLang as any,\n            fonts: this.options?.fonts ?? []\n        }).toPromise();\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        this.cardNumberElement.unmount();\n        this.cardExpiryElement.unmount();\n        this.cardCvcElement.unmount();\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"],"mappings":"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"}

package/fesm2020/recursyve-nice-stripe-kit.v2.mjs

@@ -0,0 +1,346 @@
+import * as i10 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Optional, Self, ViewChild, HostBinding, Input, InjectionToken, Inject, NgModule } from '@angular/core';
+import * as i7 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/form-field';
+import { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
+import * as i9 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i4 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i8 from '@recursyve/nice-ui-kit.v2';
+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 { v4 } from 'uuid';
+import * as i1 from '@recursyve/ngx-form-generator';
+import { Control, Required, GeneratedFormGroup, ngxFormGeneratorFactory } from '@recursyve/ngx-form-generator';
+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();
+    }
+    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: "13.0.3", ngImport: i0, type: NiceStripeCardElementComponent, deps: [{ token: i7.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+NiceStripeCardElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.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: "13.0.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: i7.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"]
+            }] } });
+
+const NICE_STRIPE_OPTIONS = new InjectionToken("nice_stripe_options");
+
+class StripeForm {
+}
+__decorate([
+    Control(),
+    Required(),
+    __metadata("design:type", String)
+], 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 &&
+            this.cardCvcInput.complete &&
+            this.formGroup.valid;
+    }
+    get cardToken() {
+        if (!this.isValid) {
+            return null;
+        }
+        return this.stripeService.createToken(this.cardNumberElement, {
+            name: this.formGroup.get("name").value
+        }).pipe(map(x => x?.token?.id)).toPromise();
+    }
+    async ngOnInit() {
+        this.stripeOptions = {
+            placeholder: "",
+            style: {
+                base: this.options.styling
+            }
+        };
+        this.elements = await this.stripeService.elements({
+            locale: this.translateService.currentLang,
+            fonts: this.options?.fonts ?? []
+        }).toPromise();
+        this.initCardNumber();
+        this.initCardExpiry();
+        this.initCardCvc();
+    }
+    initCardNumber() {
+        this.cardNumberElement = this.elements.create("cardNumber", {
+            ...this.stripeOptions,
+        });
+        this.cardNumberElement.on("change", event => {
+            this.cardNumberError = event.error ? event.error.message : null;
+        });
+        this.cardNumberInput.init(this.cardNumberElement);
+    }
+    initCardExpiry() {
+        this.cardExpiryElement = this.elements.create("cardExpiry", {
+            ...this.stripeOptions,
+        });
+        this.cardExpiryElement.on("change", event => {
+            this.cardExpiryError = event.error ? event.error.message : null;
+        });
+        this.cardExpiryInput.init(this.cardExpiryElement);
+    }
+    initCardCvc() {
+        this.cardCvcElement = this.elements.create("cardCvc", {
+            ...this.stripeOptions,
+        });
+        this.cardCvcElement.on("change", event => {
+            this.cardCvcError = event.error ? event.error.message : null;
+        });
+        this.cardCvcInput.init(this.cardCvcElement);
+    }
+    ngOnDestroy() {
+        this.cardNumberElement.unmount();
+        this.cardExpiryElement.unmount();
+        this.cardCvcElement.unmount();
+    }
+    patchName(name) {
+        this.formGroup.get("name").patchValue(name);
+    }
+    markAllAsTouched() {
+        this.formGroup.markAllAsTouched();
+        this.cardCvcInput.markAsTouched();
+        this.cardNumberInput.markAsTouched();
+        this.cardExpiryInput.markAsTouched();
+    }
+    getYear() {
+        const date = new Date();
+        return +date.getFullYear().toString().substr(-2);
+    }
+}
+NiceStripeCardFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.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: "12.0.0", version: "13.0.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"], components: [{ type: i4.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: NiceStripeCardElementComponent, selector: "nice-stripe-card-element", inputs: ["placeholder", "focused", "required", "disabled"] }], directives: [{ type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8.NiceControlStatusDirective, selector: "[niceControlStatus]" }, { type: i5.MatLabel, selector: "mat-label" }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatPrefix, selector: "[matPrefix]" }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i3.TranslatePipe }, animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeCardFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "nice-stripe-card-form", encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: GeneratedFormGroup,
+                            useFactory: ngxFormGeneratorFactory(StripeForm)
+                        }
+                    ], animations: niceAnimations, 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"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NICE_STRIPE_OPTIONS]
+                }] }, { type: i1.GeneratedFormGroup }, { type: i2.StripeService }, { type: i3.TranslateService }]; }, propDecorators: { appearance: [{
+                type: Input
+            }], showIcons: [{
+                type: Input
+            }], cardNumberInput: [{
+                type: ViewChild,
+                args: ["cardNumber"]
+            }], cardExpiryInput: [{
+                type: ViewChild,
+                args: ["cardExpiry"]
+            }], cardCvcInput: [{
+                type: ViewChild,
+                args: ["cardCvc"]
+            }] } });
+
+class NiceStripeModule {
+    static forRoot(options) {
+        return {
+            ngModule: NiceStripeModule,
+            providers: [
+                {
+                    provide: NICE_STRIPE_OPTIONS,
+                    useValue: options
+                }
+            ]
+        };
+    }
+}
+NiceStripeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceStripeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.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: "13.0.3", ngImport: i0, type: NiceStripeModule, imports: [[
+            NgxStripeModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatListModule,
+            NiceFormErrorModule,
+            MatButtonModule,
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceStripeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        NgxStripeModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatListModule,
+                        NiceFormErrorModule,
+                        MatButtonModule,
+                        CommonModule
+                    ],
+                    declarations: [
+                        NiceStripeCardElementComponent,
+                        NiceStripeCardFormComponent
+                    ],
+                    exports: [
+                        NiceStripeCardFormComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of nice-stripe-kit
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NiceStripeCardElementComponent, NiceStripeCardFormComponent, NiceStripeModule };
+//# sourceMappingURL=recursyve-nice-stripe-kit.v2.mjs.map