@tailng-ui/primitives 0.1.0 → 0.12.0

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

@@ -1,4 +1,56 @@
-export declare class TngChips {
+import { OnInit } from '@angular/core';
+export declare class TngChips implements OnInit {
+    private readonly internalValues;
+    readonly values: import("@angular/core").InputSignal<readonly unknown[] | undefined>;
+    readonly defaultValues: import("@angular/core").InputSignal<readonly unknown[]>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly chipRemove: import("@angular/core").OutputEmitterRef<unknown>;
+    readonly valuesChange: import("@angular/core").OutputEmitterRef<readonly unknown[]>;
+    ngOnInit(): void;
+    isDisabled(): boolean;
+    removeValue(value: unknown): boolean;
+    private isControlled;
+    private resolveValues;
+    protected get ariaLabelAttr(): string | null;
+    protected get dataDisabledAttr(): '' | null;
     protected readonly dataSlot: "chips";
+    protected readonly role: "list";
+}
+export declare class TngChip {
+    private readonly chips;
+    readonly value: import("@angular/core").InputSignal<unknown>;
+    readonly label: import("@angular/core").InputSignal<string | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly removable: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly chipRemove: import("@angular/core").OutputEmitterRef<unknown>;
+    isDisabled(): boolean;
+    isRemovable(): boolean;
+    resolvedLabel(): string;
+    requestRemove(): boolean;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected get dataDisabledAttr(): '' | null;
+    protected readonly dataSlot: "chip";
+    protected get dataValueAttr(): string | null;
+    protected readonly role: "listitem";
+}
+export declare class TngChipRemove {
+    private readonly elementRef;
+    private readonly chip;
+    private readonly chips;
+    private focused;
+    private suppressNextClick;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    private isDisabled;
+    protected onClick(event: MouseEvent): void;
+    protected onFocusIn(): void;
+    protected onFocusOut(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected get ariaLabelAttr(): string;
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataFocusedAttr(): '' | null;
+    protected readonly dataSlot: "chip-remove";
+    protected get disabledAttr(): '' | null;
+    protected get typeAttr(): 'button' | null;
 }
 //# sourceMappingURL=tng-chips.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-chips.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/chips/tng-chips.ts"],"names":[],"mappings":"AAEA,qBAIa,QAAQ;IAEnB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;CAChD"}
+{"version":3,"file":"tng-chips.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/chips/tng-chips.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAMP,MAAM,eAAe,CAAC;AAoCvB,qBAKa,QAAS,YAAW,MAAM;IACrC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkC;IAEjE,SAAgB,MAAM,sEAEnB;IACH,SAAgB,aAAa,0DAE1B;IACH,SAAgB,QAAQ,8EAGrB;IACH,SAAgB,SAAS,qDAEtB;IAEH,SAAgB,UAAU,oDAAqB;IAC/C,SAAgB,YAAY,+DAAgC;IAErD,QAAQ,IAAI,IAAI;IAIhB,UAAU,IAAI,OAAO;IAIrB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;IAsB3C,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IASrB,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,MAAM,CAAU;CAC3C;AAED,qBAKa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwC;IAE9D,SAAgB,KAAK,+CAAmD;IACxE,SAAgB,KAAK,qDAAyD;IAC9E,SAAgB,QAAQ,8EAGrB;IACH,SAAgB,SAAS,8EAGtB;IAEH,SAAgB,UAAU,oDAAqB;IAExC,UAAU,IAAI,OAAO;IAIrB,WAAW,IAAI,OAAO;IAItB,aAAa,IAAI,MAAM;IAUvB,aAAa,IAAI,OAAO;IAY/B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAe/C,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,MAAM,CAAU;IAG9C,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAU;CAC/C;AAED,qBAKa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+C;IAC1E,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuC;IAC5D,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwC;IAE9D,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,iBAAiB,CAAS;IAElC,SAAgB,SAAS,qDAEtB;IAEH,OAAO,CAAC,UAAU;IAKlB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAkB1C,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,SAAS,CAAC,UAAU,IAAI,IAAI;IAK5B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAuB/C,SAAS,KAAK,aAAa,IAAI,MAAM,CAapC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAGrD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAExC;CACF"}

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

@@ -1,16 +1,299 @@
 import { __decorate } from "tslib";
-import { Directive, HostBinding } from '@angular/core';
+import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, output, signal, } from '@angular/core';
+function normalizeString(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+function normalizeValues(values) {
+    if (!Array.isArray(values) || values.length === 0) {
+        return [];
+    }
+    return [...values];
+}
+function toDataValue(value) {
+    if (value === null || value === undefined) {
+        return null;
+    }
+    return String(value);
+}
+function removeFirstOccurrence(values, target) {
+    const index = values.findIndex((item) => Object.is(item, target));
+    if (index < 0) {
+        return values;
+    }
+    return [...values.slice(0, index), ...values.slice(index + 1)];
+}
 let TngChips = class TngChips {
+    internalValues = signal([]);
+    values = input(undefined, {
+        alias: 'tngChipsValues',
+    });
+    defaultValues = input([], {
+        alias: 'tngChipsDefaultValues',
+    });
+    disabled = input(false, {
+        alias: 'tngChipsDisabled',
+        transform: booleanAttribute,
+    });
+    ariaLabel = input(null, {
+        alias: 'tngChipsAriaLabel',
+    });
+    chipRemove = output();
+    valuesChange = output();
+    ngOnInit() {
+        this.internalValues.set(normalizeValues(this.defaultValues()));
+    }
+    isDisabled() {
+        return this.disabled();
+    }
+    removeValue(value) {
+        if (this.disabled()) {
+            return false;
+        }
+        this.chipRemove.emit(value);
+        const currentValues = this.resolveValues();
+        const nextValues = removeFirstOccurrence(currentValues, value);
+        const changed = nextValues !== currentValues;
+        if (!changed) {
+            return true;
+        }
+        if (!this.isControlled()) {
+            this.internalValues.set(nextValues);
+        }
+        this.valuesChange.emit(nextValues);
+        return true;
+    }
+    isControlled() {
+        return this.values() !== undefined;
+    }
+    resolveValues() {
+        if (this.isControlled()) {
+            return normalizeValues(this.values());
+        }
+        return this.internalValues();
+    }
+    get ariaLabelAttr() {
+        return normalizeString(this.ariaLabel());
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
     dataSlot = 'chips';
+    role = 'list';
 };
+__decorate([
+    HostBinding('attr.aria-label')
+], TngChips.prototype, "ariaLabelAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngChips.prototype, "dataDisabledAttr", null);
 __decorate([
     HostBinding('attr.data-slot')
 ], TngChips.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.role')
+], TngChips.prototype, "role", void 0);
 TngChips = __decorate([
     Directive({
         selector: '[tngChips]',
         exportAs: 'tngChips',
+        standalone: true,
     })
 ], TngChips);
 export { TngChips };
+let TngChip = class TngChip {
+    chips = inject(TngChips, { optional: true });
+    value = input(null, { alias: 'tngChipValue' });
+    label = input(null, { alias: 'tngChipLabel' });
+    disabled = input(false, {
+        alias: 'tngChipDisabled',
+        transform: booleanAttribute,
+    });
+    removable = input(true, {
+        alias: 'tngChipRemovable',
+        transform: booleanAttribute,
+    });
+    chipRemove = output();
+    isDisabled() {
+        return this.disabled() || this.chips?.isDisabled() === true;
+    }
+    isRemovable() {
+        return this.removable() && !this.isDisabled();
+    }
+    resolvedLabel() {
+        const fromInput = normalizeString(this.label());
+        if (fromInput !== null) {
+            return fromInput;
+        }
+        const fromValue = toDataValue(this.value());
+        return normalizeString(fromValue) ?? 'item';
+    }
+    requestRemove() {
+        if (!this.isRemovable()) {
+            return false;
+        }
+        const chipValue = this.value();
+        this.chipRemove.emit(chipValue);
+        this.chips?.removeValue(chipValue);
+        return true;
+    }
+    onKeydown(event) {
+        if (event.key !== 'Delete' && event.key !== 'Backspace') {
+            return;
+        }
+        if (!this.isRemovable()) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        this.requestRemove();
+    }
+    get dataDisabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    dataSlot = 'chip';
+    get dataValueAttr() {
+        return toDataValue(this.value());
+    }
+    role = 'listitem';
+};
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngChip.prototype, "onKeydown", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngChip.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngChip.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-value')
+], TngChip.prototype, "dataValueAttr", null);
+__decorate([
+    HostBinding('attr.role')
+], TngChip.prototype, "role", void 0);
+TngChip = __decorate([
+    Directive({
+        selector: '[tngChip]',
+        exportAs: 'tngChip',
+        standalone: true,
+    })
+], TngChip);
+export { TngChip };
+let TngChipRemove = class TngChipRemove {
+    elementRef = inject(ElementRef);
+    chip = inject(TngChip, { optional: true });
+    chips = inject(TngChips, { optional: true });
+    focused = false;
+    suppressNextClick = false;
+    ariaLabel = input(null, {
+        alias: 'tngChipRemoveAriaLabel',
+    });
+    isDisabled() {
+        return this.chip?.isDisabled() === true || this.chips?.isDisabled() === true;
+    }
+    onClick(event) {
+        if (this.suppressNextClick) {
+            this.suppressNextClick = false;
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        if (this.isDisabled()) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.chip?.requestRemove();
+    }
+    onFocusIn() {
+        this.focused = true;
+    }
+    onFocusOut() {
+        this.focused = false;
+    }
+    onKeydown(event) {
+        if (event.key !== 'Enter' && event.key !== ' ') {
+            return;
+        }
+        if (this.isDisabled()) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        this.suppressNextClick = true;
+        setTimeout(() => {
+            this.suppressNextClick = false;
+        });
+        this.chip?.requestRemove();
+    }
+    get ariaLabelAttr() {
+        const explicit = normalizeString(this.ariaLabel());
+        if (explicit !== null) {
+            return explicit;
+        }
+        const hostDefined = normalizeString(this.elementRef.nativeElement.getAttribute('aria-label'));
+        if (hostDefined !== null) {
+            return hostDefined;
+        }
+        const label = this.chip?.resolvedLabel() ?? 'item';
+        return `Remove ${label}`;
+    }
+    get dataDisabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    get dataFocusedAttr() {
+        return this.focused ? '' : null;
+    }
+    dataSlot = 'chip-remove';
+    get disabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    get typeAttr() {
+        return this.elementRef.nativeElement.tagName === 'BUTTON' ? 'button' : null;
+    }
+};
+__decorate([
+    HostListener('click', ['$event'])
+], TngChipRemove.prototype, "onClick", null);
+__decorate([
+    HostListener('focusin')
+], TngChipRemove.prototype, "onFocusIn", null);
+__decorate([
+    HostListener('focusout')
+], TngChipRemove.prototype, "onFocusOut", null);
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngChipRemove.prototype, "onKeydown", null);
+__decorate([
+    HostBinding('attr.aria-label')
+], TngChipRemove.prototype, "ariaLabelAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngChipRemove.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-focused')
+], TngChipRemove.prototype, "dataFocusedAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngChipRemove.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.disabled')
+], TngChipRemove.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.type')
+], TngChipRemove.prototype, "typeAttr", null);
+TngChipRemove = __decorate([
+    Directive({
+        selector: '[tngChipRemove]',
+        exportAs: 'tngChipRemove',
+        standalone: true,
+    })
+], TngChipRemove);
+export { TngChipRemove };
 //# sourceMappingURL=tng-chips.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-chips.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/chips/tng-chips.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,QAAQ,GAAd,MAAM,QAAQ;IAEA,QAAQ,GAAG,OAAgB,CAAC;CAChD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;0CACiB;AAFpC,QAAQ;IAJpB,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,UAAU;KACrB,CAAC;GACW,QAAQ,CAGpB","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngChips]',\n  exportAs: 'tngChips',\n})\nexport class TngChips {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'chips' as const;\n}\n"]}
+{"version":3,"file":"tng-chips.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/chips/tng-chips.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  OnInit,\n  booleanAttribute,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nfunction normalizeString(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\nfunction normalizeValues(values: readonly unknown[] | null | undefined): readonly unknown[] {\n  if (!Array.isArray(values) || values.length === 0) {\n    return [];\n  }\n\n  return [...values];\n}\n\nfunction toDataValue(value: unknown): string | null {\n  if (value === null || value === undefined) {\n    return null;\n  }\n\n  return String(value);\n}\n\nfunction removeFirstOccurrence(values: readonly unknown[], target: unknown): readonly unknown[] {\n  const index = values.findIndex((item) => Object.is(item, target));\n  if (index < 0) {\n    return values;\n  }\n\n  return [...values.slice(0, index), ...values.slice(index + 1)];\n}\n\n@Directive({\n  selector: '[tngChips]',\n  exportAs: 'tngChips',\n  standalone: true,\n})\nexport class TngChips implements OnInit {\n  private readonly internalValues = signal<readonly unknown[]>([]);\n\n  public readonly values = input<readonly unknown[] | undefined>(undefined, {\n    alias: 'tngChipsValues',\n  });\n  public readonly defaultValues = input<readonly unknown[]>([], {\n    alias: 'tngChipsDefaultValues',\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    alias: 'tngChipsDisabled',\n    transform: booleanAttribute,\n  });\n  public readonly ariaLabel = input<string | null>(null, {\n    alias: 'tngChipsAriaLabel',\n  });\n\n  public readonly chipRemove = output<unknown>();\n  public readonly valuesChange = output<readonly unknown[]>();\n\n  public ngOnInit(): void {\n    this.internalValues.set(normalizeValues(this.defaultValues()));\n  }\n\n  public isDisabled(): boolean {\n    return this.disabled();\n  }\n\n  public removeValue(value: unknown): boolean {\n    if (this.disabled()) {\n      return false;\n    }\n\n    this.chipRemove.emit(value);\n\n    const currentValues = this.resolveValues();\n    const nextValues = removeFirstOccurrence(currentValues, value);\n    const changed = nextValues !== currentValues;\n    if (!changed) {\n      return true;\n    }\n\n    if (!this.isControlled()) {\n      this.internalValues.set(nextValues);\n    }\n\n    this.valuesChange.emit(nextValues);\n    return true;\n  }\n\n  private isControlled(): boolean {\n    return this.values() !== undefined;\n  }\n\n  private resolveValues(): readonly unknown[] {\n    if (this.isControlled()) {\n      return normalizeValues(this.values());\n    }\n\n    return this.internalValues();\n  }\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string | null {\n    return normalizeString(this.ariaLabel());\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 = 'chips' as const;\n\n  @HostBinding('attr.role')\n  protected readonly role = 'list' as const;\n}\n\n@Directive({\n  selector: '[tngChip]',\n  exportAs: 'tngChip',\n  standalone: true,\n})\nexport class TngChip {\n  private readonly chips = inject(TngChips, { optional: true });\n\n  public readonly value = input<unknown>(null, { alias: 'tngChipValue' });\n  public readonly label = input<string | null>(null, { alias: 'tngChipLabel' });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    alias: 'tngChipDisabled',\n    transform: booleanAttribute,\n  });\n  public readonly removable = input<boolean, boolean | string>(true, {\n    alias: 'tngChipRemovable',\n    transform: booleanAttribute,\n  });\n\n  public readonly chipRemove = output<unknown>();\n\n  public isDisabled(): boolean {\n    return this.disabled() || this.chips?.isDisabled() === true;\n  }\n\n  public isRemovable(): boolean {\n    return this.removable() && !this.isDisabled();\n  }\n\n  public resolvedLabel(): string {\n    const fromInput = normalizeString(this.label());\n    if (fromInput !== null) {\n      return fromInput;\n    }\n\n    const fromValue = toDataValue(this.value());\n    return normalizeString(fromValue) ?? 'item';\n  }\n\n  public requestRemove(): boolean {\n    if (!this.isRemovable()) {\n      return false;\n    }\n\n    const chipValue = this.value();\n    this.chipRemove.emit(chipValue);\n    this.chips?.removeValue(chipValue);\n    return true;\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Delete' && event.key !== 'Backspace') {\n      return;\n    }\n\n    if (!this.isRemovable()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.requestRemove();\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'chip' as const;\n\n  @HostBinding('attr.data-value')\n  protected get dataValueAttr(): string | null {\n    return toDataValue(this.value());\n  }\n\n  @HostBinding('attr.role')\n  protected readonly role = 'listitem' as const;\n}\n\n@Directive({\n  selector: '[tngChipRemove]',\n  exportAs: 'tngChipRemove',\n  standalone: true,\n})\nexport class TngChipRemove {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly chip = inject(TngChip, { optional: true });\n  private readonly chips = inject(TngChips, { optional: true });\n\n  private focused = false;\n  private suppressNextClick = false;\n\n  public readonly ariaLabel = input<string | null>(null, {\n    alias: 'tngChipRemoveAriaLabel',\n  });\n\n  private isDisabled(): boolean {\n    return this.chip?.isDisabled() === true || this.chips?.isDisabled() === true;\n  }\n\n  @HostListener('click', ['$event'])\n  protected onClick(event: MouseEvent): void {\n    if (this.suppressNextClick) {\n      this.suppressNextClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (this.isDisabled()) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.chip?.requestRemove();\n  }\n\n  @HostListener('focusin')\n  protected onFocusIn(): void {\n    this.focused = true;\n  }\n\n  @HostListener('focusout')\n  protected onFocusOut(): void {\n    this.focused = false;\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Enter' && event.key !== ' ') {\n      return;\n    }\n\n    if (this.isDisabled()) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.suppressNextClick = true;\n    setTimeout(() => {\n      this.suppressNextClick = false;\n    });\n\n    this.chip?.requestRemove();\n  }\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string {\n    const explicit = normalizeString(this.ariaLabel());\n    if (explicit !== null) {\n      return explicit;\n    }\n\n    const hostDefined = normalizeString(this.elementRef.nativeElement.getAttribute('aria-label'));\n    if (hostDefined !== null) {\n      return hostDefined;\n    }\n\n    const label = this.chip?.resolvedLabel() ?? 'item';\n    return `Remove ${label}`;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-focused')\n  protected get dataFocusedAttr(): '' | null {\n    return this.focused ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'chip-remove' as const;\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.type')\n  protected get typeAttr(): 'button' | null {\n    return this.elementRef.nativeElement.tagName === 'BUTTON' ? 'button' : null;\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"tng-combobox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/combobox/tng-combobox.ts"],"names":[],"mappings":"AAEA,qBAIa,WAAW;IAEtB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,UAAU,CAAU;CACnD"}
+{"version":3,"file":"tng-combobox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/combobox/tng-combobox.ts"],"names":[],"mappings":"AAEA,qBAKa,WAAW;IAEtB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,UAAU,CAAU;CACnD"}

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

@@ -10,6 +10,7 @@ TngCombobox = __decorate([
     Directive({
         selector: '[tngCombobox]',
         exportAs: 'tngCombobox',
+        standalone: true,
     })
 ], TngCombobox);
 export { TngCombobox };

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

@@ -1 +1 @@
-{"version":3,"file":"tng-combobox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/combobox/tng-combobox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,WAAW,GAAjB,MAAM,WAAW;IAEH,QAAQ,GAAG,UAAmB,CAAC;CACnD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;6CACoB;AAFvC,WAAW;IAJvB,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACW,WAAW,CAGvB","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngCombobox]',\n  exportAs: 'tngCombobox',\n})\nexport class TngCombobox {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'combobox' as const;\n}\n"]}
+{"version":3,"file":"tng-combobox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/combobox/tng-combobox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAOhD,IAAM,WAAW,GAAjB,MAAM,WAAW;IAEH,QAAQ,GAAG,UAAmB,CAAC;CACnD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;6CACoB;AAFvC,WAAW;IALvB,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,WAAW,CAGvB","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngCombobox]',\n  exportAs: 'tngCombobox',\n  standalone: true,\n})\nexport class TngCombobox {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'combobox' as const;\n}\n"]}

package/src/lib/form/input-otp/tng-input-otp.d.ts

@@ -1,7 +1,29 @@
 export declare function normalizeTngOtpLength(value: number): number;
+export type TngOtpCompletionState = 'complete' | 'empty' | 'partial';
+export declare function normalizeTngOtpValue(value: unknown): string;
+export declare function clampTngOtpValue(value: string, length: number): string;
+export declare function resolveTngOtpState(length: number, value: string): TngOtpCompletionState;
 export declare class TngInputOtp {
     readonly length: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly focused: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly focusVisible: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly activeIndex: import("@angular/core").InputSignal<number | null>;
     protected readonly dataSlot: "input-otp";
     protected readonly roleAttr: "group";
+    protected get dataEmptyAttr(): '' | null;
+    protected get dataPartialAttr(): '' | null;
+    protected get dataCompleteAttr(): '' | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataReadonlyAttr(): '' | null;
+    protected get dataRequiredAttr(): '' | null;
+    protected get dataInvalidAttr(): '' | null;
+    protected get dataFocusedAttr(): '' | null;
+    protected get dataFocusVisibleAttr(): '' | null;
+    protected get dataActiveAttr(): string | null;
 }
 //# sourceMappingURL=tng-input-otp.d.ts.map

package/src/lib/form/input-otp/tng-input-otp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-input-otp.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input-otp/tng-input-otp.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAW3D;AAED,qBAIa,WAAW;IACtB,SAAgB,MAAM,4EAGnB;IAGH,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,WAAW,CAAU;IAGnD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;CAChD"}
+{"version":3,"file":"tng-input-otp.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input-otp/tng-input-otp.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAW3D;AAED,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AAErE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAM3D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,qBAAqB,CASvF;AAED,qBAKa,WAAW;IACtB,SAAgB,MAAM,4EAGnB;IACH,SAAgB,KAAK,8CAAqB;IAC1C,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,YAAY,8EAEzB;IACH,SAAgB,WAAW,qDAA8B;IAGzD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,WAAW,CAAU;IAGnD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,KAAK,aAAa,IAAI,EAAE,GAAG,IAAI,CAEvC;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,oBAAoB,IAAI,EAAE,GAAG,IAAI,CAE9C;IAGD,SAAS,KAAK,cAAc,IAAI,MAAM,GAAG,IAAI,CAW5C;CACF"}

package/src/lib/form/input-otp/tng-input-otp.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { Directive, HostBinding, input } from '@angular/core';
+import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
 export function normalizeTngOtpLength(value) {
     if (!Number.isFinite(value)) {
         return 6;
@@ -10,12 +10,86 @@ export function normalizeTngOtpLength(value) {
     }
     return rounded > 12 ? 12 : rounded;
 }
+export function normalizeTngOtpValue(value) {
+    if (typeof value !== 'string') {
+        return '';
+    }
+    return value;
+}
+export function clampTngOtpValue(value, length) {
+    return Array.from(value).slice(0, length).join('');
+}
+export function resolveTngOtpState(length, value) {
+    const normalizedLength = normalizeTngOtpLength(length);
+    const clampedValue = clampTngOtpValue(normalizeTngOtpValue(value), normalizedLength);
+    if (clampedValue.length === 0) {
+        return 'empty';
+    }
+    return clampedValue.length >= normalizedLength ? 'complete' : 'partial';
+}
 let TngInputOtp = class TngInputOtp {
     length = input(6, {
         transform: (value) => normalizeTngOtpLength(typeof value === 'number' ? value : Number(value)),
     });
+    value = input('');
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    readonly = input(false, {
+        transform: booleanAttribute,
+    });
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    invalid = input(false, {
+        transform: booleanAttribute,
+    });
+    focused = input(false, {
+        transform: booleanAttribute,
+    });
+    focusVisible = input(false, {
+        transform: booleanAttribute,
+    });
+    activeIndex = input(null);
     dataSlot = 'input-otp';
     roleAttr = 'group';
+    get dataEmptyAttr() {
+        return resolveTngOtpState(this.length(), this.value()) === 'empty' ? '' : null;
+    }
+    get dataPartialAttr() {
+        return resolveTngOtpState(this.length(), this.value()) === 'partial' ? '' : null;
+    }
+    get dataCompleteAttr() {
+        return resolveTngOtpState(this.length(), this.value()) === 'complete' ? '' : null;
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get dataReadonlyAttr() {
+        return this.readonly() ? '' : null;
+    }
+    get dataRequiredAttr() {
+        return this.required() ? '' : null;
+    }
+    get dataInvalidAttr() {
+        return this.invalid() ? '' : null;
+    }
+    get dataFocusedAttr() {
+        return this.focused() ? '' : null;
+    }
+    get dataFocusVisibleAttr() {
+        return this.focusVisible() ? '' : null;
+    }
+    get dataActiveAttr() {
+        const index = this.activeIndex();
+        if (typeof index !== 'number' || !Number.isFinite(index)) {
+            return null;
+        }
+        if (index < 0 || index >= this.length()) {
+            return null;
+        }
+        return String(index);
+    }
 };
 __decorate([
     HostBinding('attr.data-slot')
@@ -23,10 +97,41 @@ __decorate([
 __decorate([
     HostBinding('attr.role')
 ], TngInputOtp.prototype, "roleAttr", void 0);
+__decorate([
+    HostBinding('attr.data-empty')
+], TngInputOtp.prototype, "dataEmptyAttr", null);
+__decorate([
+    HostBinding('attr.data-partial')
+], TngInputOtp.prototype, "dataPartialAttr", null);
+__decorate([
+    HostBinding('attr.data-complete')
+], TngInputOtp.prototype, "dataCompleteAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngInputOtp.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-readonly')
+], TngInputOtp.prototype, "dataReadonlyAttr", null);
+__decorate([
+    HostBinding('attr.data-required')
+], TngInputOtp.prototype, "dataRequiredAttr", null);
+__decorate([
+    HostBinding('attr.data-invalid')
+], TngInputOtp.prototype, "dataInvalidAttr", null);
+__decorate([
+    HostBinding('attr.data-focused')
+], TngInputOtp.prototype, "dataFocusedAttr", null);
+__decorate([
+    HostBinding('attr.data-focus-visible')
+], TngInputOtp.prototype, "dataFocusVisibleAttr", null);
+__decorate([
+    HostBinding('attr.data-active')
+], TngInputOtp.prototype, "dataActiveAttr", null);
 TngInputOtp = __decorate([
     Directive({
         selector: '[tngInputOtp]',
         exportAs: 'tngInputOtp',
+        standalone: true,
     })
 ], TngInputOtp);
 export { TngInputOtp };

package/src/lib/form/input-otp/tng-input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-input-otp.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input-otp/tng-input-otp.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,KAAa;IACjD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;AACrC,CAAC;AAMM,IAAM,WAAW,GAAjB,MAAM,WAAW;IACN,MAAM,GAAG,KAAK,CAA0B,CAAC,EAAE;QACzD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,qBAAqB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC3E,CAAC,CAAC;IAGgB,QAAQ,GAAG,WAAoB,CAAC;IAGhC,QAAQ,GAAG,OAAgB,CAAC;CAChD,CAAA;AAJoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;6CACqB;AAGhC;IADlB,WAAW,CAAC,WAAW,CAAC;6CACsB;AAVpC,WAAW;IAJvB,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACW,WAAW,CAWvB","sourcesContent":["import { Directive, HostBinding, input } from '@angular/core';\n\nexport function normalizeTngOtpLength(value: number): number {\n  if (!Number.isFinite(value)) {\n    return 6;\n  }\n\n  const rounded = Math.trunc(value);\n  if (rounded < 1) {\n    return 1;\n  }\n\n  return rounded > 12 ? 12 : rounded;\n}\n\n@Directive({\n  selector: '[tngInputOtp]',\n  exportAs: 'tngInputOtp',\n})\nexport class TngInputOtp {\n  public readonly length = input<number, number | string>(6, {\n    transform: (value: number | string): number =>\n      normalizeTngOtpLength(typeof value === 'number' ? value : Number(value)),\n  });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input-otp' as const;\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'group' as const;\n}\n"]}
+{"version":3,"file":"tng-input-otp.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input-otp/tng-input-otp.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\nexport function normalizeTngOtpLength(value: number): number {\n  if (!Number.isFinite(value)) {\n    return 6;\n  }\n\n  const rounded = Math.trunc(value);\n  if (rounded < 1) {\n    return 1;\n  }\n\n  return rounded > 12 ? 12 : rounded;\n}\n\nexport type TngOtpCompletionState = 'complete' | 'empty' | 'partial';\n\nexport function normalizeTngOtpValue(value: unknown): string {\n  if (typeof value !== 'string') {\n    return '';\n  }\n\n  return value;\n}\n\nexport function clampTngOtpValue(value: string, length: number): string {\n  return Array.from(value).slice(0, length).join('');\n}\n\nexport function resolveTngOtpState(length: number, value: string): TngOtpCompletionState {\n  const normalizedLength = normalizeTngOtpLength(length);\n  const clampedValue = clampTngOtpValue(normalizeTngOtpValue(value), normalizedLength);\n\n  if (clampedValue.length === 0) {\n    return 'empty';\n  }\n\n  return clampedValue.length >= normalizedLength ? 'complete' : 'partial';\n}\n\n@Directive({\n  selector: '[tngInputOtp]',\n  exportAs: 'tngInputOtp',\n  standalone: true,\n})\nexport class TngInputOtp {\n  public readonly length = input<number, number | string>(6, {\n    transform: (value: number | string): number =>\n      normalizeTngOtpLength(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<string>('');\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly readonly = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly invalid = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly focused = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly focusVisible = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly activeIndex = input<number | null>(null);\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input-otp' as const;\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'group' as const;\n\n  @HostBinding('attr.data-empty')\n  protected get dataEmptyAttr(): '' | null {\n    return resolveTngOtpState(this.length(), this.value()) === 'empty' ? '' : null;\n  }\n\n  @HostBinding('attr.data-partial')\n  protected get dataPartialAttr(): '' | null {\n    return resolveTngOtpState(this.length(), this.value()) === 'partial' ? '' : null;\n  }\n\n  @HostBinding('attr.data-complete')\n  protected get dataCompleteAttr(): '' | null {\n    return resolveTngOtpState(this.length(), this.value()) === 'complete' ? '' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-readonly')\n  protected get dataReadonlyAttr(): '' | null {\n    return this.readonly() ? '' : null;\n  }\n\n  @HostBinding('attr.data-required')\n  protected get dataRequiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalidAttr(): '' | null {\n    return this.invalid() ? '' : null;\n  }\n\n  @HostBinding('attr.data-focused')\n  protected get dataFocusedAttr(): '' | null {\n    return this.focused() ? '' : null;\n  }\n\n  @HostBinding('attr.data-focus-visible')\n  protected get dataFocusVisibleAttr(): '' | null {\n    return this.focusVisible() ? '' : null;\n  }\n\n  @HostBinding('attr.data-active')\n  protected get dataActiveAttr(): string | null {\n    const index = this.activeIndex();\n    if (typeof index !== 'number' || !Number.isFinite(index)) {\n      return null;\n    }\n\n    if (index < 0 || index >= this.length()) {\n      return null;\n    }\n\n    return String(index);\n  }\n}\n"]}

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

@@ -1,6 +1,8 @@
 export declare class TngLabel {
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     protected get dataDisabledAttr(): '' | null;
+    protected get dataRequiredAttr(): '' | null;
     protected readonly dataSlot: "label";
 }
 //# sourceMappingURL=tng-label.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-label.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/label/tng-label.ts"],"names":[],"mappings":"AAEA,qBAIa,QAAQ;IACnB,SAAgB,QAAQ,8EAErB;IAGH,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;CAChD"}
+{"version":3,"file":"tng-label.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/label/tng-label.ts"],"names":[],"mappings":"AAEA,qBAKa,QAAQ;IACnB,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IAGH,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;CAChD"}