npm - @ngstarter-ui/components - Versions diffs - 1.0.27 → 1.0.30 - Mend

@ngstarter-ui/components 1.0.27 → 1.0.30

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

Files changed (230) hide show

package/fesm2022/ngstarter-ui-components-number-input.mjs CHANGED Viewed

@@ -236,7 +236,7 @@ class NumberInput {
                 provide: FormFieldControl,
                 useExisting: forwardRef(() => NumberInput),
             }
-        ], queries: [{ propertyName: "_decreaseControlRef", first: true, predicate: DecreaseControlDirective, descendants: true, isSignal: true }, { propertyName: "_increaseControlRef", first: true, predicate: IncreaseControlDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, isSignal: true }], exportAs: ["ngsNumberInput"], ngImport: i0, template: "<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n", styles: [":host{--ngs-number-input-gap: calc(var(--spacing, .25rem) * 2);--ngs-number-input-control-bg: none;--ngs-number-input-control-color: var(--color-neutral-500);--ngs-number-input-control-hover-color: var(--color-neutral-600);--ngs-number-input-control-active-color: var(--color-neutral-700);--ngs-number-input-control-hover-bg: var(--color-surface-container);--ngs-number-input-control-active-bg: var(--color-surface-container-high);--ngs-number-input-control-font-size: 1.5rem;--ngs-number-input-control-border-radius: .375rem;--ngs-number-input-suffix-gap: calc(var(--spacing, .25rem) * 3);--ngs-number-input-control-size: calc(var(--spacing, .25rem) * 7);--ngs-number-input-control-border: none;display:flex!important;gap:var(--ngs-number-input-gap)}:host .input{width:auto;max-width:none;flex-grow:1;min-width:0}:host .input{background:none;outline:none;color:currentColor;font:inherit;border:none}:host .input::-webkit-outer-spin-button,:host .input::-webkit-inner-spin-button{appearance:none;margin:0}:host .controls{display:flex;height:100%;gap:.375rem;-webkit-user-select:none;user-select:none}:host .control{cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;width:var(--ngs-number-input-control-size);height:var(--ngs-number-input-control-size);background:var(--ngs-number-input-control-bg);color:var(--ngs-number-input-control-color);font-size:var(--ngs-number-input-control-font-size);line-height:var(--ngs-number-input-control-font-size);border-radius:var(--ngs-number-input-control-border-radius);position:relative;border:var(--ngs-number-input-control-border);top:1px}:host .control span{position:relative;top:-1px}:host .control ::ng-deep .mat-icon{line-height:24px}:host .control:hover{background:var(--ngs-number-input-control-hover-bg);color:var(--ngs-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--ngs-number-input-control-color: var(--color-neutral-300);--ngs-number-input-control-hover-color: var(--color-neutral-200);--ngs-number-input-control-hover-bg: var(--color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "_decreaseControlRef", first: true, predicate: DecreaseControlDirective, descendants: true, isSignal: true }, { propertyName: "_increaseControlRef", first: true, predicate: IncreaseControlDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, isSignal: true }], exportAs: ["ngsNumberInput"], ngImport: i0, template: "<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n", styles: [":host{--ngs-number-input-gap: calc(var(--spacing, .25rem) * 2);--ngs-number-input-control-bg: none;--ngs-number-input-control-color: var(--ngs-color-neutral-500);--ngs-number-input-control-hover-color: var(--ngs-color-neutral-600);--ngs-number-input-control-active-color: var(--ngs-color-neutral-700);--ngs-number-input-control-hover-bg: var(--ngs-color-surface-container);--ngs-number-input-control-active-bg: var(--ngs-color-surface-container-high);--ngs-number-input-control-font-size: 1.5rem;--ngs-number-input-control-border-radius: var(--ngs-radius-md);--ngs-number-input-suffix-gap: calc(var(--spacing, .25rem) * 3);--ngs-number-input-control-size: calc(var(--spacing, .25rem) * 7);--ngs-number-input-control-border: none;display:flex!important;gap:var(--ngs-number-input-gap)}:host .input{width:auto;max-width:none;flex-grow:1;min-width:0}:host .input{background:none;outline:none;color:currentColor;font:inherit;border:none}:host .input::-webkit-outer-spin-button,:host .input::-webkit-inner-spin-button{appearance:none;margin:0}:host .controls{display:flex;height:100%;gap:.375rem;-webkit-user-select:none;user-select:none}:host .control{cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;width:var(--ngs-number-input-control-size);height:var(--ngs-number-input-control-size);background:var(--ngs-number-input-control-bg);color:var(--ngs-number-input-control-color);font-size:var(--ngs-number-input-control-font-size);line-height:var(--ngs-number-input-control-font-size);border-radius:var(--ngs-number-input-control-border-radius);position:relative;border:var(--ngs-number-input-control-border);top:1px}:host .control span{position:relative;top:-1px}:host .control ::ng-deep .mat-icon{line-height:24px}:host .control:hover{background:var(--ngs-number-input-control-hover-bg);color:var(--ngs-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--ngs-number-input-control-color: var(--ngs-color-neutral-300);--ngs-number-input-control-hover-color: var(--ngs-color-neutral-200);--ngs-number-input-control-hover-bg: var(--ngs-color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInput, decorators: [{
             type: Component,
@@ -252,7 +252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         'class': 'ngs-number-input',
                         '[class.floating]': 'shouldLabelFloat',
                         'id': 'id'
-                    }, template: "<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n", styles: [":host{--ngs-number-input-gap: calc(var(--spacing, .25rem) * 2);--ngs-number-input-control-bg: none;--ngs-number-input-control-color: var(--color-neutral-500);--ngs-number-input-control-hover-color: var(--color-neutral-600);--ngs-number-input-control-active-color: var(--color-neutral-700);--ngs-number-input-control-hover-bg: var(--color-surface-container);--ngs-number-input-control-active-bg: var(--color-surface-container-high);--ngs-number-input-control-font-size: 1.5rem;--ngs-number-input-control-border-radius: .375rem;--ngs-number-input-suffix-gap: calc(var(--spacing, .25rem) * 3);--ngs-number-input-control-size: calc(var(--spacing, .25rem) * 7);--ngs-number-input-control-border: none;display:flex!important;gap:var(--ngs-number-input-gap)}:host .input{width:auto;max-width:none;flex-grow:1;min-width:0}:host .input{background:none;outline:none;color:currentColor;font:inherit;border:none}:host .input::-webkit-outer-spin-button,:host .input::-webkit-inner-spin-button{appearance:none;margin:0}:host .controls{display:flex;height:100%;gap:.375rem;-webkit-user-select:none;user-select:none}:host .control{cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;width:var(--ngs-number-input-control-size);height:var(--ngs-number-input-control-size);background:var(--ngs-number-input-control-bg);color:var(--ngs-number-input-control-color);font-size:var(--ngs-number-input-control-font-size);line-height:var(--ngs-number-input-control-font-size);border-radius:var(--ngs-number-input-control-border-radius);position:relative;border:var(--ngs-number-input-control-border);top:1px}:host .control span{position:relative;top:-1px}:host .control ::ng-deep .mat-icon{line-height:24px}:host .control:hover{background:var(--ngs-number-input-control-hover-bg);color:var(--ngs-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--ngs-number-input-control-color: var(--color-neutral-300);--ngs-number-input-control-hover-color: var(--color-neutral-200);--ngs-number-input-control-hover-bg: var(--color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n", styles: [":host{--ngs-number-input-gap: calc(var(--spacing, .25rem) * 2);--ngs-number-input-control-bg: none;--ngs-number-input-control-color: var(--ngs-color-neutral-500);--ngs-number-input-control-hover-color: var(--ngs-color-neutral-600);--ngs-number-input-control-active-color: var(--ngs-color-neutral-700);--ngs-number-input-control-hover-bg: var(--ngs-color-surface-container);--ngs-number-input-control-active-bg: var(--ngs-color-surface-container-high);--ngs-number-input-control-font-size: 1.5rem;--ngs-number-input-control-border-radius: var(--ngs-radius-md);--ngs-number-input-suffix-gap: calc(var(--spacing, .25rem) * 3);--ngs-number-input-control-size: calc(var(--spacing, .25rem) * 7);--ngs-number-input-control-border: none;display:flex!important;gap:var(--ngs-number-input-gap)}:host .input{width:auto;max-width:none;flex-grow:1;min-width:0}:host .input{background:none;outline:none;color:currentColor;font:inherit;border:none}:host .input::-webkit-outer-spin-button,:host .input::-webkit-inner-spin-button{appearance:none;margin:0}:host .controls{display:flex;height:100%;gap:.375rem;-webkit-user-select:none;user-select:none}:host .control{cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;width:var(--ngs-number-input-control-size);height:var(--ngs-number-input-control-size);background:var(--ngs-number-input-control-bg);color:var(--ngs-number-input-control-color);font-size:var(--ngs-number-input-control-font-size);line-height:var(--ngs-number-input-control-font-size);border-radius:var(--ngs-number-input-control-border-radius);position:relative;border:var(--ngs-number-input-control-border);top:1px}:host .control span{position:relative;top:-1px}:host .control ::ng-deep .mat-icon{line-height:24px}:host .control:hover{background:var(--ngs-number-input-control-hover-bg);color:var(--ngs-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--ngs-number-input-control-color: var(--ngs-color-neutral-300);--ngs-number-input-control-hover-color: var(--ngs-color-neutral-200);--ngs-number-input-control-hover-bg: var(--ngs-color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-number-input.mjs","sources":["../../../projects/components/number-input/src/decrease-control.directive.ts","../../../projects/components/number-input/src/increase-control.directive.ts","../../../projects/components/number-input/src/number-input/number-input.ts","../../../projects/components/number-input/src/number-input/number-input.html","../../../projects/components/number-input/src/number-input-prefix.directive.ts","../../../projects/components/number-input/src/number-input-suffix.directive.ts","../../../projects/components/number-input/ngstarter-ui-components-number-input.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsDecreaseControl]',\n exportAs: 'ngsDecreaseControl'\n})\nexport class DecreaseControlDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsIncreaseControl]',\n exportAs: 'ngsIncreaseControl'\n})\nexport class IncreaseControlDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n contentChild,\n DoCheck,\n ElementRef, forwardRef,\n inject, Input, input,\n numberAttribute,\n OnDestroy, Optional,\n output, Self,\n TemplateRef,\n viewChild,\n signal,\n computed,\n effect,\n} from '@angular/core';\nimport { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { DecreaseControlDirective } from '../decrease-control.directive';\nimport { IncreaseControlDirective } from '../increase-control.directive';\nimport { FormFieldControl } from '@ngstarter-ui/components/form-field';\nimport { Subject } from 'rxjs';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'ngs-number-input',\n exportAs: 'ngsNumberInput',\n imports: [\n Ripple,\n NgTemplateOutlet\n ],\n providers: [\n {\n provide: FormFieldControl,\n useExisting: forwardRef(() => NumberInput),\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './number-input.html',\n styleUrl: './number-input.scss',\n host: {\n 'class': 'ngs-number-input',\n '[class.floating]': 'shouldLabelFloat',\n 'id': 'id'\n }\n})\nexport class NumberInput implements FormFieldControl<any>, ControlValueAccessor, OnDestroy, DoCheck {\n private _parentForm = inject(NgForm, {\n optional: true,\n });\n private _parentFormGroup = inject(FormGroupDirective, {\n optional: true,\n });\n private _elementRef = inject(ElementRef);\n readonly disableAutomaticLabeling: boolean = false;\n\n private _input = viewChild.required<ElementRef>('input');\n readonly _decreaseControlRef = contentChild<DecreaseControlDirective>(DecreaseControlDirective);\n readonly _increaseControlRef = contentChild<IncreaseControlDirective>(IncreaseControlDirective);\n\n min = input(undefined, {\n transform: numberAttribute\n });\n max = input(undefined, {\n transform: numberAttribute\n });\n step = input(1, {\n transform: numberAttribute\n });\n readonly = input(false, {\n transform: booleanAttribute\n });\n\n disabledInput = input(false, {\n transform: booleanAttribute,\n alias: 'disabled'\n });\n get disabled(): boolean {\n return this.disabledInput() \|\| this._disabled();\n }\n private _disabled = signal(false);\n\n requiredInput = input(false, {\n transform: booleanAttribute,\n alias: 'required'\n });\n get required(): boolean {\n return this.requiredInput() \|\| this._required();\n }\n private _required = signal(false);\n\n readonly valueChange = output<number\|undefined>();\n\n static nextId = 0;\n private _value = signal<number \| undefined>(undefined);\n controlType?: string \| undefined;\n autofilled?: boolean \| undefined;\n userAriaDescribedBy?: string \| undefined;\n stateChanges = new Subject<void>();\n focused = false;\n private _focused = signal(false);\n touched = false;\n errorState = false;\n private _errorState = signal(false);\n\n id = '';\n private _id = signal(`ngs-number-input${NumberInput.nextId++}`);\n\n shouldLabelFloat = false;\n private _shouldLabelFloat = computed(() => {\n return this._focused() \|\| !this._empty();\n });\n\n empty = true;\n private _empty = computed(() => {\n const value = this._value();\n return value === undefined \|\| value === null \|\| value as any === '';\n });\n\n _placeholder = input<string>('', { alias: 'placeholder' });\n get placeholder(): string {\n return this._placeholder();\n }\n\n constructor(\n @Optional() @Self() public ngControl: NgControl,\n ) {\n // Replace the provider from above with this.\n if (this.ngControl != null) {\n // Setting the value accessor directly (instead of using\n // the providers) to avoid running into a circular import.\n this.ngControl.valueAccessor = this;\n }\n\n effect(() => {\n this.id = this._id();\n this.focused = this._focused();\n this.errorState = this._errorState();\n this.empty = this._empty();\n this.shouldLabelFloat = this._shouldLabelFloat();\n this.stateChanges.next();\n });\n\n effect(() => {\n const value = this._value();\n\n if (this._input()) {\n this._input().nativeElement.value = (value === undefined \|\| value === null) ? '' : value;\n }\n });\n }\n\n setDescribedByIds(ids: string[]) {\n const controlElement = this._elementRef.nativeElement;\n controlElement.setAttribute('aria-describedby', ids.join(' '));\n }\n\n onFocusIn(event: FocusEvent) {\n if (!this._focused()) {\n this._focused.set(true);\n this.stateChanges.next();\n }\n }\n\n onFocusOut(event: FocusEvent) {\n if (!this._elementRef.nativeElement.contains(event.relatedTarget as Element)) {\n this.touched = true;\n this._focused.set(false);\n this.onTouched();\n this.stateChanges.next();\n }\n }\n\n set value(value: number \| undefined) {\n if (value !== this._value()) {\n this._value.set(value);\n this.stateChanges.next();\n }\n }\n get value(): number \| undefined {\n return this._value();\n }\n\n ngOnDestroy() {\n this.stateChanges.complete();\n }\n\n protected get _decreaseControlTemplateRef() {\n return this._decreaseControlRef()?.templateRef as TemplateRef<any>;\n }\n\n protected get _increaseControlTemplateRef() {\n return this._increaseControlRef()?.templateRef as TemplateRef<any>;\n }\n\n onChange: any = () => {};\n onTouched: any = () => {};\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.set(coerceBooleanProperty(isDisabled));\n }\n\n writeValue(value: any): void {\n this.value = value;\n }\n\n decrease(event: MouseEvent, input: HTMLInputElement) {\n event.preventDefault();\n event.stopPropagation();\n let value = this._value() ?? 0;\n value -= this.step();\n this._value.set(value);\n this._emitEvent();\n }\n\n increase(event: MouseEvent, input: HTMLInputElement) {\n event.preventDefault();\n event.stopPropagation();\n let value = this._value() ?? 0;\n value += this.step();\n this._value.set(value);\n this._emitEvent();\n }\n\n isDecreaseDisabled() {\n const value = this._value();\n\n if (this.min() === undefined) {\n return false;\n }\n\n return (value !== undefined && value <= (this.min() as number)) \|\| this.readonly() \|\| this.disabled;\n }\n\n isIncreaseDisabled() {\n const value = this._value();\n\n if (this.max() === undefined) {\n return false;\n }\n\n return (value !== undefined && value >= (this.max() as number)) \|\| this.readonly() \|\| this.disabled;\n }\n\n inputChange(event: any) {\n const inputValue = event.target.value;\n const value = inputValue === '' ? undefined : +inputValue;\n this._value.set(value);\n this._emitEvent();\n }\n\n private _emitEvent() {\n const value = this._value();\n\n this.onChange(value);\n this.valueChange.emit(value);\n this.updateErrorState();\n }\n\n ngDoCheck() {\n if (this.ngControl) {\n this.updateErrorState();\n }\n }\n\n focus(): void {\n this._input().nativeElement.focus();\n }\n\n onContainerClick(event: MouseEvent) {\n if ((event.target as Element).tagName.toLowerCase() != 'input') {\n this.focus();\n }\n }\n\n private updateErrorState() {\n const parent = this._parentFormGroup \|\| this._parentForm;\n let oldState = this._errorState();\n let newState = !!(this.ngControl?.invalid) && this.touched;\n\n if (parent) {\n newState = !!(this.ngControl?.invalid) && (this.touched \|\| parent.submitted);\n }\n\n if (oldState !== newState) {\n this._errorState.set(newState);\n this.stateChanges.next();\n }\n }\n}\n","<input #input type=\"number\" class=\"input\"\n (focusin)=\"onFocusIn($event)\"\n (focusout)=\"onFocusOut($event)\"\n [attr.min]=\"min()\"\n [attr.max]=\"max()\"\n [step]=\"step()\"\n (input)=\"inputChange($event)\">\n<div class=\"controls\">\n <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n @if (_decreaseControlRef()) {\n <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n } @else {\n <span>−</span>\n }\n </button>\n <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n @if (_increaseControlRef()) {\n <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n } @else {\n <span>+</span>\n }\n </button>\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsNumberInputPrefix]',\n exportAs: 'ngsNumberInputPrefix'\n})\nexport class NumberInputPrefixDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsNumberInputSuffix]',\n exportAs: 'ngsNumberInputSuffix'\n})\nexport class NumberInputSuffixDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-number-input.mjs","sources":["../../../projects/components/number-input/src/decrease-control.directive.ts","../../../projects/components/number-input/src/increase-control.directive.ts","../../../projects/components/number-input/src/number-input/number-input.ts","../../../projects/components/number-input/src/number-input/number-input.html","../../../projects/components/number-input/src/number-input-prefix.directive.ts","../../../projects/components/number-input/src/number-input-suffix.directive.ts","../../../projects/components/number-input/ngstarter-ui-components-number-input.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsDecreaseControl]',\n exportAs: 'ngsDecreaseControl'\n})\nexport class DecreaseControlDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsIncreaseControl]',\n exportAs: 'ngsIncreaseControl'\n})\nexport class IncreaseControlDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n contentChild,\n DoCheck,\n ElementRef, forwardRef,\n inject, Input, input,\n numberAttribute,\n OnDestroy, Optional,\n output, Self,\n TemplateRef,\n viewChild,\n signal,\n computed,\n effect,\n} from '@angular/core';\nimport { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { DecreaseControlDirective } from '../decrease-control.directive';\nimport { IncreaseControlDirective } from '../increase-control.directive';\nimport { FormFieldControl } from '@ngstarter-ui/components/form-field';\nimport { Subject } from 'rxjs';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'ngs-number-input',\n exportAs: 'ngsNumberInput',\n imports: [\n Ripple,\n NgTemplateOutlet\n ],\n providers: [\n {\n provide: FormFieldControl,\n useExisting: forwardRef(() => NumberInput),\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './number-input.html',\n styleUrl: './number-input.scss',\n host: {\n 'class': 'ngs-number-input',\n '[class.floating]': 'shouldLabelFloat',\n 'id': 'id'\n }\n})\nexport class NumberInput implements FormFieldControl<any>, ControlValueAccessor, OnDestroy, DoCheck {\n private _parentForm = inject(NgForm, {\n optional: true,\n });\n private _parentFormGroup = inject(FormGroupDirective, {\n optional: true,\n });\n private _elementRef = inject(ElementRef);\n readonly disableAutomaticLabeling: boolean = false;\n\n private _input = viewChild.required<ElementRef>('input');\n readonly _decreaseControlRef = contentChild<DecreaseControlDirective>(DecreaseControlDirective);\n readonly _increaseControlRef = contentChild<IncreaseControlDirective>(IncreaseControlDirective);\n\n min = input(undefined, {\n transform: numberAttribute\n });\n max = input(undefined, {\n transform: numberAttribute\n });\n step = input(1, {\n transform: numberAttribute\n });\n readonly = input(false, {\n transform: booleanAttribute\n });\n\n disabledInput = input(false, {\n transform: booleanAttribute,\n alias: 'disabled'\n });\n get disabled(): boolean {\n return this.disabledInput() \|\| this._disabled();\n }\n private _disabled = signal(false);\n\n requiredInput = input(false, {\n transform: booleanAttribute,\n alias: 'required'\n });\n get required(): boolean {\n return this.requiredInput() \|\| this._required();\n }\n private _required = signal(false);\n\n readonly valueChange = output<number\|undefined>();\n\n static nextId = 0;\n private _value = signal<number \| undefined>(undefined);\n controlType?: string \| undefined;\n autofilled?: boolean \| undefined;\n userAriaDescribedBy?: string \| undefined;\n stateChanges = new Subject<void>();\n focused = false;\n private _focused = signal(false);\n touched = false;\n errorState = false;\n private _errorState = signal(false);\n\n id = '';\n private _id = signal(`ngs-number-input${NumberInput.nextId++}`);\n\n shouldLabelFloat = false;\n private _shouldLabelFloat = computed(() => {\n return this._focused() \|\| !this._empty();\n });\n\n empty = true;\n private _empty = computed(() => {\n const value = this._value();\n return value === undefined \|\| value === null \|\| value as any === '';\n });\n\n _placeholder = input<string>('', { alias: 'placeholder' });\n get placeholder(): string {\n return this._placeholder();\n }\n\n constructor(\n @Optional() @Self() public ngControl: NgControl,\n ) {\n // Replace the provider from above with this.\n if (this.ngControl != null) {\n // Setting the value accessor directly (instead of using\n // the providers) to avoid running into a circular import.\n this.ngControl.valueAccessor = this;\n }\n\n effect(() => {\n this.id = this._id();\n this.focused = this._focused();\n this.errorState = this._errorState();\n this.empty = this._empty();\n this.shouldLabelFloat = this._shouldLabelFloat();\n this.stateChanges.next();\n });\n\n effect(() => {\n const value = this._value();\n\n if (this._input()) {\n this._input().nativeElement.value = (value === undefined \|\| value === null) ? '' : value;\n }\n });\n }\n\n setDescribedByIds(ids: string[]) {\n const controlElement = this._elementRef.nativeElement;\n controlElement.setAttribute('aria-describedby', ids.join(' '));\n }\n\n onFocusIn(event: FocusEvent) {\n if (!this._focused()) {\n this._focused.set(true);\n this.stateChanges.next();\n }\n }\n\n onFocusOut(event: FocusEvent) {\n if (!this._elementRef.nativeElement.contains(event.relatedTarget as Element)) {\n this.touched = true;\n this._focused.set(false);\n this.onTouched();\n this.stateChanges.next();\n }\n }\n\n set value(value: number \| undefined) {\n if (value !== this._value()) {\n this._value.set(value);\n this.stateChanges.next();\n }\n }\n get value(): number \| undefined {\n return this._value();\n }\n\n ngOnDestroy() {\n this.stateChanges.complete();\n }\n\n protected get _decreaseControlTemplateRef() {\n return this._decreaseControlRef()?.templateRef as TemplateRef<any>;\n }\n\n protected get _increaseControlTemplateRef() {\n return this._increaseControlRef()?.templateRef as TemplateRef<any>;\n }\n\n onChange: any = () => {};\n onTouched: any = () => {};\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.set(coerceBooleanProperty(isDisabled));\n }\n\n writeValue(value: any): void {\n this.value = value;\n }\n\n decrease(event: MouseEvent, input: HTMLInputElement) {\n event.preventDefault();\n event.stopPropagation();\n let value = this._value() ?? 0;\n value -= this.step();\n this._value.set(value);\n this._emitEvent();\n }\n\n increase(event: MouseEvent, input: HTMLInputElement) {\n event.preventDefault();\n event.stopPropagation();\n let value = this._value() ?? 0;\n value += this.step();\n this._value.set(value);\n this._emitEvent();\n }\n\n isDecreaseDisabled() {\n const value = this._value();\n\n if (this.min() === undefined) {\n return false;\n }\n\n return (value !== undefined && value <= (this.min() as number)) \|\| this.readonly() \|\| this.disabled;\n }\n\n isIncreaseDisabled() {\n const value = this._value();\n\n if (this.max() === undefined) {\n return false;\n }\n\n return (value !== undefined && value >= (this.max() as number)) \|\| this.readonly() \|\| this.disabled;\n }\n\n inputChange(event: any) {\n const inputValue = event.target.value;\n const value = inputValue === '' ? undefined : +inputValue;\n this._value.set(value);\n this._emitEvent();\n }\n\n private _emitEvent() {\n const value = this._value();\n\n this.onChange(value);\n this.valueChange.emit(value);\n this.updateErrorState();\n }\n\n ngDoCheck() {\n if (this.ngControl) {\n this.updateErrorState();\n }\n }\n\n focus(): void {\n this._input().nativeElement.focus();\n }\n\n onContainerClick(event: MouseEvent) {\n if ((event.target as Element).tagName.toLowerCase() != 'input') {\n this.focus();\n }\n }\n\n private updateErrorState() {\n const parent = this._parentFormGroup \|\| this._parentForm;\n let oldState = this._errorState();\n let newState = !!(this.ngControl?.invalid) && this.touched;\n\n if (parent) {\n newState = !!(this.ngControl?.invalid) && (this.touched \|\| parent.submitted);\n }\n\n if (oldState !== newState) {\n this._errorState.set(newState);\n this.stateChanges.next();\n }\n }\n}\n","<input #input type=\"number\" class=\"input\"\n (focusin)=\"onFocusIn($event)\"\n (focusout)=\"onFocusOut($event)\"\n [attr.min]=\"min()\"\n [attr.max]=\"max()\"\n [step]=\"step()\"\n (input)=\"inputChange($event)\">\n<div class=\"controls\">\n <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n @if (_decreaseControlRef()) {\n <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n } @else {\n <span>−</span>\n }\n </button>\n <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n @if (_increaseControlRef()) {\n <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n } @else {\n <span>+</span>\n }\n </button>\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsNumberInputPrefix]',\n exportAs: 'ngsNumberInputPrefix'\n})\nexport class NumberInputPrefixDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsNumberInputSuffix]',\n exportAs: 'ngsNumberInputSuffix'\n})\nexport class NumberInputSuffixDirective {\n readonly templateRef = inject(TemplateRef);\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-option.mjs CHANGED Viewed

@@ -100,7 +100,7 @@ class Option {
                 provide: OPTION,
                 useExisting: forwardRef(() => Option)
             }
-        ], exportAs: ["ngsOption"], ngImport: i0, 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{--ngs-option-padding: 0 16px;--ngs-option-font-size: 14px;--ngs-option-color: var(--color-on-surface);--ngs-option-hover-background: var(--color-surface-container-high);--ngs-option-selected-background: var(--color-primary-container);--ngs-option-selected-color: var(--color-on-primary-container);--ngs-option-active-background: var(--color-surface-container-highest);--ngs-option-disabled-color: var(--color-on-surface-variant);display:flex;align-items:center;height:var(--option-height, 48px);padding:var(--ngs-option-padding);font-size:var(--ngs-option-font-size);color:var(--ngs-option-color);cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:calc(var(--spacing, .25rem) * 2)}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background)}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background);color:var(--ngs-option-selected-color)}: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)}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color);cursor:default;pointer-events:none}.ngs-optgroup :host{padding-left:32px}.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"], dependencies: [{ kind: "component", type: Checkbox, selector: "ngs-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["checkedChange", "disabledChange", "indeterminateChange", "change"], exportAs: ["ngsCheckbox"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }] });
+        ], exportAs: ["ngsOption"], ngImport: i0, 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{--ngs-option-padding: 0 16px;--ngs-option-font-size: 14px;--ngs-option-color: var(--ngs-color-on-surface);--ngs-option-hover-background: var(--ngs-color-surface-container-high);--ngs-option-selected-background: var(--ngs-color-primary-container);--ngs-option-selected-color: var(--ngs-color-on-primary-container);--ngs-option-active-background: var(--ngs-color-surface-container-highest);--ngs-option-disabled-color: var(--ngs-color-on-surface-variant);display:flex;align-items:center;height:var(--option-height, 48px);padding:var(--ngs-option-padding);font-size:var(--ngs-option-font-size);color:var(--ngs-option-color);cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:calc(var(--spacing, .25rem) * 2)}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background)}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background);color:var(--ngs-option-selected-color)}: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)}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color);cursor:default;pointer-events:none}.ngs-optgroup :host{padding-left:32px}.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"], dependencies: [{ kind: "component", type: Checkbox, selector: "ngs-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["checkedChange", "disabledChange", "indeterminateChange", "change"], exportAs: ["ngsCheckbox"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Option, decorators: [{
             type: Component,
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         '[attr.aria-selected]': 'selected',
                         '[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{--ngs-option-padding: 0 16px;--ngs-option-font-size: 14px;--ngs-option-color: var(--color-on-surface);--ngs-option-hover-background: var(--color-surface-container-high);--ngs-option-selected-background: var(--color-primary-container);--ngs-option-selected-color: var(--color-on-primary-container);--ngs-option-active-background: var(--color-surface-container-highest);--ngs-option-disabled-color: var(--color-on-surface-variant);display:flex;align-items:center;height:var(--option-height, 48px);padding:var(--ngs-option-padding);font-size:var(--ngs-option-font-size);color:var(--ngs-option-color);cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:calc(var(--spacing, .25rem) * 2)}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background)}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background);color:var(--ngs-option-selected-color)}: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)}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color);cursor:default;pointer-events:none}.ngs-optgroup :host{padding-left:32px}.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"] }]
+                    }, 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{--ngs-option-padding: 0 16px;--ngs-option-font-size: 14px;--ngs-option-color: var(--ngs-color-on-surface);--ngs-option-hover-background: var(--ngs-color-surface-container-high);--ngs-option-selected-background: var(--ngs-color-primary-container);--ngs-option-selected-color: var(--ngs-color-on-primary-container);--ngs-option-active-background: var(--ngs-color-surface-container-highest);--ngs-option-disabled-color: var(--ngs-color-on-surface-variant);display:flex;align-items:center;height:var(--option-height, 48px);padding:var(--ngs-option-padding);font-size:var(--ngs-option-font-size);color:var(--ngs-option-color);cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:calc(var(--spacing, .25rem) * 2)}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background)}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background);color:var(--ngs-option-selected-color)}: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)}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color);cursor:default;pointer-events:none}.ngs-optgroup :host{padding-left:32px}.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"] }] } });
 class Optgroup {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-option.mjs","sources":["../../../projects/components/option/src/option/option-tokens.ts","../../../projects/components/option/src/option/option.ts","../../../projects/components/option/src/option/option.html","../../../projects/components/option/src/option/optgroup.ts","../../../projects/components/option/ngstarter-ui-components-option.ts"],"sourcesContent":["import { InjectionToken, Signal, ElementRef, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport abstract class _Option {\n abstract value: Signal<any>;\n abstract elementRef: ElementRef<HTMLElement>;\n abstract select(): void;\n abstract deselect(): void;\n abstract selected: boolean;\n abstract viewValue: string;\n abstract onSelectionChange: OutputEmitterRef<_Option>;\n abstract disabled: boolean;\n}\n\nexport abstract class _OptionParent {\n abstract multiple: Signal<boolean>;\n abstract hideCheckIcon?: Signal<boolean>;\n abstract _optionsContentChanges?: WritableSignal<number>;\n}\n\nexport const OPTION_PARENT = new InjectionToken<_OptionParent>('OPTION_PARENT');\nexport const OPTION = new InjectionToken<_Option>('OPTION');\n","import {\n Component,\n ElementRef,\n booleanAttribute,\n output,\n input,\n signal,\n inject,\n forwardRef,\n AfterViewInit, OnDestroy, ChangeDetectorRef\n} from '@angular/core';\nimport { OPTION, OPTION_PARENT, _Option, _OptionParent } from './option-tokens';\nimport { Checkbox } from '@ngstarter-ui/components/checkbox';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Highlightable } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'ngs-option',\n exportAs: 'ngsOption',\n standalone: true,\n imports: [\n Checkbox,\n Icon\n ],\n templateUrl: './option.html',\n styleUrl: './option.scss',\n providers: [\n {\n provide: OPTION,\n useExisting: forwardRef(() => Option)\n }\n ],\n host: {\n 'role': 'option',\n '[attr.tabindex]': '-1',\n '[class.ngs-option-selected]': 'selected',\n '[class.ngs-option-disabled]': 'disabled',\n '[class.ngs-option-multiple]': 'multiple',\n '[class.ngs-option-active]': 'active',\n '[attr.aria-selected]': 'selected',\n '[attr.aria-disabled]': 'disabled',\n '(click)': '_onClick($event)'\n }\n})\nexport class Option implements AfterViewInit, OnDestroy, _Option, Highlightable {\n private _parent = inject<_OptionParent>(OPTION_PARENT, { optional: true });\n private _cdr = inject(ChangeDetectorRef);\n\n value = input<any>();\n disabledSignal = input(false, { alias: 'disabled', transform: booleanAttribute });\n selectedInput = input(false, { alias: 'selected', transform: booleanAttribute });\n\n get disabled(): boolean {\n return this.disabledSignal();\n }\n\n readonly onSelectionChange = output<_Option>();\n\n private _selected = signal(false);\n private _active = signal(false);\n private _mutationObserver?: MutationObserver;\n\n constructor(public elementRef: ElementRef<HTMLElement>) {}\n\n ngAfterViewInit() {\n this._parent?._optionsContentChanges?.update(v => v + 1);\n\n if (typeof MutationObserver !== 'undefined') {\n this._mutationObserver = new MutationObserver(() => {\n this._parent?._optionsContentChanges?.update(v => v + 1);\n });\n this._mutationObserver.observe(this.elementRef.nativeElement, {\n childList: true,\n characterData: true,\n subtree: true\n });\n }\n }\n\n ngOnDestroy() {\n this._mutationObserver?.disconnect();\n }\n\n get selected(): boolean {\n return this.selectedInput() \|\| this._selected();\n }\n\n get multiple(): boolean {\n return this._parent?.multiple() ?? false;\n }\n\n get hideCheckIcon(): boolean {\n return this._parent?.hideCheckIcon?.() ?? false;\n }\n\n get active(): boolean {\n return this._active();\n }\n\n select(): void {\n if (!this._selected()) {\n this._selected.set(true);\n this._cdr.markForCheck();\n }\n }\n\n deselect(): void {\n if (this._selected()) {\n this._selected.set(false);\n this._cdr.markForCheck();\n }\n }\n\n setActiveStyles(): void {\n this._active.set(true);\n this._cdr.markForCheck();\n }\n\n setInactiveStyles(): void {\n this._active.set(false);\n this._cdr.markForCheck();\n }\n\n _onClick(event: MouseEvent): void {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n this.onSelectionChange.emit(this);\n }\n\n get viewValue(): string {\n const element = this.elementRef.nativeElement;\n const textElement = element.querySelector('.ngs-option-text');\n\n if (textElement) {\n return (textElement.textContent \|\| '').trim();\n }\n\n return (element.textContent \|\| '').trim();\n }\n\n getLabel?(): string {\n return this.viewValue;\n }\n}\n","@if (multiple) {\n <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n","import { Component, input, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'ngs-optgroup',\n exportAs: 'ngsOptgroup',\n standalone: true,\n template: `\n <span class=\"ngs-optgroup-label\">{{ label() }}</span>\n <ng-content select=\"ngs-option\" />\n `,\n styles: [`\n :host {\n display: block;\n --ngs-optgroup-label-padding: 0 16px;\n --ngs-optgroup-label-height: 48px;\n --ngs-optgroup-label-font-size: 12px;\n --ngs-optgroup-label-font-weight: 600;\n --ngs-optgroup-label-color: rgba(0, 0, 0, 0.54);\n }\n .ngs-optgroup-label {\n display: flex;\n align-items: center;\n padding: var(--ngs-optgroup-label-padding);\n height: var(--ngs-optgroup-label-height);\n font-size: var(--ngs-optgroup-label-font-size);\n font-weight: var(--ngs-optgroup-label-font-weight);\n color: var(--ngs-optgroup-label-color);\n text-transform: uppercase;\n }\n `],\n host: {\n 'class': 'ngs-optgroup',\n '[class.ngs-optgroup-disabled]': 'disabled()',\n '[attr.role]': '\"group\"',\n '[attr.aria-disabled]': 'disabled().toString()',\n '[attr.aria-labelledby]': 'id',\n }\n})\nexport class Optgroup {\n label = input<string>();\n disabled = input(false, { transform: booleanAttribute });\n id = `ngs-optgroup-${Math.random().toString(36).substr(2, 9)}`;\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-option.mjs","sources":["../../../projects/components/option/src/option/option-tokens.ts","../../../projects/components/option/src/option/option.ts","../../../projects/components/option/src/option/option.html","../../../projects/components/option/src/option/optgroup.ts","../../../projects/components/option/ngstarter-ui-components-option.ts"],"sourcesContent":["import { InjectionToken, Signal, ElementRef, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport abstract class _Option {\n abstract value: Signal<any>;\n abstract 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: 0 16px;\n --ngs-optgroup-label-height: 48px;\n --ngs-optgroup-label-font-size: 12px;\n --ngs-optgroup-label-font-weight: 600;\n --ngs-optgroup-label-color: 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":";;;;;MAEsB,OAAO,CAAA;AAS5B;MAEqB,aAAa,CAAA;AAIlC;MAEY,aAAa,GAAG,IAAI,cAAc,CAAgB,eAAe;MACjE,MAAM,GAAG,IAAI,cAAc,CAAU,QAAQ;;MCwB7C,MAAM,CAAA;AAkBE,IAAA,UAAA;IAjBX,OAAO,GAAG,MAAM,CAAgB,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAClE,IAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;IAExC,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAO;AACpB,IAAA,cAAc,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,GAAG;AACjF,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,GAAG;AAEhF,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;IAC9B;IAES,iBAAiB,GAAG,MAAM,EAAW;AAEtC,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,gFAAC;AACzB,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,8EAAC;AACvB,IAAA,iBAAiB;AAEzB,IAAA,WAAA,CAAmB,UAAmC,EAAA;QAAnC,IAAA,CAAA,UAAU,GAAV,UAAU;IAA4B;IAEzD,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,EAAE,sBAAsB,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAExD,QAAA,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;AAC3C,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,MAAK;AACjD,gBAAA,IAAI,CAAC,OAAO,EAAE,sBAAsB,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1D,YAAA,CAAC,CAAC;YACF,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC5D,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,OAAO,EAAE;AACV,aAAA,CAAC;QACJ;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,iBAAiB,EAAE,UAAU,EAAE;IACtC;AAEA,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;IACjD;AAEA,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK;IAC1C;AAEA,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,IAAI,KAAK;IACjD;AAEA,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,OAAO,EAAE;IACvB;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QAC1B;IACF;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QAC1B;IACF;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;IAC1B;IAEA,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;IAC1B;AAEA,IAAA,QAAQ,CAAC,KAAiB,EAAA;AACxB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;QACF;AACA,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;IACnC;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC7C,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC;QAE7D,IAAI,WAAW,EAAE;YACf,OAAO,CAAC,WAAW,CAAC,WAAW,IAAI,EAAE,EAAE,IAAI,EAAE;QAC/C;QAEA,OAAO,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,EAAE,IAAI,EAAE;IAC3C;IAEA,QAAQ,GAAA;QACN,OAAO,IAAI,CAAC,SAAS;IACvB;uGArGW,MAAM,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,SAAA,EAlBN;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,MAAM;AACrC;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BH,0SAOA,EAAA,MAAA,EAAA,CAAA,4iDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDcI,QAAQ,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,IAAI,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAsBK,MAAM,EAAA,UAAA,EAAA,CAAA;kBA5BlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,QAAA,EACZ,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP;wBACP,QAAQ;wBACR;qBACD,EAAA,SAAA,EAGU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,WAAW,EAAE,UAAU,CAAC,YAAY;AACrC;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,MAAM,EAAE,QAAQ;AAChB,wBAAA,iBAAiB,EAAE,IAAI;AACvB,wBAAA,6BAA6B,EAAE,UAAU;AACzC,wBAAA,6BAA6B,EAAE,UAAU;AACzC,wBAAA,6BAA6B,EAAE,UAAU;AACzC,wBAAA,2BAA2B,EAAE,QAAQ;AACrC,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,0SAAA,EAAA,MAAA,EAAA,CAAA,4iDAAA,CAAA,EAAA;;;MEJU,QAAQ,CAAA;IACnB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACvB,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACxD,IAAA,EAAE,GAAG,CAAA,aAAA,EAAgB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;uGAHnD,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,6BAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhCT;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8fAAA,CAAA,EAAA,CAAA;;2FA6BU,QAAQ,EAAA,UAAA,EAAA,CAAA;kBApCpB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,QAAA,EACd,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,QAAA,EACN;;;GAGT,EAAA,IAAA,EAqBK;AACJ,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,+BAA+B,EAAE,YAAY;AAC7C,wBAAA,aAAa,EAAE,SAAS;AACxB,wBAAA,sBAAsB,EAAE,uBAAuB;AAC/C,wBAAA,wBAAwB,EAAE,IAAI;AAC/B,qBAAA,EAAA,MAAA,EAAA,CAAA,8fAAA,CAAA,EAAA;;;ACpCH;;AAEG;;;;"}

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

@@ -279,14 +279,14 @@ 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(--color-on-surface);--ngs-paginator-container-text-font: var(--font-sans);--ngs-paginator-container-text-line-height: inherit;--ngs-paginator-container-text-size: .875rem;--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 32px 0 24px;display:block}: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);font-family:var(--ngs-paginator-container-text-font);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 32px 0 24px;display:block}: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);font-family:var(--ngs-paginator-container-text-font);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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Paginator, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-paginator', exportAs: 'ngsPaginator', imports: [Button, Tooltip, Icon, Option, Select, FormField], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'ngs-paginator',
                         'role': 'group',
-                    }, 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(--color-on-surface);--ngs-paginator-container-text-font: var(--font-sans);--ngs-paginator-container-text-line-height: inherit;--ngs-paginator-container-text-size: .875rem;--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 32px 0 24px;display:block}: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);font-family:var(--ngs-paginator-container-text-font);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"] }]
+                    }, 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 32px 0 24px;display:block}: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);font-family:var(--ngs-paginator-container-text-font);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"] }]
         }], ctorParameters: () => [], propDecorators: { pageIndexInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: false }] }], lengthInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], pageSizeInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageSizeOptionsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], hidePageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidePageSize", required: false }] }], showFirstLastButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLastButtons", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], page: [{ type: i0.Output, args: ["page"] }] } });
 /**

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

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

package/fesm2022/ngstarter-ui-components-password-strength.mjs CHANGED Viewed

@@ -260,7 +260,7 @@ class PasswordStrength {
                 useExisting: forwardRef(() => PasswordStrength),
                 multi: true
             }
-        ], exportAs: ["ngsPasswordStrength"], usesOnChanges: true, ngImport: i0, template: "<ngs-progress-bar [value]=\"strength\" mode=\"determinate\"/>\n", styles: [":host{margin-top:calc(var(--spacing, .25rem) * 1);display:block;--ngs-progress-bar-track-height: calc(var(--spacing, .25rem) * 2);--ngs-progress-bar-active-indicator-height: calc(var(--spacing, .25rem) * 2)}:host ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: transparent}:host.low ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: oklch(70.4% .191 22.216)}:host.weak ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: oklch(82.8% .189 84.429)}:host.medium ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--color-green-500)}:host.strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--color-green-500)}:host.very-strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--color-green-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ProgressBar, selector: "ngs-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["ngsProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], exportAs: ["ngsPasswordStrength"], usesOnChanges: true, ngImport: i0, template: "<ngs-progress-bar [value]=\"strength\" mode=\"determinate\"/>\n", styles: [":host{margin-top:calc(var(--spacing, .25rem) * 1);display:block;--ngs-progress-bar-track-height: calc(var(--spacing, .25rem) * 2);--ngs-progress-bar-active-indicator-height: calc(var(--spacing, .25rem) * 2)}:host ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: transparent}:host.low ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-danger)}:host.weak ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-warning)}:host.medium ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-green-500)}:host.strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-green-500)}:host.very-strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-green-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ProgressBar, selector: "ngs-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["ngsProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PasswordStrength, decorators: [{
             type: Component,
@@ -279,7 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         '[class.medium]': 'isMedium',
                         '[class.strong]': 'isStrong',
                         '[class.very-strong]': 'isVeryStrong',
-                    }, template: "<ngs-progress-bar [value]=\"strength\" mode=\"determinate\"/>\n", styles: [":host{margin-top:calc(var(--spacing, .25rem) * 1);display:block;--ngs-progress-bar-track-height: calc(var(--spacing, .25rem) * 2);--ngs-progress-bar-active-indicator-height: calc(var(--spacing, .25rem) * 2)}:host ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: transparent}:host.low ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: oklch(70.4% .191 22.216)}:host.weak ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: oklch(82.8% .189 84.429)}:host.medium ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--color-green-500)}:host.strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--color-green-500)}:host.very-strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--color-green-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ngs-progress-bar [value]=\"strength\" mode=\"determinate\"/>\n", styles: [":host{margin-top:calc(var(--spacing, .25rem) * 1);display:block;--ngs-progress-bar-track-height: calc(var(--spacing, .25rem) * 2);--ngs-progress-bar-active-indicator-height: calc(var(--spacing, .25rem) * 2)}:host ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: transparent}:host.low ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-danger)}:host.weak ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-warning)}:host.medium ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-green-500)}:host.strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-green-500)}:host.very-strong ::ng-deep .mdc-linear-progress__bar-inner{--ngs-progress-bar-active-indicator-color: var(--ngs-color-green-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { password: [{ type: i0.Input, args: [{ isSignal: true, alias: "password", required: true }] }], externalError: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalError", required: false }] }], enableLengthRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableLengthRule", required: false }] }], enableLowerCaseLetterRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableLowerCaseLetterRule", required: false }] }], enableUpperCaseLetterRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableUpperCaseLetterRule", required: false }] }], enableDigitRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableDigitRule", required: false }] }], enableSpecialCharRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSpecialCharRule", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], customValidator: [{ type: i0.Input, args: [{ isSignal: true, alias: "customValidator", required: false }] }], warnThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "warnThreshold", required: false }] }], accentThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "accentThreshold", required: false }] }], strengthChanged: [{ type: i0.Output, args: ["strengthChanged"] }] } });
 class PassToggleVisibility {