@tailng-ui/primitives 0.12.0 → 0.14.0

package/src/lib/form/_shared/select/tng-select.parts.shared.js

@@ -1,9 +1,9 @@
-import { __decorate } from "tslib";
 import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';
 import { createTngIdFactory } from '@tailng-ui/cdk';
 import { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';
 import { TNG_SELECT_HOST } from './tng-select.tokens.shared';
-let TngSelectTrigger = class TngSelectTrigger {
+import * as i0 from "@angular/core";
+export class TngSelectTrigger {
     host = inject(TNG_SELECT_HOST);
     el = inject((ElementRef));
     get listbox() {
@@ -80,84 +80,87 @@ let TngSelectTrigger = class TngSelectTrigger {
             multiSelect: this.host.multiple(),
         });
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngSelectTrigger.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngSelectTrigger.prototype, "role", void 0);
-__decorate([
-    HostBinding('attr.aria-haspopup')
-], TngSelectTrigger.prototype, "haspopup", void 0);
-__decorate([
-    HostBinding('attr.aria-expanded')
-], TngSelectTrigger.prototype, "ariaExpanded", null);
-__decorate([
-    HostBinding('attr.aria-disabled')
-], TngSelectTrigger.prototype, "ariaDisabled", null);
-__decorate([
-    HostBinding('attr.aria-controls')
-], TngSelectTrigger.prototype, "ariaControls", null);
-__decorate([
-    HostBinding('attr.aria-activedescendant')
-], TngSelectTrigger.prototype, "ariaActiveDescendant", null);
-__decorate([
-    HostBinding('attr.tabindex')
-], TngSelectTrigger.prototype, "tabindex", null);
-__decorate([
-    HostBinding('attr.aria-invalid')
-], TngSelectTrigger.prototype, "ariaInvalid", null);
-__decorate([
-    HostBinding('attr.aria-labelledby')
-], TngSelectTrigger.prototype, "ariaLabelledby", null);
-__decorate([
-    HostBinding('attr.aria-describedby')
-], TngSelectTrigger.prototype, "ariaDescribedby", null);
-__decorate([
-    HostListener('pointerdown', ['$event'])
-], TngSelectTrigger.prototype, "onPointerDown", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngSelectTrigger.prototype, "onKeydown", null);
-TngSelectTrigger = __decorate([
-    Directive({
-        selector: '[tngSelectTrigger]',
-        exportAs: 'tngSelectTrigger',
-        standalone: true,
-    })
-], TngSelectTrigger);
-export { TngSelectTrigger };
-let TngSelectValue = class TngSelectValue {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngSelectTrigger, isStandalone: true, selector: "[tngSelectTrigger]", host: { listeners: { "pointerdown": "onPointerDown($event)", "keydown": "onKeydown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-controls": "this.ariaControls", "attr.aria-activedescendant": "this.ariaActiveDescendant", "attr.tabindex": "this.tabindex", "attr.aria-invalid": "this.ariaInvalid", "attr.aria-labelledby": "this.ariaLabelledby", "attr.aria-describedby": "this.ariaDescribedby" } }, exportAs: ["tngSelectTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngSelectTrigger]',
+                    exportAs: 'tngSelectTrigger',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], haspopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], ariaExpanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], ariaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], ariaActiveDescendant: [{
+                type: HostBinding,
+                args: ['attr.aria-activedescendant']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaInvalid: [{
+                type: HostBinding,
+                args: ['attr.aria-invalid']
+            }], ariaLabelledby: [{
+                type: HostBinding,
+                args: ['attr.aria-labelledby']
+            }], ariaDescribedby: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], onPointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+export class TngSelectValue {
     dataSlot = 'select-value';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngSelectValue.prototype, "dataSlot", void 0);
-TngSelectValue = __decorate([
-    Directive({
-        selector: '[tngSelectValue]',
-        exportAs: 'tngSelectValue',
-        standalone: true,
-    })
-], TngSelectValue);
-export { TngSelectValue };
-let TngSelectIcon = class TngSelectIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngSelectValue, isStandalone: true, selector: "[tngSelectValue]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngSelectValue"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngSelectValue]',
+                    exportAs: 'tngSelectValue',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngSelectIcon {
     dataSlot = 'select-icon';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngSelectIcon.prototype, "dataSlot", void 0);
-TngSelectIcon = __decorate([
-    Directive({
-        selector: '[tngSelectIcon]',
-        exportAs: 'tngSelectIcon',
-        standalone: true,
-    })
-], TngSelectIcon);
-export { TngSelectIcon };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngSelectIcon, isStandalone: true, selector: "[tngSelectIcon]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngSelectIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngSelectIcon]',
+                    exportAs: 'tngSelectIcon',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
 const createContentId = createTngIdFactory('tng-select-content');
-let TngSelectContent = class TngSelectContent {
+export class TngSelectContent {
     host = inject(TNG_SELECT_HOST);
     destroyRef = inject(DestroyRef);
     id = createContentId();
@@ -175,25 +178,26 @@ let TngSelectContent = class TngSelectContent {
                 this.host.setContentId(null);
         });
     }
-};
-__decorate([
-    HostBinding('attr.id')
-], TngSelectContent.prototype, "id", void 0);
-__decorate([
-    HostBinding('attr.data-slot')
-], TngSelectContent.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.hidden')
-], TngSelectContent.prototype, "hidden", null);
-__decorate([
-    HostBinding('attr.aria-busy')
-], TngSelectContent.prototype, "ariaBusy", null);
-TngSelectContent = __decorate([
-    Directive({
-        selector: '[tngSelectContent]',
-        exportAs: 'tngSelectContent',
-        standalone: true,
-    })
-], TngSelectContent);
-export { TngSelectContent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngSelectContent, isStandalone: true, selector: "[tngSelectContent]", host: { properties: { "attr.id": "this.id", "attr.data-slot": "this.dataSlot", "attr.hidden": "this.hidden", "attr.aria-busy": "this.ariaBusy" } }, exportAs: ["tngSelectContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngSelectContent]',
+                    exportAs: 'tngSelectContent',
+                }]
+        }], ctorParameters: () => [], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], hidden: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], ariaBusy: [{
+                type: HostBinding,
+                args: ['attr.aria-busy']
+            }] } });
 //# sourceMappingURL=tng-select.parts.shared.js.map

package/src/lib/form/_shared/select/tng-select.parts.shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-select.parts.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.parts.shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';\nimport type { TngSelectHostApi } from './tng-select.host-api';\nimport { TNG_SELECT_HOST } from './tng-select.tokens.shared';\n\n@Directive({\n  selector: '[tngSelectTrigger]',\n  exportAs: 'tngSelectTrigger',\n  standalone: true,\n})\nexport class TngSelectTrigger {\n  private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n  private readonly el = inject(ElementRef<HTMLElement>);\n\n  private get listbox() {\n    return this.host.getListboxApi();\n  }\n  private readonly authorTabindex = this.el.nativeElement.getAttribute('tabindex') !== null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-trigger' = 'select-trigger';\n\n  @HostBinding('attr.role') protected readonly role: 'combobox' = 'combobox';\n  @HostBinding('attr.aria-haspopup') protected readonly haspopup: 'listbox' = 'listbox';\n\n  @HostBinding('attr.aria-expanded')\n  protected get ariaExpanded(): 'true' | 'false' {\n    return this.host.open() ? 'true' : 'false';\n  }\n\n  @HostBinding('attr.aria-disabled')\n  protected get ariaDisabled(): 'true' | null {\n    return this.host.disabled() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-controls')\n  protected get ariaControls(): string | null {\n    if (!this.host.open()) return null;\n    return this.host.getContentId() ?? this.host.getListboxId();\n  }\n\n  @HostBinding('attr.aria-activedescendant')\n  protected get ariaActiveDescendant(): string | null {\n    return this.host.open() ? this.host.getActiveDescendantId() : null;\n  }\n\n  @HostBinding('attr.tabindex')\n  protected get tabindex(): '0' | null {\n    const node = this.el.nativeElement;\n    const isNaturallyFocusable =\n      node instanceof HTMLButtonElement ||\n      node instanceof HTMLInputElement ||\n      node instanceof HTMLSelectElement ||\n      node instanceof HTMLTextAreaElement;\n    return isNaturallyFocusable || this.authorTabindex ? null : '0';\n  }\n\n  @HostBinding('attr.aria-invalid')\n  protected get ariaInvalid(): 'true' | null {\n    return this.host.invalid() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-labelledby')\n  protected get ariaLabelledby(): string | null {\n    const node = this.el.nativeElement;\n    if (node.hasAttribute('aria-label')) return null;\n    return this.host.labelId();\n  }\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedby(): string | null {\n    const ids: string[] = [];\n    const desc = this.host.descriptionId();\n    if (desc) ids.push(desc);\n    if (this.host.invalid()) {\n      const err = this.host.errorId();\n      if (err) ids.push(err);\n    }\n    return ids.length ? ids.join(' ') : null;\n  }\n\n  @HostListener('pointerdown', ['$event'])\n  protected onPointerDown(event: PointerEvent): void {\n    if (this.host.disabled()) return;\n    const btn = event.button ?? 0;\n    if (btn !== 0) return;\n\n    event.preventDefault();\n    this.el.nativeElement.focus();\n    this.host.toggle();\n\n    if (this.host.open()) {\n      ensureActiveAndSync(this.listbox, (id) => this.host.setActiveDescendantId(id));\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    handleComboboxKeydown(event, {\n      disabled: this.host.disabled(),\n      open: this.host.open(),\n      openSelect: () => this.host.openSelect(),\n      close: () => this.host.close(),\n      listbox: this.listbox,\n      setActiveDescendantId: (id) => this.host.setActiveDescendantId(id),\n      multiSelect: this.host.multiple(),\n    });\n  }\n}\n\n@Directive({\n  selector: '[tngSelectValue]',\n  exportAs: 'tngSelectValue',\n  standalone: true,\n})\nexport class TngSelectValue {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-value' = 'select-value';\n}\n\n@Directive({\n  selector: '[tngSelectIcon]',\n  exportAs: 'tngSelectIcon',\n  standalone: true,\n})\nexport class TngSelectIcon {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-icon' = 'select-icon';\n}\n\nconst createContentId = createTngIdFactory('tng-select-content');\n\n@Directive({\n  selector: '[tngSelectContent]',\n  exportAs: 'tngSelectContent',\n  standalone: true,\n})\nexport class TngSelectContent {\n  private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n  private readonly destroyRef = inject(DestroyRef);\n\n  @HostBinding('attr.id')\n  readonly id = createContentId();\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-content' = 'select-content';\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.host.open() ? null : '';\n  }\n\n  @HostBinding('attr.aria-busy')\n  protected get ariaBusy(): 'true' | null {\n    return this.host.loading() ? 'true' : null;\n  }\n\n  constructor() {\n    this.host.setContentId(this.id);\n    this.destroyRef.onDestroy(() => {\n      if (this.host.getContentId() === this.id) this.host.setContentId(null);\n    });\n  }\n}\n"]}
+{"version":3,"file":"tng-select.parts.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.parts.shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';\nimport type { TngSelectHostApi } from './tng-select.host-api';\nimport { TNG_SELECT_HOST } from './tng-select.tokens.shared';\n\n@Directive({\n  selector: '[tngSelectTrigger]',\n  exportAs: 'tngSelectTrigger',\n})\nexport class TngSelectTrigger {\n  private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n  private readonly el = inject(ElementRef<HTMLElement>);\n\n  private get listbox() {\n    return this.host.getListboxApi();\n  }\n  private readonly authorTabindex = this.el.nativeElement.getAttribute('tabindex') !== null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-trigger' = 'select-trigger';\n\n  @HostBinding('attr.role') protected readonly role: 'combobox' = 'combobox';\n  @HostBinding('attr.aria-haspopup') protected readonly haspopup: 'listbox' = 'listbox';\n\n  @HostBinding('attr.aria-expanded')\n  protected get ariaExpanded(): 'true' | 'false' {\n    return this.host.open() ? 'true' : 'false';\n  }\n\n  @HostBinding('attr.aria-disabled')\n  protected get ariaDisabled(): 'true' | null {\n    return this.host.disabled() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-controls')\n  protected get ariaControls(): string | null {\n    if (!this.host.open()) return null;\n    return this.host.getContentId() ?? this.host.getListboxId();\n  }\n\n  @HostBinding('attr.aria-activedescendant')\n  protected get ariaActiveDescendant(): string | null {\n    return this.host.open() ? this.host.getActiveDescendantId() : null;\n  }\n\n  @HostBinding('attr.tabindex')\n  protected get tabindex(): '0' | null {\n    const node = this.el.nativeElement;\n    const isNaturallyFocusable =\n      node instanceof HTMLButtonElement ||\n      node instanceof HTMLInputElement ||\n      node instanceof HTMLSelectElement ||\n      node instanceof HTMLTextAreaElement;\n    return isNaturallyFocusable || this.authorTabindex ? null : '0';\n  }\n\n  @HostBinding('attr.aria-invalid')\n  protected get ariaInvalid(): 'true' | null {\n    return this.host.invalid() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-labelledby')\n  protected get ariaLabelledby(): string | null {\n    const node = this.el.nativeElement;\n    if (node.hasAttribute('aria-label')) return null;\n    return this.host.labelId();\n  }\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedby(): string | null {\n    const ids: string[] = [];\n    const desc = this.host.descriptionId();\n    if (desc) ids.push(desc);\n    if (this.host.invalid()) {\n      const err = this.host.errorId();\n      if (err) ids.push(err);\n    }\n    return ids.length ? ids.join(' ') : null;\n  }\n\n  @HostListener('pointerdown', ['$event'])\n  protected onPointerDown(event: PointerEvent): void {\n    if (this.host.disabled()) return;\n    const btn = event.button ?? 0;\n    if (btn !== 0) return;\n\n    event.preventDefault();\n    this.el.nativeElement.focus();\n    this.host.toggle();\n\n    if (this.host.open()) {\n      ensureActiveAndSync(this.listbox, (id) => this.host.setActiveDescendantId(id));\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    handleComboboxKeydown(event, {\n      disabled: this.host.disabled(),\n      open: this.host.open(),\n      openSelect: () => this.host.openSelect(),\n      close: () => this.host.close(),\n      listbox: this.listbox,\n      setActiveDescendantId: (id) => this.host.setActiveDescendantId(id),\n      multiSelect: this.host.multiple(),\n    });\n  }\n}\n\n@Directive({\n  selector: '[tngSelectValue]',\n  exportAs: 'tngSelectValue',\n})\nexport class TngSelectValue {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-value' = 'select-value';\n}\n\n@Directive({\n  selector: '[tngSelectIcon]',\n  exportAs: 'tngSelectIcon',\n})\nexport class TngSelectIcon {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-icon' = 'select-icon';\n}\n\nconst createContentId = createTngIdFactory('tng-select-content');\n\n@Directive({\n  selector: '[tngSelectContent]',\n  exportAs: 'tngSelectContent',\n})\nexport class TngSelectContent {\n  private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n  private readonly destroyRef = inject(DestroyRef);\n\n  @HostBinding('attr.id')\n  readonly id = createContentId();\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-content' = 'select-content';\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.host.open() ? null : '';\n  }\n\n  @HostBinding('attr.aria-busy')\n  protected get ariaBusy(): 'true' | null {\n    return this.host.loading() ? 'true' : null;\n  }\n\n  constructor() {\n    this.host.setContentId(this.id);\n    this.destroyRef.onDestroy(() => {\n      if (this.host.getContentId() === this.id) this.host.setContentId(null);\n    });\n  }\n}\n"]}

package/src/lib/form/autocomplete/tng-autocomplete.d.ts

@@ -1,4 +1,5 @@
 import type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
+import * as i0 from "@angular/core";
 /** Emitted when user commits a free-form value (Enter with no active option). */
 export interface TngAutocompleteCreateEvent {
     query: string;
@@ -48,5 +49,7 @@ export declare class TngAutocomplete<T = unknown> {
     selectValue(value: T): void;
     setListboxApi(api: TngAutocompleteListboxApi | null): void;
     getListboxApi(): TngAutocompleteListboxApi | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocomplete<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocomplete<any>, "[tngAutocomplete]", ["tngAutocomplete"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "strict": { "alias": "strict"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "descriptionId": { "alias": "descriptionId"; "required": false; "isSignal": true; }; "errorId": { "alias": "errorId"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "value": "valueChange"; "create": "create"; "query": "queryChange"; "queryChange": "queryChange"; }, never, never, true, never>;
 }
 //# sourceMappingURL=tng-autocomplete.d.ts.map

package/src/lib/form/autocomplete/tng-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAElF,iFAAiF;AACjF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAMa,eAAe,CAAC,CAAC,GAAG,OAAO;IACtC,QAAQ,CAAC,WAAW,MAAiD;IAErE,SAAgB,IAAI,+CAAyB;IAC7C,SAAgB,QAAQ,+CAAyB;IACjD,oCAAoC;IACpC,SAAgB,KAAK,gDAAyB;IAC9C,+DAA+D;IAC/D,SAAgB,WAAW,+CAAyB;IACpD,2EAA2E;IAC3E,SAAgB,MAAM,+CAAyB;IAC/C,yFAAyF;IACzF,SAAgB,MAAM,uEAAwC;IAE9D,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAA0C;IAC7D,mFAAmF;IACnF,eAAe,UAAS;IACxB,4GAA4G;IAC5G,kBAAkB,UAAS;IAE3B,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,qDAA8B;IACrD,SAAgB,aAAa,qDAA8B;IAC3D,SAAgB,OAAO,qDAA8B;IAEnD,gDAAgD;IAClD,SAAgB,KAAK,8CAAqB;IAE1C,uEAAuE;IACvE,SAAgB,WAAW,mDAAoB;IAG/C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,KAAK,SAAS,IAAI,MAAM,GAAG,QAAQ,CAE3C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAED,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAC9C,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAEtC,UAAU,IAAI,IAAI;IAKlB,KAAK,IAAI,IAAI;IAEb,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IAM3B,aAAa,CAAC,GAAG,EAAE,yBAAyB,GAAG,IAAI,GAAG,IAAI;IAI1D,aAAa,IAAI,yBAAyB,GAAG,IAAI;CAGlD"}
+{"version":3,"file":"tng-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;;AAElF,iFAAiF;AACjF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAKa,eAAe,CAAC,CAAC,GAAG,OAAO;IACtC,QAAQ,CAAC,WAAW,MAAiD;IAErE,SAAgB,IAAI,+CAAyB;IAC7C,SAAgB,QAAQ,+CAAyB;IACjD,oCAAoC;IACpC,SAAgB,KAAK,gDAAyB;IAC9C,+DAA+D;IAC/D,SAAgB,WAAW,+CAAyB;IACpD,2EAA2E;IAC3E,SAAgB,MAAM,+CAAyB;IAC/C,yFAAyF;IACzF,SAAgB,MAAM,uEAAwC;IAE9D,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAA0C;IAC7D,mFAAmF;IACnF,eAAe,UAAS;IACxB,4GAA4G;IAC5G,kBAAkB,UAAS;IAE3B,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,qDAA8B;IACrD,SAAgB,aAAa,qDAA8B;IAC3D,SAAgB,OAAO,qDAA8B;IAEnD,gDAAgD;IAClD,SAAgB,KAAK,8CAAqB;IAE1C,uEAAuE;IACvE,SAAgB,WAAW,mDAAoB;IAG/C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,KAAK,SAAS,IAAI,MAAM,GAAG,QAAQ,CAE3C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAED,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAC9C,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAEtC,UAAU,IAAI,IAAI;IAKlB,KAAK,IAAI,IAAI;IAEb,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IAM3B,aAAa,CAAC,GAAG,EAAE,yBAAyB,GAAG,IAAI,GAAG,IAAI;IAI1D,aAAa,IAAI,yBAAyB,GAAG,IAAI;yCAlFtC,eAAe;2CAAf,eAAe;CAqF3B"}

package/src/lib/form/autocomplete/tng-autocomplete.js

@@ -1,16 +1,16 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, inject, input, model, output, } from '@angular/core';
 import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
-let TngAutocomplete = class TngAutocomplete {
+import * as i0 from "@angular/core";
+export class TngAutocomplete {
     hostElement = inject((ElementRef)).nativeElement;
-    open = model(false);
-    disabled = input(false);
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     /** Value of the selected option. */
-    value = model(null);
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     /** Allow free-form create when Enter with no active option. */
-    allowCreate = input(false);
+    allowCreate = input(false, ...(ngDevMode ? [{ debugName: "allowCreate" }] : []));
     /** When true, blocks free-form create (strict = must select from list). */
-    strict = input(false);
+    strict = input(false, ...(ngDevMode ? [{ debugName: "strict" }] : []));
     /** Emitted when user presses Enter with no active option and allowCreate and !strict. */
     create = output();
     _contentId = null;
@@ -21,13 +21,13 @@ let TngAutocomplete = class TngAutocomplete {
     _restoringFocus = false;
     /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */
     _createJustEmitted = false;
-    loading = input(false);
-    invalid = input(false);
-    labelId = input(null);
-    descriptionId = input(null);
-    errorId = input(null);
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    labelId = input(null, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    descriptionId = input(null, ...(ngDevMode ? [{ debugName: "descriptionId" }] : []));
+    errorId = input(null, ...(ngDevMode ? [{ debugName: "errorId" }] : []));
     /** Current input query (used for filtering). */
-    query = model('');
+    query = model('', ...(ngDevMode ? [{ debugName: "query" }] : []));
     /** Emitted when query changes (typing OR open-on-focus empty emit). */
     queryChange = output();
     dataSlot = 'autocomplete';
@@ -67,29 +67,30 @@ let TngAutocomplete = class TngAutocomplete {
     getListboxApi() {
         return this._listboxApi;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAutocomplete.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-state')
-], TngAutocomplete.prototype, "dataState", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngAutocomplete.prototype, "dataDisabled", null);
-__decorate([
-    HostBinding('attr.data-loading')
-], TngAutocomplete.prototype, "dataLoading", null);
-__decorate([
-    HostBinding('attr.data-invalid')
-], TngAutocomplete.prototype, "dataInvalid", null);
-TngAutocomplete = __decorate([
-    Directive({
-        selector: '[tngAutocomplete]',
-        exportAs: 'tngAutocomplete',
-        standalone: true,
-        providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],
-    })
-], TngAutocomplete);
-export { TngAutocomplete };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngAutocomplete, isStandalone: true, selector: "[tngAutocomplete]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, allowCreate: { classPropertyName: "allowCreate", publicName: "allowCreate", isSignal: true, isRequired: false, transformFunction: null }, strict: { classPropertyName: "strict", publicName: "strict", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, labelId: { classPropertyName: "labelId", publicName: "labelId", isSignal: true, isRequired: false, transformFunction: null }, descriptionId: { classPropertyName: "descriptionId", publicName: "descriptionId", isSignal: true, isRequired: false, transformFunction: null }, errorId: { classPropertyName: "errorId", publicName: "errorId", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", value: "valueChange", create: "create", query: "queryChange", queryChange: "queryChange" }, host: { properties: { "attr.data-slot": "this.dataSlot", "attr.data-state": "this.dataState", "attr.data-disabled": "this.dataDisabled", "attr.data-loading": "this.dataLoading", "attr.data-invalid": "this.dataInvalid" } }, providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }], exportAs: ["tngAutocomplete"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocomplete, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAutocomplete]',
+                    exportAs: 'tngAutocomplete',
+                    providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],
+                }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], allowCreate: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCreate", required: false }] }], strict: [{ type: i0.Input, args: [{ isSignal: true, alias: "strict", required: false }] }], create: [{ type: i0.Output, args: ["create"] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], labelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelId", required: false }] }], descriptionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionId", required: false }] }], errorId: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorId", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], queryChange: [{ type: i0.Output, args: ["queryChange"] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataState: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataLoading: [{
+                type: HostBinding,
+                args: ['attr.data-loading']
+            }], dataInvalid: [{
+                type: HostBinding,
+                args: ['attr.data-invalid']
+            }] } });
 //# sourceMappingURL=tng-autocomplete.js.map

package/src/lib/form/autocomplete/tng-autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n\n/** Emitted when user commits a free-form value (Enter with no active option). */\nexport interface TngAutocompleteCreateEvent {\n  query: string;\n}\n\n@Directive({\n  selector: '[tngAutocomplete]',\n  exportAs: 'tngAutocomplete',\n  standalone: true,\n  providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],\n})\nexport class TngAutocomplete<T = unknown> {\n  readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  public readonly open = model<boolean>(false);\n  public readonly disabled = input<boolean>(false);\n  /** Value of the selected option. */\n  public readonly value = model<T | null>(null);\n  /** Allow free-form create when Enter with no active option. */\n  public readonly allowCreate = input<boolean>(false);\n  /** When true, blocks free-form create (strict = must select from list). */\n  public readonly strict = input<boolean>(false);\n  /** Emitted when user presses Enter with no active option and allowCreate and !strict. */\n  public readonly create = output<TngAutocompleteCreateEvent>();\n\n  private _contentId: string | null = null;\n  private _listboxId: string | null = null;\n  private _activeId: string | null = null;\n  private _listboxApi: TngAutocompleteListboxApi | null = null;\n  /** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */\n  _restoringFocus = false;\n  /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */\n  _createJustEmitted = false;\n\n  public readonly loading = input<boolean>(false);\n  public readonly invalid = input<boolean>(false);\n  public readonly labelId = input<string | null>(null);\n  public readonly descriptionId = input<string | null>(null);\n  public readonly errorId = input<string | null>(null);\n\n    /** Current input query (used for filtering). */\n  public readonly query = model<string>('');\n\n  /** Emitted when query changes (typing OR open-on-focus empty emit). */\n  public readonly queryChange = output<string>();\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataState(): 'open' | 'closed' {\n    return this.open() ? 'open' : 'closed';\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabled(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-loading')\n  protected get dataLoading(): '' | null {\n    return this.loading() ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalid(): '' | null {\n    return this.invalid() ? '' : null;\n  }\n\n  setContentId(id: string | null): void { this._contentId = id; }\n  getContentId(): string | null { return this._contentId; }\n  setListboxId(id: string | null): void { this._listboxId = id; }\n  getListboxId(): string | null { return this._listboxId; }\n  setActiveDescendantId(id: string | null): void { this._activeId = id; }\n  getActiveDescendantId(): string | null { return this._activeId; }\n\n  openSelect(): void {\n    if (this.disabled()) return;\n    this.open.set(true);\n  }\n\n  close(): void { this.open.set(false); }\n\n  selectValue(value: T): void {\n    if (this.disabled()) return;\n    this.value.set(value);\n    this.close();\n  }\n\n  setListboxApi(api: TngAutocompleteListboxApi | null): void {\n    this._listboxApi = api;\n  }\n\n  getListboxApi(): TngAutocompleteListboxApi | null {\n    return this._listboxApi;\n  }\n}\n"]}
+{"version":3,"file":"tng-autocomplete.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n\n/** Emitted when user commits a free-form value (Enter with no active option). */\nexport interface TngAutocompleteCreateEvent {\n  query: string;\n}\n\n@Directive({\n  selector: '[tngAutocomplete]',\n  exportAs: 'tngAutocomplete',\n  providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],\n})\nexport class TngAutocomplete<T = unknown> {\n  readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  public readonly open = model<boolean>(false);\n  public readonly disabled = input<boolean>(false);\n  /** Value of the selected option. */\n  public readonly value = model<T | null>(null);\n  /** Allow free-form create when Enter with no active option. */\n  public readonly allowCreate = input<boolean>(false);\n  /** When true, blocks free-form create (strict = must select from list). */\n  public readonly strict = input<boolean>(false);\n  /** Emitted when user presses Enter with no active option and allowCreate and !strict. */\n  public readonly create = output<TngAutocompleteCreateEvent>();\n\n  private _contentId: string | null = null;\n  private _listboxId: string | null = null;\n  private _activeId: string | null = null;\n  private _listboxApi: TngAutocompleteListboxApi | null = null;\n  /** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */\n  _restoringFocus = false;\n  /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */\n  _createJustEmitted = false;\n\n  public readonly loading = input<boolean>(false);\n  public readonly invalid = input<boolean>(false);\n  public readonly labelId = input<string | null>(null);\n  public readonly descriptionId = input<string | null>(null);\n  public readonly errorId = input<string | null>(null);\n\n    /** Current input query (used for filtering). */\n  public readonly query = model<string>('');\n\n  /** Emitted when query changes (typing OR open-on-focus empty emit). */\n  public readonly queryChange = output<string>();\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataState(): 'open' | 'closed' {\n    return this.open() ? 'open' : 'closed';\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabled(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-loading')\n  protected get dataLoading(): '' | null {\n    return this.loading() ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalid(): '' | null {\n    return this.invalid() ? '' : null;\n  }\n\n  setContentId(id: string | null): void { this._contentId = id; }\n  getContentId(): string | null { return this._contentId; }\n  setListboxId(id: string | null): void { this._listboxId = id; }\n  getListboxId(): string | null { return this._listboxId; }\n  setActiveDescendantId(id: string | null): void { this._activeId = id; }\n  getActiveDescendantId(): string | null { return this._activeId; }\n\n  openSelect(): void {\n    if (this.disabled()) return;\n    this.open.set(true);\n  }\n\n  close(): void { this.open.set(false); }\n\n  selectValue(value: T): void {\n    if (this.disabled()) return;\n    this.value.set(value);\n    this.close();\n  }\n\n  setListboxApi(api: TngAutocompleteListboxApi | null): void {\n    this._listboxApi = api;\n  }\n\n  getListboxApi(): TngAutocompleteListboxApi | null {\n    return this._listboxApi;\n  }\n}\n"]}

package/src/lib/form/autocomplete/tng-autocomplete.listbox.d.ts

@@ -1,4 +1,6 @@
 import { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {
     private readonly autocomplete;
     private readonly destroyRef;
@@ -12,8 +14,12 @@ export declare class TngAutocompleteListbox<T = unknown> implements TngAutocompl
     handleKey(key: string, shiftKey?: boolean): boolean;
     commitActive(): void;
     protected onListboxValueChange(value: T | readonly T[] | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteListbox<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteListbox<any>, "[tngAutocompleteListbox]", never, {}, {}, never, never, true, [{ directive: typeof i1.TngListboxDirective; inputs: { "orientation": "orientation"; "direction": "direction"; "disabled": "disabled"; "loop": "loop"; "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
 }
 export declare class TngAutocompleteOption<T> {
     protected readonly dataSlot: "autocomplete-option";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteOption<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteOption<any>, "[tngAutocompleteOption]", never, {}, {}, never, never, true, [{ directive: typeof i1.TngOptionDirective; inputs: { "tngValue": "tngValue"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
 //# sourceMappingURL=tng-autocomplete.listbox.d.ts.map

package/src/lib/form/autocomplete/tng-autocomplete.listbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAK7E,qBAea,sBAAsB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,yBAAyB;IACnF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgD;IAC7E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IA2B1C,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,WAAW,IAAI,MAAM,GAAG,IAAI;IAI5B,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAI3C,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAInD,YAAY,IAAI,IAAI;IAOpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;CAwBrE;AAED,qBAUa,qBAAqB,CAAC,CAAC;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,qBAAqB,CAAU;CAC9D"}
+{"version":3,"file":"tng-autocomplete.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;;;AAK7E,qBAca,sBAAsB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,yBAAyB;IACnF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgD;IAC7E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IA2B1C,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,WAAW,IAAI,MAAM,GAAG,IAAI;IAI5B,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAI3C,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAInD,YAAY,IAAI,IAAI;IAOpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;yCA3DzD,sBAAsB;2CAAtB,sBAAsB;CAmFlC;AAED,qBASa,qBAAqB,CAAC,CAAC;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,qBAAqB,CAAU;yCAFlD,qBAAqB;2CAArB,qBAAqB;CAGjC"}

package/src/lib/form/autocomplete/tng-autocomplete.listbox.js

@@ -1,12 +1,13 @@
-import { __decorate } from "tslib";
 import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';
 import { createTngIdFactory } from '@tailng-ui/cdk';
 import { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';
 import { normalizeToSingle } from '../../internal/combobox';
 import { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';
 import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 const createListboxId = createTngIdFactory('tng-autocomplete-listbox');
-let TngAutocompleteListbox = class TngAutocompleteListbox {
+export class TngAutocompleteListbox {
     autocomplete = inject(TNG_AUTOCOMPLETE);
     destroyRef = inject(DestroyRef);
     listbox = inject((TngListboxDirective), { self: true });
@@ -73,51 +74,56 @@ let TngAutocompleteListbox = class TngAutocompleteListbox {
         }
         this.autocomplete.selectValue(next);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAutocompleteListbox.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngAutocompleteListbox.prototype, "id", void 0);
-__decorate([
-    HostListener('valueChange', ['$event'])
-], TngAutocompleteListbox.prototype, "onListboxValueChange", null);
-TngAutocompleteListbox = __decorate([
-    Directive({
-        selector: '[tngAutocompleteListbox]',
-        standalone: true,
-        providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocompleteListbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngAutocompleteListbox, isStandalone: true, selector: "[tngAutocompleteListbox]", host: { listeners: { "valueChange": "onListboxValueChange($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.id" } }, providers: [
             { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },
             { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }
-        ],
-        hostDirectives: [
-            {
-                directive: TngListboxDirective,
-                inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],
-                outputs: ['valueChange'],
-            },
-        ],
-    })
-], TngAutocompleteListbox);
-export { TngAutocompleteListbox };
-let TngAutocompleteOption = class TngAutocompleteOption {
+        ], hostDirectives: [{ directive: i1.TngListboxDirective, inputs: ["orientation", "orientation", "direction", "direction", "disabled", "disabled", "loop", "loop", "value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocompleteListbox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAutocompleteListbox]',
+                    providers: [
+                        { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },
+                        { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: TngListboxDirective,
+                            inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],
+                            outputs: ['valueChange'],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], onListboxValueChange: [{
+                type: HostListener,
+                args: ['valueChange', ['$event']]
+            }] } });
+export class TngAutocompleteOption {
     dataSlot = 'autocomplete-option';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAutocompleteOption.prototype, "dataSlot", void 0);
-TngAutocompleteOption = __decorate([
-    Directive({
-        selector: '[tngAutocompleteOption]',
-        standalone: true,
-        hostDirectives: [
-            {
-                directive: TngOptionDirective,
-                inputs: ['tngValue', 'disabled'],
-            },
-        ],
-    })
-], TngAutocompleteOption);
-export { TngAutocompleteOption };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocompleteOption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngAutocompleteOption, isStandalone: true, selector: "[tngAutocompleteOption]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, hostDirectives: [{ directive: i1.TngOptionDirective, inputs: ["tngValue", "tngValue", "disabled", "disabled"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocompleteOption, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAutocompleteOption]',
+                    hostDirectives: [
+                        {
+                            directive: TngOptionDirective,
+                            inputs: ['tngValue', 'disabled'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
 //# sourceMappingURL=tng-autocomplete.listbox.js.map