@tailng-ui/primitives 0.1.0

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

@@ -0,0 +1,45 @@
+import type { TngSelectHostApi } from '../_shared/select/tng-select.host-api';
+import { TngMultiSelectListboxApi } from './tng-multi-select.listbox.types';
+export declare class TngMultiSelect<T = unknown> implements TngSelectHostApi {
+    readonly hostElement: any;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    /** Values of selected options. Empty array = no selection. */
+    readonly value: import("@angular/core").ModelSignal<readonly T[]>;
+    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: 'multi-select';
+    protected get dataState(): 'open' | 'closed';
+    protected get dataDisabled(): '' | null;
+    protected get dataLoading(): '' | null;
+    protected get dataInvalid(): '' | null;
+    /** Multi-select: always true. 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;
+    /** Adds an item to the selection if not already selected. */
+    addSelectedItem(item: T): void;
+    /** Removes an item from the selection if currently selected. */
+    removeSelectedItem(item: T): void;
+    /** Toggles an item in the selection (add if not present, remove if present). */
+    toggleSelectedItem(item: T): void;
+    /** Clears the selection. */
+    clear(): void;
+    setListboxApi(api: TngMultiSelectListboxApi<T> | null): void;
+    getListboxApi(): TngMultiSelectListboxApi<T> | null;
+}
+//# sourceMappingURL=tng-multi-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-select.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/tng-multi-select.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,qBASa,cAAc,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,gBAAgB;IAClE,QAAQ,CAAC,WAAW,MAAiD;IACrE,SAAgB,IAAI,+CAAyB;IAC7C,SAAgB,QAAQ,+CAAyB;IACjD,8DAA8D;IAC9D,SAAgB,KAAK,oDAA2B;IAEhD,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAA4C;IAE/D,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,cAAc,CAAkB;IAG7D,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,6DAA6D;IAC7D,SAAgB,QAAQ,QAAO,OAAO,CAAS;IAExC,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;IAKrB,6DAA6D;IACtD,eAAe,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAOrC,gEAAgE;IACzD,kBAAkB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAQxC,gFAAgF;IACzE,kBAAkB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAWxC,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAKb,aAAa,CAAC,GAAG,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI;IAG5D,aAAa,IAAI,wBAAwB,CAAC,CAAC,CAAC,GAAG,IAAI;CAG3D"}

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

@@ -0,0 +1,136 @@
+import { __decorate } from "tslib";
+import { Directive, ElementRef, HostBinding, inject, input, model } from '@angular/core';
+import { TNG_MULTI_SELECT } from './tng-multi-select.tokens';
+import { TNG_SELECT_HOST } from '../_shared/select/tng-select.tokens.shared';
+let TngMultiSelect = class TngMultiSelect {
+    hostElement = inject((ElementRef)).nativeElement;
+    open = model(false);
+    disabled = input(false);
+    /** Values of selected options. Empty array = no selection. */
+    value = model([]);
+    _contentId = null;
+    _listboxId = null;
+    _activeId = null;
+    _listboxApi = null;
+    loading = input(false);
+    invalid = input(false);
+    labelId = input(null);
+    descriptionId = input(null);
+    errorId = input(null);
+    dataSlot = 'multi-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;
+    }
+    /** Multi-select: always true. Satisfies TngSelectHostApi. */
+    multiple = () => true;
+    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());
+    }
+    /** Adds an item to the selection if not already selected. */
+    addSelectedItem(item) {
+        if (this.disabled())
+            return;
+        const cur = this.value();
+        if (cur.some((v) => Object.is(v, item)))
+            return;
+        this.value.set([...cur, item]);
+    }
+    /** Removes an item from the selection if currently selected. */
+    removeSelectedItem(item) {
+        if (this.disabled())
+            return;
+        const cur = this.value();
+        const idx = cur.findIndex((v) => Object.is(v, item));
+        if (idx < 0)
+            return;
+        this.value.set([...cur.slice(0, idx), ...cur.slice(idx + 1)]);
+    }
+    /** Toggles an item in the selection (add if not present, remove if present). */
+    toggleSelectedItem(item) {
+        if (this.disabled())
+            return;
+        const cur = this.value();
+        const idx = cur.findIndex((v) => Object.is(v, item));
+        const next = idx >= 0
+            ? [...cur.slice(0, idx), ...cur.slice(idx + 1)]
+            : [...cur, item];
+        this.value.set(next);
+    }
+    /** Clears the selection. */
+    clear() {
+        if (this.disabled())
+            return;
+        this.value.set([]);
+    }
+    setListboxApi(api) {
+        this._listboxApi = api;
+    }
+    getListboxApi() {
+        return this._listboxApi;
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiSelect.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-state')
+], TngMultiSelect.prototype, "dataState", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngMultiSelect.prototype, "dataDisabled", null);
+__decorate([
+    HostBinding('attr.data-loading')
+], TngMultiSelect.prototype, "dataLoading", null);
+__decorate([
+    HostBinding('attr.data-invalid')
+], TngMultiSelect.prototype, "dataInvalid", null);
+TngMultiSelect = __decorate([
+    Directive({
+        selector: '[tngMultiSelect]',
+        exportAs: 'tngMultiSelect',
+        standalone: true,
+        providers: [
+            { provide: TNG_MULTI_SELECT, useExisting: TngMultiSelect },
+            { provide: TNG_SELECT_HOST, useExisting: TngMultiSelect },
+        ],
+    })
+], TngMultiSelect);
+export { TngMultiSelect };
+//# sourceMappingURL=tng-multi-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-select.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/tng-multi-select.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, HostBinding, inject, input, model } from '@angular/core';\nimport { TNG_MULTI_SELECT } from './tng-multi-select.tokens';\nimport { TNG_SELECT_HOST } from '../_shared/select/tng-select.tokens.shared';\nimport type { TngSelectHostApi } from '../_shared/select/tng-select.host-api';\nimport { TngMultiSelectListboxApi } from './tng-multi-select.listbox.types';\n\n@Directive({\n  selector: '[tngMultiSelect]',\n  exportAs: 'tngMultiSelect',\n  standalone: true,\n  providers: [\n    { provide: TNG_MULTI_SELECT, useExisting: TngMultiSelect },\n    { provide: TNG_SELECT_HOST, useExisting: TngMultiSelect },\n  ],\n})\nexport class TngMultiSelect<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  /** Values of selected options. Empty array = no selection. */\n  public readonly value = model<readonly T[]>([]);\n\n  private _contentId: string | null = null;\n  private _listboxId: string | null = null;\n  private _activeId: string | null = null;\n  private _listboxApi: TngMultiSelectListboxApi<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: 'multi-select' = 'multi-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  /** Multi-select: always true. Satisfies TngSelectHostApi. */\n  public readonly multiple = (): boolean => true;\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  /** Adds an item to the selection if not already selected. */\n  public addSelectedItem(item: T): void {\n    if (this.disabled()) return;\n    const cur = this.value();\n    if (cur.some((v) => Object.is(v, item))) return;\n    this.value.set([...cur, item]);\n  }\n\n  /** Removes an item from the selection if currently selected. */\n  public removeSelectedItem(item: T): void {\n    if (this.disabled()) return;\n    const cur = this.value();\n    const idx = cur.findIndex((v) => Object.is(v, item));\n    if (idx < 0) return;\n    this.value.set([...cur.slice(0, idx), ...cur.slice(idx + 1)]);\n  }\n\n  /** Toggles an item in the selection (add if not present, remove if present). */\n  public toggleSelectedItem(item: T): void {\n    if (this.disabled()) return;\n    const cur = this.value();\n    const idx = cur.findIndex((v) => Object.is(v, item));\n    const next =\n      idx >= 0\n        ? [...cur.slice(0, idx), ...cur.slice(idx + 1)]\n        : [...cur, item];\n    this.value.set(next);\n  }\n\n  /** Clears the selection. */\n  public clear(): void {\n    if (this.disabled()) return;\n    this.value.set([]);\n  }\n\n  public setListboxApi(api: TngMultiSelectListboxApi<T> | null): void {\n    this._listboxApi = api;\n  }\n  public getListboxApi(): TngMultiSelectListboxApi<T> | null {\n    return this._listboxApi;\n  }\n}\n"]}

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

@@ -0,0 +1,21 @@
+import { TngMultiSelectListboxApi } from './tng-multi-select.listbox.types';
+export declare class TngMultiSelectListbox<T = unknown> implements TngMultiSelectListboxApi<T> {
+    private readonly multiSelect;
+    private readonly destroyRef;
+    private readonly listbox;
+    protected readonly dataSlot: 'multi-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;
+    /** Multi: Enter toggles option, does not close. */
+    commitActive(): void;
+    protected onListboxValueChange(value: T | readonly T[] | null): void;
+}
+export declare class TngMultiSelectOption<T> {
+    protected readonly dataSlot: 'multi-select-option';
+}
+//# sourceMappingURL=tng-multi-select.listbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-select.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/tng-multi-select.listbox.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAK5E,qBAYa,qBAAqB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,wBAAwB,CAAC,CAAC,CAAC;IACpF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+C;IAC3E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAA0B;IAG7E,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IAuB1C,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,mDAAmD;IACnD,YAAY,IAAI,IAAI;IAKpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;CAUrE;AAED,qBAUa,oBAAoB,CAAC,CAAC;IAEjC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,CAAyB;CAC5E"}

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

@@ -0,0 +1,107 @@
+import { __decorate } from "tslib";
+import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';
+import { createTngIdFactory } from '@tailng-ui/cdk';
+import { arraysEqual, normalizeToArray } from '../../internal/combobox';
+import { TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';
+import { TNG_MULTI_SELECT } from './tng-multi-select.tokens';
+import { TNG_MULTI_SELECT_LISTBOX } from './tng-multi-select.listbox.tokens';
+const createListboxId = createTngIdFactory('tng-multi-select-listbox');
+let TngMultiSelectListbox = class TngMultiSelectListbox {
+    multiSelect = inject(TNG_MULTI_SELECT);
+    destroyRef = inject(DestroyRef);
+    listbox = inject((TngListboxDirective), { self: true });
+    dataSlot = 'multi-select-listbox';
+    id = createListboxId();
+    constructor() {
+        this.multiSelect.setListboxId(this.id);
+        this.multiSelect.setListboxApi(this);
+        effect(() => {
+            const v = this.multiSelect.value();
+            if (this.multiSelect.open())
+                return;
+            const current = untracked(this.listbox.value);
+            const arrV = v.length > 0 ? [...v] : null;
+            const arrCur = normalizeToArray(current);
+            if (arraysEqual(arrV, arrCur))
+                return;
+            this.listbox.value.set((v.length > 0 ? v : null));
+        });
+        this.destroyRef.onDestroy(() => {
+            this.multiSelect.setListboxId(null);
+            this.multiSelect.setListboxApi(null);
+        });
+    }
+    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);
+    }
+    /** Multi: Enter toggles option, does not close. */
+    commitActive() {
+        this.listbox.handleKeyFromCombobox('Enter');
+    }
+    onListboxValueChange(value) {
+        if (this.multiSelect.disabled())
+            return;
+        const next = normalizeToArray(value);
+        const cur = this.multiSelect.value();
+        if (arraysEqual(next, cur.length > 0 ? cur : null))
+            return;
+        this.multiSelect.value.set(next && next.length > 0 ? [...next] : []);
+        // Multi: overlay stays open
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiSelectListbox.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.id')
+], TngMultiSelectListbox.prototype, "id", void 0);
+__decorate([
+    HostListener('valueChange', ['$event'])
+], TngMultiSelectListbox.prototype, "onListboxValueChange", null);
+TngMultiSelectListbox = __decorate([
+    Directive({
+        selector: '[tngMultiSelectListbox]',
+        standalone: true,
+        providers: [{ provide: TNG_MULTI_SELECT_LISTBOX, useExisting: TngMultiSelectListbox }],
+        hostDirectives: [
+            {
+                directive: TngListboxDirective,
+                inputs: ['orientation', 'direction', 'disabled', 'loop', 'value', 'multiple'],
+                outputs: ['valueChange'],
+            },
+        ],
+    })
+], TngMultiSelectListbox);
+export { TngMultiSelectListbox };
+let TngMultiSelectOption = class TngMultiSelectOption {
+    dataSlot = 'multi-select-option';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiSelectOption.prototype, "dataSlot", void 0);
+TngMultiSelectOption = __decorate([
+    Directive({
+        selector: '[tngMultiSelectOption]',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngOptionDirective,
+                inputs: ['tngValue', 'disabled'],
+            },
+        ],
+    })
+], TngMultiSelectOption);
+export { TngMultiSelectOption };
+//# sourceMappingURL=tng-multi-select.listbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-select.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/tng-multi-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 { arraysEqual, normalizeToArray } from '../../internal/combobox';\nimport type { ListboxValue } from '../listbox/listbox.directive';\nimport { TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';\nimport { TNG_MULTI_SELECT } from './tng-multi-select.tokens';\nimport type { TngMultiSelect } from './tng-multi-select';\nimport { TngMultiSelectListboxApi } from './tng-multi-select.listbox.types';\nimport { TNG_MULTI_SELECT_LISTBOX } from './tng-multi-select.listbox.tokens';\n\nconst createListboxId = createTngIdFactory('tng-multi-select-listbox');\n\n@Directive({\n  selector: '[tngMultiSelectListbox]',\n  standalone: true,\n  providers: [{ provide: TNG_MULTI_SELECT_LISTBOX, useExisting: TngMultiSelectListbox }],\n  hostDirectives: [\n    {\n      directive: TngListboxDirective,\n      inputs: ['orientation', 'direction', 'disabled', 'loop', 'value', 'multiple'],\n      outputs: ['valueChange'],\n    },\n  ],\n})\nexport class TngMultiSelectListbox<T = unknown> implements TngMultiSelectListboxApi<T> {\n  private readonly multiSelect = inject<TngMultiSelect<T>>(TNG_MULTI_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: 'multi-select-listbox' = 'multi-select-listbox';\n\n  @HostBinding('attr.id')\n  protected readonly id = createListboxId();\n\n  constructor() {\n    this.multiSelect.setListboxId(this.id);\n    this.multiSelect.setListboxApi(this);\n\n    effect(() => {\n      const v = this.multiSelect.value();\n      if (this.multiSelect.open()) return;\n\n      const current = untracked(this.listbox.value);\n      const arrV = v.length > 0 ? ([...v] as readonly T[]) : null;\n      const arrCur = normalizeToArray(current);\n      if (arraysEqual(arrV, arrCur)) return;\n      this.listbox.value.set((v.length > 0 ? v : null) as ListboxValue<T>);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.multiSelect.setListboxId(null);\n      this.multiSelect.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  typeahead(key: string): boolean {\n    return this.listbox.typeaheadFromCombobox(key);\n  }\n\n  /** Multi: Enter toggles option, does not close. */\n  commitActive(): void {\n    this.listbox.handleKeyFromCombobox('Enter');\n  }\n\n  @HostListener('valueChange', ['$event'])\n  protected onListboxValueChange(value: T | readonly T[] | null): void {\n    if (this.multiSelect.disabled()) return;\n\n    const next = normalizeToArray(value);\n    const cur = this.multiSelect.value();\n    if (arraysEqual(next, cur.length > 0 ? cur : null)) return;\n\n    this.multiSelect.value.set(next && next.length > 0 ? [...next] : []);\n    // Multi: overlay stays open\n  }\n}\n\n@Directive({\n  selector: '[tngMultiSelectOption]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngOptionDirective,\n      inputs: ['tngValue', 'disabled'],\n    },\n  ],\n})\nexport class TngMultiSelectOption<T> {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot: 'multi-select-option' = 'multi-select-option';\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import type { ComboboxListboxApi } from '../../internal/combobox';
+export type TngMultiSelectListboxApi<T = unknown> = ComboboxListboxApi;
+//# sourceMappingURL=tng-multi-select.listbox.types.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+/**
+ * Re-exports shared select parts. Multi-select uses same trigger/content/overlay infra.
+ */
+export { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, } from '../_shared/select/tng-select.parts.shared';
+//# sourceMappingURL=tng-multi-select.parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-select.parts.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/tng-multi-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/multi-select/tng-multi-select.parts.js

@@ -0,0 +1,5 @@
+/**
+ * Re-exports shared select parts. Multi-select uses same trigger/content/overlay infra.
+ */
+export { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, } from '../_shared/select/tng-select.parts.shared';
+//# sourceMappingURL=tng-multi-select.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-select.parts.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/tng-multi-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. Multi-select uses same trigger/content/overlay infra.\n */\nexport {\n  TngSelectTrigger,\n  TngSelectValue,\n  TngSelectIcon,\n  TngSelectContent,\n} from '../_shared/select/tng-select.parts.shared';\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare class TngMultiselect {
+    protected readonly dataSlot: "multiselect";
+}
+//# sourceMappingURL=tng-multiselect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multiselect.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multiselect/tng-multiselect.ts"],"names":[],"mappings":"AAEA,qBAIa,cAAc;IAEzB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;CACtD"}

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

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding } from '@angular/core';
+let TngMultiselect = class TngMultiselect {
+    dataSlot = 'multiselect';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiselect.prototype, "dataSlot", void 0);
+TngMultiselect = __decorate([
+    Directive({
+        selector: '[tngMultiselect]',
+        exportAs: 'tngMultiselect',
+    })
+], TngMultiselect);
+export { TngMultiselect };
+//# sourceMappingURL=tng-multiselect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multiselect.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multiselect/tng-multiselect.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,cAAc,GAApB,MAAM,cAAc;IAEN,QAAQ,GAAG,aAAsB,CAAC;CACtD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;gDACuB;AAF1C,cAAc;IAJ1B,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,gBAAgB;KAC3B,CAAC;GACW,cAAc,CAG1B","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngMultiselect]',\n  exportAs: 'tngMultiselect',\n})\nexport class TngMultiselect {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'multiselect' as const;\n}\n"]}

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

@@ -0,0 +1,20 @@
+export declare function normalizeTngRadioStringValue(value: string | null | undefined): string | null;
+export declare class TngRadio {
+    readonly ariaDescribedBy: 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 name: import("@angular/core").InputSignal<string | null>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly value: import("@angular/core").InputSignal<string | null>;
+    protected readonly typeAttr: "radio";
+    protected get checkedProp(): boolean;
+    protected get ariaCheckedAttr(): 'false' | 'true';
+    protected get ariaDescribedByAttr(): string | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get disabledAttr(): '' | null;
+    protected get nameAttr(): string | null;
+    protected get requiredAttr(): '' | null;
+    protected get hostTypeAttr(): 'radio';
+    protected get valueAttr(): string | null;
+}
+//# sourceMappingURL=tng-radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-radio.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/radio/tng-radio.ts"],"names":[],"mappings":"AAEA,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAO5F;AAED,qBAIa,QAAQ;IACnB,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,qDAA8B;IACnD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,KAAK,WAAW,IAAI,OAAO,CAEnC;IAGD,SAAS,KAAK,eAAe,IAAI,OAAO,GAAG,MAAM,CAEhD;IAGD,SAAS,KAAK,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAEjD;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,OAAO,CAEpC;IAGD,SAAS,KAAK,SAAS,IAAI,MAAM,GAAG,IAAI,CAEvC;CACF"}

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

@@ -0,0 +1,86 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
+export function normalizeTngRadioStringValue(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+let TngRadio = class TngRadio {
+    ariaDescribedBy = input(null);
+    checked = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    name = input(null);
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    value = input(null);
+    typeAttr = 'radio';
+    get checkedProp() {
+        return this.checked();
+    }
+    get ariaCheckedAttr() {
+        return this.checked() ? 'true' : 'false';
+    }
+    get ariaDescribedByAttr() {
+        return normalizeTngRadioStringValue(this.ariaDescribedBy());
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get disabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get nameAttr() {
+        return normalizeTngRadioStringValue(this.name());
+    }
+    get requiredAttr() {
+        return this.required() ? '' : null;
+    }
+    get hostTypeAttr() {
+        return this.typeAttr;
+    }
+    get valueAttr() {
+        return normalizeTngRadioStringValue(this.value());
+    }
+};
+__decorate([
+    HostBinding('checked')
+], TngRadio.prototype, "checkedProp", null);
+__decorate([
+    HostBinding('attr.aria-checked')
+], TngRadio.prototype, "ariaCheckedAttr", null);
+__decorate([
+    HostBinding('attr.aria-describedby')
+], TngRadio.prototype, "ariaDescribedByAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngRadio.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.disabled')
+], TngRadio.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.name')
+], TngRadio.prototype, "nameAttr", null);
+__decorate([
+    HostBinding('attr.required')
+], TngRadio.prototype, "requiredAttr", null);
+__decorate([
+    HostBinding('attr.type')
+], TngRadio.prototype, "hostTypeAttr", null);
+__decorate([
+    HostBinding('attr.value')
+], TngRadio.prototype, "valueAttr", null);
+TngRadio = __decorate([
+    Directive({
+        selector: 'input[tngRadio]',
+        exportAs: 'tngRadio',
+    })
+], TngRadio);
+export { TngRadio };
+//# sourceMappingURL=tng-radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-radio.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/radio/tng-radio.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhF,MAAM,UAAU,4BAA4B,CAAC,KAAgC;IAC3E,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAChC,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAMM,IAAM,QAAQ,GAAd,MAAM,QAAQ;IACH,eAAe,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC7C,OAAO,GAAG,KAAK,CAA4B,KAAK,EAAE;QAChE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAClC,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAChC,QAAQ,GAAG,OAAgB,CAAC;IAG/C,IAAc,WAAW;QACvB,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC3C,CAAC;IAGD,IAAc,mBAAmB;QAC/B,OAAO,4BAA4B,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC9D,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,QAAQ;QACpB,OAAO,4BAA4B,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAGD,IAAc,SAAS;QACrB,OAAO,4BAA4B,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACpD,CAAC;CACF,CAAA;AA3CC;IADC,WAAW,CAAC,SAAS,CAAC;2CAGtB;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;+CAGhC;AAGD;IADC,WAAW,CAAC,uBAAuB,CAAC;mDAGpC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;gDAGjC;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;4CAG5B;AAGD;IADC,WAAW,CAAC,WAAW,CAAC;wCAGxB;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;4CAG5B;AAGD;IADC,WAAW,CAAC,WAAW,CAAC;4CAGxB;AAGD;IADC,WAAW,CAAC,YAAY,CAAC;yCAGzB;AA1DU,QAAQ;IAJpB,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,UAAU;KACrB,CAAC;GACW,QAAQ,CA2DpB","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\nexport function normalizeTngRadioStringValue(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\n@Directive({\n  selector: 'input[tngRadio]',\n  exportAs: 'tngRadio',\n})\nexport class TngRadio {\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly checked = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = input<string | null>(null);\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly value = input<string | null>(null);\n  protected readonly typeAttr = 'radio' as const;\n\n  @HostBinding('checked')\n  protected get checkedProp(): boolean {\n    return this.checked();\n  }\n\n  @HostBinding('attr.aria-checked')\n  protected get ariaCheckedAttr(): 'false' | 'true' {\n    return this.checked() ? 'true' : 'false';\n  }\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedByAttr(): string | null {\n    return normalizeTngRadioStringValue(this.ariaDescribedBy());\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.name')\n  protected get nameAttr(): string | null {\n    return normalizeTngRadioStringValue(this.name());\n  }\n\n  @HostBinding('attr.required')\n  protected get requiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.type')\n  protected get hostTypeAttr(): 'radio' {\n    return this.typeAttr;\n  }\n\n  @HostBinding('attr.value')\n  protected get valueAttr(): string | null {\n    return normalizeTngRadioStringValue(this.value());\n  }\n}\n"]}