npm - @ngstarter-ui/components - Versions diffs - 21.0.16 → 21.0.18 - Mend

@ngstarter-ui/components 21.0.16 → 21.0.18

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

package/fesm2022/ngstarter-ui-components-option.mjs CHANGED Viewed

@@ -15,6 +15,7 @@ class Option {
     _parent = inject(OPTION_PARENT, { optional: true });
     _cdr = inject(ChangeDetectorRef);
     value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
     disabledSignal = input(false, { ...(ngDevMode ? { debugName: "disabledSignal" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
     selectedInput = input(false, { ...(ngDevMode ? { debugName: "selectedInput" } : /* istanbul ignore next */ {}), alias: 'selected', transform: booleanAttribute });
     get disabled() {
@@ -95,7 +96,7 @@ class Option {
         return this.viewValue;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Option, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Option, isStandalone: true, selector: "ngs-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledSignal: { classPropertyName: "disabledSignal", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedInput: { classPropertyName: "selectedInput", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_onClick($event)" }, properties: { "attr.tabindex": "-1", "class.ngs-option-selected": "selected", "class.ngs-option-disabled": "disabled", "class.ngs-option-multiple": "multiple", "class.ngs-option-active": "active", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Option, isStandalone: true, selector: "ngs-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, disabledSignal: { classPropertyName: "disabledSignal", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedInput: { classPropertyName: "selectedInput", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_onClick($event)" }, properties: { "attr.tabindex": "-1", "class.ngs-option-selected": "selected", "class.ngs-option-disabled": "disabled", "class.ngs-option-multiple": "multiple", "class.ngs-option-active": "active", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled" } }, providers: [
             {
                 provide: OPTION,
                 useExisting: forwardRef(() => Option)
@@ -123,7 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         '[attr.aria-disabled]': 'disabled',
                         '(click)': '_onClick($event)'
                     }, template: "@if (multiple) {\n  <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n  <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n", styles: [":host{display:flex;align-items:center;height:var(--ngs-option-height, var(--ngs-dropdown-height, var(--option-height, 48px)));padding:var(--ngs-option-padding, var(--ngs-dropdown-item-padding, 0 calc(var(--spacing, .25rem) * 3)));border-radius:var(--ngs-option-radius, var(--ngs-dropdown-item-radius, var(--ngs-control-radius)));font-size:var(--ngs-option-font-size, var(--ngs-dropdown-item-font-size, var(--ngs-font-size-sm)));color:var(--ngs-option-color, var(--ngs-dropdown-item-color, var(--ngs-color-on-surface)));cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:var(--ngs-option-gap, var(--ngs-dropdown-item-gap, calc(var(--spacing, .25rem) * 2)))}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background, var(--ngs-dropdown-item-hover-bg, var(--ngs-color-surface-container-high)))}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background, var(--ngs-dropdown-item-active-bg, var(--ngs-color-surface-container-highest)))}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background, var(--ngs-dropdown-item-selected-bg, var(--ngs-color-primary-container)));color:var(--ngs-option-selected-color, var(--ngs-dropdown-item-selected-color, var(--ngs-color-on-primary-container)))}:host.ngs-option-multiple.ngs-option-selected{background:transparent}:host.ngs-option-multiple.ngs-option-selected:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background, var(--ngs-dropdown-item-hover-bg, var(--ngs-color-surface-container-high)))}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color, var(--ngs-dropdown-item-disabled-color, var(--ngs-color-on-surface-variant)));cursor:default;pointer-events:none}.ngs-optgroup :host{padding-inline-start:var(--ngs-option-group-padding-start, var(--ngs-dropdown-item-nested-padding-start, calc(var(--ngs-dropdown-item-padding-x, calc(var(--spacing, .25rem) * 3)) + calc(var(--spacing, .25rem) * 4))))}.ngs-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabledSignal: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], selectedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], onSelectionChange: [{ type: i0.Output, args: ["onSelectionChange"] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], disabledSignal: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], selectedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], onSelectionChange: [{ type: i0.Output, args: ["onSelectionChange"] }] } });
 class Optgroup {
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));

package/fesm2022/ngstarter-ui-components-option.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-option.mjs","sources":["../../../projects/components/option/src/option/option-tokens.ts","../../../projects/components/option/src/option/option.ts","../../../projects/components/option/src/option/option.html","../../../projects/components/option/src/option/optgroup.ts","../../../projects/components/option/ngstarter-ui-components-option.ts"],"sourcesContent":["import { InjectionToken, Signal, ElementRef, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport abstract class _Option {\n abstract value: Signal<any>;\n abstract elementRef: ElementRef<HTMLElement>;\n abstract select(): void;\n abstract deselect(): void;\n abstract selected: boolean;\n abstract viewValue: string;\n abstract onSelectionChange: OutputEmitterRef<_Option>;\n abstract disabled: boolean;\n}\n\nexport abstract class _OptionParent {\n abstract multiple: Signal<boolean>;\n abstract hideCheckIcon?: Signal<boolean>;\n abstract _optionsContentChanges?: WritableSignal<number>;\n}\n\nexport const OPTION_PARENT = new InjectionToken<_OptionParent>('OPTION_PARENT');\nexport const OPTION = new InjectionToken<_Option>('OPTION');\n","import {\n Component,\n ElementRef,\n booleanAttribute,\n output,\n input,\n signal,\n inject,\n forwardRef,\n AfterViewInit, OnDestroy, ChangeDetectorRef\n} from '@angular/core';\nimport { OPTION, OPTION_PARENT, _Option, _OptionParent } from './option-tokens';\nimport { Checkbox } from '@ngstarter-ui/components/checkbox';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Highlightable } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'ngs-option',\n exportAs: 'ngsOption',\n standalone: true,\n imports: [\n Checkbox,\n Icon\n ],\n templateUrl: './option.html',\n styleUrl: './option.scss',\n providers: [\n {\n provide: OPTION,\n useExisting: forwardRef(() => Option)\n }\n ],\n host: {\n 'role': 'option',\n '[attr.tabindex]': '-1',\n '[class.ngs-option-selected]': 'selected',\n '[class.ngs-option-disabled]': 'disabled',\n '[class.ngs-option-multiple]': 'multiple',\n '[class.ngs-option-active]': 'active',\n '[attr.aria-selected]': 'selected',\n '[attr.aria-disabled]': 'disabled',\n '(click)': '_onClick($event)'\n }\n})\nexport class Option implements AfterViewInit, OnDestroy, _Option, Highlightable {\n private _parent = inject<_OptionParent>(OPTION_PARENT, { optional: true });\n private _cdr = inject(ChangeDetectorRef);\n\n value = input<any>();\n disabledSignal = input(false, { alias: 'disabled', transform: booleanAttribute });\n selectedInput = input(false, { alias: 'selected', transform: booleanAttribute });\n\n get disabled(): boolean {\n return this.disabledSignal();\n }\n\n readonly onSelectionChange = output<_Option>();\n\n private _selected = signal(false);\n private _active = signal(false);\n private _mutationObserver?: MutationObserver;\n\n constructor(public elementRef: ElementRef<HTMLElement>) {}\n\n ngAfterViewInit() {\n this._parent?._optionsContentChanges?.update(v => v + 1);\n\n if (typeof MutationObserver !== 'undefined') {\n this._mutationObserver = new MutationObserver(() => {\n this._parent?._optionsContentChanges?.update(v => v + 1);\n });\n this._mutationObserver.observe(this.elementRef.nativeElement, {\n childList: true,\n characterData: true,\n subtree: true\n });\n }\n }\n\n ngOnDestroy() {\n this._mutationObserver?.disconnect();\n }\n\n get selected(): boolean {\n return this.selectedInput() \|\| this._selected();\n }\n\n get multiple(): boolean {\n return this._parent?.multiple() ?? false;\n }\n\n get hideCheckIcon(): boolean {\n return this._parent?.hideCheckIcon?.() ?? false;\n }\n\n get active(): boolean {\n return this._active();\n }\n\n select(): void {\n if (!this._selected()) {\n this._selected.set(true);\n this._cdr.markForCheck();\n }\n }\n\n deselect(): void {\n if (this._selected()) {\n this._selected.set(false);\n this._cdr.markForCheck();\n }\n }\n\n setActiveStyles(): void {\n this._active.set(true);\n this._cdr.markForCheck();\n }\n\n setInactiveStyles(): void {\n this._active.set(false);\n this._cdr.markForCheck();\n }\n\n _onClick(event: MouseEvent): void {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n this.onSelectionChange.emit(this);\n }\n\n get viewValue(): string {\n const element = this.elementRef.nativeElement;\n const textElement = element.querySelector('.ngs-option-text');\n\n if (textElement) {\n return (textElement.textContent \|\| '').trim();\n }\n\n return (element.textContent \|\| '').trim();\n }\n\n getLabel?(): string {\n return this.viewValue;\n }\n}\n","@if (multiple) {\n <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n","import { Component, input, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'ngs-optgroup',\n exportAs: 'ngsOptgroup',\n standalone: true,\n template: `\n <span class=\"ngs-optgroup-label\">{{ label() }}</span>\n <ng-content select=\"ngs-option\" />\n `,\n styles: [`\n :host {\n display: block;\n --ngs-optgroup-label-padding: var(--ngs-dropdown-item-padding, 0 0.75rem);\n --ngs-optgroup-label-height: var(--ngs-dropdown-height, var(--option-height, 48px));\n --ngs-optgroup-label-font-size: var(--ngs-font-size-xs, 0.75rem);\n --ngs-optgroup-label-font-weight: 600;\n --ngs-optgroup-label-color: var(--ngs-color-on-surface-variant, rgba(0, 0, 0, 0.54));\n }\n .ngs-optgroup-label {\n display: flex;\n align-items: center;\n padding: var(--ngs-optgroup-label-padding);\n height: var(--ngs-optgroup-label-height);\n font-size: var(--ngs-optgroup-label-font-size);\n font-weight: var(--ngs-optgroup-label-font-weight);\n color: var(--ngs-optgroup-label-color);\n text-transform: uppercase;\n }\n `],\n host: {\n 'class': 'ngs-optgroup',\n '[class.ngs-optgroup-disabled]': 'disabled()',\n '[attr.role]': '\"group\"',\n '[attr.aria-disabled]': 'disabled().toString()',\n '[attr.aria-labelledby]': 'id',\n }\n})\nexport class Optgroup {\n label = input<string>();\n disabled = input(false, { transform: booleanAttribute });\n id = `ngs-optgroup-${Math.random().toString(36).substr(2, 9)}`;\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-option.mjs","sources":["../../../projects/components/option/src/option/option-tokens.ts","../../../projects/components/option/src/option/option.ts","../../../projects/components/option/src/option/option.html","../../../projects/components/option/src/option/optgroup.ts","../../../projects/components/option/ngstarter-ui-components-option.ts"],"sourcesContent":["import { InjectionToken, Signal, ElementRef, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport abstract class _Option {\n abstract value: Signal<any>;\n abstract data?: Signal<any>;\n abstract elementRef: ElementRef<HTMLElement>;\n abstract select(): void;\n abstract deselect(): void;\n abstract selected: boolean;\n abstract viewValue: string;\n abstract onSelectionChange: OutputEmitterRef<_Option>;\n abstract disabled: boolean;\n}\n\nexport abstract class _OptionParent {\n abstract multiple: Signal<boolean>;\n abstract hideCheckIcon?: Signal<boolean>;\n abstract _optionsContentChanges?: WritableSignal<number>;\n}\n\nexport const OPTION_PARENT = new InjectionToken<_OptionParent>('OPTION_PARENT');\nexport const OPTION = new InjectionToken<_Option>('OPTION');\n","import {\n Component,\n ElementRef,\n booleanAttribute,\n output,\n input,\n signal,\n inject,\n forwardRef,\n AfterViewInit, OnDestroy, ChangeDetectorRef\n} from '@angular/core';\nimport { OPTION, OPTION_PARENT, _Option, _OptionParent } from './option-tokens';\nimport { Checkbox } from '@ngstarter-ui/components/checkbox';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Highlightable } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'ngs-option',\n exportAs: 'ngsOption',\n standalone: true,\n imports: [\n Checkbox,\n Icon\n ],\n templateUrl: './option.html',\n styleUrl: './option.scss',\n providers: [\n {\n provide: OPTION,\n useExisting: forwardRef(() => Option)\n }\n ],\n host: {\n 'role': 'option',\n '[attr.tabindex]': '-1',\n '[class.ngs-option-selected]': 'selected',\n '[class.ngs-option-disabled]': 'disabled',\n '[class.ngs-option-multiple]': 'multiple',\n '[class.ngs-option-active]': 'active',\n '[attr.aria-selected]': 'selected',\n '[attr.aria-disabled]': 'disabled',\n '(click)': '_onClick($event)'\n }\n})\nexport class Option implements AfterViewInit, OnDestroy, _Option, Highlightable {\n private _parent = inject<_OptionParent>(OPTION_PARENT, { optional: true });\n private _cdr = inject(ChangeDetectorRef);\n\n value = input<any>();\n data = input<any>();\n disabledSignal = input(false, { alias: 'disabled', transform: booleanAttribute });\n selectedInput = input(false, { alias: 'selected', transform: booleanAttribute });\n\n get disabled(): boolean {\n return this.disabledSignal();\n }\n\n readonly onSelectionChange = output<_Option>();\n\n private _selected = signal(false);\n private _active = signal(false);\n private _mutationObserver?: MutationObserver;\n\n constructor(public elementRef: ElementRef<HTMLElement>) {}\n\n ngAfterViewInit() {\n this._parent?._optionsContentChanges?.update(v => v + 1);\n\n if (typeof MutationObserver !== 'undefined') {\n this._mutationObserver = new MutationObserver(() => {\n this._parent?._optionsContentChanges?.update(v => v + 1);\n });\n this._mutationObserver.observe(this.elementRef.nativeElement, {\n childList: true,\n characterData: true,\n subtree: true\n });\n }\n }\n\n ngOnDestroy() {\n this._mutationObserver?.disconnect();\n }\n\n get selected(): boolean {\n return this.selectedInput() \|\| this._selected();\n }\n\n get multiple(): boolean {\n return this._parent?.multiple() ?? false;\n }\n\n get hideCheckIcon(): boolean {\n return this._parent?.hideCheckIcon?.() ?? false;\n }\n\n get active(): boolean {\n return this._active();\n }\n\n select(): void {\n if (!this._selected()) {\n this._selected.set(true);\n this._cdr.markForCheck();\n }\n }\n\n deselect(): void {\n if (this._selected()) {\n this._selected.set(false);\n this._cdr.markForCheck();\n }\n }\n\n setActiveStyles(): void {\n this._active.set(true);\n this._cdr.markForCheck();\n }\n\n setInactiveStyles(): void {\n this._active.set(false);\n this._cdr.markForCheck();\n }\n\n _onClick(event: MouseEvent): void {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n this.onSelectionChange.emit(this);\n }\n\n get viewValue(): string {\n const element = this.elementRef.nativeElement;\n const textElement = element.querySelector('.ngs-option-text');\n\n if (textElement) {\n return (textElement.textContent \|\| '').trim();\n }\n\n return (element.textContent \|\| '').trim();\n }\n\n getLabel?(): string {\n return this.viewValue;\n }\n}\n","@if (multiple) {\n <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n","import { Component, input, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'ngs-optgroup',\n exportAs: 'ngsOptgroup',\n standalone: true,\n template: `\n <span class=\"ngs-optgroup-label\">{{ label() }}</span>\n <ng-content select=\"ngs-option\" />\n `,\n styles: [`\n :host {\n display: block;\n --ngs-optgroup-label-padding: var(--ngs-dropdown-item-padding, 0 0.75rem);\n --ngs-optgroup-label-height: var(--ngs-dropdown-height, var(--option-height, 48px));\n --ngs-optgroup-label-font-size: var(--ngs-font-size-xs, 0.75rem);\n --ngs-optgroup-label-font-weight: 600;\n --ngs-optgroup-label-color: var(--ngs-color-on-surface-variant, rgba(0, 0, 0, 0.54));\n }\n .ngs-optgroup-label {\n display: flex;\n align-items: center;\n padding: var(--ngs-optgroup-label-padding);\n height: var(--ngs-optgroup-label-height);\n font-size: var(--ngs-optgroup-label-font-size);\n font-weight: var(--ngs-optgroup-label-font-weight);\n color: var(--ngs-optgroup-label-color);\n text-transform: uppercase;\n }\n `],\n host: {\n 'class': 'ngs-optgroup',\n '[class.ngs-optgroup-disabled]': 'disabled()',\n '[attr.role]': '\"group\"',\n '[attr.aria-disabled]': 'disabled().toString()',\n '[attr.aria-labelledby]': 'id',\n }\n})\nexport class Optgroup {\n label = input<string>();\n disabled = input(false, { transform: booleanAttribute });\n id = `ngs-optgroup-${Math.random().toString(36).substr(2, 9)}`;\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-paginator.mjs CHANGED Viewed

@@ -279,7 +279,7 @@ class Paginator {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Paginator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Paginator, isStandalone: true, selector: "ngs-paginator", inputs: { pageIndexInput: { classPropertyName: "pageIndexInput", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, lengthInput: { classPropertyName: "lengthInput", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptionsInput: { classPropertyName: "pageSizeOptionsInput", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, hidePageSize: { classPropertyName: "hidePageSize", publicName: "hidePageSize", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastButtons: { classPropertyName: "showFirstLastButtons", publicName: "showFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "page" }, host: { attributes: { "role": "group" }, classAttribute: "ngs-paginator" }, exportAs: ["ngsPaginator"], ngImport: i0, template: "<div class=\"ngs-paginator-container\">\n  @if (!hidePageSize()) {\n    <div class=\"ngs-paginator-page-size\">\n      <div class=\"ngs-paginator-page-size-label\">\n        {{_intl.itemsPerPageLabel || 'Items per page:'}}\n      </div>\n\n      <ngs-form-field\n        subscriptHiddenIfEmpty\n        class=\"ngs-paginator-page-size-select\">\n        <ngs-select\n          hideCheckIcon\n          [value]=\"pageSize\"\n          [disabled]=\"disabled()\"\n          (selectionChange)=\"_changePageSize($event.value)\">\n          @for (pageSizeOption of _displayedPageSizeOptions; track pageSizeOption) {\n            <ngs-option [value]=\"pageSizeOption\">\n              {{pageSizeOption}}\n            </ngs-option>\n          }\n        </ngs-select>\n      </ngs-form-field>\n    </div>\n  }\n\n  <div class=\"ngs-paginator-range-actions\">\n    <div class=\"ngs-paginator-range-label\" aria-live=\"polite\">\n      {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\n    </div>\n\n    <div class=\"ngs-paginator-navigation\">\n      @if (showFirstLastButtons()) {\n        <button ngsIconButton\n                type=\"button\"\n                class=\"ngs-paginator-navigation-first\"\n                (click)=\"firstPage()\"\n                [ngsTooltip]=\"_intl.firstPageLabel || 'First page'\"\n                [disabled]=\"_previousButtonsDisabled()\">\n          <ngs-icon name=\"fluent:arrow-previous-24-regular\" />\n        </button>\n      }\n\n      <button ngsIconButton\n              type=\"button\"\n              class=\"ngs-paginator-navigation-previous\"\n              (click)=\"previousPage()\"\n              [ngsTooltip]=\"_intl.previousPageLabel || 'Previous page'\"\n              [disabled]=\"_previousButtonsDisabled()\">\n        <ngs-icon name=\"fluent:chevron-left-24-regular\" />\n      </button>\n\n      <button ngsIconButton\n              type=\"button\"\n              class=\"ngs-paginator-navigation-next\"\n              (click)=\"nextPage()\"\n              [ngsTooltip]=\"_intl.nextPageLabel || 'Next page'\"\n              [disabled]=\"_nextButtonsDisabled()\">\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" />\n      </button>\n\n      @if (showFirstLastButtons()) {\n        <button ngsIconButton\n                type=\"button\"\n                class=\"ngs-paginator-navigation-last\"\n                (click)=\"lastPage()\"\n                [ngsTooltip]=\"_intl.lastPageLabel || 'Last page'\"\n                [disabled]=\"_nextButtonsDisabled()\">\n          <ngs-icon name=\"fluent:arrow-next-24-regular\" />\n        </button>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host{--ngs-paginator-container-background: transparent;--ngs-paginator-container-text-color: var(--ngs-color-on-surface);--ngs-paginator-container-text-font: var(--font-sans);--ngs-paginator-container-text-line-height: inherit;--ngs-paginator-container-text-size: var(--ngs-font-size-sm);--ngs-paginator-container-text-tracking: normal;--ngs-paginator-container-text-weight: 400;--ngs-paginator-page-size-margin-right: 8px;--ngs-paginator-items-per-page-label-margin: 0 4px;--ngs-paginator-range-label-margin: 0 calc(var(--spacing, .25rem) * 5) 0 calc(var(--spacing, .25rem) * 4);display:block}:host ngs-form-field{--ngs-form-field-container-min-height: auto}:host .ngs-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;min-height:40px;background:var(--ngs-paginator-container-background-color);color:var(--ngs-paginator-container-text-color);line-height:var(--ngs-paginator-container-text-line-height);font-size:var(--ngs-paginator-container-text-size);letter-spacing:var(--ngs-paginator-container-text-tracking);font-weight:var(--ngs-paginator-container-text-weight)}:host .ngs-paginator-page-size{display:flex;align-items:center;margin-right:var(--ngs-paginator-page-size-margin-right)}:host .ngs-paginator-page-size-label{margin:var(--ngs-paginator-items-per-page-label-margin)}:host .ngs-paginator-page-size-select{margin:0 4px;width:78px;--ngs-form-field-infix-padding-top: 0 !important;--ngs-form-field-infix-padding-bottom: 0 !important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-form-field-container{padding:0 6px 0 12px!important;height:calc(var(--spacing, .25rem) * 10)!important;min-height:calc(var(--spacing, .25rem) * 10)!important;box-sizing:border-box!important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-form-field-infix{padding:0!important;height:calc(var(--spacing, .25rem) * 10)!important;min-height:calc(var(--spacing, .25rem) * 10)!important;box-sizing:border-box!important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-select{height:calc(var(--spacing, .25rem) * 10)!important;min-height:calc(var(--spacing, .25rem) * 10)!important;min-width:0!important;--ngs-select-min-width: 0 !important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-select-arrow-wrapper{height:calc(var(--spacing, .25rem) * 10)!important;padding-inline-end:2px}:host .ngs-paginator-range-actions{display:flex;align-items:center}:host .ngs-paginator-range-label{margin:var(--ngs-paginator-range-label-margin)}:host .ngs-paginator-navigation{display:flex;align-items:center}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }, { kind: "directive", type: Tooltip, selector: "[ngsTooltip]", inputs: ["ngsTooltip", "ngsTooltipPosition", "ngsTooltipClass", "ngsTooltipShowDelay", "ngsTooltipHideDelay", "ngsTooltipOffset", "ngsTooltipPositionAtOrigin", "ngsTooltipDisabled"], exportAs: ["ngsTooltip"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: Option, selector: "ngs-option", inputs: ["value", "disabled", "selected"], outputs: ["onSelectionChange"], exportAs: ["ngsOption"] }, { kind: "component", type: Select, selector: "ngs-select", inputs: ["id", "placeholder", "disabled", "required", "multiple", "hideCheckIcon", "ariaLabel", "tabIndex", "aria-describedby", "value"], outputs: ["selectionChange", "opened", "closed", "valueChange"], exportAs: ["ngsSelect"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty"], exportAs: ["ngsFormField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Paginator, isStandalone: true, selector: "ngs-paginator", inputs: { pageIndexInput: { classPropertyName: "pageIndexInput", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, lengthInput: { classPropertyName: "lengthInput", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptionsInput: { classPropertyName: "pageSizeOptionsInput", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, hidePageSize: { classPropertyName: "hidePageSize", publicName: "hidePageSize", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastButtons: { classPropertyName: "showFirstLastButtons", publicName: "showFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "page" }, host: { attributes: { "role": "group" }, classAttribute: "ngs-paginator" }, exportAs: ["ngsPaginator"], ngImport: i0, template: "<div class=\"ngs-paginator-container\">\n  @if (!hidePageSize()) {\n    <div class=\"ngs-paginator-page-size\">\n      <div class=\"ngs-paginator-page-size-label\">\n        {{_intl.itemsPerPageLabel || 'Items per page:'}}\n      </div>\n\n      <ngs-form-field\n        subscriptHiddenIfEmpty\n        class=\"ngs-paginator-page-size-select\">\n        <ngs-select\n          hideCheckIcon\n          [value]=\"pageSize\"\n          [disabled]=\"disabled()\"\n          (selectionChange)=\"_changePageSize($event.value)\">\n          @for (pageSizeOption of _displayedPageSizeOptions; track pageSizeOption) {\n            <ngs-option [value]=\"pageSizeOption\">\n              {{pageSizeOption}}\n            </ngs-option>\n          }\n        </ngs-select>\n      </ngs-form-field>\n    </div>\n  }\n\n  <div class=\"ngs-paginator-range-actions\">\n    <div class=\"ngs-paginator-range-label\" aria-live=\"polite\">\n      {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\n    </div>\n\n    <div class=\"ngs-paginator-navigation\">\n      @if (showFirstLastButtons()) {\n        <button ngsIconButton\n                type=\"button\"\n                class=\"ngs-paginator-navigation-first\"\n                (click)=\"firstPage()\"\n                [ngsTooltip]=\"_intl.firstPageLabel || 'First page'\"\n                [disabled]=\"_previousButtonsDisabled()\">\n          <ngs-icon name=\"fluent:arrow-previous-24-regular\" />\n        </button>\n      }\n\n      <button ngsIconButton\n              type=\"button\"\n              class=\"ngs-paginator-navigation-previous\"\n              (click)=\"previousPage()\"\n              [ngsTooltip]=\"_intl.previousPageLabel || 'Previous page'\"\n              [disabled]=\"_previousButtonsDisabled()\">\n        <ngs-icon name=\"fluent:chevron-left-24-regular\" />\n      </button>\n\n      <button ngsIconButton\n              type=\"button\"\n              class=\"ngs-paginator-navigation-next\"\n              (click)=\"nextPage()\"\n              [ngsTooltip]=\"_intl.nextPageLabel || 'Next page'\"\n              [disabled]=\"_nextButtonsDisabled()\">\n        <ngs-icon name=\"fluent:chevron-right-24-regular\" />\n      </button>\n\n      @if (showFirstLastButtons()) {\n        <button ngsIconButton\n                type=\"button\"\n                class=\"ngs-paginator-navigation-last\"\n                (click)=\"lastPage()\"\n                [ngsTooltip]=\"_intl.lastPageLabel || 'Last page'\"\n                [disabled]=\"_nextButtonsDisabled()\">\n          <ngs-icon name=\"fluent:arrow-next-24-regular\" />\n        </button>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host{--ngs-paginator-container-background: transparent;--ngs-paginator-container-text-color: var(--ngs-color-on-surface);--ngs-paginator-container-text-font: var(--font-sans);--ngs-paginator-container-text-line-height: inherit;--ngs-paginator-container-text-size: var(--ngs-font-size-sm);--ngs-paginator-container-text-tracking: normal;--ngs-paginator-container-text-weight: 400;--ngs-paginator-page-size-margin-right: 8px;--ngs-paginator-items-per-page-label-margin: 0 4px;--ngs-paginator-range-label-margin: 0 calc(var(--spacing, .25rem) * 5) 0 calc(var(--spacing, .25rem) * 4);display:block}:host ngs-form-field{--ngs-form-field-container-min-height: auto}:host .ngs-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;min-height:40px;background:var(--ngs-paginator-container-background-color);color:var(--ngs-paginator-container-text-color);line-height:var(--ngs-paginator-container-text-line-height);font-size:var(--ngs-paginator-container-text-size);letter-spacing:var(--ngs-paginator-container-text-tracking);font-weight:var(--ngs-paginator-container-text-weight)}:host .ngs-paginator-page-size{display:flex;align-items:center;margin-right:var(--ngs-paginator-page-size-margin-right)}:host .ngs-paginator-page-size-label{margin:var(--ngs-paginator-items-per-page-label-margin)}:host .ngs-paginator-page-size-select{margin:0 4px;width:78px;--ngs-form-field-infix-padding-top: 0 !important;--ngs-form-field-infix-padding-bottom: 0 !important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-form-field-container{padding:0 6px 0 12px!important;height:calc(var(--spacing, .25rem) * 10)!important;min-height:calc(var(--spacing, .25rem) * 10)!important;box-sizing:border-box!important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-form-field-infix{padding:0!important;height:calc(var(--spacing, .25rem) * 10)!important;min-height:calc(var(--spacing, .25rem) * 10)!important;box-sizing:border-box!important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-select{height:calc(var(--spacing, .25rem) * 10)!important;min-height:calc(var(--spacing, .25rem) * 10)!important;min-width:0!important;--ngs-select-min-width: 0 !important}:host .ngs-paginator-page-size-select ::ng-deep .ngs-select-arrow-wrapper{height:calc(var(--spacing, .25rem) * 10)!important;padding-inline-end:2px}:host .ngs-paginator-range-actions{display:flex;align-items:center}:host .ngs-paginator-range-label{margin:var(--ngs-paginator-range-label-margin)}:host .ngs-paginator-navigation{display:flex;align-items:center}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }, { kind: "directive", type: Tooltip, selector: "[ngsTooltip]", inputs: ["ngsTooltip", "ngsTooltipPosition", "ngsTooltipClass", "ngsTooltipShowDelay", "ngsTooltipHideDelay", "ngsTooltipOffset", "ngsTooltipPositionAtOrigin", "ngsTooltipDisabled"], exportAs: ["ngsTooltip"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: Option, selector: "ngs-option", inputs: ["value", "data", "disabled", "selected"], outputs: ["onSelectionChange"], exportAs: ["ngsOption"] }, { kind: "component", type: Select, selector: "ngs-select", inputs: ["id", "placeholder", "disabled", "required", "multiple", "hideCheckIcon", "aria-label", "tabIndex", "aria-describedby", "value"], outputs: ["selectionChange", "opened", "closed", "valueChange"], exportAs: ["ngsSelect"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty"], exportAs: ["ngsFormField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Paginator, decorators: [{
             type: Component,

package/fesm2022/ngstarter-ui-components-paginator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-paginator.mjs","sources":["../../../projects/components/paginator/src/paginator-intl.ts","../../../projects/components/paginator/src/paginator-interfaces.ts","../../../projects/components/paginator/src/paginator/paginator.ts","../../../projects/components/paginator/src/paginator/paginator.html","../../../projects/components/paginator/ngstarter-ui-components-paginator.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/*\n To modify the labels and text displayed, create a new instance of PaginatorIntl and\n * include it in a custom provider\n /\n@Injectable({ providedIn: 'root' })\nexport class PaginatorIntl {\n /\n Stream to emit from when labels are changed. Use this to notify components when the labels have\n * changed after initialization.\n /\n readonly changes = new Subject<void>();\n\n /* A label for the page size selector. /\n itemsPerPageLabel = 'Items per page:';\n\n /* A label for the button that increments the current page. /\n nextPageLabel = 'Next page';\n\n /* A label for the button that decrements the current page. /\n previousPageLabel = 'Previous page';\n\n /* A label for the button that moves to the first page. /\n firstPageLabel = 'First page';\n\n /* A label for the button that moves to the last page. /\n lastPageLabel = 'Last page';\n\n /* A label for the range of items within the current page and the length of the whole list. /\n getRangeLabel = (page: number, pageSize: number, length: number) => {\n length = Math.max(length \|\| 0, 0);\n\n if (length === 0 \|\| pageSize === 0) {\n return `0 ${this.ofLabel \|\| 'of'} ${length}`;\n }\n\n const startIndex = (page \|\| 0) (pageSize \|\| 0);\n\n // If the start index exceeds the list length, do not try and fix the end index to the end.\n const endIndex =\n startIndex < length ? Math.min(startIndex + (pageSize \|\| 0), length) : startIndex + (pageSize \|\| 0);\n\n return `${startIndex + 1} – ${endIndex} ${this.ofLabel \|\| 'of'} ${length}`;\n };\n\n /** Label for the 'of' terminology in the range display. /\n ofLabel = 'of';\n}\n","import { InjectionToken } from '@angular/core';\n\n/\n Change event object that is emitted when the user selects a\n * different page size or navigates to another page.\n /\nexport class PageEvent {\n /* The current page index. /\n pageIndex: number;\n\n /\n Index of the page that was selected previously.\n /\n previousPageIndex?: number;\n\n /* The current page size. /\n pageSize: number;\n\n /* The current total number of items being paged. /\n length: number;\n}\n\n/* Injection token that can be used to provide the default options for the paginator module. /\nexport const PAGINATOR_DEFAULT_OPTIONS = new InjectionToken<PaginatorDefaultOptions>(\n 'PAGINATOR_DEFAULT_OPTIONS',\n);\n\n/\n Object that can be used to configure the default options for the paginator module.\n /\nexport interface PaginatorDefaultOptions {\n /* Number of items to display on a page. By default set to 50. /\n pageSize?: number;\n\n /* The set of provided page size options to display to the user. /\n pageSizeOptions?: number[];\n\n /* Whether to hide the page size selection UI from the user. /\n hidePageSize?: boolean;\n\n /* Whether to show the first/last buttons UI to the user. /\n showFirstLastButtons?: boolean;\n}\n\n/* The default page size if there is no page size and there are no provided page size options. /\nexport const DEFAULT_PAGE_SIZE = 50;\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n inject,\n input,\n numberAttribute,\n OnDestroy,\n OnInit,\n afterNextRender,\n output,\n effect,\n untracked\n} from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { Tooltip } from '@ngstarter-ui/components/tooltip';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Option, Select } from '@ngstarter-ui/components/select';\nimport { FormField } from '@ngstarter-ui/components/form-field';\nimport { Button } from '@ngstarter-ui/components/button';\nimport { PaginatorIntl } from '../paginator-intl';\nimport {\n DEFAULT_PAGE_SIZE,\n PageEvent,\n PAGINATOR_DEFAULT_OPTIONS\n} from '../paginator-interfaces';\n\n@Component({\n selector: 'ngs-paginator',\n exportAs: 'ngsPaginator',\n imports: [Button, Tooltip, Icon, Option, Select, FormField],\n templateUrl: './paginator.html',\n styleUrl: './paginator.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-paginator',\n 'role': 'group',\n },\n})\nexport class Paginator implements OnInit, OnDestroy {\n private _changeDetectorRef = inject(ChangeDetectorRef);\n _intl = inject(PaginatorIntl);\n\n private _intlChanges: Subscription;\n\n /* The zero-based page index of the displayed list of items. Defaulted to 0. /\n pageIndexInput = input(undefined, { transform: numberAttribute, alias: 'pageIndex' });\n get pageIndex(): number {\n return this._pageIndex;\n }\n set pageIndex(value: number) {\n this._pageIndex = Math.max(value \|\| 0, 0);\n this._changeDetectorRef.markForCheck();\n }\n private _pageIndex = 0;\n\n lengthInput = input(undefined, { transform: numberAttribute, alias: 'length' });\n get length(): number {\n return this._length;\n }\n set length(value: number) {\n this._length = value \|\| 0;\n this._changeDetectorRef.markForCheck();\n }\n private _length = 0;\n\n /* Number of items to display on a page. By default set to 50. /\n pageSizeInput = input(undefined, { transform: numberAttribute, alias: 'pageSize' });\n get pageSize(): number {\n return this._pageSize;\n }\n set pageSize(value: number) {\n this._pageSize = Math.max(value \|\| 0, 0);\n this._updateDisplayedPageSizeOptions();\n }\n private _pageSize: number;\n\n /* The set of provided page size options to display to the user. /\n pageSizeOptionsInput = input<number[] \| undefined>(undefined, { alias: 'pageSizeOptions' });\n get pageSizeOptions(): number[] {\n return this._pageSizeOptions;\n }\n set pageSizeOptions(value: number[]) {\n this._pageSizeOptions = (value \|\| []).map((p) => numberAttribute(p, 0));\n this._updateDisplayedPageSizeOptions();\n }\n private _pageSizeOptions: number[] = [];\n\n /* Whether to hide the page size selection UI from the user. /\n hidePageSize = input(false, { transform: booleanAttribute });\n\n /* Whether to show the first/last buttons UI to the user. /\n showFirstLastButtons = input(false, { transform: booleanAttribute });\n\n /* Whether the paginator is disabled. /\n disabled = input(false, { transform: booleanAttribute });\n\n /* Event emitted when the paginator changes the page size or page index. /\n readonly page = output<PageEvent>();\n\n _initialized = new Subject<void>();\n initialized = this._initialized.asObservable();\n _displayedPageSizeOptions: number[];\n\n private _isInitialized = false;\n\n constructor() {\n const defaults = inject(PAGINATOR_DEFAULT_OPTIONS, { optional: true });\n\n if (defaults) {\n if (defaults.pageSize != null) {\n this._pageSize = defaults.pageSize;\n }\n if (defaults.pageSizeOptions != null) {\n this._pageSizeOptions = defaults.pageSizeOptions;\n }\n }\n\n if (this._intl && this._intl.changes) {\n this._intlChanges = this._intl.changes.subscribe(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n effect(() => {\n const pageIndex = this.pageIndexInput();\n if (pageIndex !== undefined) {\n untracked(() => this.pageIndex = pageIndex);\n }\n });\n effect(() => {\n const pageSize = this.pageSizeInput();\n if (pageSize !== undefined) {\n untracked(() => this.pageSize = pageSize);\n }\n });\n effect(() => {\n const length = this.lengthInput();\n if (length !== undefined) {\n untracked(() => this.length = length);\n }\n });\n effect(() => {\n const pageSizeOptions = this.pageSizeOptionsInput();\n if (pageSizeOptions !== undefined) {\n untracked(() => this.pageSizeOptions = pageSizeOptions);\n }\n });\n afterNextRender(() => {\n this._initialized.next();\n this._initialized.complete();\n });\n }\n\n ngOnInit() {\n this._isInitialized = true;\n this._updateDisplayedPageSizeOptions();\n }\n\n ngOnDestroy() {\n this._intlChanges?.unsubscribe();\n }\n\n /* Advances to the next page if it exists. /\n nextPage(): void {\n if (this.hasNextPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex++;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Move back to the previous page if it exists. /\n previousPage(): void {\n if (this.hasPreviousPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex--;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Move to the first page if not already there. /\n firstPage(): void {\n if (this.hasPreviousPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex = 0;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Move to the last page if not already there. /\n lastPage(): void {\n if (this.hasNextPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex = this.getNumberOfPages() - 1;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Whether there is a previous page. /\n hasPreviousPage(): boolean {\n return this.pageIndex >= 1 && this.pageSize !== 0;\n }\n\n /* Whether there is a next page. /\n hasNextPage(): boolean {\n const maxPageIndex = this.getNumberOfPages() - 1;\n return this.pageIndex < maxPageIndex && this.pageSize !== 0;\n }\n\n /* Calculate the number of pages /\n getNumberOfPages(): number {\n if (!this.pageSize) {\n return 0;\n }\n\n return Math.ceil(this.length / this.pageSize);\n }\n\n /\n Changes the page size so that the first item displayed on the page will still be\n * displayed using the new page size.\n \n For example, if the page size is 10 and on the second page (items indexed 10-19) then\n * switching so that the page size is 5 will set the third page as the current page so\n * that the 10th item will still be displayed.\n /\n _changePageSize(pageSize: number) {\n // Current page needs to be updated to reflect the new page size. Navigate to the page\n // containing the previous page's first item.\n const startIndex = this.pageIndex this.pageSize;\n const previousPageIndex = this.pageIndex;\n\n this._pageSize = pageSize;\n this._pageIndex = Math.floor(startIndex / pageSize) \|\| 0;\n\n this._emitPageEvent(previousPageIndex);\n }\n\n /** Checks whether the buttons for going forwards should be disabled. /\n _nextButtonsDisabled() {\n return this.disabled() \|\| !this.hasNextPage();\n }\n\n /* Checks whether the buttons for going backwards should be disabled. /\n _previousButtonsDisabled() {\n return this.disabled() \|\| !this.hasPreviousPage();\n }\n\n /\n Updates the list of page size options to display to the user. Includes making sure that\n * the page size is an option and that the list is sorted.\n /\n private _updateDisplayedPageSizeOptions() {\n if (!this._isInitialized) {\n return;\n }\n\n // If no page size is provided, use the first page size option or the default page size.\n if (!this.pageSize) {\n this._pageSize =\n this.pageSizeOptions.length !== 0 ? this.pageSizeOptions[0] : DEFAULT_PAGE_SIZE;\n }\n\n this._displayedPageSizeOptions = this.pageSizeOptions.slice();\n\n if (this._displayedPageSizeOptions.indexOf(this.pageSize) === -1) {\n this._displayedPageSizeOptions.push(this.pageSize);\n }\n\n // Sort the numbers using a number-specific sort function.\n this._displayedPageSizeOptions.sort((a, b) => a - b);\n this._changeDetectorRef.markForCheck();\n }\n\n /* Emits a page event and clears the session-cached page index if applicable. /\n private _emitPageEvent(previousPageIndex: number) {\n this.page.emit({\n previousPageIndex,\n pageIndex: this._pageIndex,\n pageSize: this._pageSize,\n length: this.length,\n });\n }\n}\n","<div class=\"ngs-paginator-container\">\n @if (!hidePageSize()) {\n <div class=\"ngs-paginator-page-size\">\n <div class=\"ngs-paginator-page-size-label\">\n {{_intl.itemsPerPageLabel \|\| 'Items per page:'}}\n </div>\n\n <ngs-form-field\n subscriptHiddenIfEmpty\n class=\"ngs-paginator-page-size-select\">\n <ngs-select\n hideCheckIcon\n [value]=\"pageSize\"\n [disabled]=\"disabled()\"\n (selectionChange)=\"_changePageSize($event.value)\">\n @for (pageSizeOption of _displayedPageSizeOptions; track pageSizeOption) {\n <ngs-option [value]=\"pageSizeOption\">\n {{pageSizeOption}}\n </ngs-option>\n }\n </ngs-select>\n </ngs-form-field>\n </div>\n }\n\n <div class=\"ngs-paginator-range-actions\">\n <div class=\"ngs-paginator-range-label\" aria-live=\"polite\">\n {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\n </div>\n\n <div class=\"ngs-paginator-navigation\">\n @if (showFirstLastButtons()) {\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-first\"\n (click)=\"firstPage()\"\n [ngsTooltip]=\"_intl.firstPageLabel \|\| 'First page'\"\n [disabled]=\"_previousButtonsDisabled()\">\n <ngs-icon name=\"fluent:arrow-previous-24-regular\" />\n </button>\n }\n\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-previous\"\n (click)=\"previousPage()\"\n [ngsTooltip]=\"_intl.previousPageLabel \|\| 'Previous page'\"\n [disabled]=\"_previousButtonsDisabled()\">\n <ngs-icon name=\"fluent:chevron-left-24-regular\" />\n </button>\n\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-next\"\n (click)=\"nextPage()\"\n [ngsTooltip]=\"_intl.nextPageLabel \|\| 'Next page'\"\n [disabled]=\"_nextButtonsDisabled()\">\n <ngs-icon name=\"fluent:chevron-right-24-regular\" />\n </button>\n\n @if (showFirstLastButtons()) {\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-last\"\n (click)=\"lastPage()\"\n [ngsTooltip]=\"_intl.lastPageLabel \|\| 'Last page'\"\n [disabled]=\"_nextButtonsDisabled()\">\n <ngs-icon name=\"fluent:arrow-next-24-regular\" />\n </button>\n }\n </div>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-paginator.mjs","sources":["../../../projects/components/paginator/src/paginator-intl.ts","../../../projects/components/paginator/src/paginator-interfaces.ts","../../../projects/components/paginator/src/paginator/paginator.ts","../../../projects/components/paginator/src/paginator/paginator.html","../../../projects/components/paginator/ngstarter-ui-components-paginator.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/*\n To modify the labels and text displayed, create a new instance of PaginatorIntl and\n * include it in a custom provider\n /\n@Injectable({ providedIn: 'root' })\nexport class PaginatorIntl {\n /\n Stream to emit from when labels are changed. Use this to notify components when the labels have\n * changed after initialization.\n /\n readonly changes = new Subject<void>();\n\n /* A label for the page size selector. /\n itemsPerPageLabel = 'Items per page:';\n\n /* A label for the button that increments the current page. /\n nextPageLabel = 'Next page';\n\n /* A label for the button that decrements the current page. /\n previousPageLabel = 'Previous page';\n\n /* A label for the button that moves to the first page. /\n firstPageLabel = 'First page';\n\n /* A label for the button that moves to the last page. /\n lastPageLabel = 'Last page';\n\n /* A label for the range of items within the current page and the length of the whole list. /\n getRangeLabel = (page: number, pageSize: number, length: number) => {\n length = Math.max(length \|\| 0, 0);\n\n if (length === 0 \|\| pageSize === 0) {\n return `0 ${this.ofLabel \|\| 'of'} ${length}`;\n }\n\n const startIndex = (page \|\| 0) (pageSize \|\| 0);\n\n // If the start index exceeds the list length, do not try and fix the end index to the end.\n const endIndex =\n startIndex < length ? Math.min(startIndex + (pageSize \|\| 0), length) : startIndex + (pageSize \|\| 0);\n\n return `${startIndex + 1} – ${endIndex} ${this.ofLabel \|\| 'of'} ${length}`;\n };\n\n /** Label for the 'of' terminology in the range display. /\n ofLabel = 'of';\n}\n","import { InjectionToken } from '@angular/core';\n\n/\n Change event object that is emitted when the user selects a\n * different page size or navigates to another page.\n /\nexport class PageEvent {\n /* The current page index. /\n pageIndex: number;\n\n /\n Index of the page that was selected previously.\n /\n previousPageIndex?: number;\n\n /* The current page size. /\n pageSize: number;\n\n /* The current total number of items being paged. /\n length: number;\n}\n\n/* Injection token that can be used to provide the default options for the paginator module. /\nexport const PAGINATOR_DEFAULT_OPTIONS = new InjectionToken<PaginatorDefaultOptions>(\n 'PAGINATOR_DEFAULT_OPTIONS',\n);\n\n/\n Object that can be used to configure the default options for the paginator module.\n /\nexport interface PaginatorDefaultOptions {\n /* Number of items to display on a page. By default set to 50. /\n pageSize?: number;\n\n /* The set of provided page size options to display to the user. /\n pageSizeOptions?: number[];\n\n /* Whether to hide the page size selection UI from the user. /\n hidePageSize?: boolean;\n\n /* Whether to show the first/last buttons UI to the user. /\n showFirstLastButtons?: boolean;\n}\n\n/* The default page size if there is no page size and there are no provided page size options. /\nexport const DEFAULT_PAGE_SIZE = 50;\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n inject,\n input,\n numberAttribute,\n OnDestroy,\n OnInit,\n afterNextRender,\n output,\n effect,\n untracked\n} from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { Tooltip } from '@ngstarter-ui/components/tooltip';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Option, Select } from '@ngstarter-ui/components/select';\nimport { FormField } from '@ngstarter-ui/components/form-field';\nimport { Button } from '@ngstarter-ui/components/button';\nimport { PaginatorIntl } from '../paginator-intl';\nimport {\n DEFAULT_PAGE_SIZE,\n PageEvent,\n PAGINATOR_DEFAULT_OPTIONS\n} from '../paginator-interfaces';\n\n@Component({\n selector: 'ngs-paginator',\n exportAs: 'ngsPaginator',\n imports: [Button, Tooltip, Icon, Option, Select, FormField],\n templateUrl: './paginator.html',\n styleUrl: './paginator.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-paginator',\n 'role': 'group',\n },\n})\nexport class Paginator implements OnInit, OnDestroy {\n private _changeDetectorRef = inject(ChangeDetectorRef);\n _intl = inject(PaginatorIntl);\n\n private _intlChanges: Subscription;\n\n /* The zero-based page index of the displayed list of items. Defaulted to 0. /\n pageIndexInput = input(undefined, { transform: numberAttribute, alias: 'pageIndex' });\n get pageIndex(): number {\n return this._pageIndex;\n }\n set pageIndex(value: number) {\n this._pageIndex = Math.max(value \|\| 0, 0);\n this._changeDetectorRef.markForCheck();\n }\n private _pageIndex = 0;\n\n lengthInput = input(undefined, { transform: numberAttribute, alias: 'length' });\n get length(): number {\n return this._length;\n }\n set length(value: number) {\n this._length = value \|\| 0;\n this._changeDetectorRef.markForCheck();\n }\n private _length = 0;\n\n /* Number of items to display on a page. By default set to 50. /\n pageSizeInput = input(undefined, { transform: numberAttribute, alias: 'pageSize' });\n get pageSize(): number {\n return this._pageSize;\n }\n set pageSize(value: number) {\n this._pageSize = Math.max(value \|\| 0, 0);\n this._updateDisplayedPageSizeOptions();\n }\n private _pageSize: number;\n\n /* The set of provided page size options to display to the user. /\n pageSizeOptionsInput = input<number[] \| undefined>(undefined, { alias: 'pageSizeOptions' });\n get pageSizeOptions(): number[] {\n return this._pageSizeOptions;\n }\n set pageSizeOptions(value: number[]) {\n this._pageSizeOptions = (value \|\| []).map((p) => numberAttribute(p, 0));\n this._updateDisplayedPageSizeOptions();\n }\n private _pageSizeOptions: number[] = [];\n\n /* Whether to hide the page size selection UI from the user. /\n hidePageSize = input(false, { transform: booleanAttribute });\n\n /* Whether to show the first/last buttons UI to the user. /\n showFirstLastButtons = input(false, { transform: booleanAttribute });\n\n /* Whether the paginator is disabled. /\n disabled = input(false, { transform: booleanAttribute });\n\n /* Event emitted when the paginator changes the page size or page index. /\n readonly page = output<PageEvent>();\n\n _initialized = new Subject<void>();\n initialized = this._initialized.asObservable();\n _displayedPageSizeOptions: number[];\n\n private _isInitialized = false;\n\n constructor() {\n const defaults = inject(PAGINATOR_DEFAULT_OPTIONS, { optional: true });\n\n if (defaults) {\n if (defaults.pageSize != null) {\n this._pageSize = defaults.pageSize;\n }\n if (defaults.pageSizeOptions != null) {\n this._pageSizeOptions = defaults.pageSizeOptions;\n }\n }\n\n if (this._intl && this._intl.changes) {\n this._intlChanges = this._intl.changes.subscribe(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n effect(() => {\n const pageIndex = this.pageIndexInput();\n if (pageIndex !== undefined) {\n untracked(() => this.pageIndex = pageIndex);\n }\n });\n effect(() => {\n const pageSize = this.pageSizeInput();\n if (pageSize !== undefined) {\n untracked(() => this.pageSize = pageSize);\n }\n });\n effect(() => {\n const length = this.lengthInput();\n if (length !== undefined) {\n untracked(() => this.length = length);\n }\n });\n effect(() => {\n const pageSizeOptions = this.pageSizeOptionsInput();\n if (pageSizeOptions !== undefined) {\n untracked(() => this.pageSizeOptions = pageSizeOptions);\n }\n });\n afterNextRender(() => {\n this._initialized.next();\n this._initialized.complete();\n });\n }\n\n ngOnInit() {\n this._isInitialized = true;\n this._updateDisplayedPageSizeOptions();\n }\n\n ngOnDestroy() {\n this._intlChanges?.unsubscribe();\n }\n\n /* Advances to the next page if it exists. /\n nextPage(): void {\n if (this.hasNextPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex++;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Move back to the previous page if it exists. /\n previousPage(): void {\n if (this.hasPreviousPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex--;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Move to the first page if not already there. /\n firstPage(): void {\n if (this.hasPreviousPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex = 0;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Move to the last page if not already there. /\n lastPage(): void {\n if (this.hasNextPage()) {\n const previousPageIndex = this.pageIndex;\n this._pageIndex = this.getNumberOfPages() - 1;\n this._emitPageEvent(previousPageIndex);\n }\n }\n\n /* Whether there is a previous page. /\n hasPreviousPage(): boolean {\n return this.pageIndex >= 1 && this.pageSize !== 0;\n }\n\n /* Whether there is a next page. /\n hasNextPage(): boolean {\n const maxPageIndex = this.getNumberOfPages() - 1;\n return this.pageIndex < maxPageIndex && this.pageSize !== 0;\n }\n\n /* Calculate the number of pages /\n getNumberOfPages(): number {\n if (!this.pageSize) {\n return 0;\n }\n\n return Math.ceil(this.length / this.pageSize);\n }\n\n /\n Changes the page size so that the first item displayed on the page will still be\n * displayed using the new page size.\n \n For example, if the page size is 10 and on the second page (items indexed 10-19) then\n * switching so that the page size is 5 will set the third page as the current page so\n * that the 10th item will still be displayed.\n /\n _changePageSize(pageSize: number) {\n // Current page needs to be updated to reflect the new page size. Navigate to the page\n // containing the previous page's first item.\n const startIndex = this.pageIndex this.pageSize;\n const previousPageIndex = this.pageIndex;\n\n this._pageSize = pageSize;\n this._pageIndex = Math.floor(startIndex / pageSize) \|\| 0;\n\n this._emitPageEvent(previousPageIndex);\n }\n\n /** Checks whether the buttons for going forwards should be disabled. /\n _nextButtonsDisabled() {\n return this.disabled() \|\| !this.hasNextPage();\n }\n\n /* Checks whether the buttons for going backwards should be disabled. /\n _previousButtonsDisabled() {\n return this.disabled() \|\| !this.hasPreviousPage();\n }\n\n /\n Updates the list of page size options to display to the user. Includes making sure that\n * the page size is an option and that the list is sorted.\n /\n private _updateDisplayedPageSizeOptions() {\n if (!this._isInitialized) {\n return;\n }\n\n // If no page size is provided, use the first page size option or the default page size.\n if (!this.pageSize) {\n this._pageSize =\n this.pageSizeOptions.length !== 0 ? this.pageSizeOptions[0] : DEFAULT_PAGE_SIZE;\n }\n\n this._displayedPageSizeOptions = this.pageSizeOptions.slice();\n\n if (this._displayedPageSizeOptions.indexOf(this.pageSize) === -1) {\n this._displayedPageSizeOptions.push(this.pageSize);\n }\n\n // Sort the numbers using a number-specific sort function.\n this._displayedPageSizeOptions.sort((a, b) => a - b);\n this._changeDetectorRef.markForCheck();\n }\n\n /* Emits a page event and clears the session-cached page index if applicable. /\n private _emitPageEvent(previousPageIndex: number) {\n this.page.emit({\n previousPageIndex,\n pageIndex: this._pageIndex,\n pageSize: this._pageSize,\n length: this.length,\n });\n }\n}\n","<div class=\"ngs-paginator-container\">\n @if (!hidePageSize()) {\n <div class=\"ngs-paginator-page-size\">\n <div class=\"ngs-paginator-page-size-label\">\n {{_intl.itemsPerPageLabel \|\| 'Items per page:'}}\n </div>\n\n <ngs-form-field\n subscriptHiddenIfEmpty\n class=\"ngs-paginator-page-size-select\">\n <ngs-select\n hideCheckIcon\n [value]=\"pageSize\"\n [disabled]=\"disabled()\"\n (selectionChange)=\"_changePageSize($event.value)\">\n @for (pageSizeOption of _displayedPageSizeOptions; track pageSizeOption) {\n <ngs-option [value]=\"pageSizeOption\">\n {{pageSizeOption}}\n </ngs-option>\n }\n </ngs-select>\n </ngs-form-field>\n </div>\n }\n\n <div class=\"ngs-paginator-range-actions\">\n <div class=\"ngs-paginator-range-label\" aria-live=\"polite\">\n {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\n </div>\n\n <div class=\"ngs-paginator-navigation\">\n @if (showFirstLastButtons()) {\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-first\"\n (click)=\"firstPage()\"\n [ngsTooltip]=\"_intl.firstPageLabel \|\| 'First page'\"\n [disabled]=\"_previousButtonsDisabled()\">\n <ngs-icon name=\"fluent:arrow-previous-24-regular\" />\n </button>\n }\n\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-previous\"\n (click)=\"previousPage()\"\n [ngsTooltip]=\"_intl.previousPageLabel \|\| 'Previous page'\"\n [disabled]=\"_previousButtonsDisabled()\">\n <ngs-icon name=\"fluent:chevron-left-24-regular\" />\n </button>\n\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-next\"\n (click)=\"nextPage()\"\n [ngsTooltip]=\"_intl.nextPageLabel \|\| 'Next page'\"\n [disabled]=\"_nextButtonsDisabled()\">\n <ngs-icon name=\"fluent:chevron-right-24-regular\" />\n </button>\n\n @if (showFirstLastButtons()) {\n <button ngsIconButton\n type=\"button\"\n class=\"ngs-paginator-navigation-last\"\n (click)=\"lastPage()\"\n [ngsTooltip]=\"_intl.lastPageLabel \|\| 'Last page'\"\n [disabled]=\"_nextButtonsDisabled()\">\n <ngs-icon name=\"fluent:arrow-next-24-regular\" />\n </button>\n }\n </div>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-select.mjs CHANGED Viewed

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, ElementRef, Component, InjectionToken, ChangeDetectorRef, signal, contentChildren, input, booleanAttribute, computed, output, viewChild, model, DestroyRef, effect, untracked, forwardRef } from '@angular/core';
+import { Directive, InjectionToken, inject, TemplateRef, input, numberAttribute, booleanAttribute, contentChild, computed, ChangeDetectionStrategy, Component, ElementRef, ChangeDetectorRef, signal, contentChildren, output, viewChild, model, DestroyRef, effect, untracked, forwardRef } from '@angular/core';
 import { outputToObservable } from '@angular/core/rxjs-interop';
 import { NgControl } from '@angular/forms';
+import { NgTemplateOutlet } from '@angular/common';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i1 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, OverlayModule, CdkOverlayOrigin } from '@angular/cdk/overlay';
@@ -23,6 +24,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                 }]
         }] });
+class _Select {
+}
+const SELECT = new InjectionToken('SELECT');
+class FilterTriggerValueDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FilterTriggerValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: FilterTriggerValueDirective, isStandalone: true, selector: "ng-template[ngsFilterTriggerValue]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FilterTriggerValueDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[ngsFilterTriggerValue]',
+                    standalone: true,
+                }]
+        }] });
+class FilterTrigger {
+    _select = inject(SELECT);
+    maxCount = input(99, { ...(ngDevMode ? { debugName: "maxCount" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    showZero = input(false, { ...(ngDevMode ? { debugName: "showZero" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    customValue = contentChild(FilterTriggerValueDirective, { ...(ngDevMode ? { debugName: "customValue" } : /* istanbul ignore next */ {}), descendants: true });
+    isMultiple = computed(() => this._select.multiple(), ...(ngDevMode ? [{ debugName: "isMultiple" }] : /* istanbul ignore next */ []));
+    selectedText = computed(() => this._select.triggerValue?.() ?? '', ...(ngDevMode ? [{ debugName: "selectedText" }] : /* istanbul ignore next */ []));
+    selectedCount = computed(() => this._select.selectedCount?.() ?? 0, ...(ngDevMode ? [{ debugName: "selectedCount" }] : /* istanbul ignore next */ []));
+    selectedData = computed(() => this._select.selectedData?.(), ...(ngDevMode ? [{ debugName: "selectedData" }] : /* istanbul ignore next */ []));
+    hasSelectedData = computed(() => {
+        const data = this.selectedData();
+        return this.isMultiple()
+            ? Array.isArray(data) && data.length > 0
+            : data !== null && data !== undefined;
+    }, ...(ngDevMode ? [{ debugName: "hasSelectedData" }] : /* istanbul ignore next */ []));
+    valueContext = computed(() => {
+        const data = this.selectedData();
+        return {
+            $implicit: data,
+            data,
+            text: this.selectedText(),
+            count: this.selectedCount(),
+            multiple: this.isMultiple()
+        };
+    }, ...(ngDevMode ? [{ debugName: "valueContext" }] : /* istanbul ignore next */ []));
+    displayCount = computed(() => {
+        if (!this.isMultiple()) {
+            return null;
+        }
+        const count = this.selectedCount();
+        if (count === 0 && !this.showZero()) {
+            return null;
+        }
+        const maxCount = this.maxCount();
+        if (Number.isFinite(maxCount) && count > maxCount) {
+            return `${maxCount}+`;
+        }
+        return count;
+    }, ...(ngDevMode ? [{ debugName: "displayCount" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FilterTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: FilterTrigger, isStandalone: true, selector: "ngs-filter-trigger", inputs: { maxCount: { classPropertyName: "maxCount", publicName: "maxCount", isSignal: true, isRequired: false, transformFunction: null }, showZero: { classPropertyName: "showZero", publicName: "showZero", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ngs-filter-trigger" }, queries: [{ propertyName: "customValue", first: true, predicate: FilterTriggerValueDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<span class=\"ngs-filter-trigger-label\">\n  <ng-content/>\n</span>\n\n@if (hasSelectedData() && customValue(); as valueTpl) {\n  <span class=\"ngs-filter-trigger-value ngs-filter-trigger-custom-value\">\n    <ng-container\n      [ngTemplateOutlet]=\"valueTpl.templateRef\"\n      [ngTemplateOutletContext]=\"valueContext()\"/>\n  </span>\n} @else if (displayCount() !== null) {\n  <span class=\"ngs-filter-trigger-badge\">\n    {{ displayCount() }}\n  </span>\n} @else if (!isMultiple() && selectedText()) {\n  <span class=\"ngs-filter-trigger-value\">\n    {{ selectedText() }}\n  </span>\n}\n", styles: [":host{display:inline-flex;align-items:center;min-width:0;max-width:100%;height:100%;gap:var(--ngs-filter-trigger-gap, calc(var(--spacing, .25rem) * 2));color:var(--ngs-filter-trigger-color, var(--ngs-color-on-surface));font-size:var(--ngs-filter-trigger-font-size, var(--ngs-field-font-size));font-weight:var(--ngs-filter-trigger-font-weight, 500);line-height:var(--ngs-field-line-height);white-space:nowrap}:host .ngs-filter-trigger-label{flex:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .ngs-filter-trigger-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ngs-filter-trigger-value-color, var(--ngs-color-on-surface-variant));font-weight:var(--ngs-filter-trigger-value-font-weight, 400)}:host .ngs-filter-trigger-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:var(--ngs-filter-trigger-badge-size, 18px);height:var(--ngs-filter-trigger-badge-size, 18px);padding-inline:var(--ngs-filter-trigger-badge-padding-inline, calc(var(--spacing, .25rem) * 1));border-radius:var(--ngs-filter-trigger-badge-radius, 999px);background:var(--ngs-filter-trigger-badge-background, var(--ngs-color-primary));color:var(--ngs-filter-trigger-badge-color, var(--ngs-color-on-primary));font-size:var(--ngs-filter-trigger-badge-font-size, 11px);font-weight:var(--ngs-filter-trigger-badge-font-weight, 600);line-height:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FilterTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-filter-trigger', standalone: true, imports: [
+                        NgTemplateOutlet
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-filter-trigger',
+                    }, template: "<span class=\"ngs-filter-trigger-label\">\n  <ng-content/>\n</span>\n\n@if (hasSelectedData() && customValue(); as valueTpl) {\n  <span class=\"ngs-filter-trigger-value ngs-filter-trigger-custom-value\">\n    <ng-container\n      [ngTemplateOutlet]=\"valueTpl.templateRef\"\n      [ngTemplateOutletContext]=\"valueContext()\"/>\n  </span>\n} @else if (displayCount() !== null) {\n  <span class=\"ngs-filter-trigger-badge\">\n    {{ displayCount() }}\n  </span>\n} @else if (!isMultiple() && selectedText()) {\n  <span class=\"ngs-filter-trigger-value\">\n    {{ selectedText() }}\n  </span>\n}\n", styles: [":host{display:inline-flex;align-items:center;min-width:0;max-width:100%;height:100%;gap:var(--ngs-filter-trigger-gap, calc(var(--spacing, .25rem) * 2));color:var(--ngs-filter-trigger-color, var(--ngs-color-on-surface));font-size:var(--ngs-filter-trigger-font-size, var(--ngs-field-font-size));font-weight:var(--ngs-filter-trigger-font-weight, 500);line-height:var(--ngs-field-line-height);white-space:nowrap}:host .ngs-filter-trigger-label{flex:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .ngs-filter-trigger-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ngs-filter-trigger-value-color, var(--ngs-color-on-surface-variant));font-weight:var(--ngs-filter-trigger-value-font-weight, 400)}:host .ngs-filter-trigger-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:var(--ngs-filter-trigger-badge-size, 18px);height:var(--ngs-filter-trigger-badge-size, 18px);padding-inline:var(--ngs-filter-trigger-badge-padding-inline, calc(var(--spacing, .25rem) * 1));border-radius:var(--ngs-filter-trigger-badge-radius, 999px);background:var(--ngs-filter-trigger-badge-background, var(--ngs-color-primary));color:var(--ngs-filter-trigger-badge-color, var(--ngs-color-on-primary));font-size:var(--ngs-filter-trigger-badge-font-size, 11px);font-weight:var(--ngs-filter-trigger-badge-font-weight, 600);line-height:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { maxCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCount", required: false }] }], showZero: [{ type: i0.Input, args: [{ isSignal: true, alias: "showZero", required: false }] }], customValue: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FilterTriggerValueDirective), { ...{ descendants: true }, isSignal: true }] }] } });
 class SelectBody {
     _elementRef = inject(ElementRef);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SelectBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -35,10 +104,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     }, styles: [":host{display:block;position:relative;flex:1;overflow:auto;min-height:0;max-height:var(--ngs-select-panel-max-height, var(--ngs-dropdown-max-height, 256px));padding:var(--ngs-select-content-padding, var(--ngs-dropdown-padding, calc(var(--spacing, .25rem) * 2)));box-sizing:border-box}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
-class _Select {
-}
-const SELECT = new InjectionToken('SELECT');
 class SelectChange {
     source;
     value;
@@ -68,7 +133,7 @@ class Select {
     get required() { return this._required(); }
     multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     hideCheckIcon = input(false, { ...(ngDevMode ? { debugName: "hideCheckIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
     tabIndex = input(0, { ...(ngDevMode ? { debugName: "tabIndex" } : /* istanbul ignore next */ {}), transform: (value) => value == null ? 0 : parseInt(value + '', 10) });
     ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
     isDisabled = computed(() => this._disabledInput() || this._disabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
@@ -79,6 +144,7 @@ class Select {
     options = contentChildren(OPTION, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), descendants: true });
     optionGroups = contentChildren(Optgroup, { ...(ngDevMode ? { debugName: "optionGroups" } : /* istanbul ignore next */ {}), descendants: true });
     customTrigger = contentChildren(SelectTrigger, { ...(ngDevMode ? { debugName: "customTrigger" } : /* istanbul ignore next */ {}), descendants: true });
+    filterTrigger = contentChildren(FilterTrigger, { ...(ngDevMode ? { debugName: "filterTrigger" } : /* istanbul ignore next */ {}), descendants: true });
     overlayDir = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "overlayDir" }] : /* istanbul ignore next */ []));
     panel = viewChild('panel', ...(ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []));
     origin = viewChild('origin', ...(ngDevMode ? [{ debugName: "origin" }] : /* istanbul ignore next */ []));
@@ -181,6 +247,26 @@ class Select {
         }
         return this._selectionModel.selected[0]?.viewValue || '';
     }, ...(ngDevMode ? [{ debugName: "triggerValue" }] : /* istanbul ignore next */ []));
+    selectedCount = computed(() => {
+        this._selectionChanges();
+        const selectedLength = this._selectionModel?.selected.length ?? 0;
+        if (selectedLength > 0) {
+            return selectedLength;
+        }
+        const value = this.value();
+        if (Array.isArray(value)) {
+            return value.filter(v => v !== null && v !== undefined && v !== '').length;
+        }
+        return value === null || value === undefined || value === '' ? 0 : 1;
+    }, ...(ngDevMode ? [{ debugName: "selectedCount" }] : /* istanbul ignore next */ []));
+    selectedData = computed(() => {
+        this._selectionChanges();
+        if (this.multiple()) {
+            return this._selectionModel.selected.map(option => this._getOptionData(option));
+        }
+        const selectedOption = this._selectionModel.selected[0];
+        return selectedOption ? this._getOptionData(selectedOption) : null;
+    }, ...(ngDevMode ? [{ debugName: "selectedData" }] : /* istanbul ignore next */ []));
     ngAfterContentInit() {
     }
     _resetOptions() {
@@ -385,6 +471,10 @@ class Select {
     _getOptionIndex(option) {
         return this.options().indexOf(option);
     }
+    _getOptionData(option) {
+        const data = option.data?.();
+        return data === undefined ? option.value() : data;
+    }
     _selectValue(value) {
         if (value == null) {
             return;
@@ -402,7 +492,7 @@ class Select {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Select, isStandalone: true, selector: "ngs-select", inputs: { _id: { classPropertyName: "_id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, _placeholder: { classPropertyName: "_placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, _disabledInput: { classPropertyName: "_disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, _required: { classPropertyName: "_required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideCheckIcon: { classPropertyName: "hideCheckIcon", publicName: "hideCheckIcon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", opened: "opened", closed: "closed", value: "valueChange" }, host: { attributes: { "role": "combobox", "aria-autocomplete": "none", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown": "_handleKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "attr.id": "id", "attr.tabindex": "disabled ? -1 : tabIndex()", "attr.aria-controls": "panelOpen() ? id + \"-panel\" : null", "attr.aria-expanded": "panelOpen()", "attr.aria-label": "ariaLabel()", "attr.aria-required": "required", "attr.aria-disabled": "disabled", "attr.aria-invalid": "errorState", "class.ngs-select-disabled": "disabled", "class.ngs-select-invalid": "errorState", "class.ngs-select-required": "required", "class.ngs-select-empty": "empty" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Select, isStandalone: true, selector: "ngs-select", inputs: { _id: { classPropertyName: "_id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, _placeholder: { classPropertyName: "_placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, _disabledInput: { classPropertyName: "_disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, _required: { classPropertyName: "_required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideCheckIcon: { classPropertyName: "hideCheckIcon", publicName: "hideCheckIcon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", opened: "opened", closed: "closed", value: "valueChange" }, host: { attributes: { "role": "combobox", "aria-autocomplete": "none", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown": "_handleKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "attr.id": "id", "attr.tabindex": "disabled ? -1 : tabIndex()", "attr.aria-controls": "panelOpen() ? id + \"-panel\" : null", "attr.aria-expanded": "panelOpen()", "attr.aria-label": "ariaLabel()", "attr.aria-required": "required", "attr.aria-disabled": "disabled", "attr.aria-invalid": "errorState", "class.ngs-select-disabled": "disabled", "class.ngs-select-invalid": "errorState", "class.ngs-select-required": "required", "class.ngs-select-empty": "empty", "class.ngs-select-panel-open": "panelOpen()", "class.ngs-select-has-filter-trigger": "filterTrigger().length > 0" } }, providers: [
             {
                 provide: FormFieldControl,
                 useExisting: forwardRef(() => Select)
@@ -419,7 +509,7 @@ class Select {
                 provide: AUTOFOCUSABLE,
                 useExisting: forwardRef(() => Select)
             }
-        ], queries: [{ propertyName: "selectBody", predicate: SelectBody, isSignal: true }, { propertyName: "options", predicate: OPTION, descendants: true, isSignal: true }, { propertyName: "optionGroups", predicate: Optgroup, descendants: true, isSignal: true }, { propertyName: "customTrigger", predicate: SelectTrigger, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "origin", first: true, predicate: ["origin"], descendants: true, isSignal: true }], exportAs: ["ngsSelect"], ngImport: i0, template: "<div class=\"ngs-select-trigger\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\n  <div class=\"ngs-select-value\">\n    @if (empty) {\n      <span class=\"ngs-select-placeholder\">{{ placeholder }}</span>\n    } @else {\n      @if (customTrigger().length > 0) {\n        <ng-content select=\"ngs-select-trigger\"/>\n      } @else {\n        <span class=\"ngs-select-value-text\">{{ triggerValue() }}</span>\n      }\n    }\n  </div>\n</div>\n<div class=\"ngs-select-arrow-wrapper\">\n  <svg viewBox=\"0 0 24 24\" class=\"ngs-select-arrow\">\n    <path fill=\"currentColor\"\n          d=\"M4.22 8.47a.75.75 0 0 1 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06\"></path>\n  </svg>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"panelOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayWidth]=\"overlayWidth\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (positionChange)=\"_onPositionChange($event)\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"ngs-select-panel\"\n    [class.ngs-select-panel-above]=\"_panelPosition() === 'top'\"\n    #panel\n    [attr.id]=\"id + '-panel'\"\n    (keydown)=\"_handleKeydown($event)\"\n  >\n    <ng-content select=\"ngs-select-header\"/>\n\n    @if (selectBody().length > 0) {\n      <ng-content select=\"ngs-select-body\"/>\n    } @else {\n      <div class=\"ngs-select-content\">\n        <ng-content select=\"ngs-optgroup,ngs-option\" />\n        <ng-content/>\n      </div>\n    }\n\n    <ng-content select=\"ngs-select-footer\"/>\n  </div>\n</ng-template>\n\n\n", styles: [":host{--ngs-select-arrow-color: var(--ngs-color-on-surface-variant);--ngs-select-font-size: var(--ngs-field-font-size);--ngs-select-placeholder-color: var(--ngs-field-label-color);--ngs-select-border-color: var(--ngs-field-border-color);--ngs-select-min-width: 120px;--ngs-select-arrow-container-width: calc(var(--spacing, .25rem) * 5);--ngs-select-arrow-size: 18px;display:inline-block;outline:none;cursor:pointer;font-size:var(--ngs-select-font-size);min-width:var(--ngs-select-min-width);padding-right:var(--ngs-select-arrow-container-width)}:host.ngs-select-disabled{cursor:default;pointer-events:none;--ngs-select-border-color: var(--ngs-color-outline)}@supports (color: color-mix(in lab,red,red)){:host.ngs-select-disabled{--ngs-select-border-color: color-mix(in srgb, var(--ngs-color-outline), transparent 80%)}}:host.ngs-select-disabled .ngs-select-trigger{opacity:.38}:host .ngs-select-value{display:flex;align-items:center;max-width:100%;min-width:0;height:100%;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-value-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .ngs-select-placeholder{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ngs-select-placeholder-color)}.ngs-form-field :host{min-width:0}:host .ngs-select-arrow{width:var(--ngs-select-arrow-size);height:var(--ngs-select-arrow-size);display:flex;color:var(--ngs-select-arrow-color)}:host .ngs-select-arrow-wrapper{align-items:center;justify-content:center;flex-shrink:0;display:inline-flex;transition:transform .2s ease;position:absolute;right:0;top:0;bottom:0;width:var(--ngs-select-arrow-container-width)}.ngs-form-field:not(.ngs-form-field-has-label) :host .ngs-select-arrow-wrapper,.ngs-paginator :host .ngs-select-arrow-wrapper{top:0}:host .ngs-select-trigger{display:flex;align-items:center;height:100%;min-width:0;overflow:hidden;position:relative;box-sizing:border-box;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-trigger .hidden{display:none}:host ::ng-deep ngs-select-trigger,:host ::ng-deep .ngs-select-trigger-content{display:flex;align-items:center;min-width:0;max-width:100%;height:100%;overflow:hidden;white-space:nowrap}:host ::ng-deep .ngs-select-trigger-content{gap:var(--ngs-select-trigger-gap, var(--ngs-dropdown-item-gap, calc(var(--spacing, .25rem) * 2)))}:host ::ng-deep .ngs-select-trigger-icon{flex:none;line-height:0}:host ::ng-deep .ngs-select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host-context(.ngs-form-field-focused) .ngs-select-arrow-wrapper{transform:rotate(180deg)}.ngs-select-panel{background:var(--ngs-select-panel-bg, var(--ngs-dropdown-bg));box-shadow:var(--ngs-select-panel-shadow, var(--ngs-dropdown-shadow));border-radius:var(--ngs-dropdown-radius);width:100%;transform-origin:top;animation:ngs-dropdown-panel-showing .15s cubic-bezier(0,0,.2,1);display:flex;flex-direction:column;overflow:hidden;outline:var(--ngs-select-panel-border, var(--ngs-dropdown-border))}.ngs-select-panel.ngs-select-panel-above{transform-origin:bottom}.ngs-select-panel:not(:has(.ngs-select-body)){max-height:var(--ngs-select-panel-max-height, var(--ngs-dropdown-max-height, 256px))}.ngs-select-panel .ngs-select-header,.ngs-select-panel .ngs-select-footer{display:block;flex:none;z-index:1}.ngs-select-panel .ngs-select-content{position:relative;padding:var(--ngs-select-content-padding, var(--ngs-dropdown-padding, calc(var(--spacing, .25rem) * 2)));overflow:auto;max-height:inherit}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
+        ], queries: [{ propertyName: "selectBody", predicate: SelectBody, isSignal: true }, { propertyName: "options", predicate: OPTION, descendants: true, isSignal: true }, { propertyName: "optionGroups", predicate: Optgroup, descendants: true, isSignal: true }, { propertyName: "customTrigger", predicate: SelectTrigger, descendants: true, isSignal: true }, { propertyName: "filterTrigger", predicate: FilterTrigger, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "origin", first: true, predicate: ["origin"], descendants: true, isSignal: true }], exportAs: ["ngsSelect"], ngImport: i0, template: "<div class=\"ngs-select-trigger\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\n  <div class=\"ngs-select-value\">\n    @if (customTrigger().length > 0 || filterTrigger().length > 0) {\n      <ng-content select=\"ngs-select-trigger\"/>\n      <ng-content select=\"ngs-filter-trigger\"/>\n    } @else {\n      @if (empty) {\n        <span class=\"ngs-select-placeholder\">{{ placeholder }}</span>\n      } @else {\n        <span class=\"ngs-select-value-text\">{{ triggerValue() }}</span>\n      }\n    }\n  </div>\n</div>\n<div class=\"ngs-select-arrow-wrapper\">\n  <svg viewBox=\"0 0 24 24\" class=\"ngs-select-arrow\">\n    <path fill=\"currentColor\"\n          d=\"M4.22 8.47a.75.75 0 0 1 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06\"></path>\n  </svg>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"panelOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayWidth]=\"overlayWidth\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (positionChange)=\"_onPositionChange($event)\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"ngs-select-panel\"\n    [class.ngs-select-panel-above]=\"_panelPosition() === 'top'\"\n    #panel\n    [attr.id]=\"id + '-panel'\"\n    (keydown)=\"_handleKeydown($event)\"\n  >\n    <ng-content select=\"ngs-select-header\"/>\n\n    @if (selectBody().length > 0) {\n      <ng-content select=\"ngs-select-body\"/>\n    } @else {\n      <div class=\"ngs-select-content\">\n        <ng-content select=\"ngs-optgroup,ngs-option\" />\n        <ng-content/>\n      </div>\n    }\n\n    <ng-content select=\"ngs-select-footer\"/>\n  </div>\n</ng-template>\n\n", styles: [":host{--ngs-select-arrow-color: var(--ngs-color-on-surface-variant);--ngs-select-font-size: var(--ngs-field-font-size);--ngs-select-placeholder-color: var(--ngs-field-label-color);--ngs-select-border-color: var(--ngs-field-border-color);--ngs-select-min-width: 120px;--ngs-select-arrow-container-width: calc(var(--spacing, .25rem) * 5);--ngs-select-arrow-size: 18px;display:inline-block;outline:none;cursor:pointer;font-size:var(--ngs-select-font-size);min-width:var(--ngs-select-min-width);padding-right:var(--ngs-select-arrow-container-width)}:host:has(ngs-filter-trigger){--ngs-select-min-width: 0;--ngs-select-arrow-container-width: calc(var(--spacing, .25rem) * 7);position:relative}:host.ngs-select-panel-open.ngs-select-has-filter-trigger .ngs-select-arrow-wrapper{transform:rotate(-180deg)}:host.ngs-select-disabled{cursor:default;pointer-events:none;--ngs-select-border-color: var(--ngs-color-outline)}@supports (color: color-mix(in lab,red,red)){:host.ngs-select-disabled{--ngs-select-border-color: color-mix(in srgb, var(--ngs-color-outline), transparent 80%)}}:host.ngs-select-disabled .ngs-select-trigger{opacity:.38}:host .ngs-select-value{display:flex;align-items:center;max-width:100%;min-width:0;height:100%;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-value-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .ngs-select-placeholder{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ngs-select-placeholder-color)}.ngs-form-field :host{min-width:0}:host .ngs-select-arrow{width:var(--ngs-select-arrow-size);height:var(--ngs-select-arrow-size);display:flex;color:var(--ngs-select-arrow-color)}:host .ngs-select-arrow-wrapper{align-items:center;justify-content:center;flex-shrink:0;display:inline-flex;transition:transform .2s ease;position:absolute;right:0;top:0;bottom:0;width:var(--ngs-select-arrow-container-width)}.ngs-form-field:not(.ngs-form-field-has-label) :host .ngs-select-arrow-wrapper,.ngs-paginator :host .ngs-select-arrow-wrapper{top:0}:host .ngs-select-trigger{display:flex;align-items:center;height:100%;min-width:0;overflow:hidden;position:relative;box-sizing:border-box;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-trigger .hidden{display:none}:host ::ng-deep ngs-select-trigger,:host ::ng-deep .ngs-select-trigger-content{display:flex;align-items:center;min-width:0;max-width:100%;height:100%;overflow:hidden;white-space:nowrap}:host ::ng-deep .ngs-select-trigger-content{gap:var(--ngs-select-trigger-gap, var(--ngs-dropdown-item-gap, calc(var(--spacing, .25rem) * 2)))}:host ::ng-deep .ngs-select-trigger-icon{flex:none;line-height:0}:host ::ng-deep .ngs-select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host-context(.ngs-form-field-focused) .ngs-select-arrow-wrapper{transform:rotate(180deg)}.ngs-select-panel{background:var(--ngs-select-panel-bg, var(--ngs-dropdown-bg));box-shadow:var(--ngs-select-panel-shadow, var(--ngs-dropdown-shadow));border-radius:var(--ngs-dropdown-radius);width:100%;transform-origin:top;animation:ngs-dropdown-panel-showing .15s cubic-bezier(0,0,.2,1);display:flex;flex-direction:column;overflow:hidden;outline:var(--ngs-select-panel-border, var(--ngs-dropdown-border))}.ngs-select-panel.ngs-select-panel-above{transform-origin:bottom}.ngs-select-panel:not(:has(.ngs-select-body)){max-height:var(--ngs-select-panel-max-height, var(--ngs-dropdown-max-height, 256px))}.ngs-select-panel .ngs-select-header,.ngs-select-panel .ngs-select-footer{display:block;flex:none;z-index:1}.ngs-select-panel .ngs-select-content{position:relative;padding:var(--ngs-select-content-padding, var(--ngs-dropdown-padding, calc(var(--spacing, .25rem) * 2)));overflow:auto;max-height:inherit}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Select, decorators: [{
             type: Component,
@@ -459,12 +549,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         '[class.ngs-select-invalid]': 'errorState',
                         '[class.ngs-select-required]': 'required',
                         '[class.ngs-select-empty]': 'empty',
+                        '[class.ngs-select-panel-open]': 'panelOpen()',
+                        '[class.ngs-select-has-filter-trigger]': 'filterTrigger().length > 0',
                         '(click)': 'toggle()',
                         '(keydown)': '_handleKeydown($event)',
                         '(focus)': '_onFocus()',
                         '(blur)': '_onBlur()',
-                    }, template: "<div class=\"ngs-select-trigger\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\n  <div class=\"ngs-select-value\">\n    @if (empty) {\n      <span class=\"ngs-select-placeholder\">{{ placeholder }}</span>\n    } @else {\n      @if (customTrigger().length > 0) {\n        <ng-content select=\"ngs-select-trigger\"/>\n      } @else {\n        <span class=\"ngs-select-value-text\">{{ triggerValue() }}</span>\n      }\n    }\n  </div>\n</div>\n<div class=\"ngs-select-arrow-wrapper\">\n  <svg viewBox=\"0 0 24 24\" class=\"ngs-select-arrow\">\n    <path fill=\"currentColor\"\n          d=\"M4.22 8.47a.75.75 0 0 1 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06\"></path>\n  </svg>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"panelOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayWidth]=\"overlayWidth\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (positionChange)=\"_onPositionChange($event)\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"ngs-select-panel\"\n    [class.ngs-select-panel-above]=\"_panelPosition() === 'top'\"\n    #panel\n    [attr.id]=\"id + '-panel'\"\n    (keydown)=\"_handleKeydown($event)\"\n  >\n    <ng-content select=\"ngs-select-header\"/>\n\n    @if (selectBody().length > 0) {\n      <ng-content select=\"ngs-select-body\"/>\n    } @else {\n      <div class=\"ngs-select-content\">\n        <ng-content select=\"ngs-optgroup,ngs-option\" />\n        <ng-content/>\n      </div>\n    }\n\n    <ng-content select=\"ngs-select-footer\"/>\n  </div>\n</ng-template>\n\n\n", styles: [":host{--ngs-select-arrow-color: var(--ngs-color-on-surface-variant);--ngs-select-font-size: var(--ngs-field-font-size);--ngs-select-placeholder-color: var(--ngs-field-label-color);--ngs-select-border-color: var(--ngs-field-border-color);--ngs-select-min-width: 120px;--ngs-select-arrow-container-width: calc(var(--spacing, .25rem) * 5);--ngs-select-arrow-size: 18px;display:inline-block;outline:none;cursor:pointer;font-size:var(--ngs-select-font-size);min-width:var(--ngs-select-min-width);padding-right:var(--ngs-select-arrow-container-width)}:host.ngs-select-disabled{cursor:default;pointer-events:none;--ngs-select-border-color: var(--ngs-color-outline)}@supports (color: color-mix(in lab,red,red)){:host.ngs-select-disabled{--ngs-select-border-color: color-mix(in srgb, var(--ngs-color-outline), transparent 80%)}}:host.ngs-select-disabled .ngs-select-trigger{opacity:.38}:host .ngs-select-value{display:flex;align-items:center;max-width:100%;min-width:0;height:100%;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-value-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .ngs-select-placeholder{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ngs-select-placeholder-color)}.ngs-form-field :host{min-width:0}:host .ngs-select-arrow{width:var(--ngs-select-arrow-size);height:var(--ngs-select-arrow-size);display:flex;color:var(--ngs-select-arrow-color)}:host .ngs-select-arrow-wrapper{align-items:center;justify-content:center;flex-shrink:0;display:inline-flex;transition:transform .2s ease;position:absolute;right:0;top:0;bottom:0;width:var(--ngs-select-arrow-container-width)}.ngs-form-field:not(.ngs-form-field-has-label) :host .ngs-select-arrow-wrapper,.ngs-paginator :host .ngs-select-arrow-wrapper{top:0}:host .ngs-select-trigger{display:flex;align-items:center;height:100%;min-width:0;overflow:hidden;position:relative;box-sizing:border-box;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-trigger .hidden{display:none}:host ::ng-deep ngs-select-trigger,:host ::ng-deep .ngs-select-trigger-content{display:flex;align-items:center;min-width:0;max-width:100%;height:100%;overflow:hidden;white-space:nowrap}:host ::ng-deep .ngs-select-trigger-content{gap:var(--ngs-select-trigger-gap, var(--ngs-dropdown-item-gap, calc(var(--spacing, .25rem) * 2)))}:host ::ng-deep .ngs-select-trigger-icon{flex:none;line-height:0}:host ::ng-deep .ngs-select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host-context(.ngs-form-field-focused) .ngs-select-arrow-wrapper{transform:rotate(180deg)}.ngs-select-panel{background:var(--ngs-select-panel-bg, var(--ngs-dropdown-bg));box-shadow:var(--ngs-select-panel-shadow, var(--ngs-dropdown-shadow));border-radius:var(--ngs-dropdown-radius);width:100%;transform-origin:top;animation:ngs-dropdown-panel-showing .15s cubic-bezier(0,0,.2,1);display:flex;flex-direction:column;overflow:hidden;outline:var(--ngs-select-panel-border, var(--ngs-dropdown-border))}.ngs-select-panel.ngs-select-panel-above{transform-origin:bottom}.ngs-select-panel:not(:has(.ngs-select-body)){max-height:var(--ngs-select-panel-max-height, var(--ngs-dropdown-max-height, 256px))}.ngs-select-panel .ngs-select-header,.ngs-select-panel .ngs-select-footer{display:block;flex:none;z-index:1}.ngs-select-panel .ngs-select-content{position:relative;padding:var(--ngs-select-content-padding, var(--ngs-dropdown-padding, calc(var(--spacing, .25rem) * 2)));overflow:auto;max-height:inherit}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [], propDecorators: { selectBody: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SelectBody), { isSignal: true }] }], _id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], _placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], _disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], _required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], hideCheckIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCheckIcon", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => OPTION), { ...{ descendants: true }, isSignal: true }] }], optionGroups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Optgroup), { ...{ descendants: true }, isSignal: true }] }], customTrigger: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SelectTrigger), { ...{ descendants: true }, isSignal: true }] }], overlayDir: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], origin: [{ type: i0.ViewChild, args: ['origin', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+                    }, template: "<div class=\"ngs-select-trigger\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\n  <div class=\"ngs-select-value\">\n    @if (customTrigger().length > 0 || filterTrigger().length > 0) {\n      <ng-content select=\"ngs-select-trigger\"/>\n      <ng-content select=\"ngs-filter-trigger\"/>\n    } @else {\n      @if (empty) {\n        <span class=\"ngs-select-placeholder\">{{ placeholder }}</span>\n      } @else {\n        <span class=\"ngs-select-value-text\">{{ triggerValue() }}</span>\n      }\n    }\n  </div>\n</div>\n<div class=\"ngs-select-arrow-wrapper\">\n  <svg viewBox=\"0 0 24 24\" class=\"ngs-select-arrow\">\n    <path fill=\"currentColor\"\n          d=\"M4.22 8.47a.75.75 0 0 1 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06\"></path>\n  </svg>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"panelOpen()\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayWidth]=\"overlayWidth\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (positionChange)=\"_onPositionChange($event)\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"ngs-select-panel\"\n    [class.ngs-select-panel-above]=\"_panelPosition() === 'top'\"\n    #panel\n    [attr.id]=\"id + '-panel'\"\n    (keydown)=\"_handleKeydown($event)\"\n  >\n    <ng-content select=\"ngs-select-header\"/>\n\n    @if (selectBody().length > 0) {\n      <ng-content select=\"ngs-select-body\"/>\n    } @else {\n      <div class=\"ngs-select-content\">\n        <ng-content select=\"ngs-optgroup,ngs-option\" />\n        <ng-content/>\n      </div>\n    }\n\n    <ng-content select=\"ngs-select-footer\"/>\n  </div>\n</ng-template>\n\n", styles: [":host{--ngs-select-arrow-color: var(--ngs-color-on-surface-variant);--ngs-select-font-size: var(--ngs-field-font-size);--ngs-select-placeholder-color: var(--ngs-field-label-color);--ngs-select-border-color: var(--ngs-field-border-color);--ngs-select-min-width: 120px;--ngs-select-arrow-container-width: calc(var(--spacing, .25rem) * 5);--ngs-select-arrow-size: 18px;display:inline-block;outline:none;cursor:pointer;font-size:var(--ngs-select-font-size);min-width:var(--ngs-select-min-width);padding-right:var(--ngs-select-arrow-container-width)}:host:has(ngs-filter-trigger){--ngs-select-min-width: 0;--ngs-select-arrow-container-width: calc(var(--spacing, .25rem) * 7);position:relative}:host.ngs-select-panel-open.ngs-select-has-filter-trigger .ngs-select-arrow-wrapper{transform:rotate(-180deg)}:host.ngs-select-disabled{cursor:default;pointer-events:none;--ngs-select-border-color: var(--ngs-color-outline)}@supports (color: color-mix(in lab,red,red)){:host.ngs-select-disabled{--ngs-select-border-color: color-mix(in srgb, var(--ngs-color-outline), transparent 80%)}}:host.ngs-select-disabled .ngs-select-trigger{opacity:.38}:host .ngs-select-value{display:flex;align-items:center;max-width:100%;min-width:0;height:100%;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-value-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .ngs-select-placeholder{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ngs-select-placeholder-color)}.ngs-form-field :host{min-width:0}:host .ngs-select-arrow{width:var(--ngs-select-arrow-size);height:var(--ngs-select-arrow-size);display:flex;color:var(--ngs-select-arrow-color)}:host .ngs-select-arrow-wrapper{align-items:center;justify-content:center;flex-shrink:0;display:inline-flex;transition:transform .2s ease;position:absolute;right:0;top:0;bottom:0;width:var(--ngs-select-arrow-container-width)}.ngs-form-field:not(.ngs-form-field-has-label) :host .ngs-select-arrow-wrapper,.ngs-paginator :host .ngs-select-arrow-wrapper{top:0}:host .ngs-select-trigger{display:flex;align-items:center;height:100%;min-width:0;overflow:hidden;position:relative;box-sizing:border-box;line-height:var(--ngs-field-line-height);font-size:var(--ngs-field-font-size)}:host .ngs-select-trigger .hidden{display:none}:host ::ng-deep ngs-select-trigger,:host ::ng-deep .ngs-select-trigger-content{display:flex;align-items:center;min-width:0;max-width:100%;height:100%;overflow:hidden;white-space:nowrap}:host ::ng-deep .ngs-select-trigger-content{gap:var(--ngs-select-trigger-gap, var(--ngs-dropdown-item-gap, calc(var(--spacing, .25rem) * 2)))}:host ::ng-deep .ngs-select-trigger-icon{flex:none;line-height:0}:host ::ng-deep .ngs-select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host-context(.ngs-form-field-focused) .ngs-select-arrow-wrapper{transform:rotate(180deg)}.ngs-select-panel{background:var(--ngs-select-panel-bg, var(--ngs-dropdown-bg));box-shadow:var(--ngs-select-panel-shadow, var(--ngs-dropdown-shadow));border-radius:var(--ngs-dropdown-radius);width:100%;transform-origin:top;animation:ngs-dropdown-panel-showing .15s cubic-bezier(0,0,.2,1);display:flex;flex-direction:column;overflow:hidden;outline:var(--ngs-select-panel-border, var(--ngs-dropdown-border))}.ngs-select-panel.ngs-select-panel-above{transform-origin:bottom}.ngs-select-panel:not(:has(.ngs-select-body)){max-height:var(--ngs-select-panel-max-height, var(--ngs-dropdown-max-height, 256px))}.ngs-select-panel .ngs-select-header,.ngs-select-panel .ngs-select-footer{display:block;flex:none;z-index:1}.ngs-select-panel .ngs-select-content{position:relative;padding:var(--ngs-select-content-padding, var(--ngs-dropdown-padding, calc(var(--spacing, .25rem) * 2)));overflow:auto;max-height:inherit}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { selectBody: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SelectBody), { isSignal: true }] }], _id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], _placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], _disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], _required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], hideCheckIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCheckIcon", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => OPTION), { ...{ descendants: true }, isSignal: true }] }], optionGroups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Optgroup), { ...{ descendants: true }, isSignal: true }] }], customTrigger: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SelectTrigger), { ...{ descendants: true }, isSignal: true }] }], filterTrigger: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FilterTrigger), { ...{ descendants: true }, isSignal: true }] }], overlayDir: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], origin: [{ type: i0.ViewChild, args: ['origin', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 class SelectHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SelectHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -492,5 +584,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { SELECT, Select, SelectBody, SelectChange, SelectFooter, SelectHeader, SelectTrigger, _Select };
+export { FilterTrigger, FilterTriggerValueDirective, SELECT, Select, SelectBody, SelectChange, SelectFooter, SelectHeader, SelectTrigger, _Select };
 //# sourceMappingURL=ngstarter-ui-components-select.mjs.map