@recursyve/nice-ui-kit.v2 20.0.0-beta.146 → 20.0.0-beta.147

package/fesm2022/recursyve-nice-ui-kit.v2.mjs

@@ -10858,6 +10858,7 @@ class TranslationFormComponent {
         this.id = uuid.v4();
         this.describedBy = "";
         this.stateChanges = new Subject();
+        this.focused = false;
         this.controlType = "translationForm";
         this._unsubscribeAll$ = new Subject();
         this._disabled = false;
@@ -10894,6 +10895,10 @@ class TranslationFormComponent {
         this._unsubscribeAll$.next();
         this._unsubscribeAll$.complete();
     }
+    onFocusChange(focus) {
+        this.focused = focus;
+        this.stateChanges.next();
+    }
     setLanguage(language) {
         this.currentControl = this.formGroup.get(language);
         this.handleDisabledState();
@@ -10968,7 +10973,7 @@ class TranslationFormTextareaComponent extends TranslationFormComponent {
                 provide: MatFormFieldControl,
                 useExisting: TranslationFormTextareaComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<textarea\n    *ngIf=\"currentControl\"\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: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<textarea\n    *ngIf=\"currentControl\"\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n    [rows]=\"rows\"\n    [cols]=\"cols\"\n    [class.resize-none]=\"!resizable\"\n    (focus)=\"onFocusChange(true)\"\n    (blur)=\"onFocusChange(false)\"\n></textarea>\n", dependencies: [{ kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TranslationFormTextareaComponent, decorators: [{
             type: Component,
@@ -10977,7 +10982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                             provide: MatFormFieldControl,
                             useExisting: TranslationFormTextareaComponent,
                         },
-                    ], standalone: false, template: "<textarea\n    *ngIf=\"currentControl\"\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" }]
+                    ], standalone: false, template: "<textarea\n    *ngIf=\"currentControl\"\n    matInput\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n    [rows]=\"rows\"\n    [cols]=\"cols\"\n    [class.resize-none]=\"!resizable\"\n    (focus)=\"onFocusChange(true)\"\n    (blur)=\"onFocusChange(false)\"\n></textarea>\n" }]
         }], propDecorators: { resizable: [{
                 type: Input
             }], rows: [{
@@ -10993,7 +10998,7 @@ class TranslationFormTextfieldComponent extends TranslationFormComponent {
                 provide: MatFormFieldControl,
                 useExisting: TranslationFormTextfieldComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input\n    matInput\n    *ngIf=\"currentControl\"\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n/>\n", dependencies: [{ kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n    matInput\n    *ngIf=\"currentControl\"\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n    (focus)=\"onFocusChange(true)\"\n    (blur)=\"onFocusChange(false)\"\n/>\n", dependencies: [{ kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TranslationFormTextfieldComponent, decorators: [{
             type: Component,
@@ -11002,7 +11007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                             provide: MatFormFieldControl,
                             useExisting: TranslationFormTextfieldComponent,
                         },
-                    ], standalone: false, template: "<input\n    matInput\n    *ngIf=\"currentControl\"\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n/>\n" }]
+                    ], standalone: false, template: "<input\n    matInput\n    *ngIf=\"currentControl\"\n    [formControl]=\"currentControl\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"maxLength\"\n    (focus)=\"onFocusChange(true)\"\n    (blur)=\"onFocusChange(false)\"\n/>\n" }]
         }] });
 
 function RequireForLanguages() {