npm - @ngneers/controls - Versions diffs - 0.0.1-pre6 → 0.0.1-pre7 - Mend

@ngneers/controls 0.0.1-pre6 → 0.0.1-pre7

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 (148) hide show

package/fesm2022/ngneers-controls-select.mjs CHANGED Viewed

@@ -67,10 +67,10 @@ class SelectTemplates extends ValueControlBase {
      * Types for the dialog templates.
      */
     templateTypes = templateTypesFn();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SelectTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.2", type: SelectTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateSelectedItem: { classPropertyName: "templateSelectedItem", publicName: "templateSelectedItem", isSignal: true, isRequired: false, transformFunction: null }, templateSelectedItems: { classPropertyName: "templateSelectedItems", publicName: "templateSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, templateGroup: { classPropertyName: "templateGroup", publicName: "templateGroup", isSignal: true, isRequired: false, transformFunction: null }, templateNoItems: { classPropertyName: "templateNoItems", publicName: "templateNoItems", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userSelectedItemTemplate", first: true, predicate: ["selectedItem"], descendants: true, isSignal: true }, { propertyName: "_userSelectedItemsTemplate", first: true, predicate: ["selectedItems"], descendants: true, isSignal: true }, { propertyName: "_userGroupTemplate", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "_userNoItemsTemplate", first: true, predicate: ["noItems"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultSelectedItemTemplate", first: true, predicate: ["defaultSelectedItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultSelectedItemsTemplate", first: true, predicate: ["defaultSelectedItemsTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultGroupTemplate", first: true, predicate: ["defaultGroupTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SelectTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: SelectTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateSelectedItem: { classPropertyName: "templateSelectedItem", publicName: "templateSelectedItem", isSignal: true, isRequired: false, transformFunction: null }, templateSelectedItems: { classPropertyName: "templateSelectedItems", publicName: "templateSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, templateGroup: { classPropertyName: "templateGroup", publicName: "templateGroup", isSignal: true, isRequired: false, transformFunction: null }, templateNoItems: { classPropertyName: "templateNoItems", publicName: "templateNoItems", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userSelectedItemTemplate", first: true, predicate: ["selectedItem"], descendants: true, isSignal: true }, { propertyName: "_userSelectedItemsTemplate", first: true, predicate: ["selectedItems"], descendants: true, isSignal: true }, { propertyName: "_userGroupTemplate", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "_userNoItemsTemplate", first: true, predicate: ["noItems"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultSelectedItemTemplate", first: true, predicate: ["defaultSelectedItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultSelectedItemsTemplate", first: true, predicate: ["defaultSelectedItemsTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultGroupTemplate", first: true, predicate: ["defaultGroupTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SelectTemplates, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SelectTemplates, decorators: [{
             type: Directive
         }], propDecorators: { _defaultItemTemplate: [{ type: i0.ViewChild, args: ['defaultItemTemplate', { isSignal: true }] }], _userItemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], templateItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateItem", required: false }] }], _defaultSelectedItemTemplate: [{ type: i0.ViewChild, args: ['defaultSelectedItemTemplate', { isSignal: true }] }], _userSelectedItemTemplate: [{ type: i0.ContentChild, args: ['selectedItem', { isSignal: true }] }], templateSelectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelectedItem", required: false }] }], _defaultSelectedItemsTemplate: [{ type: i0.ViewChild, args: ['defaultSelectedItemsTemplate', { isSignal: true }] }], _userSelectedItemsTemplate: [{ type: i0.ContentChild, args: ['selectedItems', { isSignal: true }] }], templateSelectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelectedItems", required: false }] }], _defaultGroupTemplate: [{ type: i0.ViewChild, args: ['defaultGroupTemplate', { isSignal: true }] }], _userGroupTemplate: [{ type: i0.ContentChild, args: ['group', { isSignal: true }] }], templateGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateGroup", required: false }] }], _userNoItemsTemplate: [{ type: i0.ContentChild, args: ['noItems', { isSignal: true }] }], templateNoItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateNoItems", required: false }] }] } });
@@ -94,6 +94,7 @@ class NgnSelect extends SelectTemplates {
             minHeight: '250px',
             maxHeight: '700px',
         },
+        cache: true,
     }, this.popoverOptions()), ...(ngDevMode ? [{ debugName: "appliedPopoverOptions" }] : /* istanbul ignore next */ []));
     /**
      * The available options to choose from. They can either be
@@ -337,10 +338,10 @@ class NgnSelect extends SelectTemplates {
             this.touched.set(true);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: NgnSelect, isStandalone: true, selector: "ngn-select", inputs: { popoverOptions: { classPropertyName: "popoverOptions", publicName: "popoverOptions", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterText: { classPropertyName: "filterText", publicName: "filterText", isSignal: true, isRequired: false, transformFunction: null }, filterIcon: { classPropertyName: "filterIcon", publicName: "filterIcon", isSignal: true, isRequired: false, transformFunction: null }, dropdownIcon: { classPropertyName: "dropdownIcon", publicName: "dropdownIcon", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editableAutoFilter: { classPropertyName: "editableAutoFilter", publicName: "editableAutoFilter", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, scrollToSelectedItemOnOpen: { classPropertyName: "scrollToSelectedItemOnOpen", publicName: "scrollToSelectedItemOnOpen", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block;" }, providers: [provideSelf(NgnSelect)], queries: [{ propertyName: "_customEditableInput", first: true, predicate: NgnInput, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_popover", first: true, predicate: NgnPopover, descendants: true, isSignal: true }, { propertyName: "_listbox", first: true, predicate: NgnListBox, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ngn-input-field\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    input: true,\r\n    'input-editable': editable(),\r\n  }\"\r\n  (click)=\"show()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  #field\r\n  [label]=\"label()\"\r\n  [labelledBy]=\"labelledBy()\"\r\n  [inputId]=\"inputId()\"\r\n  [invalid]=\"invalid()\"\r\n  [readonly]=\"readonly()\"\r\n  [disabled]=\"disabled()\"\r\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\r\n  (focusout)=\"potentiallyBlurred()\"\r\n>\r\n  @if (editable()) {\r\n    <ng-content select=\"[ngnInput]\">\r\n      <input\r\n        ngnInput\r\n        autocomplete=\"list\"\r\n        [aria-expanded]=\"popover.open()\"\r\n        aria-haspopup=\"listbox\"\r\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n        [id]=\"inputId()\"\r\n        [value]=\"valueStr() || ''\"\r\n        (valueChange)=\"onEditableChange($event)\"\r\n        [readOnly]=\"readonly()\"\r\n        [disabled]=\"disabled()\"\r\n      />\r\n    </ng-content>\r\n  } @else {\r\n    <div\r\n      role=\"combobox\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'combobox'\"\r\n      [aria-expanded]=\"popover.open()\"\r\n      aria-haspopup=\"listbox\"\r\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\r\n      [attr.disabled]=\"disabled() ? '' : null\"\r\n      [id]=\"inputId()\"\r\n    >\r\n      @if (multiple()) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems(),\r\n          }\"\r\n        />\r\n      } @else {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems()[0],\r\n          }\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n  <ngn-icon [ptInt]=\"this\" [ptClass]=\"'icon'\" [icon]=\"dropdownIcon()\" defaultIcon=\"chevron_down\" />\r\n</ngn-input-field>\r\n<ngn-popover\r\n  #popover\r\n  [options]=\"appliedPopoverOptions()\"\r\n  [anchor]=\"field.element.nativeElement\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (closed)=\"onPopoverClosed()\"\r\n  [id]=\"inputId() + '_popover'\"\r\n  [hasShrinkableContent]=\"true\"\r\n>\r\n  <ng-template #lazy>\r\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\r\n      @if (filter()) {\r\n        <ngn-input-field [ptInt]=\"this\" [ptClass]=\"'filter'\">\r\n          <input\r\n            ngnInput\r\n            [value]=\"filterTextInternal()\"\r\n            (valueChange)=\"filterTextInternal.set($event)\"\r\n          />\r\n          <ngn-icon\r\n            [ptInt]=\"this\"\r\n            [ptClass]=\"'filter-icon'\"\r\n            defaultIcon=\"magnifying_glass\"\r\n            [icon]=\"filterIcon()\"\r\n          />\r\n        </ngn-input-field>\r\n      }\r\n      <ngn-list-box\r\n        [ptInt]=\"this\"\r\n        [ptClass]=\"{\r\n          'list-box': true,\r\n        }\"\r\n        style=\"height: 100%; min-height: 0\"\r\n        [focussable]=\"false\"\r\n        [selectable]=\"true\"\r\n        [filter]=\"appliedFilter()\"\r\n        [filterText]=\"filterTextInternal()\"\r\n        [items]=\"options()\"\r\n        [itemHeight]=\"itemHeight()\"\r\n        [virtual]=\"virtual()\"\r\n        [templateItem]=\"itemTemplate()\"\r\n        [templateGroup]=\"groupTemplate()\"\r\n        [multiple]=\"multiple()\"\r\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\r\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\r\n        (valueChange)=\"onSelect($event)\"\r\n        (itemClicked)=\"onItemClicked()\"\r\n        [inputId]=\"inputId() + '_listbox'\"\r\n        [templateEmpty]=\"noItemsTemplate()\"\r\n        [checkbox]=\"checkbox()\"\r\n      />\r\n    </div>\r\n  </ng-template>\r\n</ngn-popover>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  <span [attr.data-testid]=\"item?.testId\">\r\n    @let label = item?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n  <span [attr.data-testid]=\"group?.testId\">\r\n    @let label = group?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  @let label = item?.label;\r\n  @if (label) {\r\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n  } @else {\r\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\r\n  <ngn-item-view\r\n    #itemView\r\n    [items]=\"items\"\r\n    [idField]=\"'value'\"\r\n    [separator]=\"true\"\r\n    style=\"margin-right: 8px\"\r\n  >\r\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\r\n      ></ng-container>\r\n    </ng-template>\r\n  </ngn-item-view>\r\n  @if (items.length < 1) {\r\n    &ZeroWidthSpace;\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "component", type: NgnInputField, selector: "ngn-input-field", inputs: ["label", "labelledBy", "labelKind", "inputId", "showClearButton", "iconClearButton", "tabindex", "invalid", "readonly", "disabled"] }, { kind: "component", type: NgnListBox, selector: "ngn-list-box", inputs: ["items", "scrollToSelectedItemOnInit", "selectable", "selectOnHover", "focussable", "virtual", "itemHeight", "multiple", "checkbox", "filter", "filterText"], outputs: ["itemClicked"] }, { kind: "component", type: NgnPopover, selector: "ngn-popover", inputs: ["open", "anchor", "options", "hasShrinkableContent", "closeBy"], outputs: ["closed", "closing", "openChange"] }, { kind: "directive", type: NgnInput, selector: "input[ngnInput], textarea[ngnInput]", inputs: ["invalid", "value"], outputs: ["valueChange"], exportAs: ["ngnInput"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnItemView, selector: "ngn-item-view", inputs: ["idField", "items", "separator", "iconItemSeparator", "overflowStrategy", "overflowStrategyFreezeCount", "overflowStrategyIndex", "sameWidthItems"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: NgnSelect, isStandalone: true, selector: "ngn-select", inputs: { popoverOptions: { classPropertyName: "popoverOptions", publicName: "popoverOptions", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterText: { classPropertyName: "filterText", publicName: "filterText", isSignal: true, isRequired: false, transformFunction: null }, filterIcon: { classPropertyName: "filterIcon", publicName: "filterIcon", isSignal: true, isRequired: false, transformFunction: null }, dropdownIcon: { classPropertyName: "dropdownIcon", publicName: "dropdownIcon", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editableAutoFilter: { classPropertyName: "editableAutoFilter", publicName: "editableAutoFilter", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, scrollToSelectedItemOnOpen: { classPropertyName: "scrollToSelectedItemOnOpen", publicName: "scrollToSelectedItemOnOpen", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block;" }, providers: [provideSelf(NgnSelect)], queries: [{ propertyName: "_customEditableInput", first: true, predicate: NgnInput, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_popover", first: true, predicate: NgnPopover, descendants: true, isSignal: true }, { propertyName: "_listbox", first: true, predicate: NgnListBox, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ngn-input-field\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    input: true,\r\n    'input-editable': editable(),\r\n  }\"\r\n  (click)=\"show()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  #field\r\n  [label]=\"label()\"\r\n  [labelledBy]=\"labelledBy()\"\r\n  [inputId]=\"inputId()\"\r\n  [invalid]=\"invalid()\"\r\n  [readonly]=\"readonly()\"\r\n  [disabled]=\"disabled()\"\r\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\r\n  (focusout)=\"potentiallyBlurred()\"\r\n>\r\n  @if (editable()) {\r\n    <ng-content select=\"[ngnInput]\">\r\n      <input\r\n        ngnInput\r\n        autocomplete=\"list\"\r\n        [aria-expanded]=\"popover.open()\"\r\n        aria-haspopup=\"listbox\"\r\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n        [id]=\"inputId()\"\r\n        [value]=\"valueStr() || ''\"\r\n        (valueChange)=\"onEditableChange($event)\"\r\n        [readOnly]=\"readonly()\"\r\n        [disabled]=\"disabled()\"\r\n      />\r\n    </ng-content>\r\n  } @else {\r\n    <div\r\n      role=\"combobox\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'combobox'\"\r\n      [aria-expanded]=\"popover.open()\"\r\n      aria-haspopup=\"listbox\"\r\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\r\n      [attr.disabled]=\"disabled() ? '' : null\"\r\n      [id]=\"inputId()\"\r\n    >\r\n      @if (multiple()) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems(),\r\n          }\"\r\n        />\r\n      } @else {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems()[0],\r\n          }\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n  <ngn-icon\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'icon'\"\r\n    [icon]=\"dropdownIcon()\"\r\n    defaultIcon=\"dropdown-toggle\"\r\n  />\r\n</ngn-input-field>\r\n<ngn-popover\r\n  #popover\r\n  [options]=\"appliedPopoverOptions()\"\r\n  [anchor]=\"field.element.nativeElement\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (closed)=\"onPopoverClosed()\"\r\n  [id]=\"inputId() + '_popover'\"\r\n  [hasShrinkableContent]=\"true\"\r\n>\r\n  <ng-template #lazy>\r\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\r\n      @if (filter()) {\r\n        <ngn-input-field [ptInt]=\"this\" [ptClass]=\"'filter'\">\r\n          <input\r\n            ngnInput\r\n            [value]=\"filterTextInternal()\"\r\n            (valueChange)=\"filterTextInternal.set($event)\"\r\n          />\r\n          <ngn-icon\r\n            [ptInt]=\"this\"\r\n            [ptClass]=\"'filter-icon'\"\r\n            defaultIcon=\"search\"\r\n            [icon]=\"filterIcon()\"\r\n          />\r\n        </ngn-input-field>\r\n      }\r\n      <ngn-list-box\r\n        [ptInt]=\"this\"\r\n        [ptClass]=\"{\r\n          'list-box': true,\r\n        }\"\r\n        style=\"height: 100%; min-height: 0\"\r\n        [focussable]=\"false\"\r\n        [selectable]=\"true\"\r\n        [filter]=\"appliedFilter()\"\r\n        [filterText]=\"filterTextInternal()\"\r\n        [items]=\"options()\"\r\n        [itemHeight]=\"itemHeight()\"\r\n        [virtual]=\"virtual()\"\r\n        [templateItem]=\"itemTemplate()\"\r\n        [templateGroup]=\"groupTemplate()\"\r\n        [multiple]=\"multiple()\"\r\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\r\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\r\n        (valueChange)=\"onSelect($event)\"\r\n        (itemClicked)=\"onItemClicked()\"\r\n        [inputId]=\"inputId() + '_listbox'\"\r\n        [templateEmpty]=\"noItemsTemplate()\"\r\n        [checkbox]=\"checkbox()\"\r\n      />\r\n    </div>\r\n  </ng-template>\r\n</ngn-popover>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  <span [attr.data-testid]=\"item?.testId\">\r\n    @let label = item?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n  <span [attr.data-testid]=\"group?.testId\">\r\n    @let label = group?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  @let label = item?.label;\r\n  @if (label) {\r\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n  } @else {\r\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\r\n  <ngn-item-view\r\n    #itemView\r\n    [items]=\"items\"\r\n    [idField]=\"'value'\"\r\n    [separator]=\"true\"\r\n    style=\"margin-right: 8px\"\r\n  >\r\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\r\n      ></ng-container>\r\n    </ng-template>\r\n  </ngn-item-view>\r\n  @if (items.length < 1) {\r\n    &ZeroWidthSpace;\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "component", type: NgnInputField, selector: "ngn-input-field", inputs: ["label", "labelledBy", "labelKind", "inputId", "showClearButton", "iconClearButton", "tabindex", "invalid", "readonly", "disabled"] }, { kind: "component", type: NgnListBox, selector: "ngn-list-box", inputs: ["items", "scrollToSelectedItemOnInit", "selectable", "selectOnHover", "focussable", "virtual", "itemHeight", "multiple", "checkbox", "filter", "filterText"], outputs: ["itemClicked"] }, { kind: "component", type: NgnPopover, selector: "ngn-popover", inputs: ["open", "anchor", "options", "hasShrinkableContent", "closeBy"], outputs: ["closed", "closing", "openChange"] }, { kind: "directive", type: NgnInput, selector: "input[ngnInput], textarea[ngnInput]", inputs: ["invalid", "value"], outputs: ["valueChange"], exportAs: ["ngnInput"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnItemView, selector: "ngn-item-view", inputs: ["idField", "items", "separator", "iconItemSeparator", "overflowStrategy", "overflowStrategyFreezeCount", "overflowStrategyIndex", "sameWidthItems"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnSelect, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-select', imports: [
                         NgnPt,
@@ -354,7 +355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
                         NgnIcon,
                     ], providers: [provideSelf(NgnSelect)], host: {
                         style: 'display: block;',
-                    }, template: "<ngn-input-field\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    input: true,\r\n    'input-editable': editable(),\r\n  }\"\r\n  (click)=\"show()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  #field\r\n  [label]=\"label()\"\r\n  [labelledBy]=\"labelledBy()\"\r\n  [inputId]=\"inputId()\"\r\n  [invalid]=\"invalid()\"\r\n  [readonly]=\"readonly()\"\r\n  [disabled]=\"disabled()\"\r\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\r\n  (focusout)=\"potentiallyBlurred()\"\r\n>\r\n  @if (editable()) {\r\n    <ng-content select=\"[ngnInput]\">\r\n      <input\r\n        ngnInput\r\n        autocomplete=\"list\"\r\n        [aria-expanded]=\"popover.open()\"\r\n        aria-haspopup=\"listbox\"\r\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n        [id]=\"inputId()\"\r\n        [value]=\"valueStr() || ''\"\r\n        (valueChange)=\"onEditableChange($event)\"\r\n        [readOnly]=\"readonly()\"\r\n        [disabled]=\"disabled()\"\r\n      />\r\n    </ng-content>\r\n  } @else {\r\n    <div\r\n      role=\"combobox\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'combobox'\"\r\n      [aria-expanded]=\"popover.open()\"\r\n      aria-haspopup=\"listbox\"\r\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\r\n      [attr.disabled]=\"disabled() ? '' : null\"\r\n      [id]=\"inputId()\"\r\n    >\r\n      @if (multiple()) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems(),\r\n          }\"\r\n        />\r\n      } @else {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems()[0],\r\n          }\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n  <ngn-icon [ptInt]=\"this\" [ptClass]=\"'icon'\" [icon]=\"dropdownIcon()\" defaultIcon=\"chevron_down\" />\r\n</ngn-input-field>\r\n<ngn-popover\r\n  #popover\r\n  [options]=\"appliedPopoverOptions()\"\r\n  [anchor]=\"field.element.nativeElement\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (closed)=\"onPopoverClosed()\"\r\n  [id]=\"inputId() + '_popover'\"\r\n  [hasShrinkableContent]=\"true\"\r\n>\r\n  <ng-template #lazy>\r\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\r\n      @if (filter()) {\r\n        <ngn-input-field [ptInt]=\"this\" [ptClass]=\"'filter'\">\r\n          <input\r\n            ngnInput\r\n            [value]=\"filterTextInternal()\"\r\n            (valueChange)=\"filterTextInternal.set($event)\"\r\n          />\r\n          <ngn-icon\r\n            [ptInt]=\"this\"\r\n            [ptClass]=\"'filter-icon'\"\r\n            defaultIcon=\"magnifying_glass\"\r\n            [icon]=\"filterIcon()\"\r\n          />\r\n        </ngn-input-field>\r\n      }\r\n      <ngn-list-box\r\n        [ptInt]=\"this\"\r\n        [ptClass]=\"{\r\n          'list-box': true,\r\n        }\"\r\n        style=\"height: 100%; min-height: 0\"\r\n        [focussable]=\"false\"\r\n        [selectable]=\"true\"\r\n        [filter]=\"appliedFilter()\"\r\n        [filterText]=\"filterTextInternal()\"\r\n        [items]=\"options()\"\r\n        [itemHeight]=\"itemHeight()\"\r\n        [virtual]=\"virtual()\"\r\n        [templateItem]=\"itemTemplate()\"\r\n        [templateGroup]=\"groupTemplate()\"\r\n        [multiple]=\"multiple()\"\r\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\r\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\r\n        (valueChange)=\"onSelect($event)\"\r\n        (itemClicked)=\"onItemClicked()\"\r\n        [inputId]=\"inputId() + '_listbox'\"\r\n        [templateEmpty]=\"noItemsTemplate()\"\r\n        [checkbox]=\"checkbox()\"\r\n      />\r\n    </div>\r\n  </ng-template>\r\n</ngn-popover>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  <span [attr.data-testid]=\"item?.testId\">\r\n    @let label = item?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n  <span [attr.data-testid]=\"group?.testId\">\r\n    @let label = group?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  @let label = item?.label;\r\n  @if (label) {\r\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n  } @else {\r\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\r\n  <ngn-item-view\r\n    #itemView\r\n    [items]=\"items\"\r\n    [idField]=\"'value'\"\r\n    [separator]=\"true\"\r\n    style=\"margin-right: 8px\"\r\n  >\r\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\r\n      ></ng-container>\r\n    </ng-template>\r\n  </ngn-item-view>\r\n  @if (items.length < 1) {\r\n    &ZeroWidthSpace;\r\n  }\r\n</ng-template>\r\n" }]
+                    }, template: "<ngn-input-field\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    input: true,\r\n    'input-editable': editable(),\r\n  }\"\r\n  (click)=\"show()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  #field\r\n  [label]=\"label()\"\r\n  [labelledBy]=\"labelledBy()\"\r\n  [inputId]=\"inputId()\"\r\n  [invalid]=\"invalid()\"\r\n  [readonly]=\"readonly()\"\r\n  [disabled]=\"disabled()\"\r\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\r\n  (focusout)=\"potentiallyBlurred()\"\r\n>\r\n  @if (editable()) {\r\n    <ng-content select=\"[ngnInput]\">\r\n      <input\r\n        ngnInput\r\n        autocomplete=\"list\"\r\n        [aria-expanded]=\"popover.open()\"\r\n        aria-haspopup=\"listbox\"\r\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n        [id]=\"inputId()\"\r\n        [value]=\"valueStr() || ''\"\r\n        (valueChange)=\"onEditableChange($event)\"\r\n        [readOnly]=\"readonly()\"\r\n        [disabled]=\"disabled()\"\r\n      />\r\n    </ng-content>\r\n  } @else {\r\n    <div\r\n      role=\"combobox\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'combobox'\"\r\n      [aria-expanded]=\"popover.open()\"\r\n      aria-haspopup=\"listbox\"\r\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\r\n      [attr.disabled]=\"disabled() ? '' : null\"\r\n      [id]=\"inputId()\"\r\n    >\r\n      @if (multiple()) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems(),\r\n          }\"\r\n        />\r\n      } @else {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: selectedItems()[0],\r\n          }\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n  <ngn-icon\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'icon'\"\r\n    [icon]=\"dropdownIcon()\"\r\n    defaultIcon=\"dropdown-toggle\"\r\n  />\r\n</ngn-input-field>\r\n<ngn-popover\r\n  #popover\r\n  [options]=\"appliedPopoverOptions()\"\r\n  [anchor]=\"field.element.nativeElement\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (closed)=\"onPopoverClosed()\"\r\n  [id]=\"inputId() + '_popover'\"\r\n  [hasShrinkableContent]=\"true\"\r\n>\r\n  <ng-template #lazy>\r\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\r\n      @if (filter()) {\r\n        <ngn-input-field [ptInt]=\"this\" [ptClass]=\"'filter'\">\r\n          <input\r\n            ngnInput\r\n            [value]=\"filterTextInternal()\"\r\n            (valueChange)=\"filterTextInternal.set($event)\"\r\n          />\r\n          <ngn-icon\r\n            [ptInt]=\"this\"\r\n            [ptClass]=\"'filter-icon'\"\r\n            defaultIcon=\"search\"\r\n            [icon]=\"filterIcon()\"\r\n          />\r\n        </ngn-input-field>\r\n      }\r\n      <ngn-list-box\r\n        [ptInt]=\"this\"\r\n        [ptClass]=\"{\r\n          'list-box': true,\r\n        }\"\r\n        style=\"height: 100%; min-height: 0\"\r\n        [focussable]=\"false\"\r\n        [selectable]=\"true\"\r\n        [filter]=\"appliedFilter()\"\r\n        [filterText]=\"filterTextInternal()\"\r\n        [items]=\"options()\"\r\n        [itemHeight]=\"itemHeight()\"\r\n        [virtual]=\"virtual()\"\r\n        [templateItem]=\"itemTemplate()\"\r\n        [templateGroup]=\"groupTemplate()\"\r\n        [multiple]=\"multiple()\"\r\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\r\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\r\n        (valueChange)=\"onSelect($event)\"\r\n        (itemClicked)=\"onItemClicked()\"\r\n        [inputId]=\"inputId() + '_listbox'\"\r\n        [templateEmpty]=\"noItemsTemplate()\"\r\n        [checkbox]=\"checkbox()\"\r\n      />\r\n    </div>\r\n  </ng-template>\r\n</ngn-popover>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  <span [attr.data-testid]=\"item?.testId\">\r\n    @let label = item?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n  <span [attr.data-testid]=\"group?.testId\">\r\n    @let label = group?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  @let label = item?.label;\r\n  @if (label) {\r\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n  } @else {\r\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\r\n  <ngn-item-view\r\n    #itemView\r\n    [items]=\"items\"\r\n    [idField]=\"'value'\"\r\n    [separator]=\"true\"\r\n    style=\"margin-right: 8px\"\r\n  >\r\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\r\n      ></ng-container>\r\n    </ng-template>\r\n  </ngn-item-view>\r\n  @if (items.length < 1) {\r\n    &ZeroWidthSpace;\r\n  }\r\n</ng-template>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { _popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgnPopover), { isSignal: true }] }], _customEditableInput: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgnInput), { isSignal: true }] }], popoverOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverOptions", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterText: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterText", required: false }] }], filterIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterIcon", required: false }] }], dropdownIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIcon", required: false }] }], virtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtual", required: false }] }], itemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHeight", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], editableAutoFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "editableAutoFilter", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], scrollToSelectedItemOnOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToSelectedItemOnOpen", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], checkbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkbox", required: false }] }], _listbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgnListBox), { isSignal: true }] }] } });
 /**

package/fesm2022/ngneers-controls-select.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngneers-controls-select.mjs","sources":["../../src/select/select-templates.ts","../../src/select/select.ts","../../src/select/select.html","../../src/select/ngneers-controls-select.ts"],"sourcesContent":["import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\r\nimport { ValueControlBase } from '@ngneers/controls/base';\r\n\r\nimport type { NgnItem } from '@ngneers/controls/api';\r\nimport type { InputGeneric } from '@ngneers/controls/utils';\r\n\r\n/*\r\n This type determines the value type for the select control.\r\n * * If `multiple` is true, the value is an array of items: `T[K][]`.\r\n * * If `editable` is true, the value is a `string`.\r\n * * If neither is true, the value is the item's value type `T[K]`.\r\n /\r\nexport type ValueType<V, Editable extends boolean, Multiple extends boolean> =\r\n InputGeneric<Multiple, false> extends true\r\n ? V[]\r\n : InputGeneric<Editable, false> extends true\r\n ? string\r\n : V;\r\n\r\n@Directive()\r\nexport abstract class SelectTemplates<\r\n V,\r\n Editable extends boolean,\r\n Multiple extends boolean,\r\n> extends ValueControlBase<'select', ValueType<V, Editable, Multiple> \| null> {\r\n // Item template\r\n private readonly _defaultItemTemplate =\r\n viewChild.required<TemplateRef<typeof this.templateTypes.item>>('defaultItemTemplate');\r\n private readonly _userItemTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.item>>('item');\r\n /\r\n Set a custom template for an item of the select control.\r\n * Can also be set using an `<ng-template>` element with `#item` template reference variable.\r\n /\r\n public readonly templateItem = input<TemplateRef<typeof this.templateTypes.item> \| null>(null);\r\n protected readonly itemTemplate = computed(\r\n () => this._userItemTemplate() ?? this.templateItem() ?? this._defaultItemTemplate()\r\n );\r\n\r\n // Selected item template\r\n private readonly _defaultSelectedItemTemplate = viewChild.required<\r\n TemplateRef<typeof this.templateTypes.item>\r\n >('defaultSelectedItemTemplate');\r\n private readonly _userSelectedItemTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.item>>('selectedItem');\r\n /\r\n Set a custom template for the selected item of the select control.\r\n * Can also be set using an `<ng-template>` element with `#selectedItem` template reference variable.\r\n /\r\n public readonly templateSelectedItem = input<TemplateRef<typeof this.templateTypes.item> \| null>(\r\n null\r\n );\r\n protected readonly selectedItemTemplate = computed(\r\n () =>\r\n this._userSelectedItemTemplate() ??\r\n this.templateSelectedItem() ??\r\n this._defaultSelectedItemTemplate()\r\n );\r\n\r\n // Selected items template\r\n private readonly _defaultSelectedItemsTemplate = viewChild.required<\r\n TemplateRef<typeof this.templateTypes.selectedItems>\r\n >('defaultSelectedItemsTemplate');\r\n private readonly _userSelectedItemsTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.selectedItems>>('selectedItems');\r\n /\r\n Set a custom template for the selected items of the select control if {@link multiple} is `true`.\r\n * Can also be set using an `<ng-template>` element with `#selectedItems` template reference variable.\r\n /\r\n public readonly templateSelectedItems = input<TemplateRef<\r\n typeof this.templateTypes.selectedItems\r\n > \| null>(null);\r\n protected readonly selectedItemsTemplate = computed(\r\n () =>\r\n this._userSelectedItemsTemplate() ??\r\n this.templateSelectedItems() ??\r\n this._defaultSelectedItemsTemplate()\r\n );\r\n\r\n // Group template\r\n private readonly _defaultGroupTemplate =\r\n viewChild.required<TemplateRef<typeof this.templateTypes.item>>('defaultGroupTemplate');\r\n private readonly _userGroupTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.item>>('group');\r\n /\r\n Set a custom template for a group in the select control.\r\n * Can also be set using an `<ng-template>` element with `#group` template reference variable.\r\n /\r\n public readonly templateGroup = input<TemplateRef<typeof this.templateTypes.item> \| null>(null);\r\n protected readonly groupTemplate = computed(\r\n () => this._userGroupTemplate() ?? this.templateGroup() ?? this._defaultGroupTemplate()\r\n );\r\n\r\n // No items template\r\n private readonly _userNoItemsTemplate = contentChild<TemplateRef<unknown>>('noItems');\r\n /\r\n Set a custom template for the no items state of the select control.\r\n * Can also be set using an `<ng-template>` element with `#noItems` template reference variable.\r\n /\r\n public readonly templateNoItems = input<TemplateRef<unknown> \| null>(null);\r\n protected readonly noItemsTemplate = computed(\r\n () => this._userNoItemsTemplate() ?? this.templateNoItems()\r\n );\r\n\r\n /\r\n Types for the dialog templates.\r\n /\r\n public readonly templateTypes = templateTypesFn<{\r\n item: {\r\n $implicit: NgnItem<unknown, V> \| undefined;\r\n };\r\n selectedItems: {\r\n $implicit: NgnItem<unknown, V>[];\r\n };\r\n }>();\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n booleanAttribute,\r\n Component,\r\n computed,\r\n contentChild,\r\n effect,\r\n input,\r\n linkedSignal,\r\n type OutputRefSubscription,\r\n type Signal,\r\n signal,\r\n viewChild,\r\n ChangeDetectionStrategy,\r\n inject,\r\n} from '@angular/core';\r\nimport { type FilterConfig, mapToItems, type NgnItem } from '@ngneers/controls/api';\r\nimport { NgnTemplate } from '@ngneers/controls/api/ng';\r\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { I18n } from '@ngneers/controls/i18n';\r\nimport { NgnIcon } from '@ngneers/controls/icon';\r\nimport { NgnInput } from '@ngneers/controls/input';\r\nimport { NgnInputField } from '@ngneers/controls/input-field';\r\nimport { NgnItemView } from '@ngneers/controls/item-view';\r\nimport { NgnListBox } from '@ngneers/controls/list-box';\r\nimport { NgnPopover, type PopoverOptions } from '@ngneers/controls/popover';\r\nimport { deepMerge, maybeCallback, NgnError } from '@ngneers/controls/utils';\r\nimport { selectControlTemplate } from '@ngneers/controls-themes/templates/select';\r\n\r\nimport { SelectTemplates, type ValueType } from './select-templates';\r\n\r\nimport type { SelectFilterOptions } from './types';\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\n/\r\n @category control\r\n /\r\n@Component({\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n selector: 'ngn-select',\r\n templateUrl: './select.html',\r\n imports: [\r\n NgnPt,\r\n NgnInputField,\r\n NgnListBox,\r\n NgnPopover,\r\n NgnInput,\r\n NgTemplateOutlet,\r\n NgnTemplate,\r\n NgnItemView,\r\n NgnIcon,\r\n ],\r\n providers: [provideSelf(NgnSelect)],\r\n host: {\r\n style: 'display: block;',\r\n },\r\n})\r\nexport class NgnSelect<\r\n V,\r\n Editable extends boolean = false,\r\n Multiple extends boolean = false,\r\n> extends SelectTemplates<V, Editable, Multiple> {\r\n protected readonly theme = this.injectThemeTemplate(selectControlTemplate, 'root');\r\n protected readonly i18n = inject(I18n).translations;\r\n private readonly _popover = viewChild.required<NgnPopover>(NgnPopover);\r\n private readonly _customEditableInput = contentChild(NgnInput);\r\n private _customEditableSub?: OutputRefSubscription;\r\n\r\n /\r\n Options for the popover.\r\n /\r\n public readonly popoverOptions = input<PopoverOptions>({});\r\n protected readonly appliedPopoverOptions = computed(() =>\r\n deepMerge(\r\n {\r\n sizeConstraints: {\r\n width: 1,\r\n maxWidth: 1,\r\n minHeight: '250px',\r\n maxHeight: '700px',\r\n },\r\n },\r\n this.popoverOptions()\r\n )\r\n );\r\n /\r\n The available options to choose from. They can either be\r\n * * A list of {@link NgnItem} objects\r\n * * A list of plain objects. You'll have to provide a {@link fields} input to specify how to map the plain objects to {@link NgnItem} objects.\r\n /\r\n public readonly options = input<readonly NgnItem<unknown, V>[]>([]);\r\n /\r\n Accepts a boolean value that determines whether the filter is enabled.\r\n * Alternatively, you can provide `SelectFilterOptions` to customize the filter behavior.\r\n * @default `false`\r\n /\r\n public readonly filter = input<SelectFilterOptions<NgnItem<unknown, V>> \| boolean>(false);\r\n /\r\n Manually set the filter text.\r\n /\r\n public readonly filterText = input<string \| null>(null);\r\n /\r\n The icon to display in the filter input.\r\n /\r\n public readonly filterIcon = input<IconType>();\r\n /\r\n The icon to display in the dropdown.\r\n /\r\n public readonly dropdownIcon = input<IconType>();\r\n /\r\n Whether the select is virtualized.\r\n * @default `false`\r\n /\r\n public readonly virtual = input(false, { transform: booleanAttribute });\r\n /\r\n When {@link virtual} is enabled, this property defines the height of each item in the list.\r\n /\r\n public readonly itemHeight = input<number>();\r\n /\r\n Enable this to allow the user to type in a value that is not in the list.\r\n * When enabled, the value of the control becomes the label of a selected item or the typed value.\r\n \r\n Cannot be used with\r\n * * {@link multiple} selection\r\n * * {@link filter} without also setting {@link editableAutoFilter} to `false`\r\n \r\n @default `false`\r\n /\r\n public readonly editable = input<Editable>();\r\n /\r\n Whether to automatically filter the options based on the user's input in the {@link editable} input.\r\n * @default `true`\r\n /\r\n public readonly editableAutoFilter = input(true, { transform: booleanAttribute });\r\n /\r\n Enable this to allow the user to select multiple values.\r\n * When enabled, the value of the control becomes an array of selected items.\r\n \r\n This is only applicable when {@link editable} is `false`.\r\n * @default `false`\r\n /\r\n public readonly multiple = input<Multiple>();\r\n /\r\n Whether to scroll to the selected item when the dropdown is opened.\r\n * @default `true`\r\n /\r\n public readonly scrollToSelectedItemOnOpen = input<boolean \| ScrollLogicalPosition>(true);\r\n /\r\n Tabindex for the select control.\r\n * @default `0`\r\n /\r\n public readonly tabindex = input<number>(0);\r\n /\r\n Whether to use a checkbox to indicate selection state.\r\n \r\n This option is true per default when {@link multiple} is `true`.\r\n * @default multiple()\r\n /\r\n public readonly checkbox = input<boolean>();\r\n\r\n protected readonly maybeCallback = maybeCallback;\r\n\r\n private readonly _listbox = viewChild(NgnListBox);\r\n private _userChangedEditableInput = false;\r\n\r\n protected readonly filterTextInternal = linkedSignal(this.filterText);\r\n protected readonly currentHighlightedValue = signal<V \| null>(null);\r\n protected readonly valueStr = computed(() => {\r\n const v = this.value();\r\n return typeof v === 'string' ? v : null;\r\n });\r\n protected readonly valueArray = computed(() => {\r\n const v = this.value();\r\n return Array.isArray(v) ? v : v ? [v] : [];\r\n });\r\n\r\n protected readonly appliedFilter: Signal<FilterConfig<NgnItem> \| boolean> = computed(\r\n () => this.filter() \|\| this.editable() \|\| false\r\n );\r\n\r\n private readonly _flatOptions = computed(() => mapToItems(this.options()));\r\n\r\n protected readonly selectedItems = computed(() => {\r\n if (this.editable()) {\r\n return [this._flatOptions().find(option => option.label === this.value())];\r\n } else {\r\n return this.valueArray().map(value =>\r\n this._flatOptions().find(option => option.value === value)\r\n );\r\n }\r\n });\r\n protected readonly selectedItemsValues = computed(() =>\r\n this.selectedItems().map(item => item?.value)\r\n );\r\n\r\n constructor() {\r\n super();\r\n effect(() => {\r\n if (this.editable() && this.multiple()) {\r\n throw new NgnError('select', 'Editable and multiple selection cannot be used together');\r\n }\r\n if (this.editable() && this.filter()) {\r\n throw new NgnError('select', 'Editable and filtering cannot be used together');\r\n }\r\n });\r\n effect(() => {\r\n this._customEditableSub?.unsubscribe();\r\n const editable = this.editable();\r\n const customEditableInput = this._customEditableInput();\r\n if (!editable \|\| !customEditableInput) {\r\n return;\r\n }\r\n\r\n this._customEditableSub = customEditableInput.value.subscribe(value => {\r\n this.onEditableChange(value);\r\n });\r\n // Set ARIA attributes for accessibility\r\n customEditableInput.element.nativeElement.setAttribute('aria-autocomplete', 'list');\r\n customEditableInput.element.nativeElement.setAttribute(\r\n 'aria-expanded',\r\n `${this._popover().open()}`\r\n );\r\n customEditableInput.element.nativeElement.setAttribute('aria-haspopup', 'listbox');\r\n customEditableInput.element.nativeElement.setAttribute(\r\n 'aria-controls',\r\n `${this.inputId()}_listbox`\r\n );\r\n });\r\n effect(() => {\r\n if (!this.editable()) {\r\n return;\r\n }\r\n const valueSig = this._customEditableInput()?.value;\r\n if (valueSig) {\r\n valueSig.set((this.value() as string) \|\| '');\r\n }\r\n });\r\n effect(() => {\r\n if (!this.editable()) {\r\n return;\r\n }\r\n const hasOptions = !!this._listbox()?.displayedItems().length;\r\n if (!this._userChangedEditableInput) {\r\n return;\r\n }\r\n this._userChangedEditableInput = false;\r\n if (hasOptions) {\r\n this.show();\r\n } else {\r\n this.hide();\r\n }\r\n });\r\n }\r\n\r\n protected onKeyDown(event: KeyboardEvent) {\r\n this._listbox()?.onKeyDown(event);\r\n // if event is not handled by the listbox, we can handle it here\r\n if (!event.defaultPrevented) {\r\n if (event.key === 'Enter') {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n this._popover().toggle();\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n const currentIndex = this.options().findIndex(option => option.value === this.value());\r\n let newIndex = event.key === 'ArrowDown' ? currentIndex + 1 : currentIndex - 1;\r\n if (newIndex < 0) {\r\n newIndex = 0;\r\n }\r\n if (newIndex >= this.options().length) {\r\n newIndex = this.options().length - 1;\r\n }\r\n const newValue = this.options()[newIndex]?.value;\r\n if (newValue !== undefined) {\r\n this.onSelect(newValue as ValueType<V, false, Multiple>);\r\n }\r\n }\r\n }\r\n }\r\n\r\n protected onPopoverClosed() {\r\n this.potentiallyBlurred();\r\n this.currentHighlightedValue.set(null);\r\n const filter = this.filter();\r\n if (filter === true \|\| (typeof filter === 'object' && filter.clearFilterOnClose)) {\r\n if (!this.editable()) {\r\n this.filterTextInternal.set('');\r\n }\r\n }\r\n }\r\n\r\n protected onSelect(value: ValueType<V, false, Multiple> \| null) {\r\n if (this.editable()) {\r\n const item = this._flatOptions().find(option => option.value === value);\r\n if (item) {\r\n this.value.set(maybeCallback(item.label) as ValueType<V, Editable, Multiple>);\r\n }\r\n } else {\r\n const v = value as ValueType<V, Editable, Multiple>;\r\n if (this.value() !== v) {\r\n this.value.set(v);\r\n }\r\n }\r\n }\r\n\r\n protected onItemClicked() {\r\n if (!this.multiple()) {\r\n this.hide();\r\n }\r\n }\r\n\r\n /\r\n Shows the select dropdown.\r\n /\r\n public show() {\r\n if (this.disabled() \|\| this.readonly()) {\r\n return;\r\n }\r\n this._popover().show();\r\n }\r\n\r\n /\r\n Hides the select dropdown.\r\n /\r\n public hide() {\r\n this._popover().hide();\r\n }\r\n\r\n protected onEditableChange(value: string \| null) {\r\n if (this.editable()) {\r\n this.value.set(maybeCallback(value) as ValueType<V, Editable, Multiple>);\r\n this._userChangedEditableInput = true;\r\n if (this.editableAutoFilter()) {\r\n this.filterTextInternal.set(value);\r\n }\r\n }\r\n }\r\n\r\n protected potentiallyBlurred() {\r\n setTimeout(() => {\r\n if (this.element.nativeElement.contains(document.activeElement) \|\| this._popover().open()) {\r\n return;\r\n }\r\n this.touched.set(true);\r\n });\r\n }\r\n}\r\n","<ngn-input-field\r\n [ptInt]=\"this\"\r\n [ptClass]=\"{\r\n input: true,\r\n 'input-editable': editable(),\r\n }\"\r\n (click)=\"show()\"\r\n (keydown)=\"onKeyDown($event)\"\r\n #field\r\n [label]=\"label()\"\r\n [labelledBy]=\"labelledBy()\"\r\n [inputId]=\"inputId()\"\r\n [invalid]=\"invalid()\"\r\n [readonly]=\"readonly()\"\r\n [disabled]=\"disabled()\"\r\n [tabindex]=\"editable() \|\| disabled() ? -1 : tabindex()\"\r\n (focusout)=\"potentiallyBlurred()\"\r\n>\r\n @if (editable()) {\r\n <ng-content select=\"[ngnInput]\">\r\n <input\r\n ngnInput\r\n autocomplete=\"list\"\r\n [aria-expanded]=\"popover.open()\"\r\n aria-haspopup=\"listbox\"\r\n [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n [id]=\"inputId()\"\r\n [value]=\"valueStr() \|\| ''\"\r\n (valueChange)=\"onEditableChange($event)\"\r\n [readOnly]=\"readonly()\"\r\n [disabled]=\"disabled()\"\r\n />\r\n </ng-content>\r\n } @else {\r\n <div\r\n role=\"combobox\"\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'combobox'\"\r\n [aria-expanded]=\"popover.open()\"\r\n aria-haspopup=\"listbox\"\r\n [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\r\n [attr.disabled]=\"disabled() ? '' : null\"\r\n [id]=\"inputId()\"\r\n >\r\n @if (multiple()) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedItemsTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: selectedItems(),\r\n }\"\r\n />\r\n } @else {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedItemTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: selectedItems()[0],\r\n }\"\r\n />\r\n }\r\n </div>\r\n }\r\n <ngn-icon [ptInt]=\"this\" [ptClass]=\"'icon'\" [icon]=\"dropdownIcon()\" defaultIcon=\"chevron_down\" />\r\n</ngn-input-field>\r\n<ngn-popover\r\n #popover\r\n [options]=\"appliedPopoverOptions()\"\r\n [anchor]=\"field.element.nativeElement\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (closed)=\"onPopoverClosed()\"\r\n [id]=\"inputId() + '_popover'\"\r\n [hasShrinkableContent]=\"true\"\r\n>\r\n <ng-template #lazy>\r\n <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\r\n @if (filter()) {\r\n <ngn-input-field [ptInt]=\"this\" [ptClass]=\"'filter'\">\r\n <input\r\n ngnInput\r\n [value]=\"filterTextInternal()\"\r\n (valueChange)=\"filterTextInternal.set($event)\"\r\n />\r\n <ngn-icon\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'filter-icon'\"\r\n defaultIcon=\"magnifying_glass\"\r\n [icon]=\"filterIcon()\"\r\n />\r\n </ngn-input-field>\r\n }\r\n <ngn-list-box\r\n [ptInt]=\"this\"\r\n [ptClass]=\"{\r\n 'list-box': true,\r\n }\"\r\n style=\"height: 100%; min-height: 0\"\r\n [focussable]=\"false\"\r\n [selectable]=\"true\"\r\n [filter]=\"appliedFilter()\"\r\n [filterText]=\"filterTextInternal()\"\r\n [items]=\"options()\"\r\n [itemHeight]=\"itemHeight()\"\r\n [virtual]=\"virtual()\"\r\n [templateItem]=\"itemTemplate()\"\r\n [templateGroup]=\"groupTemplate()\"\r\n [multiple]=\"multiple()\"\r\n [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\r\n [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\r\n (valueChange)=\"onSelect($event)\"\r\n (itemClicked)=\"onItemClicked()\"\r\n [inputId]=\"inputId() + '_listbox'\"\r\n [templateEmpty]=\"noItemsTemplate()\"\r\n [checkbox]=\"checkbox()\"\r\n />\r\n </div>\r\n </ng-template>\r\n</ngn-popover>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n <span [attr.data-testid]=\"item?.testId\">\r\n @let label = item?.label;\r\n @if (label) {\r\n <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n }\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n <span [attr.data-testid]=\"group?.testId\">\r\n @let label = group?.label;\r\n @if (label) {\r\n <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n }\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n @let label = item?.label;\r\n @if (label) {\r\n <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n } @else {\r\n <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\r\n <ngn-item-view\r\n #itemView\r\n [items]=\"items\"\r\n [idField]=\"'value'\"\r\n [separator]=\"true\"\r\n style=\"margin-right: 8px\"\r\n >\r\n <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\r\n <ng-container\r\n ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\r\n ></ng-container>\r\n </ng-template>\r\n </ngn-item-view>\r\n @if (items.length < 1) {\r\n &ZeroWidthSpace;\r\n }\r\n</ng-template>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngneers-controls-select.mjs","sources":["../../src/select/select-templates.ts","../../src/select/select.ts","../../src/select/select.html","../../src/select/ngneers-controls-select.ts"],"sourcesContent":["import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\r\nimport { ValueControlBase } from '@ngneers/controls/base';\r\n\r\nimport type { NgnItem } from '@ngneers/controls/api';\r\nimport type { InputGeneric } from '@ngneers/controls/utils';\r\n\r\n/*\r\n This type determines the value type for the select control.\r\n * * If `multiple` is true, the value is an array of items: `T[K][]`.\r\n * * If `editable` is true, the value is a `string`.\r\n * * If neither is true, the value is the item's value type `T[K]`.\r\n /\r\nexport type ValueType<V, Editable extends boolean, Multiple extends boolean> =\r\n InputGeneric<Multiple, false> extends true\r\n ? V[]\r\n : InputGeneric<Editable, false> extends true\r\n ? string\r\n : V;\r\n\r\n@Directive()\r\nexport abstract class SelectTemplates<\r\n V,\r\n Editable extends boolean,\r\n Multiple extends boolean,\r\n> extends ValueControlBase<'select', ValueType<V, Editable, Multiple> \| null> {\r\n // Item template\r\n private readonly _defaultItemTemplate =\r\n viewChild.required<TemplateRef<typeof this.templateTypes.item>>('defaultItemTemplate');\r\n private readonly _userItemTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.item>>('item');\r\n /\r\n Set a custom template for an item of the select control.\r\n * Can also be set using an `<ng-template>` element with `#item` template reference variable.\r\n /\r\n public readonly templateItem = input<TemplateRef<typeof this.templateTypes.item> \| null>(null);\r\n protected readonly itemTemplate = computed(\r\n () => this._userItemTemplate() ?? this.templateItem() ?? this._defaultItemTemplate()\r\n );\r\n\r\n // Selected item template\r\n private readonly _defaultSelectedItemTemplate = viewChild.required<\r\n TemplateRef<typeof this.templateTypes.item>\r\n >('defaultSelectedItemTemplate');\r\n private readonly _userSelectedItemTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.item>>('selectedItem');\r\n /\r\n Set a custom template for the selected item of the select control.\r\n * Can also be set using an `<ng-template>` element with `#selectedItem` template reference variable.\r\n /\r\n public readonly templateSelectedItem = input<TemplateRef<typeof this.templateTypes.item> \| null>(\r\n null\r\n );\r\n protected readonly selectedItemTemplate = computed(\r\n () =>\r\n this._userSelectedItemTemplate() ??\r\n this.templateSelectedItem() ??\r\n this._defaultSelectedItemTemplate()\r\n );\r\n\r\n // Selected items template\r\n private readonly _defaultSelectedItemsTemplate = viewChild.required<\r\n TemplateRef<typeof this.templateTypes.selectedItems>\r\n >('defaultSelectedItemsTemplate');\r\n private readonly _userSelectedItemsTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.selectedItems>>('selectedItems');\r\n /\r\n Set a custom template for the selected items of the select control if {@link multiple} is `true`.\r\n * Can also be set using an `<ng-template>` element with `#selectedItems` template reference variable.\r\n /\r\n public readonly templateSelectedItems = input<TemplateRef<\r\n typeof this.templateTypes.selectedItems\r\n > \| null>(null);\r\n protected readonly selectedItemsTemplate = computed(\r\n () =>\r\n this._userSelectedItemsTemplate() ??\r\n this.templateSelectedItems() ??\r\n this._defaultSelectedItemsTemplate()\r\n );\r\n\r\n // Group template\r\n private readonly _defaultGroupTemplate =\r\n viewChild.required<TemplateRef<typeof this.templateTypes.item>>('defaultGroupTemplate');\r\n private readonly _userGroupTemplate =\r\n contentChild<TemplateRef<typeof this.templateTypes.item>>('group');\r\n /\r\n Set a custom template for a group in the select control.\r\n * Can also be set using an `<ng-template>` element with `#group` template reference variable.\r\n /\r\n public readonly templateGroup = input<TemplateRef<typeof this.templateTypes.item> \| null>(null);\r\n protected readonly groupTemplate = computed(\r\n () => this._userGroupTemplate() ?? this.templateGroup() ?? this._defaultGroupTemplate()\r\n );\r\n\r\n // No items template\r\n private readonly _userNoItemsTemplate = contentChild<TemplateRef<unknown>>('noItems');\r\n /\r\n Set a custom template for the no items state of the select control.\r\n * Can also be set using an `<ng-template>` element with `#noItems` template reference variable.\r\n /\r\n public readonly templateNoItems = input<TemplateRef<unknown> \| null>(null);\r\n protected readonly noItemsTemplate = computed(\r\n () => this._userNoItemsTemplate() ?? this.templateNoItems()\r\n );\r\n\r\n /\r\n Types for the dialog templates.\r\n /\r\n public readonly templateTypes = templateTypesFn<{\r\n item: {\r\n $implicit: NgnItem<unknown, V> \| undefined;\r\n };\r\n selectedItems: {\r\n $implicit: NgnItem<unknown, V>[];\r\n };\r\n }>();\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n booleanAttribute,\r\n Component,\r\n computed,\r\n contentChild,\r\n effect,\r\n input,\r\n linkedSignal,\r\n type OutputRefSubscription,\r\n type Signal,\r\n signal,\r\n viewChild,\r\n ChangeDetectionStrategy,\r\n inject,\r\n} from '@angular/core';\r\nimport { type FilterConfig, mapToItems, type NgnItem } from '@ngneers/controls/api';\r\nimport { NgnTemplate } from '@ngneers/controls/api/ng';\r\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { I18n } from '@ngneers/controls/i18n';\r\nimport { NgnIcon } from '@ngneers/controls/icon';\r\nimport { NgnInput } from '@ngneers/controls/input';\r\nimport { NgnInputField } from '@ngneers/controls/input-field';\r\nimport { NgnItemView } from '@ngneers/controls/item-view';\r\nimport { NgnListBox } from '@ngneers/controls/list-box';\r\nimport { NgnPopover, type PopoverOptions } from '@ngneers/controls/popover';\r\nimport { deepMerge, maybeCallback, NgnError } from '@ngneers/controls/utils';\r\nimport { selectControlTemplate } from '@ngneers/controls-themes/templates/select';\r\n\r\nimport { SelectTemplates, type ValueType } from './select-templates';\r\n\r\nimport type { SelectFilterOptions } from './types';\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\n/\r\n @category control\r\n /\r\n@Component({\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n selector: 'ngn-select',\r\n templateUrl: './select.html',\r\n imports: [\r\n NgnPt,\r\n NgnInputField,\r\n NgnListBox,\r\n NgnPopover,\r\n NgnInput,\r\n NgTemplateOutlet,\r\n NgnTemplate,\r\n NgnItemView,\r\n NgnIcon,\r\n ],\r\n providers: [provideSelf(NgnSelect)],\r\n host: {\r\n style: 'display: block;',\r\n },\r\n})\r\nexport class NgnSelect<\r\n V,\r\n Editable extends boolean = false,\r\n Multiple extends boolean = false,\r\n> extends SelectTemplates<V, Editable, Multiple> {\r\n protected readonly theme = this.injectThemeTemplate(selectControlTemplate, 'root');\r\n protected readonly i18n = inject(I18n).translations;\r\n private readonly _popover = viewChild.required<NgnPopover>(NgnPopover);\r\n private readonly _customEditableInput = contentChild(NgnInput);\r\n private _customEditableSub?: OutputRefSubscription;\r\n\r\n /\r\n Options for the popover.\r\n /\r\n public readonly popoverOptions = input<PopoverOptions>({});\r\n protected readonly appliedPopoverOptions = computed<PopoverOptions>(() =>\r\n deepMerge<PopoverOptions, PopoverOptions>(\r\n {\r\n sizeConstraints: {\r\n width: 1,\r\n maxWidth: 1,\r\n minHeight: '250px',\r\n maxHeight: '700px',\r\n },\r\n cache: true,\r\n },\r\n this.popoverOptions()\r\n )\r\n );\r\n /\r\n The available options to choose from. They can either be\r\n * * A list of {@link NgnItem} objects\r\n * * A list of plain objects. You'll have to provide a {@link fields} input to specify how to map the plain objects to {@link NgnItem} objects.\r\n /\r\n public readonly options = input<readonly NgnItem<unknown, V>[]>([]);\r\n /\r\n Accepts a boolean value that determines whether the filter is enabled.\r\n * Alternatively, you can provide `SelectFilterOptions` to customize the filter behavior.\r\n * @default `false`\r\n /\r\n public readonly filter = input<SelectFilterOptions<NgnItem<unknown, V>> \| boolean>(false);\r\n /\r\n Manually set the filter text.\r\n /\r\n public readonly filterText = input<string \| null>(null);\r\n /\r\n The icon to display in the filter input.\r\n /\r\n public readonly filterIcon = input<IconType>();\r\n /\r\n The icon to display in the dropdown.\r\n /\r\n public readonly dropdownIcon = input<IconType>();\r\n /\r\n Whether the select is virtualized.\r\n * @default `false`\r\n /\r\n public readonly virtual = input(false, { transform: booleanAttribute });\r\n /\r\n When {@link virtual} is enabled, this property defines the height of each item in the list.\r\n /\r\n public readonly itemHeight = input<number>();\r\n /\r\n Enable this to allow the user to type in a value that is not in the list.\r\n * When enabled, the value of the control becomes the label of a selected item or the typed value.\r\n \r\n Cannot be used with\r\n * * {@link multiple} selection\r\n * * {@link filter} without also setting {@link editableAutoFilter} to `false`\r\n \r\n @default `false`\r\n /\r\n public readonly editable = input<Editable>();\r\n /\r\n Whether to automatically filter the options based on the user's input in the {@link editable} input.\r\n * @default `true`\r\n /\r\n public readonly editableAutoFilter = input(true, { transform: booleanAttribute });\r\n /\r\n Enable this to allow the user to select multiple values.\r\n * When enabled, the value of the control becomes an array of selected items.\r\n \r\n This is only applicable when {@link editable} is `false`.\r\n * @default `false`\r\n /\r\n public readonly multiple = input<Multiple>();\r\n /\r\n Whether to scroll to the selected item when the dropdown is opened.\r\n * @default `true`\r\n /\r\n public readonly scrollToSelectedItemOnOpen = input<boolean \| ScrollLogicalPosition>(true);\r\n /\r\n Tabindex for the select control.\r\n * @default `0`\r\n /\r\n public readonly tabindex = input<number>(0);\r\n /\r\n Whether to use a checkbox to indicate selection state.\r\n \r\n This option is true per default when {@link multiple} is `true`.\r\n * @default multiple()\r\n /\r\n public readonly checkbox = input<boolean>();\r\n\r\n protected readonly maybeCallback = maybeCallback;\r\n\r\n private readonly _listbox = viewChild(NgnListBox);\r\n private _userChangedEditableInput = false;\r\n\r\n protected readonly filterTextInternal = linkedSignal(this.filterText);\r\n protected readonly currentHighlightedValue = signal<V \| null>(null);\r\n protected readonly valueStr = computed(() => {\r\n const v = this.value();\r\n return typeof v === 'string' ? v : null;\r\n });\r\n protected readonly valueArray = computed(() => {\r\n const v = this.value();\r\n return Array.isArray(v) ? v : v ? [v] : [];\r\n });\r\n\r\n protected readonly appliedFilter: Signal<FilterConfig<NgnItem> \| boolean> = computed(\r\n () => this.filter() \|\| this.editable() \|\| false\r\n );\r\n\r\n private readonly _flatOptions = computed(() => mapToItems(this.options()));\r\n\r\n protected readonly selectedItems = computed(() => {\r\n if (this.editable()) {\r\n return [this._flatOptions().find(option => option.label === this.value())];\r\n } else {\r\n return this.valueArray().map(value =>\r\n this._flatOptions().find(option => option.value === value)\r\n );\r\n }\r\n });\r\n protected readonly selectedItemsValues = computed(() =>\r\n this.selectedItems().map(item => item?.value)\r\n );\r\n\r\n constructor() {\r\n super();\r\n effect(() => {\r\n if (this.editable() && this.multiple()) {\r\n throw new NgnError('select', 'Editable and multiple selection cannot be used together');\r\n }\r\n if (this.editable() && this.filter()) {\r\n throw new NgnError('select', 'Editable and filtering cannot be used together');\r\n }\r\n });\r\n effect(() => {\r\n this._customEditableSub?.unsubscribe();\r\n const editable = this.editable();\r\n const customEditableInput = this._customEditableInput();\r\n if (!editable \|\| !customEditableInput) {\r\n return;\r\n }\r\n\r\n this._customEditableSub = customEditableInput.value.subscribe(value => {\r\n this.onEditableChange(value);\r\n });\r\n // Set ARIA attributes for accessibility\r\n customEditableInput.element.nativeElement.setAttribute('aria-autocomplete', 'list');\r\n customEditableInput.element.nativeElement.setAttribute(\r\n 'aria-expanded',\r\n `${this._popover().open()}`\r\n );\r\n customEditableInput.element.nativeElement.setAttribute('aria-haspopup', 'listbox');\r\n customEditableInput.element.nativeElement.setAttribute(\r\n 'aria-controls',\r\n `${this.inputId()}_listbox`\r\n );\r\n });\r\n effect(() => {\r\n if (!this.editable()) {\r\n return;\r\n }\r\n const valueSig = this._customEditableInput()?.value;\r\n if (valueSig) {\r\n valueSig.set((this.value() as string) \|\| '');\r\n }\r\n });\r\n effect(() => {\r\n if (!this.editable()) {\r\n return;\r\n }\r\n const hasOptions = !!this._listbox()?.displayedItems().length;\r\n if (!this._userChangedEditableInput) {\r\n return;\r\n }\r\n this._userChangedEditableInput = false;\r\n if (hasOptions) {\r\n this.show();\r\n } else {\r\n this.hide();\r\n }\r\n });\r\n }\r\n\r\n protected onKeyDown(event: KeyboardEvent) {\r\n this._listbox()?.onKeyDown(event);\r\n // if event is not handled by the listbox, we can handle it here\r\n if (!event.defaultPrevented) {\r\n if (event.key === 'Enter') {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n this._popover().toggle();\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n const currentIndex = this.options().findIndex(option => option.value === this.value());\r\n let newIndex = event.key === 'ArrowDown' ? currentIndex + 1 : currentIndex - 1;\r\n if (newIndex < 0) {\r\n newIndex = 0;\r\n }\r\n if (newIndex >= this.options().length) {\r\n newIndex = this.options().length - 1;\r\n }\r\n const newValue = this.options()[newIndex]?.value;\r\n if (newValue !== undefined) {\r\n this.onSelect(newValue as ValueType<V, false, Multiple>);\r\n }\r\n }\r\n }\r\n }\r\n\r\n protected onPopoverClosed() {\r\n this.potentiallyBlurred();\r\n this.currentHighlightedValue.set(null);\r\n const filter = this.filter();\r\n if (filter === true \|\| (typeof filter === 'object' && filter.clearFilterOnClose)) {\r\n if (!this.editable()) {\r\n this.filterTextInternal.set('');\r\n }\r\n }\r\n }\r\n\r\n protected onSelect(value: ValueType<V, false, Multiple> \| null) {\r\n if (this.editable()) {\r\n const item = this._flatOptions().find(option => option.value === value);\r\n if (item) {\r\n this.value.set(maybeCallback(item.label) as ValueType<V, Editable, Multiple>);\r\n }\r\n } else {\r\n const v = value as ValueType<V, Editable, Multiple>;\r\n if (this.value() !== v) {\r\n this.value.set(v);\r\n }\r\n }\r\n }\r\n\r\n protected onItemClicked() {\r\n if (!this.multiple()) {\r\n this.hide();\r\n }\r\n }\r\n\r\n /\r\n Shows the select dropdown.\r\n /\r\n public show() {\r\n if (this.disabled() \|\| this.readonly()) {\r\n return;\r\n }\r\n this._popover().show();\r\n }\r\n\r\n /\r\n Hides the select dropdown.\r\n /\r\n public hide() {\r\n this._popover().hide();\r\n }\r\n\r\n protected onEditableChange(value: string \| null) {\r\n if (this.editable()) {\r\n this.value.set(maybeCallback(value) as ValueType<V, Editable, Multiple>);\r\n this._userChangedEditableInput = true;\r\n if (this.editableAutoFilter()) {\r\n this.filterTextInternal.set(value);\r\n }\r\n }\r\n }\r\n\r\n protected potentiallyBlurred() {\r\n setTimeout(() => {\r\n if (this.element.nativeElement.contains(document.activeElement) \|\| this._popover().open()) {\r\n return;\r\n }\r\n this.touched.set(true);\r\n });\r\n }\r\n}\r\n","<ngn-input-field\r\n [ptInt]=\"this\"\r\n [ptClass]=\"{\r\n input: true,\r\n 'input-editable': editable(),\r\n }\"\r\n (click)=\"show()\"\r\n (keydown)=\"onKeyDown($event)\"\r\n #field\r\n [label]=\"label()\"\r\n [labelledBy]=\"labelledBy()\"\r\n [inputId]=\"inputId()\"\r\n [invalid]=\"invalid()\"\r\n [readonly]=\"readonly()\"\r\n [disabled]=\"disabled()\"\r\n [tabindex]=\"editable() \|\| disabled() ? -1 : tabindex()\"\r\n (focusout)=\"potentiallyBlurred()\"\r\n>\r\n @if (editable()) {\r\n <ng-content select=\"[ngnInput]\">\r\n <input\r\n ngnInput\r\n autocomplete=\"list\"\r\n [aria-expanded]=\"popover.open()\"\r\n aria-haspopup=\"listbox\"\r\n [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n [id]=\"inputId()\"\r\n [value]=\"valueStr() \|\| ''\"\r\n (valueChange)=\"onEditableChange($event)\"\r\n [readOnly]=\"readonly()\"\r\n [disabled]=\"disabled()\"\r\n />\r\n </ng-content>\r\n } @else {\r\n <div\r\n role=\"combobox\"\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'combobox'\"\r\n [aria-expanded]=\"popover.open()\"\r\n aria-haspopup=\"listbox\"\r\n [attr.aria-controls]=\"inputId() + '_listbox'\"\r\n [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\r\n [attr.disabled]=\"disabled() ? '' : null\"\r\n [id]=\"inputId()\"\r\n >\r\n @if (multiple()) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedItemsTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: selectedItems(),\r\n }\"\r\n />\r\n } @else {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedItemTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: selectedItems()[0],\r\n }\"\r\n />\r\n }\r\n </div>\r\n }\r\n <ngn-icon\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'icon'\"\r\n [icon]=\"dropdownIcon()\"\r\n defaultIcon=\"dropdown-toggle\"\r\n />\r\n</ngn-input-field>\r\n<ngn-popover\r\n #popover\r\n [options]=\"appliedPopoverOptions()\"\r\n [anchor]=\"field.element.nativeElement\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (closed)=\"onPopoverClosed()\"\r\n [id]=\"inputId() + '_popover'\"\r\n [hasShrinkableContent]=\"true\"\r\n>\r\n <ng-template #lazy>\r\n <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\r\n @if (filter()) {\r\n <ngn-input-field [ptInt]=\"this\" [ptClass]=\"'filter'\">\r\n <input\r\n ngnInput\r\n [value]=\"filterTextInternal()\"\r\n (valueChange)=\"filterTextInternal.set($event)\"\r\n />\r\n <ngn-icon\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'filter-icon'\"\r\n defaultIcon=\"search\"\r\n [icon]=\"filterIcon()\"\r\n />\r\n </ngn-input-field>\r\n }\r\n <ngn-list-box\r\n [ptInt]=\"this\"\r\n [ptClass]=\"{\r\n 'list-box': true,\r\n }\"\r\n style=\"height: 100%; min-height: 0\"\r\n [focussable]=\"false\"\r\n [selectable]=\"true\"\r\n [filter]=\"appliedFilter()\"\r\n [filterText]=\"filterTextInternal()\"\r\n [items]=\"options()\"\r\n [itemHeight]=\"itemHeight()\"\r\n [virtual]=\"virtual()\"\r\n [templateItem]=\"itemTemplate()\"\r\n [templateGroup]=\"groupTemplate()\"\r\n [multiple]=\"multiple()\"\r\n [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\r\n [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\r\n (valueChange)=\"onSelect($event)\"\r\n (itemClicked)=\"onItemClicked()\"\r\n [inputId]=\"inputId() + '_listbox'\"\r\n [templateEmpty]=\"noItemsTemplate()\"\r\n [checkbox]=\"checkbox()\"\r\n />\r\n </div>\r\n </ng-template>\r\n</ngn-popover>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n <span [attr.data-testid]=\"item?.testId\">\r\n @let label = item?.label;\r\n @if (label) {\r\n <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n }\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n <span [attr.data-testid]=\"group?.testId\">\r\n @let label = group?.label;\r\n @if (label) {\r\n <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n }\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n @let label = item?.label;\r\n @if (label) {\r\n <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n } @else {\r\n <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\r\n <ngn-item-view\r\n #itemView\r\n [items]=\"items\"\r\n [idField]=\"'value'\"\r\n [separator]=\"true\"\r\n style=\"margin-right: 8px\"\r\n >\r\n <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\r\n <ng-container\r\n ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\r\n ></ng-container>\r\n </ng-template>\r\n </ngn-item-view>\r\n @if (items.length < 1) {\r\n &ZeroWidthSpace;\r\n }\r\n</ng-template>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngneers-controls-slider.mjs CHANGED Viewed

@@ -125,10 +125,10 @@ class NgnSlider extends ValueControlBase {
             : event.clientX - trackRect.left;
         this.dragToPosition(this.vertical() ? trackRect.top + clickPosition : trackRect.left + clickPosition);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.2", type: NgnSlider, isStandalone: true, selector: "ngn-slider", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null }, valueTextFn: { classPropertyName: "valueTextFn", publicName: "valueTextFn", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "slider" }, listeners: { "keydown": "onKeyDown($event)", "blur": "touched.set(true)" }, properties: { "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "value()", "attr.aria-readonly": "readonly() ? \"true\" : null", "attr.disabled": "disabled() ? \"\" : null", "attr.aria-labelledby": "labelledBy()", "attr.aria-label": "label()", "attr.aria-orientation": "vertical() ? \"vertical\" : \"horizontal\"", "attr.aria-valuetext": "valueTextValue()", "tabindex": "disabled() ? -1 : 0" } }, providers: [provideSelf(NgnSlider)], viewQueries: [{ propertyName: "_track", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<div #track [ptInt]=\"this\" [ptClass]=\"'track'\" (click)=\"trackClicked($event)\">\r\n  <div [ptInt]=\"this\" [ptClass]=\"'fill'\" [style.--valuePercent.%]=\"left()\"></div>\r\n  <div\r\n    #thumb\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'thumb'\"\r\n    ngnDrag\r\n    (dragged)=\"onDragged($event)\"\r\n    (dragEnd)=\"onDragEnd()\"\r\n    [style.--valuePercent.%]=\"left()\"\r\n    (click)=\"thumbClicked($event)\"\r\n  ></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "directive", type: NgnDrag, selector: "[ngnDrag]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: NgnSlider, isStandalone: true, selector: "ngn-slider", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null }, valueTextFn: { classPropertyName: "valueTextFn", publicName: "valueTextFn", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "slider" }, listeners: { "keydown": "onKeyDown($event)", "blur": "touched.set(true)" }, properties: { "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "value()", "attr.aria-readonly": "readonly() ? \"true\" : null", "attr.disabled": "disabled() ? \"\" : null", "attr.aria-labelledby": "labelledBy()", "attr.aria-label": "label()", "attr.aria-orientation": "vertical() ? \"vertical\" : \"horizontal\"", "attr.aria-valuetext": "valueTextValue()", "tabindex": "disabled() ? -1 : 0" } }, providers: [provideSelf(NgnSlider)], viewQueries: [{ propertyName: "_track", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<div #track [ptInt]=\"this\" [ptClass]=\"'track'\" (click)=\"trackClicked($event)\">\r\n  <div [ptInt]=\"this\" [ptClass]=\"'fill'\" [style.--valuePercent.%]=\"left()\"></div>\r\n  <div\r\n    #thumb\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'thumb'\"\r\n    ngnDrag\r\n    (dragged)=\"onDragged($event)\"\r\n    (dragEnd)=\"onDragEnd()\"\r\n    [style.--valuePercent.%]=\"left()\"\r\n    (click)=\"thumbClicked($event)\"\r\n  ></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "directive", type: NgnDrag, selector: "[ngnDrag]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnSlider, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-slider', imports: [NgnPt, NgnDrag], providers: [provideSelf(NgnSlider)], host: {
                         role: 'slider',

package/fesm2022/ngneers-controls-slider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngneers-controls-slider.mjs","sources":["../../src/slider/slider.ts","../../src/slider/slider.html","../../src/slider/ngneers-controls-slider.ts"],"sourcesContent":["import {\r\n Component,\r\n input,\r\n ChangeDetectionStrategy,\r\n viewChild,\r\n ElementRef,\r\n computed,\r\n} from '@angular/core';\r\nimport { NgnPt, provideSelf, ValueControlBase } from '@ngneers/controls/base';\r\nimport { NgnDrag, type NgnDragInfo } from '@ngneers/controls/directives';\r\nimport { sliderControlTemplate } from '@ngneers/controls-themes/templates/slider';\r\n\r\n/*\r\n @category control\r\n /\r\n@Component({\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n selector: 'ngn-slider',\r\n templateUrl: './slider.html',\r\n imports: [NgnPt, NgnDrag],\r\n providers: [provideSelf(NgnSlider)],\r\n host: {\r\n role: 'slider',\r\n '[attr.aria-valuemin]': 'min()',\r\n '[attr.aria-valuemax]': 'max()',\r\n '[attr.aria-valuenow]': 'value()',\r\n '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\r\n '[attr.disabled]': 'disabled() ? \"\" : null',\r\n '[attr.aria-labelledby]': 'labelledBy()',\r\n '[attr.aria-label]': 'label()',\r\n '[attr.aria-orientation]': 'vertical() ? \"vertical\" : \"horizontal\"',\r\n '[attr.aria-valuetext]': 'valueTextValue()',\r\n '[tabindex]': 'disabled() ? -1 : 0',\r\n '(keydown)': 'onKeyDown($event)',\r\n '(blur)': 'touched.set(true)',\r\n },\r\n})\r\nexport class NgnSlider extends ValueControlBase<'slider', number> {\r\n protected readonly theme = this.injectThemeTemplate(sliderControlTemplate, {\r\n root: true,\r\n invalid: () => this.invalid(),\r\n horizontal: () => !this.vertical(),\r\n vertical: () => this.vertical(),\r\n });\r\n\r\n private readonly _track = viewChild.required<ElementRef<HTMLDivElement>>('track');\r\n\r\n /\r\n The minimum value of the slider.\r\n /\r\n public readonly min = input<number>(0);\r\n\r\n /\r\n Whether the slider is vertical.\r\n /\r\n public readonly vertical = input<boolean>(false);\r\n\r\n /\r\n The maximum value of the slider.\r\n /\r\n public readonly max = input<number>(100);\r\n\r\n /\r\n The step increment value.\r\n /\r\n public readonly step = input<number>(1);\r\n\r\n /\r\n The value text representation for accessibility.\r\n * If both {@link valueText} and {@link valueTextFn} are provided, {@link valueText} takes precedence.\r\n /\r\n public readonly valueText = input<string>();\r\n\r\n /\r\n A function that generates the value text representation for accessibility.\r\n * If both {@link valueText} and {@link valueTextFn} are provided, {@link valueText} takes precedence.\r\n /\r\n public readonly valueTextFn = input<(value: number) => string>();\r\n\r\n protected readonly left = computed(() => {\r\n const percent = ((this.value() - this.min()) / (this.max() - this.min())) 100;\r\n return Math.min(100, Math.max(0, percent));\r\n });\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected readonly valueTextValue = computed(() => {\r\n const valueText = this.valueText();\r\n if (valueText) {\r\n return valueText;\r\n }\r\n const valueTextFn = this.valueTextFn();\r\n if (valueTextFn) {\r\n return valueTextFn(this.value());\r\n }\r\n return null;\r\n });\r\n\r\n protected onDragged(delta: NgnDragInfo) {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n const cursorPos = this.vertical() ? delta.absoluteY : delta.absoluteX;\r\n this.dragToPosition(cursorPos);\r\n }\r\n\r\n private dragToPosition(cursorPos: number) {\r\n const trackEl = this._track().nativeElement;\r\n const trackRect = trackEl.getBoundingClientRect();\r\n const trackStart = this.vertical() ? trackRect.top : trackRect.left;\r\n const trackLength = this.vertical() ? trackRect.height : trackRect.width;\r\n const positionInTrack = cursorPos - trackStart;\r\n const correctedPositionInTrack = this.vertical()\r\n ? trackLength - positionInTrack\r\n : positionInTrack;\r\n const positionPercent = correctedPositionInTrack / trackLength;\r\n const newValueUnstepped = this.min() + positionPercent * (this.max() - this.min());\r\n const steppedValue =\r\n Math.round((newValueUnstepped - this.min()) / this.step()) * this.step() + this.min();\r\n this.value.set(this.clampValue(steppedValue));\r\n }\r\n\r\n private clampValue(value: number): number {\r\n return Math.min(this.max(), Math.max(this.min(), value));\r\n }\r\n\r\n protected onDragEnd() {}\r\n\r\n protected onKeyDown(event: KeyboardEvent) {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n switch (event.key) {\r\n case 'ArrowLeft':\r\n case 'ArrowDown':\r\n this.value.update(v => this.clampValue(v - this.step()));\r\n event.preventDefault();\r\n break;\r\n case 'ArrowRight':\r\n case 'ArrowUp':\r\n this.value.update(v => this.clampValue(v + this.step()));\r\n event.preventDefault();\r\n break;\r\n case 'Home':\r\n this.value.set(this.min());\r\n this.onDragEnd();\r\n event.preventDefault();\r\n break;\r\n case 'End':\r\n this.value.set(this.max());\r\n this.onDragEnd();\r\n event.preventDefault();\r\n break;\r\n }\r\n }\r\n\r\n protected thumbClicked(event: PointerEvent) {\r\n event.stopPropagation();\r\n }\r\n protected trackClicked(event: PointerEvent) {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n const trackEl = this._track().nativeElement;\r\n const trackRect = trackEl.getBoundingClientRect();\r\n const clickPosition = this.vertical()\r\n ? event.clientY - trackRect.top\r\n : event.clientX - trackRect.left;\r\n this.dragToPosition(\r\n this.vertical() ? trackRect.top + clickPosition : trackRect.left + clickPosition\r\n );\r\n }\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<div #track [ptInt]=\"this\" [ptClass]=\"'track'\" (click)=\"trackClicked($event)\">\r\n <div [ptInt]=\"this\" [ptClass]=\"'fill'\" [style.--valuePercent.%]=\"left()\"></div>\r\n <div\r\n #thumb\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'thumb'\"\r\n ngnDrag\r\n (dragged)=\"onDragged($event)\"\r\n (dragEnd)=\"onDragEnd()\"\r\n [style.--valuePercent.%]=\"left()\"\r\n (click)=\"thumbClicked($event)\"\r\n ></div>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngneers-controls-slider.mjs","sources":["../../src/slider/slider.ts","../../src/slider/slider.html","../../src/slider/ngneers-controls-slider.ts"],"sourcesContent":["import {\r\n Component,\r\n input,\r\n ChangeDetectionStrategy,\r\n viewChild,\r\n ElementRef,\r\n computed,\r\n} from '@angular/core';\r\nimport { NgnPt, provideSelf, ValueControlBase } from '@ngneers/controls/base';\r\nimport { NgnDrag, type NgnDragInfo } from '@ngneers/controls/directives';\r\nimport { sliderControlTemplate } from '@ngneers/controls-themes/templates/slider';\r\n\r\n/*\r\n @category control\r\n /\r\n@Component({\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n selector: 'ngn-slider',\r\n templateUrl: './slider.html',\r\n imports: [NgnPt, NgnDrag],\r\n providers: [provideSelf(NgnSlider)],\r\n host: {\r\n role: 'slider',\r\n '[attr.aria-valuemin]': 'min()',\r\n '[attr.aria-valuemax]': 'max()',\r\n '[attr.aria-valuenow]': 'value()',\r\n '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\r\n '[attr.disabled]': 'disabled() ? \"\" : null',\r\n '[attr.aria-labelledby]': 'labelledBy()',\r\n '[attr.aria-label]': 'label()',\r\n '[attr.aria-orientation]': 'vertical() ? \"vertical\" : \"horizontal\"',\r\n '[attr.aria-valuetext]': 'valueTextValue()',\r\n '[tabindex]': 'disabled() ? -1 : 0',\r\n '(keydown)': 'onKeyDown($event)',\r\n '(blur)': 'touched.set(true)',\r\n },\r\n})\r\nexport class NgnSlider extends ValueControlBase<'slider', number> {\r\n protected readonly theme = this.injectThemeTemplate(sliderControlTemplate, {\r\n root: true,\r\n invalid: () => this.invalid(),\r\n horizontal: () => !this.vertical(),\r\n vertical: () => this.vertical(),\r\n });\r\n\r\n private readonly _track = viewChild.required<ElementRef<HTMLDivElement>>('track');\r\n\r\n /\r\n The minimum value of the slider.\r\n /\r\n public readonly min = input<number>(0);\r\n\r\n /\r\n Whether the slider is vertical.\r\n /\r\n public readonly vertical = input<boolean>(false);\r\n\r\n /\r\n The maximum value of the slider.\r\n /\r\n public readonly max = input<number>(100);\r\n\r\n /\r\n The step increment value.\r\n /\r\n public readonly step = input<number>(1);\r\n\r\n /\r\n The value text representation for accessibility.\r\n * If both {@link valueText} and {@link valueTextFn} are provided, {@link valueText} takes precedence.\r\n /\r\n public readonly valueText = input<string>();\r\n\r\n /\r\n A function that generates the value text representation for accessibility.\r\n * If both {@link valueText} and {@link valueTextFn} are provided, {@link valueText} takes precedence.\r\n /\r\n public readonly valueTextFn = input<(value: number) => string>();\r\n\r\n protected readonly left = computed(() => {\r\n const percent = ((this.value() - this.min()) / (this.max() - this.min())) 100;\r\n return Math.min(100, Math.max(0, percent));\r\n });\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected readonly valueTextValue = computed(() => {\r\n const valueText = this.valueText();\r\n if (valueText) {\r\n return valueText;\r\n }\r\n const valueTextFn = this.valueTextFn();\r\n if (valueTextFn) {\r\n return valueTextFn(this.value());\r\n }\r\n return null;\r\n });\r\n\r\n protected onDragged(delta: NgnDragInfo) {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n const cursorPos = this.vertical() ? delta.absoluteY : delta.absoluteX;\r\n this.dragToPosition(cursorPos);\r\n }\r\n\r\n private dragToPosition(cursorPos: number) {\r\n const trackEl = this._track().nativeElement;\r\n const trackRect = trackEl.getBoundingClientRect();\r\n const trackStart = this.vertical() ? trackRect.top : trackRect.left;\r\n const trackLength = this.vertical() ? trackRect.height : trackRect.width;\r\n const positionInTrack = cursorPos - trackStart;\r\n const correctedPositionInTrack = this.vertical()\r\n ? trackLength - positionInTrack\r\n : positionInTrack;\r\n const positionPercent = correctedPositionInTrack / trackLength;\r\n const newValueUnstepped = this.min() + positionPercent * (this.max() - this.min());\r\n const steppedValue =\r\n Math.round((newValueUnstepped - this.min()) / this.step()) * this.step() + this.min();\r\n this.value.set(this.clampValue(steppedValue));\r\n }\r\n\r\n private clampValue(value: number): number {\r\n return Math.min(this.max(), Math.max(this.min(), value));\r\n }\r\n\r\n protected onDragEnd() {}\r\n\r\n protected onKeyDown(event: KeyboardEvent) {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n switch (event.key) {\r\n case 'ArrowLeft':\r\n case 'ArrowDown':\r\n this.value.update(v => this.clampValue(v - this.step()));\r\n event.preventDefault();\r\n break;\r\n case 'ArrowRight':\r\n case 'ArrowUp':\r\n this.value.update(v => this.clampValue(v + this.step()));\r\n event.preventDefault();\r\n break;\r\n case 'Home':\r\n this.value.set(this.min());\r\n this.onDragEnd();\r\n event.preventDefault();\r\n break;\r\n case 'End':\r\n this.value.set(this.max());\r\n this.onDragEnd();\r\n event.preventDefault();\r\n break;\r\n }\r\n }\r\n\r\n protected thumbClicked(event: PointerEvent) {\r\n event.stopPropagation();\r\n }\r\n protected trackClicked(event: PointerEvent) {\r\n if (this.readonly() \|\| this.disabled()) {\r\n return;\r\n }\r\n const trackEl = this._track().nativeElement;\r\n const trackRect = trackEl.getBoundingClientRect();\r\n const clickPosition = this.vertical()\r\n ? event.clientY - trackRect.top\r\n : event.clientX - trackRect.left;\r\n this.dragToPosition(\r\n this.vertical() ? trackRect.top + clickPosition : trackRect.left + clickPosition\r\n );\r\n }\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<div #track [ptInt]=\"this\" [ptClass]=\"'track'\" (click)=\"trackClicked($event)\">\r\n <div [ptInt]=\"this\" [ptClass]=\"'fill'\" [style.--valuePercent.%]=\"left()\"></div>\r\n <div\r\n #thumb\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'thumb'\"\r\n ngnDrag\r\n (dragged)=\"onDragged($event)\"\r\n (dragEnd)=\"onDragEnd()\"\r\n [style.--valuePercent.%]=\"left()\"\r\n (click)=\"thumbClicked($event)\"\r\n ></div>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngneers-controls-spinner.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ class NgnSpinner extends NgnBase {
     thickness = input(...(ngDevMode ? [undefined, { debugName: "thickness" }] : /* istanbul ignore next */ []));
     centered = input(...(ngDevMode ? [undefined, { debugName: "centered" }] : /* istanbul ignore next */ []));
     viewBox = computed(() => `0 0 ${this.size()} ${this.size()}`, ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnSpinner, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: NgnSpinner, isStandalone: true, selector: "ngn-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "style.--size": "size()", "style.--thickness": "thickness() || null" } }, providers: [provideSelf(NgnSpinner)], usesInheritance: true, ngImport: i0, template: "<svg [attr.viewBox]=\"viewBox()\" xmlns=\"http://www.w3.org/2000/svg\" [ptInt]=\"this\" [ptClass]=\"'svg'\">\r\n  <circle\r\n    [attr.cx]=\"size() / 2\"\r\n    [attr.cy]=\"size() / 2\"\r\n    fill=\"none\"\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'circle'\"\r\n  />\r\n</svg>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnSpinner, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: NgnSpinner, isStandalone: true, selector: "ngn-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "style.--size": "size()", "style.--thickness": "thickness() || null" } }, providers: [provideSelf(NgnSpinner)], usesInheritance: true, ngImport: i0, template: "<svg [attr.viewBox]=\"viewBox()\" xmlns=\"http://www.w3.org/2000/svg\" [ptInt]=\"this\" [ptClass]=\"'svg'\">\r\n  <circle\r\n    [attr.cx]=\"size() / 2\"\r\n    [attr.cy]=\"size() / 2\"\r\n    fill=\"none\"\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'circle'\"\r\n  />\r\n</svg>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnSpinner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnSpinner, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-spinner', imports: [NgnPt], providers: [provideSelf(NgnSpinner)], host: {
                         role: 'status',

package/fesm2022/ngneers-controls-spinner.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngneers-controls-spinner.mjs","sources":["../../src/spinner/spinner.ts","../../src/spinner/spinner.html","../../src/spinner/spinner-creator.ts","../../src/spinner/ngneers-controls-spinner.ts"],"sourcesContent":["import { Component, input, ChangeDetectionStrategy, computed } from '@angular/core';\r\nimport { NgnBase, NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { spinnerControlTemplate } from '@ngneers/controls-themes/templates/spinner';\r\n\r\n/*\r\n @category control\r\n /\r\n@Component({\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n selector: 'ngn-spinner',\r\n templateUrl: './spinner.html',\r\n imports: [NgnPt],\r\n providers: [provideSelf(NgnSpinner)],\r\n host: {\r\n role: 'status',\r\n '[style.--size]': 'size()',\r\n '[style.--thickness]': 'thickness() \|\| null',\r\n },\r\n})\r\nexport class NgnSpinner extends NgnBase<'spinner'> {\r\n protected readonly theme = this.injectThemeTemplate(spinnerControlTemplate, {\r\n root: true,\r\n centered: () => !!this.centered(),\r\n });\r\n\r\n public readonly size = input<number>(64);\r\n public readonly thickness = input<string>();\r\n public readonly centered = input<boolean>();\r\n\r\n protected readonly viewBox = computed(() => `0 0 ${this.size()} ${this.size()}`);\r\n}\r\n","<svg [attr.viewBox]=\"viewBox()\" xmlns=\"http://www.w3.org/2000/svg\" [ptInt]=\"this\" [ptClass]=\"'svg'\">\r\n <circle\r\n [attr.cx]=\"size() / 2\"\r\n [attr.cy]=\"size() / 2\"\r\n fill=\"none\"\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'circle'\"\r\n />\r\n</svg>\r\n","import {\r\n DestroyRef,\r\n effect,\r\n ElementRef,\r\n inject,\r\n Injector,\r\n runInInjectionContext,\r\n type Signal,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { setComponentInput } from '@ngneers/controls/api/ng';\r\nimport { debounceSignal } from '@ngneers/controls/utils-ng';\r\n\r\nimport { NgnSpinner } from './spinner';\r\n\r\nimport type { CustomColor } from '@ngneers/controls-custom-types';\r\n\r\n/\r\n Creates an instance of the spinner creator.\r\n \r\n @param injector The injector to use. Defaults to the current injector.\r\n * @returns The spinner creator.\r\n /\r\nexport function injectSpinnerCreator(injector?: Injector): NgnSpinnerCreator {\r\n if (injector) {\r\n return runInInjectionContext(injector, () => injectSpinnerCreator());\r\n }\r\n return new NgnSpinnerCreator();\r\n}\r\n\r\n/\r\n Creates and manages a conditional spinner based on a visibility signal.\r\n * @param isVisible Signal that determines whether the spinner is visible.\r\n * @param options Optional configuration for the spinner.\r\n /\r\nexport function createConditionalSpinner(\r\n isVisible: Signal<boolean>,\r\n options?: {\r\n /\r\n Options for the spinner instance.\r\n /\r\n spinnerOptions?: SpinnerOptions;\r\n /\r\n Debounce time in milliseconds or a boolean indicating whether to debounce (default is 200ms).\r\n /\r\n debounce?: number \| boolean;\r\n /\r\n The target element where the spinner will be attached.\r\n * If a string is provided, it will be used as a selector to find the element.\r\n * If omitted, the spinner will be attached to the host element of the current injector.\r\n /\r\n element?: SpinnerTarget;\r\n /\r\n The injector to use. If omitted, the current injector will be used.\r\n /\r\n injector?: Injector;\r\n }\r\n) {\r\n if (options?.injector) {\r\n runInInjectionContext(options.injector, () =>\r\n createConditionalSpinner(isVisible, {\r\n ...options,\r\n injector: undefined,\r\n })\r\n );\r\n return;\r\n }\r\n\r\n const debounceMs =\r\n typeof options?.debounce === 'number'\r\n ? options.debounce\r\n : (options?.debounce ?? true)\r\n ? 200\r\n : 0;\r\n\r\n const debouncedVisible = debounceMs ? debounceSignal(isVisible, debounceMs) : isVisible;\r\n\r\n const spinnerCreator = injectSpinnerCreator();\r\n const element = options?.element ?? inject(ElementRef).nativeElement;\r\n let ref: SpinnerRef \| undefined;\r\n effect(() => {\r\n const visible = debouncedVisible();\r\n if (visible && !ref) {\r\n ref = spinnerCreator.show(element, options?.spinnerOptions);\r\n } else if (!visible && ref) {\r\n ref.hide();\r\n ref = undefined;\r\n }\r\n });\r\n}\r\n\r\nexport type SpinnerRef = {\r\n /\r\n Hides the spinner.\r\n /\r\n hide: () => void;\r\n};\r\n\r\nexport type SpinnerTarget = HTMLElement \| ElementRef<HTMLElement> \| string;\r\nexport type SpinnerOptions = {\r\n /\r\n The color of the spinner.\r\n /\r\n color?: CustomColor;\r\n /\r\n The diameter of the spinner in pixels.\r\n * @default 64\r\n /\r\n size?: number;\r\n /\r\n The thickness of the spinner's stroke. If not provided,\r\n * a default thickness derived from the size will be used.\r\n * @default undefined\r\n /\r\n thickness?: string;\r\n /\r\n Whether the spinner should be centered within its container.\r\n * @default true\r\n /\r\n centered?: boolean;\r\n /\r\n Set aria busy attribute on the reference element while the spinner is visible.\r\n * @default true\r\n /\r\n ariaBusy?: boolean;\r\n};\r\n\r\nfunction getElement(target: SpinnerTarget): HTMLElement \| null {\r\n if (typeof target === 'string') {\r\n return document.querySelector(target);\r\n } else if (target instanceof ElementRef) {\r\n return target.nativeElement;\r\n } else {\r\n return target;\r\n }\r\n}\r\n\r\nconst DEFAULT_OPTIONS: SpinnerOptions = {\r\n centered: true,\r\n ariaBusy: true,\r\n};\r\n\r\nclass NgnSpinnerCreator {\r\n private readonly _vcr = inject(ViewContainerRef);\r\n private readonly _destroyRef = inject(DestroyRef);\r\n private _destroyed = false;\r\n\r\n constructor() {\r\n this._destroyRef.onDestroy(() => {\r\n this._destroyed = true;\r\n });\r\n }\r\n\r\n /\r\n Shows a spinner on the specified target element.\r\n * @param target The target element or selector where the spinner will be attached.\r\n * If a string is provided, it will be used as a selector to find the element.\r\n * If the element is not found, the spinner will be retried until it is found.\r\n * @param options Optional configuration for the spinner.\r\n * @returns A reference to the spinner instance.\r\n /\r\n public show(target: SpinnerTarget, options?: SpinnerOptions): SpinnerRef {\r\n options = { ...DEFAULT_OPTIONS, ...options };\r\n const hideCb = {\r\n hide: () => {},\r\n };\r\n this._tryAttach(target, options, hideCb);\r\n return {\r\n hide: () => hideCb.hide(),\r\n };\r\n }\r\n\r\n private _tryAttach(\r\n target: SpinnerTarget,\r\n options: SpinnerOptions,\r\n hideCb: { hide?: () => void }\r\n ) {\r\n if (this._destroyed) {\r\n return;\r\n }\r\n const element = getElement(target);\r\n if (!element) {\r\n setTimeout(() => {\r\n this._tryAttach(target, options, hideCb);\r\n }, 10);\r\n return;\r\n }\r\n const componentRef = this._vcr.createComponent(NgnSpinner);\r\n\r\n const doHide = () => {\r\n componentRef.destroy();\r\n if (options?.ariaBusy) {\r\n element.removeAttribute('aria-busy');\r\n }\r\n delete hideCb.hide;\r\n };\r\n\r\n hideCb.hide = () => {\r\n doHide();\r\n unregisterOnDestroy();\r\n };\r\n element.appendChild(componentRef.location.nativeElement);\r\n if (options.ariaBusy) {\r\n element.setAttribute('aria-busy', 'true');\r\n }\r\n const unregisterOnDestroy = this._destroyRef.onDestroy(() => {\r\n doHide();\r\n });\r\n if (options.color) {\r\n setComponentInput(componentRef, 'color', options.color);\r\n }\r\n if (options.size) {\r\n setComponentInput(componentRef, 'size', options.size);\r\n }\r\n if (options.thickness) {\r\n setComponentInput(componentRef, 'thickness', options.thickness);\r\n }\r\n if (options.centered) {\r\n setComponentInput(componentRef, 'centered', options.centered);\r\n }\r\n }\r\n}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngneers-controls-spinner.mjs","sources":["../../src/spinner/spinner.ts","../../src/spinner/spinner.html","../../src/spinner/spinner-creator.ts","../../src/spinner/ngneers-controls-spinner.ts"],"sourcesContent":["import { Component, input, ChangeDetectionStrategy, computed } from '@angular/core';\r\nimport { NgnBase, NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { spinnerControlTemplate } from '@ngneers/controls-themes/templates/spinner';\r\n\r\n/*\r\n @category control\r\n /\r\n@Component({\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n selector: 'ngn-spinner',\r\n templateUrl: './spinner.html',\r\n imports: [NgnPt],\r\n providers: [provideSelf(NgnSpinner)],\r\n host: {\r\n role: 'status',\r\n '[style.--size]': 'size()',\r\n '[style.--thickness]': 'thickness() \|\| null',\r\n },\r\n})\r\nexport class NgnSpinner extends NgnBase<'spinner'> {\r\n protected readonly theme = this.injectThemeTemplate(spinnerControlTemplate, {\r\n root: true,\r\n centered: () => !!this.centered(),\r\n });\r\n\r\n public readonly size = input<number>(64);\r\n public readonly thickness = input<string>();\r\n public readonly centered = input<boolean>();\r\n\r\n protected readonly viewBox = computed(() => `0 0 ${this.size()} ${this.size()}`);\r\n}\r\n","<svg [attr.viewBox]=\"viewBox()\" xmlns=\"http://www.w3.org/2000/svg\" [ptInt]=\"this\" [ptClass]=\"'svg'\">\r\n <circle\r\n [attr.cx]=\"size() / 2\"\r\n [attr.cy]=\"size() / 2\"\r\n fill=\"none\"\r\n [ptInt]=\"this\"\r\n [ptClass]=\"'circle'\"\r\n />\r\n</svg>\r\n","import {\r\n DestroyRef,\r\n effect,\r\n ElementRef,\r\n inject,\r\n Injector,\r\n runInInjectionContext,\r\n type Signal,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { setComponentInput } from '@ngneers/controls/api/ng';\r\nimport { debounceSignal } from '@ngneers/controls/utils-ng';\r\n\r\nimport { NgnSpinner } from './spinner';\r\n\r\nimport type { CustomColor } from '@ngneers/controls-custom-types';\r\n\r\n/\r\n Creates an instance of the spinner creator.\r\n \r\n @param injector The injector to use. Defaults to the current injector.\r\n * @returns The spinner creator.\r\n /\r\nexport function injectSpinnerCreator(injector?: Injector): NgnSpinnerCreator {\r\n if (injector) {\r\n return runInInjectionContext(injector, () => injectSpinnerCreator());\r\n }\r\n return new NgnSpinnerCreator();\r\n}\r\n\r\n/\r\n Creates and manages a conditional spinner based on a visibility signal.\r\n * @param isVisible Signal that determines whether the spinner is visible.\r\n * @param options Optional configuration for the spinner.\r\n /\r\nexport function createConditionalSpinner(\r\n isVisible: Signal<boolean>,\r\n options?: {\r\n /\r\n Options for the spinner instance.\r\n /\r\n spinnerOptions?: SpinnerOptions;\r\n /\r\n Debounce time in milliseconds or a boolean indicating whether to debounce (default is 200ms).\r\n /\r\n debounce?: number \| boolean;\r\n /\r\n The target element where the spinner will be attached.\r\n * If a string is provided, it will be used as a selector to find the element.\r\n * If omitted, the spinner will be attached to the host element of the current injector.\r\n /\r\n element?: SpinnerTarget;\r\n /\r\n The injector to use. If omitted, the current injector will be used.\r\n /\r\n injector?: Injector;\r\n }\r\n) {\r\n if (options?.injector) {\r\n runInInjectionContext(options.injector, () =>\r\n createConditionalSpinner(isVisible, {\r\n ...options,\r\n injector: undefined,\r\n })\r\n );\r\n return;\r\n }\r\n\r\n const debounceMs =\r\n typeof options?.debounce === 'number'\r\n ? options.debounce\r\n : (options?.debounce ?? true)\r\n ? 200\r\n : 0;\r\n\r\n const debouncedVisible = debounceMs ? debounceSignal(isVisible, debounceMs) : isVisible;\r\n\r\n const spinnerCreator = injectSpinnerCreator();\r\n const element = options?.element ?? inject(ElementRef).nativeElement;\r\n let ref: SpinnerRef \| undefined;\r\n effect(() => {\r\n const visible = debouncedVisible();\r\n if (visible && !ref) {\r\n ref = spinnerCreator.show(element, options?.spinnerOptions);\r\n } else if (!visible && ref) {\r\n ref.hide();\r\n ref = undefined;\r\n }\r\n });\r\n}\r\n\r\nexport type SpinnerRef = {\r\n /\r\n Hides the spinner.\r\n /\r\n hide: () => void;\r\n};\r\n\r\nexport type SpinnerTarget = HTMLElement \| ElementRef<HTMLElement> \| string;\r\nexport type SpinnerOptions = {\r\n /\r\n The color of the spinner.\r\n /\r\n color?: CustomColor;\r\n /\r\n The diameter of the spinner in pixels.\r\n * @default 64\r\n /\r\n size?: number;\r\n /\r\n The thickness of the spinner's stroke. If not provided,\r\n * a default thickness derived from the size will be used.\r\n * @default undefined\r\n /\r\n thickness?: string;\r\n /\r\n Whether the spinner should be centered within its container.\r\n * @default true\r\n /\r\n centered?: boolean;\r\n /\r\n Set aria busy attribute on the reference element while the spinner is visible.\r\n * @default true\r\n /\r\n ariaBusy?: boolean;\r\n};\r\n\r\nfunction getElement(target: SpinnerTarget): HTMLElement \| null {\r\n if (typeof target === 'string') {\r\n return document.querySelector(target);\r\n } else if (target instanceof ElementRef) {\r\n return target.nativeElement;\r\n } else {\r\n return target;\r\n }\r\n}\r\n\r\nconst DEFAULT_OPTIONS: SpinnerOptions = {\r\n centered: true,\r\n ariaBusy: true,\r\n};\r\n\r\nclass NgnSpinnerCreator {\r\n private readonly _vcr = inject(ViewContainerRef);\r\n private readonly _destroyRef = inject(DestroyRef);\r\n private _destroyed = false;\r\n\r\n constructor() {\r\n this._destroyRef.onDestroy(() => {\r\n this._destroyed = true;\r\n });\r\n }\r\n\r\n /\r\n Shows a spinner on the specified target element.\r\n * @param target The target element or selector where the spinner will be attached.\r\n * If a string is provided, it will be used as a selector to find the element.\r\n * If the element is not found, the spinner will be retried until it is found.\r\n * @param options Optional configuration for the spinner.\r\n * @returns A reference to the spinner instance.\r\n /\r\n public show(target: SpinnerTarget, options?: SpinnerOptions): SpinnerRef {\r\n options = { ...DEFAULT_OPTIONS, ...options };\r\n const hideCb = {\r\n hide: () => {},\r\n };\r\n this._tryAttach(target, options, hideCb);\r\n return {\r\n hide: () => hideCb.hide(),\r\n };\r\n }\r\n\r\n private _tryAttach(\r\n target: SpinnerTarget,\r\n options: SpinnerOptions,\r\n hideCb: { hide?: () => void }\r\n ) {\r\n if (this._destroyed) {\r\n return;\r\n }\r\n const element = getElement(target);\r\n if (!element) {\r\n setTimeout(() => {\r\n this._tryAttach(target, options, hideCb);\r\n }, 10);\r\n return;\r\n }\r\n const componentRef = this._vcr.createComponent(NgnSpinner);\r\n\r\n const doHide = () => {\r\n componentRef.destroy();\r\n if (options?.ariaBusy) {\r\n element.removeAttribute('aria-busy');\r\n }\r\n delete hideCb.hide;\r\n };\r\n\r\n hideCb.hide = () => {\r\n doHide();\r\n unregisterOnDestroy();\r\n };\r\n element.appendChild(componentRef.location.nativeElement);\r\n if (options.ariaBusy) {\r\n element.setAttribute('aria-busy', 'true');\r\n }\r\n const unregisterOnDestroy = this._destroyRef.onDestroy(() => {\r\n doHide();\r\n });\r\n if (options.color) {\r\n setComponentInput(componentRef, 'color', options.color);\r\n }\r\n if (options.size) {\r\n setComponentInput(componentRef, 'size', options.size);\r\n }\r\n if (options.thickness) {\r\n setComponentInput(componentRef, 'thickness', options.thickness);\r\n }\r\n if (options.centered) {\r\n setComponentInput(componentRef, 'centered', options.centered);\r\n }\r\n }\r\n}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAIA;;AAEG;AAaG,MAAO,UAAW,SAAQ,OAAkB,CAAA;AAC7B,IAAA,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,EAAE;AAC1E,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClC,KAAA,CAAC;AAEc,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;IACxB,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IAC3B,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAW;AAExB,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,OAAO,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,8EAAC;wGAVrE,UAAU,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,SAAA,EAPV,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZtC,4RASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQJ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAZtB,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,aAAa,EAAA,OAAA,EAEd,CAAC,KAAK,CAAC,EAAA,SAAA,EACL,CAAC,WAAW,CAAA,UAAA,CAAY,CAAC,EAAA,IAAA,EAC9B;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,gBAAgB,EAAE,QAAQ;AAC1B,wBAAA,qBAAqB,EAAE,qBAAqB;AAC7C,qBAAA,EAAA,QAAA,EAAA,4RAAA,EAAA;;;AEAH;;;;;AAKG;AACG,SAAU,oBAAoB,CAAC,QAAmB,EAAA;IACtD,IAAI,QAAQ,EAAE;QACZ,OAAO,qBAAqB,CAAC,QAAQ,EAAE,MAAM,oBAAoB,EAAE,CAAC;IACtE;IACA,OAAO,IAAI,iBAAiB,EAAE;AAChC;AAEA;;;;AAIG;AACG,SAAU,wBAAwB,CACtC,SAA0B,EAC1B,OAmBC,EAAA;AAED,IAAA,IAAI,OAAO,EAAE,QAAQ,EAAE;QACrB,qBAAqB,CAAC,OAAO,CAAC,QAAQ,EAAE,MACtC,wBAAwB,CAAC,SAAS,EAAE;AAClC,YAAA,GAAG,OAAO;AACV,YAAA,QAAQ,EAAE,SAAS;AACpB,SAAA,CAAC,CACH;QACD;IACF;AAEA,IAAA,MAAM,UAAU,GACd,OAAO,OAAO,EAAE,QAAQ,KAAK;UACzB,OAAO,CAAC;AACV,UAAE,CAAC,OAAO,EAAE,QAAQ,IAAI,IAAI;AAC1B,cAAE;cACA,CAAC;AAET,IAAA,MAAM,gBAAgB,GAAG,UAAU,GAAG,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS;AAEvF,IAAA,MAAM,cAAc,GAAG,oBAAoB,EAAE;AAC7C,IAAA,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,aAAa;AACpE,IAAA,IAAI,GAA2B;IAC/B,MAAM,CAAC,MAAK;AACV,QAAA,MAAM,OAAO,GAAG,gBAAgB,EAAE;AAClC,QAAA,IAAI,OAAO,IAAI,CAAC,GAAG,EAAE;YACnB,GAAG,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC;QAC7D;AAAO,aAAA,IAAI,CAAC,OAAO,IAAI,GAAG,EAAE;YAC1B,GAAG,CAAC,IAAI,EAAE;YACV,GAAG,GAAG,SAAS;QACjB;AACF,IAAA,CAAC,CAAC;AACJ;AAsCA,SAAS,UAAU,CAAC,MAAqB,EAAA;AACvC,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC9B,QAAA,OAAO,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;IACvC;AAAO,SAAA,IAAI,MAAM,YAAY,UAAU,EAAE;QACvC,OAAO,MAAM,CAAC,aAAa;IAC7B;SAAO;AACL,QAAA,OAAO,MAAM;IACf;AACF;AAEA,MAAM,eAAe,GAAmB;AACtC,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,QAAQ,EAAE,IAAI;CACf;AAED,MAAM,iBAAiB,CAAA;AACJ,IAAA,IAAI,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC/B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IACzC,UAAU,GAAG,KAAK;AAE1B,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAK;AAC9B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACxB,QAAA,CAAC,CAAC;IACJ;AAEA;;;;;;;AAOG;IACI,IAAI,CAAC,MAAqB,EAAE,OAAwB,EAAA;QACzD,OAAO,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,OAAO,EAAE;AAC5C,QAAA,MAAM,MAAM,GAAG;AACb,YAAA,IAAI,EAAE,MAAK,EAAE,CAAC;SACf;QACD,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;QACxC,OAAO;AACL,YAAA,IAAI,EAAE,MAAM,MAAM,CAAC,IAAI,EAAE;SAC1B;IACH;AAEQ,IAAA,UAAU,CAChB,MAAqB,EACrB,OAAuB,EACvB,MAA6B,EAAA;AAE7B,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB;QACF;AACA,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;YAC1C,CAAC,EAAE,EAAE,CAAC;YACN;QACF;QACA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;QAE1D,MAAM,MAAM,GAAG,MAAK;YAClB,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,IAAI,OAAO,EAAE,QAAQ,EAAE;AACrB,gBAAA,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC;YACtC;YACA,OAAO,MAAM,CAAC,IAAI;AACpB,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,IAAI,GAAG,MAAK;AACjB,YAAA,MAAM,EAAE;AACR,YAAA,mBAAmB,EAAE;AACvB,QAAA,CAAC;QACD,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC;AACxD,QAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;AACpB,YAAA,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;QAC3C;QACA,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAK;AAC1D,YAAA,MAAM,EAAE;AACV,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,OAAO,CAAC,KAAK,EAAE;YACjB,iBAAiB,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;QACzD;AACA,QAAA,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;QACvD;AACA,QAAA,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,iBAAiB,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC;QACjE;AACA,QAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,iBAAiB,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC;QAC/D;IACF;AACD;;AC7ND;;AAEG;;;;"}