@recursyve/nice-ui-kit.v2 14.0.0-beta.98 → 15.0.0-beta.119

package/esm2020/lib/components/sweet-alert/sweet-alert.component.mjs

@@ -47,9 +47,9 @@ export class NiceSweetAlertComponent {
         }
     }
 }
-NiceSweetAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-NiceSweetAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceSweetAlertComponent, selector: "nice-alert", ngImport: i0, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n    <nice-lottie\n        [options]=\"lottieConfig\"\n        [width]=\"250\"\n        (animCreated)=\"handleAnimation($event)\"\n    ></nice-lottie>\n    <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n    <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <ng-container *ngFor=\"let button of alertConfig.buttons; let i = index\">\n        <button mat-raised-button class=\"mr-4\" [ngClass]=\"getConfirmButtonClass()\" *ngIf=\"i === 0\" (click)=\"confirm()\">\n            {{ button }}\n        </button>\n        <button mat-button (click)=\"close()\" *ngIf=\"i !== 0\">{{ button }}</button>\n    </ng-container>\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.NiceLottieComponent, selector: "nice-lottie", inputs: ["options", "width", "height"], outputs: ["animCreated"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertComponent, decorators: [{
+NiceSweetAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+NiceSweetAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NiceSweetAlertComponent, selector: "nice-alert", ngImport: i0, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n    <nice-lottie\n        [options]=\"lottieConfig\"\n        [width]=\"250\"\n        (animCreated)=\"handleAnimation($event)\"\n    ></nice-lottie>\n    <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n    <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <ng-container *ngFor=\"let button of alertConfig.buttons; let i = index\">\n        <button mat-raised-button class=\"mr-4\" [ngClass]=\"getConfirmButtonClass()\" *ngIf=\"i === 0\" (click)=\"confirm()\">\n            {{ button }}\n        </button>\n        <button mat-button (click)=\"close()\" *ngIf=\"i !== 0\">{{ button }}</button>\n    </ng-container>\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.NiceLottieComponent, selector: "nice-lottie", inputs: ["options", "width", "height"], outputs: ["animCreated"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n    <nice-lottie\n        [options]=\"lottieConfig\"\n        [width]=\"250\"\n        (animCreated)=\"handleAnimation($event)\"\n    ></nice-lottie>\n    <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n    <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <ng-container *ngFor=\"let button of alertConfig.buttons; let i = index\">\n        <button mat-raised-button class=\"mr-4\" [ngClass]=\"getConfirmButtonClass()\" *ngIf=\"i === 0\" (click)=\"confirm()\">\n            {{ button }}\n        </button>\n        <button mat-button (click)=\"close()\" *ngIf=\"i !== 0\">{{ button }}</button>\n    </ng-container>\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/components/sweet-alert/sweet-alert.directive.mjs

@@ -19,9 +19,9 @@ export class NiceSweetAlertDirective {
         }
     }
 }
-NiceSweetAlertDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertDirective, deps: [{ token: i1.NiceSweetAlertService }], target: i0.ɵɵFactoryTarget.Directive });
-NiceSweetAlertDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceSweetAlertDirective, selector: "[niceSweetAlert]", inputs: { sweetAlertType: "sweetAlertType", sweetAlertOptions: "sweetAlertOptions" }, outputs: { sweetAlertAfterClosed: "sweetAlertAfterClosed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertDirective, decorators: [{
+NiceSweetAlertDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertDirective, deps: [{ token: i1.NiceSweetAlertService }], target: i0.ɵɵFactoryTarget.Directive });
+NiceSweetAlertDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: NiceSweetAlertDirective, selector: "[niceSweetAlert]", inputs: { sweetAlertType: "sweetAlertType", sweetAlertOptions: "sweetAlertOptions" }, outputs: { sweetAlertAfterClosed: "sweetAlertAfterClosed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceSweetAlert]" }]
         }], ctorParameters: function () { return [{ type: i1.NiceSweetAlertService }]; }, propDecorators: { sweetAlertType: [{

package/esm2020/lib/components/sweet-alert/sweet-alert.module.mjs

@@ -22,10 +22,10 @@ export class NiceSweetAlertModule {
         };
     }
 }
-NiceSweetAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceSweetAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, declarations: [NiceSweetAlertComponent, NiceSweetAlertDirective], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule], exports: [NiceSweetAlertDirective] });
-NiceSweetAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, providers: [NiceSweetAlertService], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, decorators: [{
+NiceSweetAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceSweetAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertModule, declarations: [NiceSweetAlertComponent, NiceSweetAlertDirective], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule], exports: [NiceSweetAlertDirective] });
+NiceSweetAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertModule, providers: [NiceSweetAlertService], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule],

package/esm2020/lib/components/sweet-alert/sweet-alert.service.mjs

@@ -82,9 +82,9 @@ export class NiceSweetAlertService {
         ];
     }
 }
-NiceSweetAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertService, deps: [{ token: NICE_ALERT_OPTIONS, optional: true }, { token: i1.MatDialog }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceSweetAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertService, decorators: [{
+NiceSweetAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertService, deps: [{ token: NICE_ALERT_OPTIONS, optional: true }, { token: i1.MatDialog }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceSweetAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceSweetAlertService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional

package/esm2020/lib/components/toast/toast.component.mjs

@@ -13,11 +13,11 @@ export class NiceToastComponent {
         this.snackbarRef.dismiss();
     }
 }
-NiceToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
-NiceToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceToastComponent, selector: "nice-toast", ngImport: i0, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box{background-color:transparent!important;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NiceAlertComponent, selector: "nice-alert", inputs: ["appearance", "dismissed", "dismissible", "disableAnimation", "name", "showIcon", "type", "color"], outputs: ["dismissedChanged"], exportAs: ["niceAlert"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastComponent, decorators: [{
+NiceToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
+NiceToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NiceToastComponent, selector: "nice-toast", ngImport: i0, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box .mdc-snackbar__surface{background-color:transparent!important;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NiceAlertComponent, selector: "nice-alert", inputs: ["appearance", "dismissed", "dismissible", "disableAnimation", "name", "showIcon", "type", "color"], outputs: ["dismissedChanged"], exportAs: ["niceAlert"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nice-toast", encapsulation: ViewEncapsulation.None, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box{background-color:transparent!important;box-shadow:none!important}\n"] }]
+            args: [{ selector: "nice-toast", encapsulation: ViewEncapsulation.None, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box .mdc-snackbar__surface{background-color:transparent!important;box-shadow:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_SNACK_BAR_DATA]

package/esm2020/lib/components/toast/toast.module.mjs

@@ -44,10 +44,10 @@ export class NiceToastModule {
         };
     }
 }
-NiceToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, declarations: [NiceToastComponent], imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
-NiceToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, decorators: [{
+NiceToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NiceToastModule, declarations: [NiceToastComponent], imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
+NiceToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastModule, imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule],

package/esm2020/lib/components/toast/toast.service.mjs

@@ -53,9 +53,9 @@ export class NiceToastService {
         }
     }
 }
-NiceToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastService, deps: [{ token: NICE_TOAST_OPTIONS }, { token: i1.MatSnackBar }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastService, decorators: [{
+NiceToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastService, deps: [{ token: NICE_TOAST_OPTIONS }, { token: i1.MatSnackBar }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/components/toggle-button-group/toggle-button-group.component.mjs

@@ -99,15 +99,15 @@ export class ToggleButtonGroupComponent {
         return this.selected.includes(values[index + 1]);
     }
 }
-ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ToggleButtonGroupComponent, selector: "nice-toggle-button-group", inputs: { selected: "selected", color: "color", multiple: "multiple" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "blur": "onBlur()" } }, providers: [
+ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleButtonGroupComponent, selector: "nice-toggle-button-group", inputs: { selected: "selected", color: "color", multiple: "multiple" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "blur": "onBlur()" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => ToggleButtonGroupComponent),
             multi: true
         }
-    ], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-button-group-wrapper\">\n    <div class=\"toggle-button-group flex flex-row items-center\">\n        <div\n                class=\"toggle-button\"\n                [ngClass]=\"conditionalColorObj(btn.value)\"\n                *ngFor=\"let btn of toggleButtons\"\n        >\n            <div matRipple class=\"toggle-button-inner flex place-content-center items-center\" (click)=\"onSelect(btn.value)\">\n                <ng-container *ngTemplateOutlet=\"btn.content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:44px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
+    ], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-button-group-wrapper\">\n    <div class=\"toggle-button-group flex flex-row items-center\">\n        <div\n                class=\"toggle-button\"\n                [ngClass]=\"conditionalColorObj(btn.value)\"\n                *ngFor=\"let btn of toggleButtons\"\n        >\n            <div matRipple class=\"toggle-button-inner flex place-content-center items-center\" (click)=\"onSelect(btn.value)\">\n                <ng-container *ngTemplateOutlet=\"btn.content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:54px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-toggle-button-group", encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                             useExisting: forwardRef(() => ToggleButtonGroupComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"toggle-button-group-wrapper\">\n    <div class=\"toggle-button-group flex flex-row items-center\">\n        <div\n                class=\"toggle-button\"\n                [ngClass]=\"conditionalColorObj(btn.value)\"\n                *ngFor=\"let btn of toggleButtons\"\n        >\n            <div matRipple class=\"toggle-button-inner flex place-content-center items-center\" (click)=\"onSelect(btn.value)\">\n                <ng-container *ngTemplateOutlet=\"btn.content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:44px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"] }]
+                    ], template: "<div class=\"toggle-button-group-wrapper\">\n    <div class=\"toggle-button-group flex flex-row items-center\">\n        <div\n                class=\"toggle-button\"\n                [ngClass]=\"conditionalColorObj(btn.value)\"\n                *ngFor=\"let btn of toggleButtons\"\n        >\n            <div matRipple class=\"toggle-button-inner flex place-content-center items-center\" (click)=\"onSelect(btn.value)\">\n                <ng-container *ngTemplateOutlet=\"btn.content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:54px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"] }]
         }], propDecorators: { toggleButtons: [{
                 type: ContentChildren,
                 args: [ToggleButtonComponent]

package/esm2020/lib/components/toggle-button-group/toggle-button-group.module.mjs

@@ -6,12 +6,12 @@ import { ToggleButtonComponent } from "./toggle-button.component";
 import * as i0 from "@angular/core";
 export class NiceToggleButtonGroupModule {
 }
-NiceToggleButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, declarations: [ToggleButtonComponent, ToggleButtonGroupComponent], imports: [CommonModule,
+NiceToggleButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NiceToggleButtonGroupModule, declarations: [ToggleButtonComponent, ToggleButtonGroupComponent], imports: [CommonModule,
         MatRippleModule], exports: [ToggleButtonComponent, ToggleButtonGroupComponent] });
-NiceToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, imports: [CommonModule,
+NiceToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToggleButtonGroupModule, imports: [CommonModule,
         MatRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceToggleButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/toggle-button-group/toggle-button.component.mjs

@@ -2,9 +2,9 @@ import { Component, Input, TemplateRef, ViewChild } from "@angular/core";
 import * as i0 from "@angular/core";
 export class ToggleButtonComponent {
 }
-ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ToggleButtonComponent, selector: "nice-toggle-button", inputs: { value: "value" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleButtonComponent, selector: "nice-toggle-button", inputs: { value: "value" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "nice-toggle-button",

package/esm2020/lib/components/translation-form/components/textarea/translation-form-textarea.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, Input, } from "@angular/core";
+import { MatFormFieldControl } from "@angular/material/form-field";
+import { TranslationFormComponent } from "../translation-form.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/input";
+import * as i2 from "@angular/forms";
+export class TranslationFormTextareaComponent extends TranslationFormComponent {
+    constructor() {
+        super(...arguments);
+        this.resizable = true;
+        this.rows = 2;
+        this.cols = 20;
+    }
+}
+TranslationFormTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TranslationFormTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TranslationFormTextareaComponent, selector: "nice-translation-form-textarea", inputs: { resizable: "resizable", rows: "rows", cols: "cols" }, providers: [
+        {
+            provide: MatFormFieldControl,
+            useExisting: TranslationFormTextareaComponent,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<textarea\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n    [rows]=\"rows\"\n    [cols]=\"cols\"\n    [class.resize-none]=\"!resizable\"\n></textarea>\n", dependencies: [{ kind: "directive", type: i1.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: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "nice-translation-form-textarea", changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: TranslationFormTextareaComponent,
+                        },
+                    ], template: "<textarea\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n    [rows]=\"rows\"\n    [cols]=\"cols\"\n    [class.resize-none]=\"!resizable\"\n></textarea>\n" }]
+        }], propDecorators: { resizable: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS10ZXh0YXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvdHJhbnNsYXRpb24tZm9ybS9jb21wb25lbnRzL3RleHRhcmVhL3RyYW5zbGF0aW9uLWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0vY29tcG9uZW50cy90ZXh0YXJlYS90cmFuc2xhdGlvbi1mb3JtLXRleHRhcmVhLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7O0FBYXpFLE1BQU0sT0FBTyxnQ0FBaUMsU0FBUSx3QkFBd0I7SUFYOUU7O1FBYVcsY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBR1QsU0FBSSxHQUFHLEVBQUUsQ0FBQztLQUNwQjs7NkhBVFksZ0NBQWdDO2lIQUFoQyxnQ0FBZ0MseUhBUDlCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsbUJBQW1CO1lBQzVCLFdBQVcsRUFBRSxnQ0FBZ0M7U0FDaEQ7S0FDSixpRENqQkwsbU9BU0E7MkZEVWEsZ0NBQWdDO2tCQVg1QyxTQUFTOytCQUNJLGdDQUFnQyxtQkFFekIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsbUJBQW1COzRCQUM1QixXQUFXLGtDQUFrQzt5QkFDaEQ7cUJBQ0o7OEJBSU0sU0FBUztzQkFEZixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE1hdEZvcm1GaWVsZENvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xuaW1wb3J0IHsgVHJhbnNsYXRpb25Gb3JtQ29tcG9uZW50IH0gZnJvbSBcIi4uL3RyYW5zbGF0aW9uLWZvcm0uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5pY2UtdHJhbnNsYXRpb24tZm9ybS10ZXh0YXJlYVwiLFxuICAgIHRlbXBsYXRlVXJsOiBcInRyYW5zbGF0aW9uLWZvcm0tdGV4dGFyZWEudGVtcGxhdGUuaHRtbFwiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBNYXRGb3JtRmllbGRDb250cm9sLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFRyYW5zbGF0aW9uRm9ybVRleHRhcmVhQ29tcG9uZW50LFxuICAgICAgICB9LFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVHJhbnNsYXRpb25Gb3JtVGV4dGFyZWFDb21wb25lbnQgZXh0ZW5kcyBUcmFuc2xhdGlvbkZvcm1Db21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHJlc2l6YWJsZSA9IHRydWU7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyByb3dzID0gMjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNvbHMgPSAyMDtcbn1cbiIsIjx0ZXh0YXJlYVxuICAgIG1hdElucHV0XG4gICAgW2Zvcm1Db250cm9sXT1cImN1cnJlbnRDb250cm9sXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFttYXhsZW5ndGhdPVwibWF4TGVuZ3RoXCJcbiAgICBbcm93c109XCJyb3dzXCJcbiAgICBbY29sc109XCJjb2xzXCJcbiAgICBbY2xhc3MucmVzaXplLW5vbmVdPVwiIXJlc2l6YWJsZVwiXG4+PC90ZXh0YXJlYT5cbiJdfQ==

package/esm2020/lib/components/translation-form/components/textfield/translation-form-textfield.component.mjs

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, } from "@angular/core";
+import { MatFormFieldControl } from "@angular/material/form-field";
+import { TranslationFormComponent } from "../translation-form.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/input";
+import * as i2 from "@angular/forms";
+export class TranslationFormTextfieldComponent extends TranslationFormComponent {
+}
+TranslationFormTextfieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormTextfieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TranslationFormTextfieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TranslationFormTextfieldComponent, selector: "nice-translation-form-textfield", providers: [
+        {
+            provide: MatFormFieldControl,
+            useExisting: TranslationFormTextfieldComponent,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<input\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n/>\n", dependencies: [{ kind: "directive", type: i1.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: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormTextfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "nice-translation-form-textfield", changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: TranslationFormTextfieldComponent,
+                        },
+                    ], template: "<input\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n/>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS10ZXh0ZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0vY29tcG9uZW50cy90ZXh0ZmllbGQvdHJhbnNsYXRpb24tZm9ybS10ZXh0ZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0vY29tcG9uZW50cy90ZXh0ZmllbGQvdHJhbnNsYXRpb24tZm9ybS10ZXh0ZmllbGQudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7OztBQWF6RSxNQUFNLE9BQU8saUNBQWtDLFNBQVEsd0JBQXdCOzs4SEFBbEUsaUNBQWlDO2tIQUFqQyxpQ0FBaUMsMERBUC9CO1FBQ1A7WUFDSSxPQUFPLEVBQUUsbUJBQW1CO1lBQzVCLFdBQVcsRUFBRSxpQ0FBaUM7U0FDakQ7S0FDSixpRENoQkwsb0lBTUE7MkZEWWEsaUNBQWlDO2tCQVg3QyxTQUFTOytCQUNJLGlDQUFpQyxtQkFFMUIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsbUJBQW1COzRCQUM1QixXQUFXLG1DQUFtQzt5QkFDakQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE1hdEZvcm1GaWVsZENvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xuaW1wb3J0IHsgVHJhbnNsYXRpb25Gb3JtQ29tcG9uZW50IH0gZnJvbSBcIi4uL3RyYW5zbGF0aW9uLWZvcm0uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5pY2UtdHJhbnNsYXRpb24tZm9ybS10ZXh0ZmllbGRcIixcbiAgICB0ZW1wbGF0ZVVybDogXCJ0cmFuc2xhdGlvbi1mb3JtLXRleHRmaWVsZC50ZW1wbGF0ZS5odG1sXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE1hdEZvcm1GaWVsZENvbnRyb2wsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogVHJhbnNsYXRpb25Gb3JtVGV4dGZpZWxkQ29tcG9uZW50LFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRyYW5zbGF0aW9uRm9ybVRleHRmaWVsZENvbXBvbmVudCBleHRlbmRzIFRyYW5zbGF0aW9uRm9ybUNvbXBvbmVudCB7fVxuIiwiPGlucHV0XG4gICAgbWF0SW5wdXRcbiAgICBbZm9ybUNvbnRyb2xdPVwiY3VycmVudENvbnRyb2xcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgW21heGxlbmd0aF09XCJtYXhMZW5ndGhcIlxuLz5cbiJdfQ==

package/esm2020/lib/components/translation-form/components/translation-form.component.mjs

@@ -0,0 +1,164 @@
+import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import { ChangeDetectorRef, Component, HostBinding, Input, } from "@angular/core";
+import { ControlContainer, FormControl, Validators, } from "@angular/forms";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs/operators";
+import * as uuid from "uuid";
+import { TranslationContextDirective } from "../directives/translation-context.directive";
+import { TranslationFormService } from "../providers/translation-form.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../directives/translation-context.directive";
+import * as i3 from "../providers/translation-form.service";
+export class TranslationFormComponent {
+    get classList() {
+        return {
+            "w-full": true
+        };
+    }
+    get shouldLabelFloat() {
+        return this.floating || !this.empty;
+    }
+    set required(req) {
+        this._required = coerceBooleanProperty(req);
+        this.stateChanges.next();
+    }
+    get required() {
+        return (this._required ??
+            this.ngControl?.control?.hasValidator(Validators.required) ??
+            false);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        if (this._disabled) {
+            this.currentControl.disable({ emitEvent: false });
+        }
+        else {
+            this.currentControl.enable({ emitEvent: false });
+        }
+        this.stateChanges.next();
+    }
+    set placeholder(placeholder) {
+        this._placeholder = placeholder;
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set value(value) {
+        if (value === this._value) {
+            return;
+        }
+        this._value = value;
+        this.propagate(this._value);
+    }
+    get value() {
+        return this._value;
+    }
+    get empty() {
+        const emptyControlValue = !this.currentControl?.value || !this.currentControl.value.length;
+        const emptyValue = !this._value ||
+            (typeof this._value === "string" && !this._value.length);
+        return emptyControlValue && emptyValue;
+    }
+    get errorState() {
+        return this.ngControl
+            ? this.ngControl.touched && this.ngControl.invalid
+            : false;
+    }
+    constructor(container, context, service, changeDetectorRef) {
+        this.container = container;
+        this.context = context;
+        this.service = service;
+        this.changeDetectorRef = changeDetectorRef;
+        this.floating = true;
+        this.maxLength = 524288; // The maximum number of characters allowed in the <input> element. Default value is 524288
+        this.id = uuid.v4();
+        this.describedBy = "";
+        this.stateChanges = new Subject();
+        this.controlType = "translationForm";
+        this._unsubscribeAll$ = new Subject();
+        this._disabled = false;
+        this.propagate = () => { };
+    }
+    onContainerClick(event) { }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(" ");
+    }
+    registerOnChange(fn) {
+        this.propagate = fn;
+    }
+    registerOnTouched(fn) { }
+    writeValue(value) {
+        this._value = value;
+    }
+    ngOnInit() {
+        this.formGroup = this.container.control;
+        this.service.languages$
+            .pipe(takeUntil(this._unsubscribeAll$))
+            .subscribe((languages) => {
+            if (!languages?.length) {
+                return;
+            }
+            this.setupFormControls(languages);
+        });
+        this.context.activeLanguage$
+            .pipe(takeUntil(this._unsubscribeAll$))
+            .subscribe((activeLanguage) => {
+            this.setLanguage(activeLanguage);
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll$.next();
+        this._unsubscribeAll$.complete();
+    }
+    setLanguage(language) {
+        this.currentControl = this.formGroup.get(language);
+        this.changeDetectorRef.markForCheck();
+    }
+    setupFormControls(languages) {
+        for (const language of languages) {
+            if (!this.formGroup.controls[language]) {
+                this.formGroup.addControl(language, new FormControl(""));
+            }
+        }
+        const controlToRemove = Object.keys(this.formGroup.controls).filter((key) => !languages.includes(key));
+        for (const key of controlToRemove) {
+            this.formGroup.removeControl(key);
+        }
+        this.currentControl = this.formGroup.get(languages[0]);
+    }
+}
+TranslationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormComponent, deps: [{ token: i1.ControlContainer }, { token: i2.TranslationContextDirective }, { token: i3.TranslationFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TranslationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TranslationFormComponent, selector: "ng-component", inputs: { required: "required", disabled: "disabled", placeholder: "placeholder", floating: "floating", maxLength: "maxLength" }, host: { properties: { "class": "this.classList", "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslationFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ControlContainer }, { type: i2.TranslationContextDirective }, { type: i3.TranslationFormService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classList: [{
+                type: HostBinding,
+                args: ["class"]
+            }], shouldLabelFloat: [{
+                type: HostBinding,
+                args: ["class.floating"]
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], floating: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], id: [{
+                type: HostBinding
+            }], describedBy: [{
+                type: HostBinding,
+                args: ["attr.aria-describedby"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvdHJhbnNsYXRpb24tZm9ybS9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFDSCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBR1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVILGdCQUFnQixFQUVoQixXQUFXLEVBR1gsVUFBVSxHQUNiLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFDN0IsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7O0FBSy9FLE1BQU0sT0FBZ0Isd0JBQXdCO0lBTzFDLElBQ1csU0FBUztRQUNoQixPQUFPO1lBQ0gsUUFBUSxFQUFFLElBQUk7U0FDakIsQ0FBQztJQUNOLENBQUM7SUFFRCxJQUNXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUNXLFFBQVEsQ0FBQyxHQUFHO1FBQ25CLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2YsT0FBTyxDQUNILElBQUksQ0FBQyxTQUFTO1lBQ2QsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsWUFBWSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDMUQsS0FBSyxDQUNSLENBQUM7SUFDTixDQUFDO0lBRUQsSUFDVyxRQUFRO1FBQ2YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFXLFFBQVEsQ0FBQyxLQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFOUMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDckQ7YUFBTTtZQUNILElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDcEQ7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUNXLFdBQVcsQ0FBQyxXQUFtQjtRQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDbEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFXLEtBQUssQ0FBQyxLQUFVO1FBQ3ZCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDdkIsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQVcsS0FBSztRQUNaLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ1osTUFBTSxpQkFBaUIsR0FDbkIsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUVyRSxNQUFNLFVBQVUsR0FDWixDQUFDLElBQUksQ0FBQyxNQUFNO1lBQ1osQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLEtBQUssUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUU3RCxPQUFPLGlCQUFpQixJQUFJLFVBQVUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVM7WUFDakIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTztZQUNsRCxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ2hCLENBQUM7SUFFRCxZQUNZLFNBQTJCLEVBQzNCLE9BQW9DLEVBQ3BDLE9BQStCLEVBQy9CLGlCQUFvQztRQUhwQyxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixZQUFPLEdBQVAsT0FBTyxDQUE2QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUF3QjtRQUMvQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBSXpDLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFHaEIsY0FBUyxHQUFHLE1BQU0sQ0FBQyxDQUFDLDJGQUEyRjtRQUcvRyxPQUFFLEdBQVcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBR3ZCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBSWpCLGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUduQyxnQkFBVyxHQUFHLGlCQUFpQixDQUFDO1FBRS9CLHFCQUFnQixHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFdkMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQU9uQixjQUFTLEdBQTRCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQTlCbEQsQ0FBQztJQWdDRyxnQkFBZ0IsQ0FBQyxLQUFpQixJQUFTLENBQUM7SUFFNUMsaUJBQWlCLENBQUMsR0FBYTtRQUNsQyxJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEVBQU87UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU8sSUFBUyxDQUFDO0lBRW5DLFVBQVUsQ0FBQyxLQUFVO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQW9CLENBQUM7UUFFckQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVO2FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7YUFDdEMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDckIsSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUU7Z0JBQ3BCLE9BQU87YUFDVjtZQUVELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztRQUVQLElBQUksQ0FBQyxPQUFPLENBQUMsZUFBZTthQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2FBQ3RDLFNBQVMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxFQUFFO1lBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVNLFdBQVcsQ0FBQyxRQUFnQjtRQUMvQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBZ0IsQ0FBQztRQUNsRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVPLGlCQUFpQixDQUFDLFNBQW1CO1FBQ3pDLEtBQUssTUFBTSxRQUFRLElBQUksU0FBUyxFQUFFO1lBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDNUQ7U0FDSjtRQUVELE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQy9ELENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQ3BDLENBQUM7UUFDRixLQUFLLE1BQU0sR0FBRyxJQUFJLGVBQWUsRUFBRTtZQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUNyQztRQUVELElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFnQixDQUFDO0lBQzFFLENBQUM7O3FIQTVMaUIsd0JBQXdCO3lHQUF4Qix3QkFBd0Isb1ZBRmhDLEVBQUU7MkZBRU0sd0JBQXdCO2tCQUg3QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxFQUFFO2lCQUNmO3NOQVNjLFNBQVM7c0JBRG5CLFdBQVc7dUJBQUMsT0FBTztnQkFRVCxnQkFBZ0I7c0JBRDFCLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQU1sQixRQUFRO3NCQURsQixLQUFLO2dCQWVLLFFBQVE7c0JBRGxCLEtBQUs7Z0JBa0JLLFdBQVc7c0JBRHJCLEtBQUs7Z0JBZ0RDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsRUFBRTtzQkFEUixXQUFXO2dCQUlMLFdBQVc7c0JBRGpCLFdBQVc7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9jb2VyY2lvblwiO1xuaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RDb250cm9sRGlyZWN0aXZlLFxuICAgIENvbnRyb2xDb250YWluZXIsXG4gICAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXG4gICAgRm9ybUNvbnRyb2wsXG4gICAgRm9ybUdyb3VwLFxuICAgIE5nQ29udHJvbCxcbiAgICBWYWxpZGF0b3JzLFxufSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IE1hdEZvcm1GaWVsZENvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSBcInV1aWRcIjtcbmltcG9ydCB7IFRyYW5zbGF0aW9uQ29udGV4dERpcmVjdGl2ZSB9IGZyb20gXCIuLi9kaXJlY3RpdmVzL3RyYW5zbGF0aW9uLWNvbnRleHQuZGlyZWN0aXZlXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGlvbkZvcm1TZXJ2aWNlIH0gZnJvbSBcIi4uL3Byb3ZpZGVycy90cmFuc2xhdGlvbi1mb3JtLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGU6IGBgLFxufSlcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBUcmFuc2xhdGlvbkZvcm1Db21wb25lbnRcbiAgICBpbXBsZW1lbnRzXG4gICAgICAgIE9uSW5pdCxcbiAgICAgICAgT25EZXN0cm95LFxuICAgICAgICBNYXRGb3JtRmllbGRDb250cm9sPHN0cmluZz4sXG4gICAgICAgIENvbnRyb2xWYWx1ZUFjY2Vzc29yXG57XG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3NcIilcbiAgICBwdWJsaWMgZ2V0IGNsYXNzTGlzdCgpOiBhbnkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgXCJ3LWZ1bGxcIjogdHJ1ZVxuICAgICAgICB9O1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZyhcImNsYXNzLmZsb2F0aW5nXCIpXG4gICAgcHVibGljIGdldCBzaG91bGRMYWJlbEZsb2F0KCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5mbG9hdGluZyB8fCAhdGhpcy5lbXB0eTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgcmVxdWlyZWQocmVxKSB7XG4gICAgICAgIHRoaXMuX3JlcXVpcmVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHJlcSk7XG4gICAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHJlcXVpcmVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgdGhpcy5fcmVxdWlyZWQgPz9cbiAgICAgICAgICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy5oYXNWYWxpZGF0b3IoVmFsaWRhdG9ycy5yZXF1aXJlZCkgPz9cbiAgICAgICAgICAgIGZhbHNlXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9kaXNhYmxlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG5cbiAgICAgICAgaWYgKHRoaXMuX2Rpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRDb250cm9sLmRpc2FibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50Q29udHJvbC5lbmFibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zdGF0ZUNoYW5nZXMubmV4dCgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCBwbGFjZWhvbGRlcihwbGFjZWhvbGRlcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuX3BsYWNlaG9sZGVyID0gcGxhY2Vob2xkZXI7XG4gICAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHBsYWNlaG9sZGVyKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9wbGFjZWhvbGRlcjtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICAgICAgaWYgKHZhbHVlID09PSB0aGlzLl92YWx1ZSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5wcm9wYWdhdGUodGhpcy5fdmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgdmFsdWUoKTogYW55IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgZW1wdHkoKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IGVtcHR5Q29udHJvbFZhbHVlID1cbiAgICAgICAgICAgICF0aGlzLmN1cnJlbnRDb250cm9sPy52YWx1ZSB8fCAhdGhpcy5jdXJyZW50Q29udHJvbC52YWx1ZS5sZW5ndGg7XG5cbiAgICAgICAgY29uc3QgZW1wdHlWYWx1ZSA9XG4gICAgICAgICAgICAhdGhpcy5fdmFsdWUgfHxcbiAgICAgICAgICAgICh0eXBlb2YgdGhpcy5fdmFsdWUgPT09IFwic3RyaW5nXCIgJiYgIXRoaXMuX3ZhbHVlLmxlbmd0aCk7XG5cbiAgICAgICAgcmV0dXJuIGVtcHR5Q29udHJvbFZhbHVlICYmIGVtcHR5VmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBlcnJvclN0YXRlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5uZ0NvbnRyb2xcbiAgICAgICAgICAgID8gdGhpcy5uZ0NvbnRyb2wudG91Y2hlZCAmJiB0aGlzLm5nQ29udHJvbC5pbnZhbGlkXG4gICAgICAgICAgICA6IGZhbHNlO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGNvbnRhaW5lcjogQ29udHJvbENvbnRhaW5lcixcbiAgICAgICAgcHJpdmF0ZSBjb250ZXh0OiBUcmFuc2xhdGlvbkNvbnRleHREaXJlY3RpdmUsXG4gICAgICAgIHByaXZhdGUgc2VydmljZTogVHJhbnNsYXRpb25Gb3JtU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgICApIHt9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmbG9hdGluZyA9IHRydWU7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBtYXhMZW5ndGggPSA1MjQyODg7IC8vIFRoZSBtYXhpbXVtIG51bWJlciBvZiBjaGFyYWN0ZXJzIGFsbG93ZWQgaW4gdGhlIDxpbnB1dD4gZWxlbWVudC4gRGVmYXVsdCB2YWx1ZSBpcyA1MjQyODhcblxuICAgIEBIb3N0QmluZGluZygpXG4gICAgcHVibGljIGlkOiBzdHJpbmcgPSB1dWlkLnY0KCk7XG5cbiAgICBASG9zdEJpbmRpbmcoXCJhdHRyLmFyaWEtZGVzY3JpYmVkYnlcIilcbiAgICBwdWJsaWMgZGVzY3JpYmVkQnkgPSBcIlwiO1xuXG4gICAgcHVibGljIGZvcm1Hcm91cDogRm9ybUdyb3VwO1xuICAgIHB1YmxpYyBjdXJyZW50Q29udHJvbD86IEZvcm1Db250cm9sO1xuICAgIHB1YmxpYyBzdGF0ZUNoYW5nZXMgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICAgIHB1YmxpYyBuZ0NvbnRyb2w6IEFic3RyYWN0Q29udHJvbERpcmVjdGl2ZSB8IE5nQ29udHJvbDtcbiAgICBwdWJsaWMgZm9jdXNlZDogYm9vbGVhbjtcbiAgICBwdWJsaWMgY29udHJvbFR5cGUgPSBcInRyYW5zbGF0aW9uRm9ybVwiO1xuXG4gICAgcHJpdmF0ZSBfdW5zdWJzY3JpYmVBbGwkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgICBwcml2YXRlIF9yZXF1aXJlZDogYm9vbGVhbjtcbiAgICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuICAgIHByaXZhdGUgX3BsYWNlaG9sZGVyOiBzdHJpbmc7XG4gICAgcHJpdmF0ZSBfdmFsdWU6IGFueTtcblxuICAgIHB1YmxpYyByZWFkb25seSBhdXRvZmlsbGVkOiBib29sZWFuO1xuICAgIHB1YmxpYyByZWFkb25seSB1c2VyQXJpYURlc2NyaWJlZEJ5OiBzdHJpbmc7XG5cbiAgICBwdWJsaWMgcHJvcGFnYXRlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gICAgcHVibGljIG9uQ29udGFpbmVyQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHt9XG5cbiAgICBwdWJsaWMgc2V0RGVzY3JpYmVkQnlJZHMoaWRzOiBzdHJpbmdbXSk6IHZvaWQge1xuICAgICAgICB0aGlzLmRlc2NyaWJlZEJ5ID0gaWRzLmpvaW4oXCIgXCIpO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5wcm9wYWdhdGUgPSBmbjtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge31cblxuICAgIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwID0gdGhpcy5jb250YWluZXIuY29udHJvbCBhcyBGb3JtR3JvdXA7XG5cbiAgICAgICAgdGhpcy5zZXJ2aWNlLmxhbmd1YWdlcyRcbiAgICAgICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl91bnN1YnNjcmliZUFsbCQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgobGFuZ3VhZ2VzKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFsYW5ndWFnZXM/Lmxlbmd0aCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgdGhpcy5zZXR1cEZvcm1Db250cm9scyhsYW5ndWFnZXMpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5jb250ZXh0LmFjdGl2ZUxhbmd1YWdlJFxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX3Vuc3Vic2NyaWJlQWxsJCkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKChhY3RpdmVMYW5ndWFnZSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2V0TGFuZ3VhZ2UoYWN0aXZlTGFuZ3VhZ2UpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl91bnN1YnNjcmliZUFsbCQubmV4dCgpO1xuICAgICAgICB0aGlzLl91bnN1YnNjcmliZUFsbCQuY29tcGxldGUoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0TGFuZ3VhZ2UobGFuZ3VhZ2U6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRDb250cm9sID0gdGhpcy5mb3JtR3JvdXAuZ2V0KGxhbmd1YWdlKSBhcyBGb3JtQ29udHJvbDtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldHVwRm9ybUNvbnRyb2xzKGxhbmd1YWdlczogc3RyaW5nW10pOiB2b2lkIHtcbiAgICAgICAgZm9yIChjb25zdCBsYW5ndWFnZSBvZiBsYW5ndWFnZXMpIHtcbiAgICAgICAgICAgIGlmICghdGhpcy5mb3JtR3JvdXAuY29udHJvbHNbbGFuZ3VhZ2VdKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5mb3JtR3JvdXAuYWRkQ29udHJvbChsYW5ndWFnZSwgbmV3IEZvcm1Db250cm9sKFwiXCIpKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGNvbnRyb2xUb1JlbW92ZSA9IE9iamVjdC5rZXlzKHRoaXMuZm9ybUdyb3VwLmNvbnRyb2xzKS5maWx0ZXIoXG4gICAgICAgICAgICAoa2V5KSA9PiAhbGFuZ3VhZ2VzLmluY2x1ZGVzKGtleSlcbiAgICAgICAgKTtcbiAgICAgICAgZm9yIChjb25zdCBrZXkgb2YgY29udHJvbFRvUmVtb3ZlKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5yZW1vdmVDb250cm9sKGtleSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmN1cnJlbnRDb250cm9sID0gdGhpcy5mb3JtR3JvdXAuZ2V0KGxhbmd1YWdlc1swXSkgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxufVxuIl19

package/esm2020/lib/components/translation-form/components/translation-form.module.mjs

@@ -0,0 +1,71 @@
+import { AsyncPipe, NgForOf, NgIf, UpperCasePipe } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { ReactiveFormsModule } from "@angular/forms";
+import { MatButtonToggleModule } from "@angular/material/button-toggle";
+import { MatInputModule } from "@angular/material/input";
+import { NGX_FORM_GENERATOR_ASYNC_VALIDATORS } from "@recursyve/ngx-form-generator";
+import { TranslationContextDirective } from "../directives/translation-context.directive";
+import { TranslationToggleComponent } from "../toggle/translation-toggle.component";
+import { TranslationFormTextareaComponent } from "./textarea/translation-form-textarea.component";
+import { TranslationFormTextfieldComponent } from "./textfield/translation-form-textfield.component";
+import { RequireForLanguagesValidator } from "../validators/require-for-languages.validator";
+import * as i0 from "@angular/core";
+export class NiceTranslationFormModule {
+    static forRoot() {
+        return {
+            ngModule: NiceTranslationFormModule,
+            providers: [
+                {
+                    provide: NGX_FORM_GENERATOR_ASYNC_VALIDATORS,
+                    useClass: RequireForLanguagesValidator,
+                    multi: true,
+                },
+            ]
+        };
+    }
+}
+NiceTranslationFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceTranslationFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceTranslationFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NiceTranslationFormModule, declarations: [TranslationFormTextfieldComponent,
+        TranslationFormTextareaComponent,
+        TranslationToggleComponent,
+        TranslationContextDirective], imports: [MatButtonToggleModule,
+        MatInputModule,
+        ReactiveFormsModule,
+        NgForOf,
+        NgIf,
+        AsyncPipe,
+        UpperCasePipe], exports: [TranslationFormTextfieldComponent,
+        TranslationFormTextareaComponent,
+        TranslationToggleComponent,
+        TranslationContextDirective] });
+NiceTranslationFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceTranslationFormModule, imports: [MatButtonToggleModule,
+        MatInputModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceTranslationFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MatButtonToggleModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        NgForOf,
+                        NgIf,
+                        AsyncPipe,
+                        UpperCasePipe,
+                    ],
+                    declarations: [
+                        TranslationFormTextfieldComponent,
+                        TranslationFormTextareaComponent,
+                        TranslationToggleComponent,
+                        TranslationContextDirective,
+                    ],
+                    providers: [],
+                    exports: [
+                        TranslationFormTextfieldComponent,
+                        TranslationFormTextareaComponent,
+                        TranslationToggleComponent,
+                        TranslationContextDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvdHJhbnNsYXRpb24tZm9ybS9jb21wb25lbnRzL3RyYW5zbGF0aW9uLWZvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxRSxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDcEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFbEcsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDckcsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sK0NBQStDLENBQUM7O0FBMEI3RixNQUFNLE9BQU8seUJBQXlCO0lBQzNCLE1BQU0sQ0FBQyxPQUFPO1FBQ2pCLE9BQU87WUFDSCxRQUFRLEVBQUUseUJBQXlCO1lBQ25DLFNBQVMsRUFBRTtnQkFDUDtvQkFDSSxPQUFPLEVBQUUsbUNBQW1DO29CQUM1QyxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxLQUFLLEVBQUUsSUFBSTtpQkFDZDthQUNKO1NBQ0osQ0FBQztJQUNOLENBQUM7O3NIQVpRLHlCQUF5Qjt1SEFBekIseUJBQXlCLGlCQWI5QixpQ0FBaUM7UUFDakMsZ0NBQWdDO1FBQ2hDLDBCQUEwQjtRQUMxQiwyQkFBMkIsYUFaM0IscUJBQXFCO1FBQ3JCLGNBQWM7UUFDZCxtQkFBbUI7UUFDbkIsT0FBTztRQUNQLElBQUk7UUFDSixTQUFTO1FBQ1QsYUFBYSxhQVViLGlDQUFpQztRQUNqQyxnQ0FBZ0M7UUFDaEMsMEJBQTBCO1FBQzFCLDJCQUEyQjt1SEFHdEIseUJBQXlCLFlBdEI5QixxQkFBcUI7UUFDckIsY0FBYztRQUNkLG1CQUFtQjsyRkFvQmQseUJBQXlCO2tCQXhCckMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsT0FBTzt3QkFDUCxJQUFJO3dCQUNKLFNBQVM7d0JBQ1QsYUFBYTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLGlDQUFpQzt3QkFDakMsZ0NBQWdDO3dCQUNoQywwQkFBMEI7d0JBQzFCLDJCQUEyQjtxQkFDOUI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7b0JBQ2IsT0FBTyxFQUFFO3dCQUNMLGlDQUFpQzt3QkFDakMsZ0NBQWdDO3dCQUNoQywwQkFBMEI7d0JBQzFCLDJCQUEyQjtxQkFDOUI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUsIE5nRm9yT2YsIE5nSWYsIFVwcGVyQ2FzZVBpcGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZVwiO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcbmltcG9ydCB7IE5HWF9GT1JNX0dFTkVSQVRPUl9BU1lOQ19WQUxJREFUT1JTIH0gZnJvbSBcIkByZWN1cnN5dmUvbmd4LWZvcm0tZ2VuZXJhdG9yXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGlvbkNvbnRleHREaXJlY3RpdmUgfSBmcm9tIFwiLi4vZGlyZWN0aXZlcy90cmFuc2xhdGlvbi1jb250ZXh0LmRpcmVjdGl2ZVwiO1xuaW1wb3J0IHsgVHJhbnNsYXRpb25Ub2dnbGVDb21wb25lbnQgfSBmcm9tIFwiLi4vdG9nZ2xlL3RyYW5zbGF0aW9uLXRvZ2dsZS5jb21wb25lbnRcIjtcbmltcG9ydCB7IFRyYW5zbGF0aW9uRm9ybVRleHRhcmVhQ29tcG9uZW50IH0gZnJvbSBcIi4vdGV4dGFyZWEvdHJhbnNsYXRpb24tZm9ybS10ZXh0YXJlYS5jb21wb25lbnRcIjtcblxuaW1wb3J0IHsgVHJhbnNsYXRpb25Gb3JtVGV4dGZpZWxkQ29tcG9uZW50IH0gZnJvbSBcIi4vdGV4dGZpZWxkL3RyYW5zbGF0aW9uLWZvcm0tdGV4dGZpZWxkLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgUmVxdWlyZUZvckxhbmd1YWdlc1ZhbGlkYXRvciB9IGZyb20gXCIuLi92YWxpZGF0b3JzL3JlcXVpcmUtZm9yLWxhbmd1YWdlcy52YWxpZGF0b3JcIjtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIE1hdEJ1dHRvblRvZ2dsZU1vZHVsZSxcbiAgICAgICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIE5nRm9yT2YsXG4gICAgICAgIE5nSWYsXG4gICAgICAgIEFzeW5jUGlwZSxcbiAgICAgICAgVXBwZXJDYXNlUGlwZSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBUcmFuc2xhdGlvbkZvcm1UZXh0ZmllbGRDb21wb25lbnQsXG4gICAgICAgIFRyYW5zbGF0aW9uRm9ybVRleHRhcmVhQ29tcG9uZW50LFxuICAgICAgICBUcmFuc2xhdGlvblRvZ2dsZUNvbXBvbmVudCxcbiAgICAgICAgVHJhbnNsYXRpb25Db250ZXh0RGlyZWN0aXZlLFxuICAgIF0sXG4gICAgcHJvdmlkZXJzOiBbXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFRyYW5zbGF0aW9uRm9ybVRleHRmaWVsZENvbXBvbmVudCxcbiAgICAgICAgVHJhbnNsYXRpb25Gb3JtVGV4dGFyZWFDb21wb25lbnQsXG4gICAgICAgIFRyYW5zbGF0aW9uVG9nZ2xlQ29tcG9uZW50LFxuICAgICAgICBUcmFuc2xhdGlvbkNvbnRleHREaXJlY3RpdmUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTmljZVRyYW5zbGF0aW9uRm9ybU1vZHVsZSB7XG4gICAgcHVibGljIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8TmljZVRyYW5zbGF0aW9uRm9ybU1vZHVsZT4ge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgbmdNb2R1bGU6IE5pY2VUcmFuc2xhdGlvbkZvcm1Nb2R1bGUsXG4gICAgICAgICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIHByb3ZpZGU6IE5HWF9GT1JNX0dFTkVSQVRPUl9BU1lOQ19WQUxJREFUT1JTLFxuICAgICAgICAgICAgICAgICAgICB1c2VDbGFzczogUmVxdWlyZUZvckxhbmd1YWdlc1ZhbGlkYXRvcixcbiAgICAgICAgICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIF1cbiAgICAgICAgfTtcbiAgICB9XG59XG4iXX0=

package/esm2020/lib/components/translation-form/decorators/translation-form.decorator.mjs

@@ -0,0 +1,4 @@
+import { DynamicGroup } from "@recursyve/ngx-form-generator";
+// tslint:disable-next-line:variable-name
+export const TranslationFormDecorator = () => DynamicGroup();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tZm9ybS5kZWNvcmF0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvdHJhbnNsYXRpb24tZm9ybS9kZWNvcmF0b3JzL3RyYW5zbGF0aW9uLWZvcm0uZGVjb3JhdG9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUU3RCx5Q0FBeUM7QUFDekMsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsR0FBRyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEeW5hbWljR3JvdXAgfSBmcm9tIFwiQHJlY3Vyc3l2ZS9uZ3gtZm9ybS1nZW5lcmF0b3JcIjtcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOnZhcmlhYmxlLW5hbWVcbmV4cG9ydCBjb25zdCBUcmFuc2xhdGlvbkZvcm1EZWNvcmF0b3IgPSAoKSA9PiBEeW5hbWljR3JvdXAoKTtcbiJdfQ==