@firestitch/filter 18.2.89 → 18.2.91

package/fesm2022/firestitch-filter.mjs

@@ -1139,7 +1139,9 @@ class BaseItem {
         return this._value$.getValue().value;
     }
     set value(value) {
-        this.setValue(value);
+        if (value !== this.value) {
+            this.setValue(value);
+        }
     }
     /**
      * @deprecated Use value instead
@@ -1271,8 +1273,8 @@ class BaseDateRangeItem extends BaseItem {
             this.toLabel = itemConfig.label[1];
         }
         else if (typeof itemConfig.label === 'string') {
-            this.fromLabel = `From ${itemConfig.label}`;
-            this.toLabel = `To ${itemConfig.label}`;
+            this.fromLabel = `${itemConfig.label} from`;
+            this.toLabel = `${itemConfig.label} to`;
         }
         else if (typeof itemConfig.label === 'object') {
             this.fromLabel = itemConfig.label.from;
@@ -3002,9 +3004,18 @@ class SelectComponent extends BaseItemComponent {
     autofocus = false;
     floatLabel = 'auto';
     select;
+    selectionChange() {
+        if (!this.item.multiple) {
+            this.change();
+        }
+    }
     selectOpenedChange(opened) {
+        if (this.item.multiple) {
+            if (!opened && this.value !== this.item.value) {
+                this.change();
+            }
+        }
         if (!opened) {
-            this.change();
             this.close();
         }
     }
@@ -3036,7 +3047,7 @@ class SelectComponent extends BaseItemComponent {
         this.change();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SelectComponent, isStandalone: true, selector: "filter-item-select", inputs: { autofocus: "autofocus", floatLabel: "floatLabel" }, viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-form-field\n    [ngClass]=\"{ isolate: item.isolate }\"\n    [floatLabel]=\"floatLabel\"\n    class=\"form-field-padless\">\n  <mat-label>\n    {{ item.label }}\n  </mat-label>\n  <mat-select\n      [fsFilterFocusTrigger]=\"autofocus && !item.isolate\"\n      [(ngModel)]=\"value\"\n      (openedChange)=\"selectOpenedChange($event)\"\n      [multiple]=\"item.multiple\">\n    @if (item.children) {\n      @for (option of item.values$ | async; track option) {\n        @if (option[item.children]) {\n          <mat-optgroup [label]=\"option.name\">\n            @for (childOption of option[item.children]; track childOption.value) {\n              <mat-option [value]=\"childOption.value\">\n                {{ childOption.name }}\n              </mat-option>\n            }\n          </mat-optgroup>\n        } @else {\n          <mat-option [value]=\"option.value\">\n            {{ option.name }}\n          </mat-option>\n        }\n      }\n    } @else {\n      @for (option of item.values$ | async; track option) {\n        <mat-option [value]=\"option.value\">\n          {{ option.name }}\n        </mat-option>\n      }\n    }\n  </mat-select>\n</mat-form-field>\n@if (item.isolate) {\n  <div class=\"isolate-checkbox\">\n    <mat-checkbox\n        (change)=\"isolateChange($event)\"\n        [(ngModel)]=\"item.isolated\">\n      <span class=\"checkbox-label\">\n        {{ item.isolateLabel }}\n      </span>\n    </mat-checkbox>\n  </div>\n}", styles: [":host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper{padding-left:0;padding-right:0;padding-top:8px}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field{position:relative}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-checkbox{position:absolute}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-label{margin-left:32px;font-size:smaller;line-height:normal}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i3.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SelectComponent, isStandalone: true, selector: "filter-item-select", inputs: { autofocus: "autofocus", floatLabel: "floatLabel" }, viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-form-field\n    [ngClass]=\"{ isolate: item.isolate }\"\n    [floatLabel]=\"floatLabel\"\n    class=\"form-field-padless\">\n  <mat-label>\n    {{ item.label }}\n  </mat-label>\n  <mat-select\n      [fsFilterFocusTrigger]=\"autofocus && !item.isolate\"\n      [(ngModel)]=\"value\"\n      (selectionChange)=\"selectionChange()\"\n      (openedChange)=\"selectOpenedChange($event)\"\n      [multiple]=\"item.multiple\">\n    @if (item.children) {\n      @for (option of item.values$ | async; track option) {\n        @if (option[item.children]) {\n          <mat-optgroup [label]=\"option.name\">\n            @for (childOption of option[item.children]; track childOption.value) {\n              <mat-option [value]=\"childOption.value\">\n                {{ childOption.name }}\n              </mat-option>\n            }\n          </mat-optgroup>\n        } @else {\n          <mat-option [value]=\"option.value\">\n            {{ option.name }}\n          </mat-option>\n        }\n      }\n    } @else {\n      @for (option of item.values$ | async; track option) {\n        <mat-option [value]=\"option.value\">\n          {{ option.name }}\n        </mat-option>\n      }\n    }\n  </mat-select>\n</mat-form-field>\n@if (item.isolate) {\n  <div class=\"isolate-checkbox\">\n    <mat-checkbox\n        (change)=\"isolateChange($event)\"\n        [(ngModel)]=\"item.isolated\">\n      <span class=\"checkbox-label\">\n        {{ item.isolateLabel }}\n      </span>\n    </mat-checkbox>\n  </div>\n}", styles: [":host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper{padding-left:0;padding-right:0;padding-top:8px}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field{position:relative}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-checkbox{position:absolute}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-label{margin-left:32px;font-size:smaller;line-height:normal}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i3.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -3052,7 +3063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatOptgroup,
                         MatCheckbox,
                         AsyncPipe,
-                    ], template: "<mat-form-field\n    [ngClass]=\"{ isolate: item.isolate }\"\n    [floatLabel]=\"floatLabel\"\n    class=\"form-field-padless\">\n  <mat-label>\n    {{ item.label }}\n  </mat-label>\n  <mat-select\n      [fsFilterFocusTrigger]=\"autofocus && !item.isolate\"\n      [(ngModel)]=\"value\"\n      (openedChange)=\"selectOpenedChange($event)\"\n      [multiple]=\"item.multiple\">\n    @if (item.children) {\n      @for (option of item.values$ | async; track option) {\n        @if (option[item.children]) {\n          <mat-optgroup [label]=\"option.name\">\n            @for (childOption of option[item.children]; track childOption.value) {\n              <mat-option [value]=\"childOption.value\">\n                {{ childOption.name }}\n              </mat-option>\n            }\n          </mat-optgroup>\n        } @else {\n          <mat-option [value]=\"option.value\">\n            {{ option.name }}\n          </mat-option>\n        }\n      }\n    } @else {\n      @for (option of item.values$ | async; track option) {\n        <mat-option [value]=\"option.value\">\n          {{ option.name }}\n        </mat-option>\n      }\n    }\n  </mat-select>\n</mat-form-field>\n@if (item.isolate) {\n  <div class=\"isolate-checkbox\">\n    <mat-checkbox\n        (change)=\"isolateChange($event)\"\n        [(ngModel)]=\"item.isolated\">\n      <span class=\"checkbox-label\">\n        {{ item.isolateLabel }}\n      </span>\n    </mat-checkbox>\n  </div>\n}", styles: [":host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper{padding-left:0;padding-right:0;padding-top:8px}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field{position:relative}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-checkbox{position:absolute}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-label{margin-left:32px;font-size:smaller;line-height:normal}\n"] }]
+                    ], template: "<mat-form-field\n    [ngClass]=\"{ isolate: item.isolate }\"\n    [floatLabel]=\"floatLabel\"\n    class=\"form-field-padless\">\n  <mat-label>\n    {{ item.label }}\n  </mat-label>\n  <mat-select\n      [fsFilterFocusTrigger]=\"autofocus && !item.isolate\"\n      [(ngModel)]=\"value\"\n      (selectionChange)=\"selectionChange()\"\n      (openedChange)=\"selectOpenedChange($event)\"\n      [multiple]=\"item.multiple\">\n    @if (item.children) {\n      @for (option of item.values$ | async; track option) {\n        @if (option[item.children]) {\n          <mat-optgroup [label]=\"option.name\">\n            @for (childOption of option[item.children]; track childOption.value) {\n              <mat-option [value]=\"childOption.value\">\n                {{ childOption.name }}\n              </mat-option>\n            }\n          </mat-optgroup>\n        } @else {\n          <mat-option [value]=\"option.value\">\n            {{ option.name }}\n          </mat-option>\n        }\n      }\n    } @else {\n      @for (option of item.values$ | async; track option) {\n        <mat-option [value]=\"option.value\">\n          {{ option.name }}\n        </mat-option>\n      }\n    }\n  </mat-select>\n</mat-form-field>\n@if (item.isolate) {\n  <div class=\"isolate-checkbox\">\n    <mat-checkbox\n        (change)=\"isolateChange($event)\"\n        [(ngModel)]=\"item.isolated\">\n      <span class=\"checkbox-label\">\n        {{ item.isolateLabel }}\n      </span>\n    </mat-checkbox>\n  </div>\n}", styles: [":host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper{padding-left:0;padding-right:0;padding-top:8px}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field{position:relative}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-checkbox{position:absolute}:host ::ng-deep .isolate .mat-mdc-form-field-hint-wrapper mat-hint .mat-internal-form-field .mdc-label{margin-left:32px;font-size:smaller;line-height:normal}\n"] }]
         }], propDecorators: { autofocus: [{
                 type: Input
             }], floatLabel: [{
@@ -3611,7 +3622,7 @@ class KeywordInputComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KeywordInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KeywordInputComponent, isStandalone: true, selector: "fs-keyword-input", inputs: { autofocus: "autofocus" }, viewQueries: [{ propertyName: "keywordMatInput", first: true, predicate: ["keywordMatInput"], descendants: true, read: MatInput }], ngImport: i0, template: "@if (keywordVisible$ | async) {\n  <mat-form-field\n      class=\"search-form-field form-field-padless\"\n      [ngClass]=\"{ 'has-keyword': !!keyword }\">\n    <span\n        matPrefix\n        class=\"icon\">\n      <mat-icon matPrefix>\n        search\n      </mat-icon>\n    </span>\n    <input\n      #keywordMatInput\n      matInput\n      [(ngModel)]=\"keyword\"\n      (fsModelChange)=\"keywordChange($event)\"\n      name=\"filter-input\"\n      [fsClear]=\"true\"\n      [placeholder]=\"searchPlaceholder\">\n  </mat-form-field>\n}", styles: [".search-form-field{max-width:100%;width:250px;margin-top:0}.search-form-field .icon{margin-left:10px;color:#626262}.search-form-field ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: 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: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i3.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { kind: "ngmodule", type: FsClearModule }, { kind: "component", type: i3$4.FsClearComponent, selector: "[fsClear]", inputs: ["ngModel", "visible", "fsClear"], outputs: ["ngModelChange", "cleared"] }, { kind: "ngmodule", type: FsCommonModule }, { kind: "directive", type: i3$2.FsModelChangeDirective, selector: "[fsModelChange]", inputs: ["fsModelChangeOptions"], outputs: ["fsModelChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KeywordInputComponent, isStandalone: true, selector: "fs-keyword-input", inputs: { autofocus: "autofocus" }, viewQueries: [{ propertyName: "keywordMatInput", first: true, predicate: ["keywordMatInput"], descendants: true, read: MatInput }], ngImport: i0, template: "@if (keywordVisible$ | async) {\n  <mat-form-field\n      class=\"search-form-field form-field-padless\"\n      [ngClass]=\"{ 'has-keyword': !!keyword }\">\n    <span\n        matPrefix\n        class=\"icon\">\n      <mat-icon matPrefix>\n        search\n      </mat-icon>\n    </span>\n    <input\n      #keywordMatInput\n      matInput\n      [(ngModel)]=\"keyword\"\n      (fsModelChange)=\"keywordChange($event)\"\n      name=\"filter-input\"\n      [fsClear]=\"true\"\n      [placeholder]=\"searchPlaceholder\">\n  </mat-form-field>\n}", styles: [".search-form-field{max-width:100%;width:250px;margin-top:0}.search-form-field .icon{margin-left:10px;color:#626262}.search-form-field ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: 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: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i3.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { kind: "ngmodule", type: FsClearModule }, { kind: "component", type: i3$4.FsClearComponent, selector: "[fsClear]", inputs: ["visible", "fsClear"], outputs: ["cleared"] }, { kind: "ngmodule", type: FsCommonModule }, { kind: "directive", type: i3$2.FsModelChangeDirective, selector: "[fsModelChange]", inputs: ["fsModelChangeOptions"], outputs: ["fsModelChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KeywordInputComponent, decorators: [{
             type: Component,