@ngstarter-ui/components 21.0.17 → 21.0.19

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

@@ -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

@@ -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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"}
+{"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

@@ -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", "clearable", "aria-label", "tabIndex", "aria-describedby", "value"], outputs: ["selectionChange", "opened", "closed", "valueChange"], exportAs: ["ngsSelect"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], 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

@@ -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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"}
+{"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-panel.mjs

@@ -41,15 +41,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], propDecorators: { flex: [{ type: i0.Input, args: [{ isSignal: true, alias: "flex", required: false }] }], autoHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHeight", required: false }] }] } });
 
 class PanelSubheader {
+    flex = input(false, { ...(ngDevMode ? { debugName: "flex" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    autoHeight = input(false, { ...(ngDevMode ? { debugName: "autoHeight" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PanelSubheader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: PanelSubheader, isStandalone: true, selector: "ngs-panel-subheader", host: { classAttribute: "ngs-panel-subheader" }, exportAs: ["ngsPanelSubheader"], ngImport: i0, template: "<p>panel-subheader works!</p>\n", styles: [":host{--ngs-panel-subheader-height: calc(var(--spacing, .25rem) * 14);flex:none;grid-area:subheader}:host:not([class*=h-]):not(.is-auto-height){height:var(--ngs-panel-subheader-height)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: PanelSubheader, isStandalone: true, selector: "ngs-panel-subheader", inputs: { flex: { classPropertyName: "flex", publicName: "flex", isSignal: true, isRequired: false, transformFunction: null }, autoHeight: { classPropertyName: "autoHeight", publicName: "autoHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-auto-height": "autoHeight()", "class.as-flex": "flex()" }, classAttribute: "ngs-panel-subheader" }, exportAs: ["ngsPanelSubheader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-panel-subheader-height: calc(var(--spacing, .25rem) * 14);flex:none;grid-area:subheader}:host:not([class*=h-]):not(.is-auto-height){height:var(--ngs-panel-subheader-height)}:host:not([class*=h-]):not(.is-auto-height){height:var(--ngs-panel-header-height)}:host.as-block{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PanelSubheader, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-panel-subheader', exportAs: 'ngsPanelSubheader', imports: [], host: {
-                        'class': 'ngs-panel-subheader'
-                    }, template: "<p>panel-subheader works!</p>\n", styles: [":host{--ngs-panel-subheader-height: calc(var(--spacing, .25rem) * 14);flex:none;grid-area:subheader}:host:not([class*=h-]):not(.is-auto-height){height:var(--ngs-panel-subheader-height)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }] });
+                        'class': 'ngs-panel-subheader',
+                        '[class.is-auto-height]': 'autoHeight()',
+                        '[class.as-flex]': 'flex()',
+                    }, template: "<ng-content/>\n", styles: [":host{--ngs-panel-subheader-height: calc(var(--spacing, .25rem) * 14);flex:none;grid-area:subheader}:host:not([class*=h-]):not(.is-auto-height){height:var(--ngs-panel-subheader-height)}:host:not([class*=h-]):not(.is-auto-height){height:var(--ngs-panel-header-height)}:host.as-block{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { flex: [{ type: i0.Input, args: [{ isSignal: true, alias: "flex", required: false }] }], autoHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHeight", required: false }] }] } });
 
 class PanelFooter {
     block = input(false, { ...(ngDevMode ? { debugName: "block" } : /* istanbul ignore next */ {}), transform: booleanAttribute });

package/fesm2022/ngstarter-ui-components-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-panel.mjs","sources":["../../../projects/components/panel/src/panel-sidebar/panel-sidebar.ts","../../../projects/components/panel/src/panel-sidebar/panel-sidebar.html","../../../projects/components/panel/src/panel-aside/panel-aside.ts","../../../projects/components/panel/src/panel-aside/panel-aside.html","../../../projects/components/panel/src/panel-header/panel-header.ts","../../../projects/components/panel/src/panel-header/panel-header.html","../../../projects/components/panel/src/panel-subheader/panel-subheader.ts","../../../projects/components/panel/src/panel-subheader/panel-subheader.html","../../../projects/components/panel/src/panel-footer/panel-footer.ts","../../../projects/components/panel/src/panel-footer/panel-footer.html","../../../projects/components/panel/src/panel/panel.ts","../../../projects/components/panel/src/panel/panel.html","../../../projects/components/panel/src/types.ts","../../../projects/components/panel/src/panel-content/panel-content.ts","../../../projects/components/panel/src/panel-content/panel-content.html","../../../projects/components/panel/ngstarter-ui-components-panel.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-sidebar',\n  imports: [],\n  templateUrl: './panel-sidebar.html',\n  styleUrl: './panel-sidebar.scss',\n  host: {\n    'class': 'ngs-panel-sidebar'\n  }\n})\nexport class PanelSidebar {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-aside',\n  imports: [],\n  templateUrl: './panel-aside.html',\n  styleUrl: './panel-aside.scss',\n  host: {\n    'class': 'ngs-panel-aside'\n  }\n})\nexport class PanelAside {\n\n}\n","<ng-content/>\n","import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-header',\n  exportAs: 'ngsPanelHeader',\n  templateUrl: './panel-header.html',\n  styleUrl: './panel-header.scss',\n  host: {\n    'class': 'ngs-panel-header',\n    '[class.is-auto-height]': 'autoHeight()',\n    '[class.as-flex]': 'flex()',\n  }\n})\nexport class PanelHeader {\n  flex = input(false, {\n    transform: booleanAttribute\n  });\n  autoHeight = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-subheader',\n  exportAs: 'ngsPanelSubheader',\n  imports: [],\n  templateUrl: './panel-subheader.html',\n  styleUrl: './panel-subheader.scss',\n  host: {\n    'class': 'ngs-panel-subheader'\n  }\n})\nexport class PanelSubheader {\n\n}\n","<p>panel-subheader works!</p>\n","import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-footer',\n  exportAs: 'ngsPanelFooter',\n  templateUrl: './panel-footer.html',\n  styleUrl: './panel-footer.scss',\n  host: {\n    'class': 'ngs-panel-footer',\n    '[class.is-auto-height]': 'autoHeight()',\n    '[class.as-block]': 'block()',\n  }\n})\nexport class PanelFooter {\n  block = input(false, {\n    transform: booleanAttribute\n  });\n  autoHeight = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content />\n","import { booleanAttribute, Component, contentChild, input } from '@angular/core';\nimport { PanelSidebar } from '../panel-sidebar/panel-sidebar';\nimport { PanelAside } from '../panel-aside/panel-aside';\nimport { PanelHeader } from '../panel-header/panel-header';\nimport { PanelSubheader } from '../panel-subheader/panel-subheader';\nimport { PanelFooter } from '../panel-footer/panel-footer';\n\n@Component({\n  selector: 'ngs-panel',\n  exportAs: 'ngsPanel',\n  templateUrl: './panel.html',\n  styleUrl: './panel.scss',\n  host: {\n    'class': 'ngs-panel',\n    '[class.is-absolute]': 'absolute()',\n    '[class.has-header]': 'header()',\n    '[class.has-subheader]': 'subheader()',\n    '[class.has-sidebar]': 'sidebar()',\n    '[class.has-aside]': 'aside()',\n    '[class.has-footer]': 'footer()'\n  }\n})\nexport class Panel {\n  header = contentChild(PanelHeader);\n  subheader = contentChild(PanelSubheader);\n  sidebar = contentChild(PanelSidebar);\n  aside = contentChild(PanelAside);\n  footer = contentChild(PanelFooter);\n\n  absolute = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content select=\"ngs-panel-header\"/>\n<ng-content select=\"ngs-panel-subheader\"/>\n<ng-content select=\"ngs-panel-sidebar\"/>\n<ng-content select=\"ngs-panel-content\"/>\n<ng-content select=\"ngs-panel-aside\"/>\n<ng-content select=\"ngs-panel-footer\"/>\n","import { InjectionToken } from '@angular/core';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\nexport interface PanelContentInterface {\n  scrollContainer(): HTMLElement;\n  scrollable?: CdkScrollable;\n}\n\nexport const PANEL_CONTENT = new InjectionToken<PanelContentInterface>('PANEL_CONTENT');\n\n","import { Component, ElementRef, forwardRef, inject } from '@angular/core';\nimport { PANEL_CONTENT, PanelContentInterface } from '../types';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\n@Component({\n  selector: 'ngs-panel-content',\n  exportAs: 'ngsPanelContent',\n  templateUrl: './panel-content.html',\n  styleUrl: './panel-content.scss',\n  hostDirectives: [\n    CdkScrollable\n  ],\n  providers: [\n    {\n      provide: PANEL_CONTENT,\n      useExisting: forwardRef(() => PanelContent)\n    }\n  ],\n  host: {\n    'class': 'ngs-panel-content'\n  }\n})\nexport class PanelContent implements PanelContentInterface {\n  private elementRef = inject(ElementRef);\n  readonly scrollable = inject(CdkScrollable);\n\n  scrollContainer(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n}\n","<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-panel.mjs","sources":["../../../projects/components/panel/src/panel-sidebar/panel-sidebar.ts","../../../projects/components/panel/src/panel-sidebar/panel-sidebar.html","../../../projects/components/panel/src/panel-aside/panel-aside.ts","../../../projects/components/panel/src/panel-aside/panel-aside.html","../../../projects/components/panel/src/panel-header/panel-header.ts","../../../projects/components/panel/src/panel-header/panel-header.html","../../../projects/components/panel/src/panel-subheader/panel-subheader.ts","../../../projects/components/panel/src/panel-subheader/panel-subheader.html","../../../projects/components/panel/src/panel-footer/panel-footer.ts","../../../projects/components/panel/src/panel-footer/panel-footer.html","../../../projects/components/panel/src/panel/panel.ts","../../../projects/components/panel/src/panel/panel.html","../../../projects/components/panel/src/types.ts","../../../projects/components/panel/src/panel-content/panel-content.ts","../../../projects/components/panel/src/panel-content/panel-content.html","../../../projects/components/panel/ngstarter-ui-components-panel.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-sidebar',\n  imports: [],\n  templateUrl: './panel-sidebar.html',\n  styleUrl: './panel-sidebar.scss',\n  host: {\n    'class': 'ngs-panel-sidebar'\n  }\n})\nexport class PanelSidebar {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-aside',\n  imports: [],\n  templateUrl: './panel-aside.html',\n  styleUrl: './panel-aside.scss',\n  host: {\n    'class': 'ngs-panel-aside'\n  }\n})\nexport class PanelAside {\n\n}\n","<ng-content/>\n","import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-header',\n  exportAs: 'ngsPanelHeader',\n  templateUrl: './panel-header.html',\n  styleUrl: './panel-header.scss',\n  host: {\n    'class': 'ngs-panel-header',\n    '[class.is-auto-height]': 'autoHeight()',\n    '[class.as-flex]': 'flex()',\n  }\n})\nexport class PanelHeader {\n  flex = input(false, {\n    transform: booleanAttribute\n  });\n  autoHeight = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content />\n","import {booleanAttribute, Component, input} from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-subheader',\n  exportAs: 'ngsPanelSubheader',\n  imports: [],\n  templateUrl: './panel-subheader.html',\n  styleUrl: './panel-subheader.scss',\n  host: {\n    'class': 'ngs-panel-subheader',\n    '[class.is-auto-height]': 'autoHeight()',\n    '[class.as-flex]': 'flex()',\n  }\n})\nexport class PanelSubheader {\n  flex = input(false, {\n    transform: booleanAttribute\n  });\n  autoHeight = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content/>\n","import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ngs-panel-footer',\n  exportAs: 'ngsPanelFooter',\n  templateUrl: './panel-footer.html',\n  styleUrl: './panel-footer.scss',\n  host: {\n    'class': 'ngs-panel-footer',\n    '[class.is-auto-height]': 'autoHeight()',\n    '[class.as-block]': 'block()',\n  }\n})\nexport class PanelFooter {\n  block = input(false, {\n    transform: booleanAttribute\n  });\n  autoHeight = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content />\n","import { booleanAttribute, Component, contentChild, input } from '@angular/core';\nimport { PanelSidebar } from '../panel-sidebar/panel-sidebar';\nimport { PanelAside } from '../panel-aside/panel-aside';\nimport { PanelHeader } from '../panel-header/panel-header';\nimport { PanelSubheader } from '../panel-subheader/panel-subheader';\nimport { PanelFooter } from '../panel-footer/panel-footer';\n\n@Component({\n  selector: 'ngs-panel',\n  exportAs: 'ngsPanel',\n  templateUrl: './panel.html',\n  styleUrl: './panel.scss',\n  host: {\n    'class': 'ngs-panel',\n    '[class.is-absolute]': 'absolute()',\n    '[class.has-header]': 'header()',\n    '[class.has-subheader]': 'subheader()',\n    '[class.has-sidebar]': 'sidebar()',\n    '[class.has-aside]': 'aside()',\n    '[class.has-footer]': 'footer()'\n  }\n})\nexport class Panel {\n  header = contentChild(PanelHeader);\n  subheader = contentChild(PanelSubheader);\n  sidebar = contentChild(PanelSidebar);\n  aside = contentChild(PanelAside);\n  footer = contentChild(PanelFooter);\n\n  absolute = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content select=\"ngs-panel-header\"/>\n<ng-content select=\"ngs-panel-subheader\"/>\n<ng-content select=\"ngs-panel-sidebar\"/>\n<ng-content select=\"ngs-panel-content\"/>\n<ng-content select=\"ngs-panel-aside\"/>\n<ng-content select=\"ngs-panel-footer\"/>\n","import { InjectionToken } from '@angular/core';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\nexport interface PanelContentInterface {\n  scrollContainer(): HTMLElement;\n  scrollable?: CdkScrollable;\n}\n\nexport const PANEL_CONTENT = new InjectionToken<PanelContentInterface>('PANEL_CONTENT');\n\n","import { Component, ElementRef, forwardRef, inject } from '@angular/core';\nimport { PANEL_CONTENT, PanelContentInterface } from '../types';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\n@Component({\n  selector: 'ngs-panel-content',\n  exportAs: 'ngsPanelContent',\n  templateUrl: './panel-content.html',\n  styleUrl: './panel-content.scss',\n  hostDirectives: [\n    CdkScrollable\n  ],\n  providers: [\n    {\n      provide: PANEL_CONTENT,\n      useExisting: forwardRef(() => PanelContent)\n    }\n  ],\n  host: {\n    'class': 'ngs-panel-content'\n  }\n})\nexport class PanelContent implements PanelContentInterface {\n  private elementRef = inject(ElementRef);\n  readonly scrollable = inject(CdkScrollable);\n\n  scrollContainer(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n}\n","<ng-content/>\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-pin-input.mjs

@@ -161,7 +161,7 @@ class PinInput {
                 useExisting: forwardRef(() => PinInput),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputs", predicate: PinInputDirective, descendants: true, isSignal: true }], exportAs: ["ngsPinInput"], ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control) {\n      <ngs-form-field subscriptHiddenIfEmpty>\n        <input type=\"text\"\n               ngsInput\n               ngsPinInput\n               [formControl]=\"control\"\n               [acceptOnly]=\"acceptOnly()\"\n               [placeholder]=\"placeholder()\"\n               [attr.disabled]=\"isDisabled() || null\"\n               maxlength=\"1\" >\n      </ngs-form-field>\n    }\n  </div>\n</div>\n", styles: [":host{--ngs-pin-input-width: calc(var(--spacing, .25rem) * 14);--ngs-pin-gap: calc(var(--spacing, .25rem) * 4);--ngs-form-field-input-text-align: center;--ngs-form-field-width: var(--ngs-pin-input-width);display:block;width:max-content}:host .inputs{display:flex;align-items:center;gap:var(--ngs-pin-gap)}:host .input{flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty"], exportAs: ["ngsFormField"] }, { kind: "directive", type: Input, selector: "input[ngsInput], textarea[ngsInput]", inputs: ["id", "placeholder", "required", "disabled", "readonly", "errorStateMatcher"], exportAs: ["ngsInput"] }, { kind: "directive", type: PinInputDirective, selector: "[ngsPinInput]", inputs: ["index", "acceptOnly"], outputs: ["valuePaste"], exportAs: ["ngsPinInput"] }] });
+        ], viewQueries: [{ propertyName: "inputs", predicate: PinInputDirective, descendants: true, isSignal: true }], exportAs: ["ngsPinInput"], ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control) {\n      <ngs-form-field subscriptHiddenIfEmpty>\n        <input type=\"text\"\n               ngsInput\n               ngsPinInput\n               [formControl]=\"control\"\n               [acceptOnly]=\"acceptOnly()\"\n               [placeholder]=\"placeholder()\"\n               [attr.disabled]=\"isDisabled() || null\"\n               maxlength=\"1\" >\n      </ngs-form-field>\n    }\n  </div>\n</div>\n", styles: [":host{--ngs-pin-input-width: calc(var(--spacing, .25rem) * 14);--ngs-pin-gap: calc(var(--spacing, .25rem) * 4);--ngs-form-field-input-text-align: center;--ngs-form-field-width: var(--ngs-pin-input-width);display:block;width:max-content}:host .inputs{display:flex;align-items:center;gap:var(--ngs-pin-gap)}:host .input{flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "directive", type: Input, selector: "input[ngsInput], textarea[ngsInput]", inputs: ["id", "placeholder", "required", "disabled", "readonly", "errorStateMatcher"], exportAs: ["ngsInput"] }, { kind: "directive", type: PinInputDirective, selector: "[ngsPinInput]", inputs: ["index", "acceptOnly"], outputs: ["valuePaste"], exportAs: ["ngsPinInput"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PinInput, decorators: [{
             type: Component,

package/fesm2022/ngstarter-ui-components-pin-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-pin-input.mjs","sources":["../../../projects/components/pin-input/src/pin-input.directive.ts","../../../projects/components/pin-input/src/pin-input/pin-input.ts","../../../projects/components/pin-input/src/pin-input/pin-input.html","../../../projects/components/pin-input/ngstarter-ui-components-pin-input.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  inject, input,\n  OnInit, output,\n  Renderer2\n} from '@angular/core';\n\n@Directive({\n  selector: '[ngsPinInput]',\n  exportAs: 'ngsPinInput',\n  host: {\n    'class': 'ngs-pin-input',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()'\n  }\n})\nexport class PinInputDirective implements OnInit {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _placeholder: string;\n\n  index = input<number>();\n  acceptOnly = input<RegExp>();\n\n  readonly valuePaste = output<string>();\n\n  get api() {\n    return {\n      focus: () => {\n        this._elementRef.nativeElement.focus();\n      },\n      nativeElement: this._elementRef.nativeElement\n    }\n  }\n\n  ngOnInit() {\n    this._placeholder = (this._elementRef.nativeElement as HTMLInputElement).getAttribute('placeholder') || '';\n  }\n\n  protected _handleFocus() {\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'placeholder');\n  }\n\n  protected _handleBlur() {\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'placeholder', this._placeholder);\n  }\n}\n","import {\n  booleanAttribute,\n  Component, computed,\n  forwardRef,\n  inject, input,\n  numberAttribute,\n  OnInit,\n  viewChildren\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormArray,\n  FormBuilder,\n  FormGroup,\n  NG_VALUE_ACCESSOR,\n  Validators,\n  ReactiveFormsModule\n} from '@angular/forms';\nimport { PinInputDirective } from '../pin-input.directive';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { FormField } from '@ngstarter-ui/components/form-field';\nimport { Input } from '@ngstarter-ui/components/input';\n\n@Component({\n  selector: 'ngs-pin-input',\n  exportAs: 'ngsPinInput',\n  imports: [\n    ReactiveFormsModule,\n    FormField,\n    Input,\n    PinInputDirective\n  ],\n  templateUrl: './pin-input.html',\n  styleUrl: './pin-input.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PinInput),\n      multi: true\n    }\n  ],\n  host: {\n    'class': 'ngs-pin-input',\n    '[class.is-disabled]': 'isDisabled()',\n    '(paste)': '_valuePaste($event)',\n    '(keydown)': '_handleKeyDown($event)',\n    '(keyup)': '_handleKeyUp($event)',\n  }\n})\nexport class PinInput implements ControlValueAccessor, OnInit {\n  private _fb = inject(FormBuilder);\n  readonly inputs = viewChildren(PinInputDirective);\n\n  length = input(4, {\n    transform: numberAttribute\n  });\n  placeholder = input('');\n  acceptOnly = input(/^[0-9]+$/);\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected form: FormGroup;\n  private _disabled = false;\n  protected isDisabled = computed(() => {\n    return this._disabled || this.disabled();\n  })\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  get controls(): any[] {\n    return (this.form.get('value') as FormArray).controls;\n  }\n\n  ngOnInit() {\n    const inputs = [];\n\n    for (let i = 0; i < this.length(); i++) {\n      inputs.push(\n        this._fb.control({ value: '', disabled: this.disabled() }, [Validators.required])\n      );\n    }\n\n    this.form = this._fb.group({\n      value: this._fb.array(inputs)\n    });\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._disabled = coerceBooleanProperty(isDisabled);\n  }\n\n  writeValue(value: any): void {\n    if (!value) {\n      this.controls.forEach(control => {\n        control.setValue('');\n      });\n\n      return;\n    }\n\n    value = String(value);\n\n    for (let i = 0; i < value.length; i++) {\n      const control = this.controls[i];\n\n      if (control && value[i].match(this.acceptOnly)) {\n        control.setValue(value[i]);\n      }\n    }\n  }\n\n  protected _valuePaste(event: ClipboardEvent) {\n      event.preventDefault();\n      event.stopPropagation();\n      // const value = event.clipboardData?.getData('text/plain');\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      const element = event.target as HTMLInputElement;\n\n      if (event.key === 'Backspace' && !element.value) {\n        this.inputs().forEach((inputDirective, index) => {\n          const element = event.target as HTMLInputElement;\n\n          if (inputDirective.api.nativeElement === element) {\n            const prevControl = this.inputs().at(index - 1);\n\n            if (prevControl) {\n              prevControl.api.focus();\n            }\n          }\n        });\n      }\n\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  protected _handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Shift' || (event.keyCode >= 112 && event.keyCode <= 123)) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      this.onChange(+this.form.value.value.join(''));\n      return;\n    }\n\n    if (!event.key.match(this.acceptOnly())) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputs().forEach((inputDirective, index) => {\n      const element = event.target as HTMLInputElement;\n\n      if (inputDirective.api.nativeElement === element) {\n        const control = this.controls[index];\n        control.setValue(event.key);\n        const nextControl = this.inputs().at(index + 1);\n\n        if (nextControl) {\n          nextControl.api.focus();\n        }\n      }\n    });\n    this.onChange(+this.form.value.value.join(''));\n  }\n}\n","<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control) {\n      <ngs-form-field subscriptHiddenIfEmpty>\n        <input type=\"text\"\n               ngsInput\n               ngsPinInput\n               [formControl]=\"control\"\n               [acceptOnly]=\"acceptOnly()\"\n               [placeholder]=\"placeholder()\"\n               [attr.disabled]=\"isDisabled() || null\"\n               maxlength=\"1\" >\n      </ngs-form-field>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-pin-input.mjs","sources":["../../../projects/components/pin-input/src/pin-input.directive.ts","../../../projects/components/pin-input/src/pin-input/pin-input.ts","../../../projects/components/pin-input/src/pin-input/pin-input.html","../../../projects/components/pin-input/ngstarter-ui-components-pin-input.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  inject, input,\n  OnInit, output,\n  Renderer2\n} from '@angular/core';\n\n@Directive({\n  selector: '[ngsPinInput]',\n  exportAs: 'ngsPinInput',\n  host: {\n    'class': 'ngs-pin-input',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()'\n  }\n})\nexport class PinInputDirective implements OnInit {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _placeholder: string;\n\n  index = input<number>();\n  acceptOnly = input<RegExp>();\n\n  readonly valuePaste = output<string>();\n\n  get api() {\n    return {\n      focus: () => {\n        this._elementRef.nativeElement.focus();\n      },\n      nativeElement: this._elementRef.nativeElement\n    }\n  }\n\n  ngOnInit() {\n    this._placeholder = (this._elementRef.nativeElement as HTMLInputElement).getAttribute('placeholder') || '';\n  }\n\n  protected _handleFocus() {\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'placeholder');\n  }\n\n  protected _handleBlur() {\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'placeholder', this._placeholder);\n  }\n}\n","import {\n  booleanAttribute,\n  Component, computed,\n  forwardRef,\n  inject, input,\n  numberAttribute,\n  OnInit,\n  viewChildren\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormArray,\n  FormBuilder,\n  FormGroup,\n  NG_VALUE_ACCESSOR,\n  Validators,\n  ReactiveFormsModule\n} from '@angular/forms';\nimport { PinInputDirective } from '../pin-input.directive';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { FormField } from '@ngstarter-ui/components/form-field';\nimport { Input } from '@ngstarter-ui/components/input';\n\n@Component({\n  selector: 'ngs-pin-input',\n  exportAs: 'ngsPinInput',\n  imports: [\n    ReactiveFormsModule,\n    FormField,\n    Input,\n    PinInputDirective\n  ],\n  templateUrl: './pin-input.html',\n  styleUrl: './pin-input.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PinInput),\n      multi: true\n    }\n  ],\n  host: {\n    'class': 'ngs-pin-input',\n    '[class.is-disabled]': 'isDisabled()',\n    '(paste)': '_valuePaste($event)',\n    '(keydown)': '_handleKeyDown($event)',\n    '(keyup)': '_handleKeyUp($event)',\n  }\n})\nexport class PinInput implements ControlValueAccessor, OnInit {\n  private _fb = inject(FormBuilder);\n  readonly inputs = viewChildren(PinInputDirective);\n\n  length = input(4, {\n    transform: numberAttribute\n  });\n  placeholder = input('');\n  acceptOnly = input(/^[0-9]+$/);\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected form: FormGroup;\n  private _disabled = false;\n  protected isDisabled = computed(() => {\n    return this._disabled || this.disabled();\n  })\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  get controls(): any[] {\n    return (this.form.get('value') as FormArray).controls;\n  }\n\n  ngOnInit() {\n    const inputs = [];\n\n    for (let i = 0; i < this.length(); i++) {\n      inputs.push(\n        this._fb.control({ value: '', disabled: this.disabled() }, [Validators.required])\n      );\n    }\n\n    this.form = this._fb.group({\n      value: this._fb.array(inputs)\n    });\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._disabled = coerceBooleanProperty(isDisabled);\n  }\n\n  writeValue(value: any): void {\n    if (!value) {\n      this.controls.forEach(control => {\n        control.setValue('');\n      });\n\n      return;\n    }\n\n    value = String(value);\n\n    for (let i = 0; i < value.length; i++) {\n      const control = this.controls[i];\n\n      if (control && value[i].match(this.acceptOnly)) {\n        control.setValue(value[i]);\n      }\n    }\n  }\n\n  protected _valuePaste(event: ClipboardEvent) {\n      event.preventDefault();\n      event.stopPropagation();\n      // const value = event.clipboardData?.getData('text/plain');\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      const element = event.target as HTMLInputElement;\n\n      if (event.key === 'Backspace' && !element.value) {\n        this.inputs().forEach((inputDirective, index) => {\n          const element = event.target as HTMLInputElement;\n\n          if (inputDirective.api.nativeElement === element) {\n            const prevControl = this.inputs().at(index - 1);\n\n            if (prevControl) {\n              prevControl.api.focus();\n            }\n          }\n        });\n      }\n\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  protected _handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Shift' || (event.keyCode >= 112 && event.keyCode <= 123)) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      this.onChange(+this.form.value.value.join(''));\n      return;\n    }\n\n    if (!event.key.match(this.acceptOnly())) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputs().forEach((inputDirective, index) => {\n      const element = event.target as HTMLInputElement;\n\n      if (inputDirective.api.nativeElement === element) {\n        const control = this.controls[index];\n        control.setValue(event.key);\n        const nextControl = this.inputs().at(index + 1);\n\n        if (nextControl) {\n          nextControl.api.focus();\n        }\n      }\n    });\n    this.onChange(+this.form.value.value.join(''));\n  }\n}\n","<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control) {\n      <ngs-form-field subscriptHiddenIfEmpty>\n        <input type=\"text\"\n               ngsInput\n               ngsPinInput\n               [formControl]=\"control\"\n               [acceptOnly]=\"acceptOnly()\"\n               [placeholder]=\"placeholder()\"\n               [attr.disabled]=\"isDisabled() || null\"\n               maxlength=\"1\" >\n      </ngs-form-field>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}