@tailng-ui/primitives 0.11.0 → 0.13.0

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,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;yCA3DzD,sBAAsB;2CAAtB,sBAAsB;CAmFlC;AAED,qBAUa,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,58 @@ 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]',
+                    standalone: true,
+                    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]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: TngOptionDirective,
+                            inputs: ['tngValue', 'disabled'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
 //# sourceMappingURL=tng-autocomplete.listbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';\nimport { normalizeToSingle } from '../../internal/combobox';\nimport type { TngAutocomplete } from './tng-autocomplete';\nimport { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';\nimport { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\n\nconst createListboxId = createTngIdFactory('tng-autocomplete-listbox');\n\n@Directive({\n  selector: '[tngAutocompleteListbox]',\n  standalone: true,\n  providers: [\n    { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },\n    { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }\n  ],\n  hostDirectives: [\n    {\n      directive: TngListboxDirective,\n      inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],\n      outputs: ['valueChange'],\n    },\n  ],\n})\nexport class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {\n  private readonly autocomplete = inject<TngAutocomplete<T>>(TNG_AUTOCOMPLETE);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly listbox = inject(TngListboxDirective<T>, { self: true });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-listbox' as const;\n\n  @HostBinding('attr.id')\n  protected readonly id = createListboxId();\n\n  constructor() {\n    this.autocomplete.setListboxId(this.id);\n    this.autocomplete.setListboxApi(this);\n\n    effect(() => {\n      const v = this.autocomplete.value();\n      if (this.autocomplete.open()) return;\n\n      if (this.autocomplete._createJustEmitted) {\n        this.autocomplete._createJustEmitted = false;\n        return;\n      }\n\n      const current = untracked(this.listbox.value);\n      const currentSingle = normalizeToSingle(current);\n      if (Object.is(currentSingle, v)) return;\n      this.listbox.value.set(v as T | null);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.autocomplete.setListboxId(null);\n      this.autocomplete.setListboxApi(null);\n    });\n  }\n\n  getHostId(): string | null {\n    return this.id ?? null;\n  }\n\n  getActiveId(): string | null {\n    return this.listbox.getActiveId();\n  }\n\n  ensureActive(pref?: 'first' | 'last'): void {\n    this.listbox.ensureActive(pref);\n  }\n\n  handleKey(key: string, shiftKey?: boolean): boolean {\n    return this.listbox.handleKeyFromCombobox(key, shiftKey);\n  }\n\n  commitActive(): void {\n    const value = this.listbox.getActiveValue();\n    if (value === undefined) return;\n    this.autocomplete.selectValue(value as T);\n  }\n\n  @HostListener('valueChange', ['$event'])\n  protected onListboxValueChange(value: T | readonly T[] | null): void {\n    if (this.autocomplete.disabled()) return;\n\n    const next = normalizeToSingle(value);\n    if (Object.is(next, this.autocomplete.value())) {\n      if (this.autocomplete.open() && next !== null) {\n        this.autocomplete.selectValue(next as T);\n      }\n      return;\n    }\n\n    if (!this.autocomplete.open()) {\n      this.autocomplete.value.set(next as T | null);\n      return;\n    }\n\n    if (next === null) {\n      // When overlay is open, null usually means the previous selection dropped out of\n      // filtered options (user is typing to filter). Preserve value and stay open.\n      return;\n    }\n\n    this.autocomplete.selectValue(next);\n  }\n}\n\n@Directive({\n  selector: '[tngAutocompleteOption]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngOptionDirective,\n      inputs: ['tngValue', 'disabled'],\n    },\n  ],\n})\nexport class TngAutocompleteOption<T> {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-option' as const;\n}\n"]}
+{"version":3,"file":"tng-autocomplete.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';\nimport { normalizeToSingle } from '../../internal/combobox';\nimport type { TngAutocomplete } from './tng-autocomplete';\nimport { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';\nimport { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\n\nconst createListboxId = createTngIdFactory('tng-autocomplete-listbox');\n\n@Directive({\n  selector: '[tngAutocompleteListbox]',\n  standalone: true,\n  providers: [\n    { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },\n    { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }\n  ],\n  hostDirectives: [\n    {\n      directive: TngListboxDirective,\n      inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],\n      outputs: ['valueChange'],\n    },\n  ],\n})\nexport class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {\n  private readonly autocomplete = inject<TngAutocomplete<T>>(TNG_AUTOCOMPLETE);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly listbox = inject(TngListboxDirective<T>, { self: true });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-listbox' as const;\n\n  @HostBinding('attr.id')\n  protected readonly id = createListboxId();\n\n  constructor() {\n    this.autocomplete.setListboxId(this.id);\n    this.autocomplete.setListboxApi(this);\n\n    effect(() => {\n      const v = this.autocomplete.value();\n      if (this.autocomplete.open()) return;\n\n      if (this.autocomplete._createJustEmitted) {\n        this.autocomplete._createJustEmitted = false;\n        return;\n      }\n\n      const current = untracked(this.listbox.value);\n      const currentSingle = normalizeToSingle(current);\n      if (Object.is(currentSingle, v)) return;\n      this.listbox.value.set(v as T | null);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.autocomplete.setListboxId(null);\n      this.autocomplete.setListboxApi(null);\n    });\n  }\n\n  getHostId(): string | null {\n    return this.id ?? null;\n  }\n\n  getActiveId(): string | null {\n    return this.listbox.getActiveId();\n  }\n\n  ensureActive(pref?: 'first' | 'last'): void {\n    this.listbox.ensureActive(pref);\n  }\n\n  handleKey(key: string, shiftKey?: boolean): boolean {\n    return this.listbox.handleKeyFromCombobox(key, shiftKey);\n  }\n\n  commitActive(): void {\n    const value = this.listbox.getActiveValue();\n    if (value === undefined) return;\n    this.autocomplete.selectValue(value as T);\n  }\n\n  @HostListener('valueChange', ['$event'])\n  protected onListboxValueChange(value: T | readonly T[] | null): void {\n    if (this.autocomplete.disabled()) return;\n\n    const next = normalizeToSingle(value);\n    if (Object.is(next, this.autocomplete.value())) {\n      if (this.autocomplete.open() && next !== null) {\n        this.autocomplete.selectValue(next as T);\n      }\n      return;\n    }\n\n    if (!this.autocomplete.open()) {\n      this.autocomplete.value.set(next as T | null);\n      return;\n    }\n\n    if (next === null) {\n      // When overlay is open, null usually means the previous selection dropped out of\n      // filtered options (user is typing to filter). Preserve value and stay open.\n      return;\n    }\n\n    this.autocomplete.selectValue(next);\n  }\n}\n\n@Directive({\n  selector: '[tngAutocompleteOption]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngOptionDirective,\n      inputs: ['tngValue', 'disabled'],\n    },\n  ],\n})\nexport class TngAutocompleteOption<T> {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-option' as const;\n}\n"]}

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

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class TngAutocompleteOverlay {
     private readonly autocomplete;
     private readonly elRef;
@@ -36,5 +37,7 @@ export declare class TngAutocompleteOverlay {
     private mountToBodyAndPosition;
     private restoreToPlaceholder;
     private restoreFocusOnClose;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteOverlay, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteOverlay, "[tngAutocompleteOverlay]", ["tngAutocompleteOverlay"], { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "collision": { "alias": "collision"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-autocomplete.overlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":"AAgCA,qBAKa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmC;IACzD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,wBAAwB,CAA6B;IAE7D,QAAQ,CAAC,SAAS;;;oBAAqD;IACvE,QAAQ,CAAC,MAAM;;;oBAAkD;IACjE,QAAQ,CAAC,SAAS;;;;oBAA4D;IAE9E,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAG3C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;;IAsBD,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,sBAAsB;IAmC9B,OAAO,CAAC,oBAAoB;IAkC5B,OAAO,CAAC,mBAAmB;CAkB5B"}
+{"version":3,"file":"tng-autocomplete.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":";AAgCA,qBAKa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmC;IACzD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,wBAAwB,CAA6B;IAE7D,QAAQ,CAAC,SAAS;;;oBAAqD;IACvE,QAAQ,CAAC,MAAM;;;oBAAkD;IACjE,QAAQ,CAAC,SAAS;;;;oBAA4D;IAE9E,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAG3C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;;IAsBD,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,sBAAsB;IAmC9B,OAAO,CAAC,oBAAoB;IAkC5B,OAAO,CAAC,mBAAmB;yCAzMhB,sBAAsB;2CAAtB,sBAAsB;CA2NlC"}

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

@@ -1,7 +1,7 @@
-import { __decorate } from "tslib";
 import { DestroyRef, Directive, ElementRef, HostBinding, inject, input, effect, } from '@angular/core';
 import { computeOverlayPosition } from '@tailng-ui/cdk';
 import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
+import * as i0 from "@angular/core";
 function rectFromClientRect(r) {
     return { left: r.left, top: r.top, width: r.width, height: r.height };
 }
@@ -11,7 +11,7 @@ function viewportRect() {
 function isInside(target, container) {
     return !!target && target instanceof Node && container.contains(target);
 }
-let TngAutocompleteOverlay = class TngAutocompleteOverlay {
+export class TngAutocompleteOverlay {
     autocomplete = inject(TNG_AUTOCOMPLETE);
     elRef = inject((ElementRef));
     destroyRef = inject(DestroyRef);
@@ -20,9 +20,9 @@ let TngAutocompleteOverlay = class TngAutocompleteOverlay {
     removeScrollListener = null;
     resizeObserver = null;
     removeDocPointerListener = null;
-    placement = input(undefined);
-    offset = input(undefined);
-    collision = input(undefined);
+    placement = input(undefined, ...(ngDevMode ? [{ debugName: "placement" }] : []));
+    offset = input(undefined, ...(ngDevMode ? [{ debugName: "offset" }] : []));
+    collision = input(undefined, ...(ngDevMode ? [{ debugName: "collision" }] : []));
     placeholder = null;
     originalParent = null;
     dataSlot = 'autocomplete-overlay';
@@ -218,19 +218,21 @@ let TngAutocompleteOverlay = class TngAutocompleteOverlay {
             queueMicrotask(() => { this.autocomplete._restoringFocus = false; });
         }
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAutocompleteOverlay.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.hidden')
-], TngAutocompleteOverlay.prototype, "hidden", null);
-TngAutocompleteOverlay = __decorate([
-    Directive({
-        selector: '[tngAutocompleteOverlay]',
-        exportAs: 'tngAutocompleteOverlay',
-        standalone: true,
-    })
-], TngAutocompleteOverlay);
-export { TngAutocompleteOverlay };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocompleteOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngAutocompleteOverlay, isStandalone: true, selector: "[tngAutocompleteOverlay]", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, collision: { classPropertyName: "collision", publicName: "collision", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-slot": "this.dataSlot", "attr.hidden": "this.hidden" } }, exportAs: ["tngAutocompleteOverlay"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAutocompleteOverlay, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAutocompleteOverlay]',
+                    exportAs: 'tngAutocompleteOverlay',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], collision: [{ type: i0.Input, args: [{ isSignal: true, alias: "collision", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], hidden: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }] } });
 //# sourceMappingURL=tng-autocomplete.overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.overlay.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  effect,\n} from '@angular/core';\nimport type {\n  TngOverlayCollisionOptions,\n  TngOverlayOffset,\n  TngOverlayPlacement,\n} from '@tailng-ui/cdk';\nimport { computeOverlayPosition } from '@tailng-ui/cdk';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocomplete } from './tng-autocomplete';\n\ntype MaybeRect = Readonly<{ left: number; top: number; width: number; height: number }>;\n\nfunction rectFromClientRect(r: DOMRect | ClientRect): MaybeRect {\n  return { left: r.left, top: r.top, width: r.width, height: r.height };\n}\n\nfunction viewportRect(): MaybeRect {\n  return { left: 0, top: 0, width: window.innerWidth || 1024, height: window.innerHeight || 768 };\n}\n\nfunction isInside(target: EventTarget | null, container: HTMLElement): boolean {\n  return !!target && target instanceof Node && container.contains(target);\n}\n\n@Directive({\n  selector: '[tngAutocompleteOverlay]',\n  exportAs: 'tngAutocompleteOverlay',\n  standalone: true,\n})\nexport class TngAutocompleteOverlay {\n  private readonly autocomplete = inject<TngAutocomplete>(TNG_AUTOCOMPLETE);\n  private readonly elRef = inject(ElementRef<HTMLElement>);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private lastFocusedBeforeOpen: HTMLElement | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private removeScrollListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private removeDocPointerListener: (() => void) | null = null;\n\n  readonly placement = input<TngOverlayPlacement | undefined>(undefined);\n  readonly offset = input<TngOverlayOffset | undefined>(undefined);\n  readonly collision = input<TngOverlayCollisionOptions | undefined>(undefined);\n\n  private placeholder: Comment | null = null;\n  private originalParent: Node | null = null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-overlay' as const;\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.autocomplete.open() ? null : '';\n  }\n\n  constructor() {\n    this.placeholder = document.createComment('tng-autocomplete-overlay-anchor');\n    const hostEl = this.elRef.nativeElement;\n    this.originalParent = hostEl.parentNode;\n    this.originalParent?.insertBefore(this.placeholder, hostEl);\n\n    effect(() => {\n      const open = this.autocomplete.open();\n      if (open) this.mountToBodyAndPosition();\n      else this.restoreToPlaceholder();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.teardownOutsidePointer();\n      this.restoreToPlaceholder(true);\n      this.placeholder = null;\n      this.originalParent = null;\n    });\n  }\n\n  /** Anchor for overlay: container (trigger+icon) if present, else the input trigger. */\n  private findAnchorEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    const container = root.querySelector('[data-slot=\"autocomplete-trigger-container\"]') as HTMLElement | null;\n    if (container) return container;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private findTriggerEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private reposition(): void {\n    if (!this.autocomplete.open()) return;\n    const panel = this.elRef.nativeElement;\n    const anchorEl = this.findAnchorEl();\n    if (!anchorEl) return;\n    const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());\n    const overlay = rectFromClientRect(panel.getBoundingClientRect());\n    const viewport = viewportRect();\n    const result = computeOverlayPosition({\n      anchorRect: anchor,\n      overlayRect: overlay,\n      viewportRect: viewport,\n      placement: this.placement(),\n      offset: this.offset(),\n      collision: this.collision(),\n    });\n    panel.style.left = `${result.x}px`;\n    panel.style.top = `${result.y}px`;\n  }\n\n  private setupRepositionListeners(): void {\n    let rafId: number | null = null;\n    const schedule = () => {\n      if (rafId !== null) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = null;\n        this.reposition();\n      });\n    };\n    const onResize = () => schedule();\n    const onScroll = () => schedule();\n    window.addEventListener('resize', onResize);\n    window.addEventListener('scroll', onScroll, true);\n    this.removeResizeListener = () => window.removeEventListener('resize', onResize);\n    this.removeScrollListener = () => window.removeEventListener('scroll', onScroll, true);\n    if ('ResizeObserver' in window) {\n      this.resizeObserver = new ResizeObserver(() => schedule());\n      const anchorEl = this.findAnchorEl();\n      if (anchorEl) this.resizeObserver.observe(anchorEl);\n      this.resizeObserver.observe(this.elRef.nativeElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeScrollListener?.();\n    this.removeResizeListener = null;\n    this.removeScrollListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  private setupOutsidePointer(): void {\n    if (this.removeDocPointerListener) return;\n    const onPointerDown = (ev: PointerEvent) => {\n      if (!this.autocomplete.open()) return;\n      const panel = this.elRef.nativeElement;\n      const anchorEl = this.findAnchorEl();\n      if (isInside(ev.target, panel)) return;\n      if (anchorEl && isInside(ev.target, anchorEl)) return;\n      if (ev.target && (ev.target as Element).closest?.('[data-slot=\"autocomplete-option\"]')) return;\n      this.autocomplete.close();\n    };\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this.removeDocPointerListener = () =>\n      document.removeEventListener('pointerdown', onPointerDown, true);\n  }\n\n  private teardownOutsidePointer(): void {\n    this.removeDocPointerListener?.();\n    this.removeDocPointerListener = null;\n  }\n\n  private mountToBodyAndPosition(): void {\n    this.lastFocusedBeforeOpen = document.activeElement as HTMLElement | null;\n    this.setupRepositionListeners();\n    const panel = this.elRef.nativeElement;\n    if (panel.parentNode !== document.body) {\n      document.body.appendChild(panel);\n    }\n    panel.style.position = 'fixed';\n    panel.style.left = '0px';\n    panel.style.top = '0px';\n    panel.style.zIndex = '1000';\n\n    queueMicrotask(() => {\n      if (!this.autocomplete.open()) return;\n      const anchorEl = this.findAnchorEl();\n      if (!anchorEl) return;\n      const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());\n      panel.style.minWidth = `${anchor.width}px`;\n      const overlay = rectFromClientRect(panel.getBoundingClientRect());\n      const viewport = viewportRect();\n      const result = computeOverlayPosition({\n        anchorRect: anchor,\n        overlayRect: overlay,\n        viewportRect: viewport,\n        placement: this.placement(),\n        offset: this.offset(),\n        collision: this.collision(),\n      });\n      panel.style.left = `${result.x}px`;\n      panel.style.top = `${result.y}px`;\n    });\n\n    this.setupOutsidePointer();\n  }\n\n  private restoreToPlaceholder(force = false): void {\n    const panel = this.elRef.nativeElement;\n    if (!force && panel.parentNode !== document.body) {\n      this.teardownOutsidePointer();\n      return;\n    }\n    if (this.placeholder?.parentNode) {\n      this.placeholder.parentNode.insertBefore(panel, this.placeholder);\n    } else if (this.originalParent) {\n      this.originalParent.appendChild(panel);\n    }\n    this.teardownRepositionListeners();\n\n    if (\n      this.lastFocusedBeforeOpen &&\n      document.contains(this.lastFocusedBeforeOpen)\n    ) {\n      const active = document.activeElement as HTMLElement | null;\n      if (!active || panel.contains(active)) {\n        this.autocomplete._restoringFocus = true;\n        this.lastFocusedBeforeOpen.focus();\n        queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      }\n    }\n    this.restoreFocusOnClose();\n\n    panel.style.position = '';\n    panel.style.left = '';\n    panel.style.top = '';\n    panel.style.zIndex = '';\n    panel.style.minWidth = '';\n    this.teardownOutsidePointer();\n  }\n\n  private restoreFocusOnClose(): void {\n    const panel = this.elRef.nativeElement;\n    const active = document.activeElement as HTMLElement | null;\n    const trigger = this.findTriggerEl();\n    if (!trigger) return;\n\n    if (active && panel.contains(active)) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      return;\n    }\n    if (document.activeElement === document.body) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n    }\n  }\n}\n"]}
+{"version":3,"file":"tng-autocomplete.overlay.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  effect,\n} from '@angular/core';\nimport type {\n  TngOverlayCollisionOptions,\n  TngOverlayOffset,\n  TngOverlayPlacement,\n} from '@tailng-ui/cdk';\nimport { computeOverlayPosition } from '@tailng-ui/cdk';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocomplete } from './tng-autocomplete';\n\ntype MaybeRect = Readonly<{ left: number; top: number; width: number; height: number }>;\n\nfunction rectFromClientRect(r: DOMRect | ClientRect): MaybeRect {\n  return { left: r.left, top: r.top, width: r.width, height: r.height };\n}\n\nfunction viewportRect(): MaybeRect {\n  return { left: 0, top: 0, width: window.innerWidth || 1024, height: window.innerHeight || 768 };\n}\n\nfunction isInside(target: EventTarget | null, container: HTMLElement): boolean {\n  return !!target && target instanceof Node && container.contains(target);\n}\n\n@Directive({\n  selector: '[tngAutocompleteOverlay]',\n  exportAs: 'tngAutocompleteOverlay',\n  standalone: true,\n})\nexport class TngAutocompleteOverlay {\n  private readonly autocomplete = inject<TngAutocomplete>(TNG_AUTOCOMPLETE);\n  private readonly elRef = inject(ElementRef<HTMLElement>);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private lastFocusedBeforeOpen: HTMLElement | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private removeScrollListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private removeDocPointerListener: (() => void) | null = null;\n\n  readonly placement = input<TngOverlayPlacement | undefined>(undefined);\n  readonly offset = input<TngOverlayOffset | undefined>(undefined);\n  readonly collision = input<TngOverlayCollisionOptions | undefined>(undefined);\n\n  private placeholder: Comment | null = null;\n  private originalParent: Node | null = null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-overlay' as const;\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.autocomplete.open() ? null : '';\n  }\n\n  constructor() {\n    this.placeholder = document.createComment('tng-autocomplete-overlay-anchor');\n    const hostEl = this.elRef.nativeElement;\n    this.originalParent = hostEl.parentNode;\n    this.originalParent?.insertBefore(this.placeholder, hostEl);\n\n    effect(() => {\n      const open = this.autocomplete.open();\n      if (open) this.mountToBodyAndPosition();\n      else this.restoreToPlaceholder();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.teardownOutsidePointer();\n      this.restoreToPlaceholder(true);\n      this.placeholder = null;\n      this.originalParent = null;\n    });\n  }\n\n  /** Anchor for overlay: container (trigger+icon) if present, else the input trigger. */\n  private findAnchorEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    const container = root.querySelector('[data-slot=\"autocomplete-trigger-container\"]') as HTMLElement | null;\n    if (container) return container;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private findTriggerEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private reposition(): void {\n    if (!this.autocomplete.open()) return;\n    const panel = this.elRef.nativeElement;\n    const anchorEl = this.findAnchorEl();\n    if (!anchorEl) return;\n    const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());\n    const overlay = rectFromClientRect(panel.getBoundingClientRect());\n    const viewport = viewportRect();\n    const result = computeOverlayPosition({\n      anchorRect: anchor,\n      overlayRect: overlay,\n      viewportRect: viewport,\n      placement: this.placement(),\n      offset: this.offset(),\n      collision: this.collision(),\n    });\n    panel.style.left = `${result.x}px`;\n    panel.style.top = `${result.y}px`;\n  }\n\n  private setupRepositionListeners(): void {\n    let rafId: number | null = null;\n    const schedule = () => {\n      if (rafId !== null) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = null;\n        this.reposition();\n      });\n    };\n    const onResize = () => schedule();\n    const onScroll = () => schedule();\n    window.addEventListener('resize', onResize);\n    window.addEventListener('scroll', onScroll, true);\n    this.removeResizeListener = () => window.removeEventListener('resize', onResize);\n    this.removeScrollListener = () => window.removeEventListener('scroll', onScroll, true);\n    if ('ResizeObserver' in window) {\n      this.resizeObserver = new ResizeObserver(() => schedule());\n      const anchorEl = this.findAnchorEl();\n      if (anchorEl) this.resizeObserver.observe(anchorEl);\n      this.resizeObserver.observe(this.elRef.nativeElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeScrollListener?.();\n    this.removeResizeListener = null;\n    this.removeScrollListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  private setupOutsidePointer(): void {\n    if (this.removeDocPointerListener) return;\n    const onPointerDown = (ev: PointerEvent) => {\n      if (!this.autocomplete.open()) return;\n      const panel = this.elRef.nativeElement;\n      const anchorEl = this.findAnchorEl();\n      if (isInside(ev.target, panel)) return;\n      if (anchorEl && isInside(ev.target, anchorEl)) return;\n      if (ev.target && (ev.target as Element).closest?.('[data-slot=\"autocomplete-option\"]')) return;\n      this.autocomplete.close();\n    };\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this.removeDocPointerListener = () =>\n      document.removeEventListener('pointerdown', onPointerDown, true);\n  }\n\n  private teardownOutsidePointer(): void {\n    this.removeDocPointerListener?.();\n    this.removeDocPointerListener = null;\n  }\n\n  private mountToBodyAndPosition(): void {\n    this.lastFocusedBeforeOpen = document.activeElement as HTMLElement | null;\n    this.setupRepositionListeners();\n    const panel = this.elRef.nativeElement;\n    if (panel.parentNode !== document.body) {\n      document.body.appendChild(panel);\n    }\n    panel.style.position = 'fixed';\n    panel.style.left = '0px';\n    panel.style.top = '0px';\n    panel.style.zIndex = '1000';\n\n    queueMicrotask(() => {\n      if (!this.autocomplete.open()) return;\n      const anchorEl = this.findAnchorEl();\n      if (!anchorEl) return;\n      const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());\n      panel.style.minWidth = `${anchor.width}px`;\n      const overlay = rectFromClientRect(panel.getBoundingClientRect());\n      const viewport = viewportRect();\n      const result = computeOverlayPosition({\n        anchorRect: anchor,\n        overlayRect: overlay,\n        viewportRect: viewport,\n        placement: this.placement(),\n        offset: this.offset(),\n        collision: this.collision(),\n      });\n      panel.style.left = `${result.x}px`;\n      panel.style.top = `${result.y}px`;\n    });\n\n    this.setupOutsidePointer();\n  }\n\n  private restoreToPlaceholder(force = false): void {\n    const panel = this.elRef.nativeElement;\n    if (!force && panel.parentNode !== document.body) {\n      this.teardownOutsidePointer();\n      return;\n    }\n    if (this.placeholder?.parentNode) {\n      this.placeholder.parentNode.insertBefore(panel, this.placeholder);\n    } else if (this.originalParent) {\n      this.originalParent.appendChild(panel);\n    }\n    this.teardownRepositionListeners();\n\n    if (\n      this.lastFocusedBeforeOpen &&\n      document.contains(this.lastFocusedBeforeOpen)\n    ) {\n      const active = document.activeElement as HTMLElement | null;\n      if (!active || panel.contains(active)) {\n        this.autocomplete._restoringFocus = true;\n        this.lastFocusedBeforeOpen.focus();\n        queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      }\n    }\n    this.restoreFocusOnClose();\n\n    panel.style.position = '';\n    panel.style.left = '';\n    panel.style.top = '';\n    panel.style.zIndex = '';\n    panel.style.minWidth = '';\n    this.teardownOutsidePointer();\n  }\n\n  private restoreFocusOnClose(): void {\n    const panel = this.elRef.nativeElement;\n    const active = document.activeElement as HTMLElement | null;\n    const trigger = this.findTriggerEl();\n    if (!trigger) return;\n\n    if (active && panel.contains(active)) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      return;\n    }\n    if (document.activeElement === document.body) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n    }\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class TngAutocompleteTrigger {
     private readonly autocomplete;
     private readonly el;
@@ -15,16 +16,22 @@ export declare class TngAutocompleteTrigger {
     protected onFocus(): void;
     protected onKeydown(event: KeyboardEvent): void;
     protected onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteTrigger, "[tngAutocompleteTrigger]", ["tngAutocompleteTrigger"], {}, {}, never, never, true, never>;
 }
 /** Wrapper for trigger + optional icon. When present, overlay uses this for width/position (full control width). */
 export declare class TngAutocompleteTriggerContainer {
     protected readonly dataSlot: "autocomplete-trigger-container";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteTriggerContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteTriggerContainer, "[tngAutocompleteTriggerContainer]", ["tngAutocompleteTriggerContainer"], {}, {}, never, never, true, never>;
 }
 /** Slot for an icon (e.g. chevron) beside the trigger. Consumer provides markup. Matches Select's tngSelectIcon. */
 export declare class TngAutocompleteIcon {
     private readonly autocomplete;
     protected readonly dataSlot: "autocomplete-icon";
     protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteIcon, "[tngAutocompleteIcon]", ["tngAutocompleteIcon"], {}, {}, never, never, true, never>;
 }
 export declare class TngAutocompleteContent {
     private readonly autocomplete;
@@ -34,5 +41,7 @@ export declare class TngAutocompleteContent {
     protected get hidden(): '' | null;
     protected get ariaBusy(): 'true' | null;
     constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngAutocompleteContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngAutocompleteContent, "[tngAutocompleteContent]", ["tngAutocompleteContent"], {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-autocomplete.parts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.parts.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.parts.ts"],"names":[],"mappings":"AAUA,qBAKa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;IAEtD,OAAO,KAAK,OAAO,GAElB;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAU;IAG9C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,SAAS,CAAU;IAGjD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,OAAO,CAE7C;IAGD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,IAAI,CAG1C;IAGD,SAAS,KAAK,oBAAoB,IAAI,MAAM,GAAG,IAAI,CAIlD;IAGD,SAAS,KAAK,WAAW,IAAI,MAAM,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,cAAc,IAAI,MAAM,GAAG,IAAI,CAI5C;IAGD,SAAS,KAAK,eAAe,IAAI,MAAM,GAAG,IAAI,CAS7C;IAGD,SAAS,CAAC,OAAO,IAAI,IAAI;IAmBzB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsD/C,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAKtC;AAED,oHAAoH;AACpH,qBAKa,+BAA+B;IAE1C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,gCAAgC,CAAU;CACzE;AAED,oHAAoH;AACpH,qBAKa,mBAAmB;IAC9B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;IAG3D,SAAS,CAAC,OAAO,IAAI,IAAI;CAO1B;AAID,qBAKa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAGjD,QAAQ,CAAC,EAAE,SAAqB;IAGhC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;IAGD,SAAS,KAAK,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEtC;;CAUF"}
+{"version":3,"file":"tng-autocomplete.parts.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.parts.ts"],"names":[],"mappings":";AAUA,qBAKa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;IAEtD,OAAO,KAAK,OAAO,GAElB;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAU;IAG9C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,SAAS,CAAU;IAGjD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,OAAO,CAE7C;IAGD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,IAAI,CAG1C;IAGD,SAAS,KAAK,oBAAoB,IAAI,MAAM,GAAG,IAAI,CAIlD;IAGD,SAAS,KAAK,WAAW,IAAI,MAAM,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,cAAc,IAAI,MAAM,GAAG,IAAI,CAI5C;IAGD,SAAS,KAAK,eAAe,IAAI,MAAM,GAAG,IAAI,CAS7C;IAGD,SAAS,CAAC,OAAO,IAAI,IAAI;IAmBzB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsD/C,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCA1I1B,sBAAsB;2CAAtB,sBAAsB;CA+IlC;AAED,oHAAoH;AACpH,qBAKa,+BAA+B;IAE1C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,gCAAgC,CAAU;yCAF7D,+BAA+B;2CAA/B,+BAA+B;CAG3C;AAED,oHAAoH;AACpH,qBAKa,mBAAmB;IAC9B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;IAG3D,SAAS,CAAC,OAAO,IAAI,IAAI;yCAPd,mBAAmB;2CAAnB,mBAAmB;CAc/B;AAID,qBAKa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAGjD,QAAQ,CAAC,EAAE,SAAqB;IAGhC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;IAGD,SAAS,KAAK,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEtC;;yCAlBU,sBAAsB;2CAAtB,sBAAsB;CA4BlC"}