npm - @kms-ngx-ui/presentational - Versions diffs - 20.1.6 → 20.1.7 - Mend

@kms-ngx-ui/presentational 20.1.6 → 20.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/kms-ngx-ui-presentational.mjs CHANGED Viewed

@@ -1573,7 +1573,7 @@ class DropdownFromDataComponent extends FormControlParentComponent {
                 useExisting: forwardRef(() => DropdownFromDataComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n  <mat-form-field\n    [attr.required]=\"required()\"\n    [floatLabel]=\"placeholder() ? 'always' : 'auto'\"\n  >\n    <mat-label>{{ label() }}</mat-label>\n    <mat-select\n      [placeholder]=\"placeholder()\"\n      disableOptionCentering\n      (selectionChange)=\"valueChanged($event?.value)\"\n      [value]=\"value\"\n      #child\n      [multiple]=\"multiple()\"\n      [required]=\"required()\"\n      formControlName=\"dropdownData\"\n    >\n      @if (searchable()) {\n        <mat-option>\n          <ngx-mat-select-search\n            [formControl]=\"searchControl\"\n            [placeholderLabel]=\"'Search...'\"\n            [noEntriesFoundLabel]=\"'No matches found'\">\n          </ngx-mat-select-search>\n        </mat-option>\n      }\n      @if (selectAllText() && multiple() && !disableOptions()) {\n      <mat-checkbox\n        color=\"accent\"\n        class=\"dropdown-from-data__checkbox\"\n        [indeterminate]=\"isCheckboxIndeterminate()\"\n        [checked]=\"allElementsChecked()\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleAllSelection($event)\"\n      >\n        {{ selectAllText() }}\n      </mat-checkbox>\n      } @for (key of filteredKeys; track key; let i = $index) {\n      <mat-option [value]=\"filteredValues[i]\" [disabled]=\"disableOptions()\">\n        {{ setDisplayKey(key) || '\u2014' }}\n      </mat-option>\n      }\n    </mat-select>\n    @if (prefix()) {\n    <span matTextPrefix>{{ prefix() }}&nbsp;</span>\n    } @else if (prefixIcon()) {\n    <kms-icon matPrefix [icon]=\"prefixIcon()\" aria-hidden=\"true\"></kms-icon>\n    }\n    @if (suffix()) {\n    <span matTextSuffix>&nbsp;{{ suffix() }}</span>\n    } @else if (suffixIcon()) {\n    <kms-icon matSuffix [icon]=\"suffixIcon()\" aria-hidden=\"true\"></kms-icon>\n    }\n    @if (errorMessage()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n</form>\n", dependencies: [{ kind: "component", type: i1$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "recreateValuesArray"], outputs: ["toggleAll"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n  <mat-form-field\n    [attr.required]=\"required()\"\n    [floatLabel]=\"placeholder() ? 'always' : 'auto'\"\n  >\n    <mat-label>{{ label() }}</mat-label>\n    <mat-select\n      [placeholder]=\"placeholder()\"\n      disableOptionCentering\n      (selectionChange)=\"valueChanged($event?.value)\"\n      [value]=\"value\"\n      #child\n      [multiple]=\"multiple()\"\n      [required]=\"required()\"\n      formControlName=\"dropdownData\"\n    >\n      @if (searchable()) {\n        <mat-option>\n          <ngx-mat-select-search\n            [formControl]=\"searchControl\"\n            [placeholderLabel]=\"'Search...'\"\n            [noEntriesFoundLabel]=\"'No matches found'\">\n          </ngx-mat-select-search>\n        </mat-option>\n      }\n      @if (selectAllText() && multiple() && !disableOptions()) {\n      <mat-checkbox\n        color=\"accent\"\n        class=\"dropdown-from-data__checkbox\"\n        [indeterminate]=\"isCheckboxIndeterminate()\"\n        [checked]=\"allElementsChecked()\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleAllSelection($event)\"\n      >\n        {{ selectAllText() }}\n      </mat-checkbox>\n      } @for (key of filteredKeys; track key; let i = $index) {\n      <mat-option [value]=\"filteredValues[i]\" [disabled]=\"disableOptions()\">\n        {{ setDisplayKey(key) || '\u2014' }}\n      </mat-option>\n      }\n    </mat-select>\n    @if (prefix()) {\n    <span matTextPrefix>{{ prefix() }}&nbsp;</span>\n    } @else if (prefixIcon()) {\n    <kms-icon matPrefix [icon]=\"prefixIcon()\" aria-hidden=\"true\"></kms-icon>\n    }\n    @if (suffix()) {\n    <span matTextSuffix>&nbsp;{{ suffix() }}</span>\n    } @else if (suffixIcon()) {\n    <kms-icon matSuffix [icon]=\"suffixIcon()\" aria-hidden=\"true\"></kms-icon>\n    } @else {\n    <kms-icon matSuffix [icon]=\"'chevron-down'\" [size]=\"16\" aria-hidden=\"true\" class=\"dropdown-from-data__arrow\"></kms-icon>\n    }\n    @if (errorMessage()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n</form>\n", dependencies: [{ kind: "component", type: i1$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "recreateValuesArray"], outputs: ["toggleAll"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DropdownFromDataComponent, decorators: [{
             type: Component,
@@ -1583,7 +1583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             useExisting: forwardRef(() => DropdownFromDataComponent),
                             multi: true,
                         },
-                    ], standalone: false, template: "<form [formGroup]=\"form\">\n  <mat-form-field\n    [attr.required]=\"required()\"\n    [floatLabel]=\"placeholder() ? 'always' : 'auto'\"\n  >\n    <mat-label>{{ label() }}</mat-label>\n    <mat-select\n      [placeholder]=\"placeholder()\"\n      disableOptionCentering\n      (selectionChange)=\"valueChanged($event?.value)\"\n      [value]=\"value\"\n      #child\n      [multiple]=\"multiple()\"\n      [required]=\"required()\"\n      formControlName=\"dropdownData\"\n    >\n      @if (searchable()) {\n        <mat-option>\n          <ngx-mat-select-search\n            [formControl]=\"searchControl\"\n            [placeholderLabel]=\"'Search...'\"\n            [noEntriesFoundLabel]=\"'No matches found'\">\n          </ngx-mat-select-search>\n        </mat-option>\n      }\n      @if (selectAllText() && multiple() && !disableOptions()) {\n      <mat-checkbox\n        color=\"accent\"\n        class=\"dropdown-from-data__checkbox\"\n        [indeterminate]=\"isCheckboxIndeterminate()\"\n        [checked]=\"allElementsChecked()\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleAllSelection($event)\"\n      >\n        {{ selectAllText() }}\n      </mat-checkbox>\n      } @for (key of filteredKeys; track key; let i = $index) {\n      <mat-option [value]=\"filteredValues[i]\" [disabled]=\"disableOptions()\">\n        {{ setDisplayKey(key) || '\u2014' }}\n      </mat-option>\n      }\n    </mat-select>\n    @if (prefix()) {\n    <span matTextPrefix>{{ prefix() }}&nbsp;</span>\n    } @else if (prefixIcon()) {\n    <kms-icon matPrefix [icon]=\"prefixIcon()\" aria-hidden=\"true\"></kms-icon>\n    }\n    @if (suffix()) {\n    <span matTextSuffix>&nbsp;{{ suffix() }}</span>\n    } @else if (suffixIcon()) {\n    <kms-icon matSuffix [icon]=\"suffixIcon()\" aria-hidden=\"true\"></kms-icon>\n    }\n    @if (errorMessage()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n</form>\n" }]
+                    ], standalone: false, template: "<form [formGroup]=\"form\">\n  <mat-form-field\n    [attr.required]=\"required()\"\n    [floatLabel]=\"placeholder() ? 'always' : 'auto'\"\n  >\n    <mat-label>{{ label() }}</mat-label>\n    <mat-select\n      [placeholder]=\"placeholder()\"\n      disableOptionCentering\n      (selectionChange)=\"valueChanged($event?.value)\"\n      [value]=\"value\"\n      #child\n      [multiple]=\"multiple()\"\n      [required]=\"required()\"\n      formControlName=\"dropdownData\"\n    >\n      @if (searchable()) {\n        <mat-option>\n          <ngx-mat-select-search\n            [formControl]=\"searchControl\"\n            [placeholderLabel]=\"'Search...'\"\n            [noEntriesFoundLabel]=\"'No matches found'\">\n          </ngx-mat-select-search>\n        </mat-option>\n      }\n      @if (selectAllText() && multiple() && !disableOptions()) {\n      <mat-checkbox\n        color=\"accent\"\n        class=\"dropdown-from-data__checkbox\"\n        [indeterminate]=\"isCheckboxIndeterminate()\"\n        [checked]=\"allElementsChecked()\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleAllSelection($event)\"\n      >\n        {{ selectAllText() }}\n      </mat-checkbox>\n      } @for (key of filteredKeys; track key; let i = $index) {\n      <mat-option [value]=\"filteredValues[i]\" [disabled]=\"disableOptions()\">\n        {{ setDisplayKey(key) || '\u2014' }}\n      </mat-option>\n      }\n    </mat-select>\n    @if (prefix()) {\n    <span matTextPrefix>{{ prefix() }}&nbsp;</span>\n    } @else if (prefixIcon()) {\n    <kms-icon matPrefix [icon]=\"prefixIcon()\" aria-hidden=\"true\"></kms-icon>\n    }\n    @if (suffix()) {\n    <span matTextSuffix>&nbsp;{{ suffix() }}</span>\n    } @else if (suffixIcon()) {\n    <kms-icon matSuffix [icon]=\"suffixIcon()\" aria-hidden=\"true\"></kms-icon>\n    } @else {\n    <kms-icon matSuffix [icon]=\"'chevron-down'\" [size]=\"16\" aria-hidden=\"true\" class=\"dropdown-from-data__arrow\"></kms-icon>\n    }\n    @if (errorMessage()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { optionsEnum: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsEnum", required: false }] }], optionsPlainArray: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsPlainArray", required: false }] }], optionsObjArray: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsObjArray", required: false }] }], mapKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "mapKey", required: false }] }], mapValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "mapValue", required: false }] }], hasNullOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasNullOption", required: false }] }], preselectedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "preselectedKeys", required: false }] }], translation: [{ type: i0.Input, args: [{ isSignal: true, alias: "translation", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], useEnumIndexAsValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "useEnumIndexAsValue", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], selectAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllText", required: false }] }], disableOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableOptions", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], prefixIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefixIcon", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], suffixIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffixIcon", required: false }] }] } });
 class LoaderComponent {