@tailng-ui/primitives 0.1.0

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

@@ -0,0 +1,38 @@
+import type { TngSelectHostApi } from '../_shared/select/tng-select.host-api';
+import { TngSelectListboxApi } from './tng-select.listbox.types';
+export declare class TngSelect<T = unknown> implements TngSelectHostApi {
+    readonly hostElement: any;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    /** Value of the selected option. Single-select only. */
+    readonly value: import("@angular/core").ModelSignal<T | null>;
+    private _contentId;
+    private _listboxId;
+    private _activeId;
+    private _listboxApi;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    readonly invalid: import("@angular/core").InputSignal<boolean>;
+    readonly labelId: import("@angular/core").InputSignal<string | null>;
+    readonly descriptionId: import("@angular/core").InputSignal<string | null>;
+    readonly errorId: import("@angular/core").InputSignal<string | null>;
+    protected readonly dataSlot: 'select';
+    protected get dataState(): 'open' | 'closed';
+    protected get dataDisabled(): '' | null;
+    protected get dataLoading(): '' | null;
+    protected get dataInvalid(): '' | null;
+    /** Single-select: always false. Satisfies TngSelectHostApi. */
+    readonly multiple: () => boolean;
+    setContentId(id: string | null): void;
+    getContentId(): string | null;
+    setListboxId(id: string | null): void;
+    getListboxId(): string | null;
+    setActiveDescendantId(id: string | null): void;
+    getActiveDescendantId(): string | null;
+    openSelect(): void;
+    close(): void;
+    toggle(): void;
+    selectValue(value: T): void;
+    setListboxApi(api: TngSelectListboxApi<T> | null): void;
+    getListboxApi(): TngSelectListboxApi<T> | null;
+}
+//# sourceMappingURL=tng-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,qBASa,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,gBAAgB;IAC7D,QAAQ,CAAC,WAAW,MAAiD;IACrE,SAAgB,IAAI,+CAAyB;IAC7C,SAAgB,QAAQ,+CAAyB;IACjD,wDAAwD;IACxD,SAAgB,KAAK,gDAAyB;IAE9C,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAAuC;IAE1D,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,qDAA8B;IACrD,SAAgB,aAAa,qDAA8B;IAC3D,SAAgB,OAAO,qDAA8B;IAGrD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAY;IAGjD,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,+DAA+D;IAC/D,SAAgB,QAAQ,QAAO,OAAO,CAAU;IAEzC,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAGrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAG7B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAGrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAG7B,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAG9C,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAItC,UAAU,IAAI,IAAI;IAIlB,KAAK,IAAI,IAAI;IAGb,MAAM,IAAI,IAAI;IAKd,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IAM3B,aAAa,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI;IAGvD,aAAa,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI;CAGtD"}

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

@@ -0,0 +1,106 @@
+import { __decorate } from "tslib";
+import { Directive, ElementRef, HostBinding, inject, input, model } from '@angular/core';
+import { TNG_SELECT } from './tng-select.tokens';
+import { TNG_SELECT_HOST } from '../_shared/select/tng-select.tokens.shared';
+let TngSelect = class TngSelect {
+    hostElement = inject((ElementRef)).nativeElement;
+    open = model(false);
+    disabled = input(false);
+    /** Value of the selected option. Single-select only. */
+    value = model(null);
+    _contentId = null;
+    _listboxId = null;
+    _activeId = null;
+    _listboxApi = null;
+    loading = input(false);
+    invalid = input(false);
+    labelId = input(null);
+    descriptionId = input(null);
+    errorId = input(null);
+    dataSlot = 'select';
+    get dataState() {
+        return this.open() ? 'open' : 'closed';
+    }
+    get dataDisabled() {
+        return this.disabled() ? '' : null;
+    }
+    get dataLoading() {
+        return this.loading() ? '' : null;
+    }
+    get dataInvalid() {
+        return this.invalid() ? '' : null;
+    }
+    /** Single-select: always false. Satisfies TngSelectHostApi. */
+    multiple = () => false;
+    setContentId(id) {
+        this._contentId = id;
+    }
+    getContentId() {
+        return this._contentId;
+    }
+    setListboxId(id) {
+        this._listboxId = id;
+    }
+    getListboxId() {
+        return this._listboxId;
+    }
+    setActiveDescendantId(id) {
+        this._activeId = id;
+    }
+    getActiveDescendantId() {
+        return this._activeId;
+    }
+    openSelect() {
+        if (this.disabled())
+            return;
+        this.open.set(true);
+    }
+    close() {
+        this.open.set(false);
+    }
+    toggle() {
+        if (this.disabled())
+            return;
+        this.open.set(!this.open());
+    }
+    selectValue(value) {
+        if (this.disabled())
+            return;
+        this.value.set(value);
+        this.close();
+    }
+    setListboxApi(api) {
+        this._listboxApi = api;
+    }
+    getListboxApi() {
+        return this._listboxApi;
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngSelect.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-state')
+], TngSelect.prototype, "dataState", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngSelect.prototype, "dataDisabled", null);
+__decorate([
+    HostBinding('attr.data-loading')
+], TngSelect.prototype, "dataLoading", null);
+__decorate([
+    HostBinding('attr.data-invalid')
+], TngSelect.prototype, "dataInvalid", null);
+TngSelect = __decorate([
+    Directive({
+        selector: '[tngSelect]',
+        exportAs: 'tngSelect',
+        standalone: true,
+        providers: [
+            { provide: TNG_SELECT, useExisting: TngSelect },
+            { provide: TNG_SELECT_HOST, useExisting: TngSelect },
+        ],
+    })
+], TngSelect);
+export { TngSelect };
+//# sourceMappingURL=tng-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, HostBinding, inject, input, model } from '@angular/core';\nimport { TNG_SELECT } from './tng-select.tokens';\nimport { TNG_SELECT_HOST } from '../_shared/select/tng-select.tokens.shared';\nimport type { TngSelectHostApi } from '../_shared/select/tng-select.host-api';\nimport { TngSelectListboxApi } from './tng-select.listbox.types';\n\n@Directive({\n  selector: '[tngSelect]',\n  exportAs: 'tngSelect',\n  standalone: true,\n  providers: [\n    { provide: TNG_SELECT, useExisting: TngSelect },\n    { provide: TNG_SELECT_HOST, useExisting: TngSelect },\n  ],\n})\nexport class TngSelect<T = unknown> implements TngSelectHostApi {\n  readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n  public readonly open = model<boolean>(false);\n  public readonly disabled = input<boolean>(false);\n  /** Value of the selected option. Single-select only. */\n  public readonly value = model<T | null>(null);\n\n  private _contentId: string | null = null;\n  private _listboxId: string | null = null;\n  private _activeId: string | null = null;\n  private _listboxApi: TngSelectListboxApi<T> | null = null;\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  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select' = 'select';\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  /** Single-select: always false. Satisfies TngSelectHostApi. */\n  public readonly multiple = (): boolean => false;\n\n  public setContentId(id: string | null): void {\n    this._contentId = id;\n  }\n  public getContentId(): string | null {\n    return this._contentId;\n  }\n  public setListboxId(id: string | null): void {\n    this._listboxId = id;\n  }\n  public getListboxId(): string | null {\n    return this._listboxId;\n  }\n  public setActiveDescendantId(id: string | null): void {\n    this._activeId = id;\n  }\n  public getActiveDescendantId(): string | null {\n    return this._activeId;\n  }\n\n  public openSelect(): void {\n    if (this.disabled()) return;\n    this.open.set(true);\n  }\n  public close(): void {\n    this.open.set(false);\n  }\n  public toggle(): void {\n    if (this.disabled()) return;\n    this.open.set(!this.open());\n  }\n\n  public selectValue(value: T): void {\n    if (this.disabled()) return;\n    this.value.set(value);\n    this.close();\n  }\n\n  public setListboxApi(api: TngSelectListboxApi<T> | null): void {\n    this._listboxApi = api;\n  }\n  public getListboxApi(): TngSelectListboxApi<T> | null {\n    return this._listboxApi;\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { TngSelectListboxApi } from './tng-select.listbox.types';
+export declare class TngSelectListbox<T = unknown> implements TngSelectListboxApi<T> {
+    private readonly select;
+    private readonly destroyRef;
+    private readonly listbox;
+    protected readonly dataSlot: 'select-listbox';
+    protected readonly id: string;
+    constructor();
+    getHostId(): string | null;
+    getActiveId(): string | null;
+    ensureActive(pref?: 'first' | 'last'): void;
+    handleKey(key: string, shiftKey?: boolean): boolean;
+    typeahead(key: string): boolean;
+    commitActive(): void;
+    protected onListboxValueChange(value: T | readonly T[] | null): void;
+}
+export declare class TngSelectOption<T> {
+    protected readonly dataSlot: 'select-option';
+}
+//# sourceMappingURL=tng-select.listbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.listbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,qBAYa,gBAAgB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,mBAAmB,CAAC,CAAC,CAAC;IAC1E,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoC;IAC3D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAoB;IAGjE,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IA6B1C,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,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI/B,YAAY,IAAI,IAAI;IAOpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;CAwBrE;AAED,qBAUa,eAAe,CAAC,CAAC;IAE5B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAmB;CAChE"}

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

@@ -0,0 +1,123 @@
+import { __decorate } from "tslib";
+import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';
+import { createTngIdFactory } from '@tailng-ui/cdk';
+import { normalizeToSingle } from '../../internal/combobox';
+import { TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';
+import { TNG_SELECT } from './tng-select.tokens';
+import { TNG_SELECT_LISTBOX } from './tng-select.listbox.tokens';
+const createListboxId = createTngIdFactory('tng-select-listbox');
+let TngSelectListbox = class TngSelectListbox {
+    select = inject(TNG_SELECT);
+    destroyRef = inject(DestroyRef);
+    listbox = inject((TngListboxDirective), { self: true });
+    dataSlot = 'select-listbox';
+    id = createListboxId();
+    constructor() {
+        // register id
+        this.select.setListboxId(this.id);
+        // register API into select (Mode-2 bridge)
+        this.select.setListboxApi(this);
+        // controlled sync from Select -> Listbox
+        effect(() => {
+            const v = this.select.value();
+            if (this.select.open())
+                return;
+            const current = untracked(this.listbox.value);
+            const currentSingle = normalizeToSingle(current);
+            if (Object.is(currentSingle, v))
+                return;
+            this.listbox.value.set(v);
+        });
+        this.destroyRef.onDestroy(() => {
+            this.select.setListboxId(null);
+            this.select.setListboxApi(null);
+        });
+    }
+    // ---------------- API ----------------
+    getHostId() {
+        return this.id ?? null;
+    }
+    getActiveId() {
+        return this.listbox.getActiveId();
+    }
+    ensureActive(pref) {
+        this.listbox.ensureActive(pref);
+    }
+    handleKey(key, shiftKey) {
+        return this.listbox.handleKeyFromCombobox(key, shiftKey);
+    }
+    typeahead(key) {
+        return this.listbox.typeaheadFromCombobox(key);
+    }
+    commitActive() {
+        const value = this.listbox.getActiveValue();
+        if (value === undefined)
+            return;
+        this.select.selectValue(value);
+    }
+    onListboxValueChange(value) {
+        if (this.select.disabled())
+            return;
+        const next = normalizeToSingle(value);
+        if (Object.is(next, this.select.value())) {
+            if (this.select.open() && next !== null) {
+                this.select.selectValue(next);
+            }
+            return;
+        }
+        if (!this.select.open()) {
+            this.select.value.set(next);
+            return;
+        }
+        if (next === null) {
+            this.select.value.set(null);
+            this.select.close();
+            return;
+        }
+        this.select.selectValue(next);
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngSelectListbox.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.id')
+], TngSelectListbox.prototype, "id", void 0);
+__decorate([
+    HostListener('valueChange', ['$event'])
+], TngSelectListbox.prototype, "onListboxValueChange", null);
+TngSelectListbox = __decorate([
+    Directive({
+        selector: '[tngSelectListbox]',
+        standalone: true,
+        providers: [{ provide: TNG_SELECT_LISTBOX, useExisting: TngSelectListbox }],
+        hostDirectives: [
+            {
+                directive: TngListboxDirective,
+                inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],
+                outputs: ['valueChange'],
+            },
+        ],
+    })
+], TngSelectListbox);
+export { TngSelectListbox };
+let TngSelectOption = class TngSelectOption {
+    dataSlot = 'select-option';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngSelectOption.prototype, "dataSlot", void 0);
+TngSelectOption = __decorate([
+    Directive({
+        selector: '[tngSelectOption]',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngOptionDirective,
+                inputs: ['tngValue', 'disabled'],
+            },
+        ],
+    })
+], TngSelectOption);
+export { TngSelectOption };
+//# sourceMappingURL=tng-select.listbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.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 { normalizeToSingle } from '../../internal/combobox';\nimport { TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';\nimport { TNG_SELECT } from './tng-select.tokens';\nimport type { TngSelect } from './tng-select';\nimport { TngSelectListboxApi } from './tng-select.listbox.types';\nimport { TNG_SELECT_LISTBOX } from './tng-select.listbox.tokens';\n\nconst createListboxId = createTngIdFactory('tng-select-listbox');\n@Directive({\n  selector: '[tngSelectListbox]',\n  standalone: true,\n  providers: [{ provide: TNG_SELECT_LISTBOX, useExisting: TngSelectListbox }],\n  hostDirectives: [\n    {\n      directive: TngListboxDirective,\n      inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],\n      outputs: ['valueChange'],\n    },\n  ],\n})\nexport class TngSelectListbox<T = unknown> implements TngSelectListboxApi<T> {\n  private readonly select = inject<TngSelect<T>>(TNG_SELECT);\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: 'select-listbox' = 'select-listbox';\n\n  @HostBinding('attr.id')\n  protected readonly id = createListboxId();\n\n  constructor() {\n    // register id\n    this.select.setListboxId(this.id);\n\n    // register API into select (Mode-2 bridge)\n    this.select.setListboxApi(this);\n\n    // controlled sync from Select -> Listbox\n    effect(() => {\n      const v = this.select.value();\n\n      if (this.select.open()) return;\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.select.setListboxId(null);\n      this.select.setListboxApi(null);\n    });\n  }\n\n  // ---------------- API ----------------\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  typeahead(key: string): boolean {\n    return this.listbox.typeaheadFromCombobox(key);\n  }\n\n  commitActive(): void {\n    const value = this.listbox.getActiveValue();\n    if (value === undefined) return;\n    this.select.selectValue(value as T);\n  }\n\n  @HostListener('valueChange', ['$event'])\n  protected onListboxValueChange(value: T | readonly T[] | null): void {\n    if (this.select.disabled()) return;\n\n    const next = normalizeToSingle(value);\n    if (Object.is(next, this.select.value())) {\n      if (this.select.open() && next !== null) {\n        this.select.selectValue(next as T);\n      }\n      return;\n    }\n\n    if (!this.select.open()) {\n      this.select.value.set(next as T | null);\n      return;\n    }\n\n    if (next === null) {\n      this.select.value.set(null);\n      this.select.close();\n      return;\n    }\n\n    this.select.selectValue(next);\n  }\n}\n\n@Directive({\n  selector: '[tngSelectOption]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngOptionDirective,\n      inputs: ['tngValue', 'disabled'],\n    },\n  ],\n})\nexport class TngSelectOption<T> {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'select-option' = 'select-option';\n}"]}

package/src/lib/form/select/tng-select.listbox.tokens.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export declare const TNG_SELECT_LISTBOX: InjectionToken<import("../../internal/combobox").ComboboxListboxApi>;
+//# sourceMappingURL=tng-select.listbox.tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.listbox.tokens.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,kBAAkB,sEAAgE,CAAC"}

package/src/lib/form/select/tng-select.listbox.tokens.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const TNG_SELECT_LISTBOX = new InjectionToken('TNG_SELECT_LISTBOX');
+//# sourceMappingURL=tng-select.listbox.tokens.js.map

package/src/lib/form/select/tng-select.listbox.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.listbox.tokens.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,cAAc,CAAsB,oBAAoB,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngSelectListboxApi } from './tng-select.listbox.types';\n\nexport const TNG_SELECT_LISTBOX = new InjectionToken<TngSelectListboxApi>('TNG_SELECT_LISTBOX');"]}

package/src/lib/form/select/tng-select.listbox.types.d.ts

@@ -0,0 +1,4 @@
+import type { ComboboxListboxApi } from '../../internal/combobox';
+/** Select-specific alias. Uses shared ComboboxListboxApi from internal/combobox. */
+export type TngSelectListboxApi<T = unknown> = ComboboxListboxApi;
+//# sourceMappingURL=tng-select.listbox.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.listbox.types.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.listbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,oFAAoF;AACpF,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,OAAO,IAAI,kBAAkB,CAAC"}

package/src/lib/form/select/tng-select.listbox.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=tng-select.listbox.types.js.map

package/src/lib/form/select/tng-select.listbox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.listbox.types.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.listbox.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComboboxListboxApi } from '../../internal/combobox';\n\n/** Select-specific alias. Uses shared ComboboxListboxApi from internal/combobox. */\nexport type TngSelectListboxApi<T = unknown> = ComboboxListboxApi;\n"]}

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

@@ -0,0 +1,5 @@
+/**
+ * Re-exports shared select overlay. Single-select uses shared implementation.
+ */
+export { TngSelectOverlay } from '../_shared/select/tng-select.overlay.shared';
+//# sourceMappingURL=tng-select.overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC"}

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

@@ -0,0 +1,5 @@
+/**
+ * Re-exports shared select overlay. Single-select uses shared implementation.
+ */
+export { TngSelectOverlay } from '../_shared/select/tng-select.overlay.shared';
+//# sourceMappingURL=tng-select.overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.overlay.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC","sourcesContent":["/**\n * Re-exports shared select overlay. Single-select uses shared implementation.\n */\nexport { TngSelectOverlay } from '../_shared/select/tng-select.overlay.shared';\n"]}

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

@@ -0,0 +1,5 @@
+/**
+ * Re-exports shared select parts. Single-select uses shared implementation.
+ */
+export { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, } from '../_shared/select/tng-select.parts.shared';
+//# sourceMappingURL=tng-select.parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.parts.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.parts.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,2CAA2C,CAAC"}

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

@@ -0,0 +1,5 @@
+/**
+ * Re-exports shared select parts. Single-select uses shared implementation.
+ */
+export { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, } from '../_shared/select/tng-select.parts.shared';
+//# sourceMappingURL=tng-select.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.parts.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.parts.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,2CAA2C,CAAC","sourcesContent":["/**\n * Re-exports shared select parts. Single-select uses shared implementation.\n */\nexport {\n  TngSelectTrigger,\n  TngSelectValue,\n  TngSelectIcon,\n  TngSelectContent,\n} from '../_shared/select/tng-select.parts.shared';\n"]}

package/src/lib/form/select/tng-select.tokens.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { TngSelect } from './tng-select';
+export declare const TNG_SELECT: InjectionToken<TngSelect<unknown>>;
+//# sourceMappingURL=tng-select.tokens.d.ts.map

package/src/lib/form/select/tng-select.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.tokens.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,UAAU,oCAA8C,CAAC"}

package/src/lib/form/select/tng-select.tokens.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const TNG_SELECT = new InjectionToken('TNG_SELECT');
+//# sourceMappingURL=tng-select.tokens.js.map

package/src/lib/form/select/tng-select.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.tokens.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/select/tng-select.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,cAAc,CAAY,YAAY,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngSelect } from './tng-select';\n\nexport const TNG_SELECT = new InjectionToken<TngSelect>('TNG_SELECT');\n"]}

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

@@ -0,0 +1,19 @@
+export declare function normalizeTngSliderMin(value: number): number;
+export declare function normalizeTngSliderMax(value: number): number;
+export declare function normalizeTngSliderStep(value: number): number;
+export declare class TngSlider {
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    protected get dataDisabledAttr(): '' | null;
+    protected readonly dataSlot: "slider";
+    protected get disabledAttr(): '' | null;
+    protected get maxAttr(): string;
+    protected get minAttr(): string;
+    protected get stepAttr(): string;
+    protected readonly typeAttr: "range";
+    protected get valueAttr(): string;
+}
+//# sourceMappingURL=tng-slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-slider.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/slider/tng-slider.ts"],"names":[],"mappings":"AAMA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG5D;AAED,qBAIa,SAAS;IACpB,SAAgB,QAAQ,8EAErB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,KAAK,4EAGlB;IAGH,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,QAAQ,CAAU;IAGhD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,OAAO,IAAI,MAAM,CAE9B;IAGD,SAAS,KAAK,OAAO,IAAI,MAAM,CAE9B;IAGD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAE/B;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,KAAK,SAAS,IAAI,MAAM,CAEhC;CACF"}

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

@@ -0,0 +1,84 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
+function normalizeFiniteNumber(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+export function normalizeTngSliderMin(value) {
+    return normalizeFiniteNumber(value, 0);
+}
+export function normalizeTngSliderMax(value) {
+    return normalizeFiniteNumber(value, 100);
+}
+export function normalizeTngSliderStep(value) {
+    const normalized = normalizeFiniteNumber(value, 1);
+    return normalized > 0 ? normalized : 1;
+}
+let TngSlider = class TngSlider {
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    max = input(100, {
+        transform: (value) => normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),
+    });
+    min = input(0, {
+        transform: (value) => normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),
+    });
+    step = input(1, {
+        transform: (value) => normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),
+    });
+    value = input(0, {
+        transform: (value) => typeof value === 'number' ? value : Number(value),
+    });
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    dataSlot = 'slider';
+    get disabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get maxAttr() {
+        return String(this.max());
+    }
+    get minAttr() {
+        return String(this.min());
+    }
+    get stepAttr() {
+        return String(this.step());
+    }
+    typeAttr = 'range';
+    get valueAttr() {
+        return String(this.value());
+    }
+};
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngSlider.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngSlider.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.disabled')
+], TngSlider.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.max')
+], TngSlider.prototype, "maxAttr", null);
+__decorate([
+    HostBinding('attr.min')
+], TngSlider.prototype, "minAttr", null);
+__decorate([
+    HostBinding('attr.step')
+], TngSlider.prototype, "stepAttr", null);
+__decorate([
+    HostBinding('attr.type')
+], TngSlider.prototype, "typeAttr", void 0);
+__decorate([
+    HostBinding('attr.value')
+], TngSlider.prototype, "valueAttr", null);
+TngSlider = __decorate([
+    Directive({
+        selector: 'input[tngSlider]',
+        exportAs: 'tngSlider',
+    })
+], TngSlider);
+export { TngSlider };
+//# sourceMappingURL=tng-slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-slider.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/slider/tng-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\nfunction normalizeFiniteNumber(value: number, fallback: number): number {\n  return Number.isFinite(value) ? value : fallback;\n}\n\nexport function normalizeTngSliderMin(value: number): number {\n  return normalizeFiniteNumber(value, 0);\n}\n\nexport function normalizeTngSliderMax(value: number): number {\n  return normalizeFiniteNumber(value, 100);\n}\n\nexport function normalizeTngSliderStep(value: number): number {\n  const normalized = normalizeFiniteNumber(value, 1);\n  return normalized > 0 ? normalized : 1;\n}\n\n@Directive({\n  selector: 'input[tngSlider]',\n  exportAs: 'tngSlider',\n})\nexport class TngSlider {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly step = input<number, number | string>(1, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'slider' as const;\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.max')\n  protected get maxAttr(): string {\n    return String(this.max());\n  }\n\n  @HostBinding('attr.min')\n  protected get minAttr(): string {\n    return String(this.min());\n  }\n\n  @HostBinding('attr.step')\n  protected get stepAttr(): string {\n    return String(this.step());\n  }\n\n  @HostBinding('attr.type')\n  protected readonly typeAttr = 'range' as const;\n\n  @HostBinding('attr.value')\n  protected get valueAttr(): string {\n    return String(this.value());\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+export declare function resolveTngSwitchAriaChecked(checked: boolean): 'false' | 'true';
+export declare function resolveTngSwitchDataState(checked: boolean): 'checked' | 'unchecked';
+export declare function resolveTngSwitchAriaRequired(required: boolean): 'true' | null;
+export declare class TngSwitch {
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    protected get ariaCheckedAttr(): 'false' | 'true';
+    protected get ariaLabelAttr(): string | null;
+    protected get ariaRequiredAttr(): 'true' | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected readonly dataSlot: "switch";
+    protected get dataStateAttr(): 'checked' | 'unchecked';
+    protected get disabledAttr(): '' | null;
+    protected readonly roleAttr: "switch";
+    protected readonly typeAttr: "button";
+}
+//# sourceMappingURL=tng-switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-switch.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/switch/tng-switch.ts"],"names":[],"mappings":"AAEA,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAE9E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAEnF;AAED,wBAAgB,4BAA4B,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAE7E;AAED,qBAIa,SAAS;IACpB,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IAGH,SAAS,KAAK,eAAe,IAAI,OAAO,GAAG,MAAM,CAEhD;IAGD,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAE9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,QAAQ,CAAU;IAGhD,SAAS,KAAK,aAAa,IAAI,SAAS,GAAG,WAAW,CAErD;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,QAAQ,CAAU;IAGhD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,QAAQ,CAAU;CACjD"}