@tailng-ui/primitives 0.1.0

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

@@ -0,0 +1,87 @@
+import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
+type NullableBooleanInput = boolean | null | string | undefined;
+export type TngInputType = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
+export declare function coerceTngInputNullableBoolean(value: NullableBooleanInput): boolean | null;
+export declare class TngInput {
+    private readonly elementRef;
+    private readonly idService;
+    readonly hostElement: any;
+    private readonly initialAriaLabel;
+    private readonly initialAriaLabelledby;
+    private readonly initialAriaDescribedBy;
+    private readonly generatedId;
+    /** Canonical API for aria-describedby (whitespace normalized). */
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+    /** If non-null, this value overrides native validity in `isInvalid()`. */
+    readonly ariaInvalid: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly ariaRequired: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    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>;
+    protected readonly dataSlot: "input";
+    protected get idAttr(): string;
+    protected get ariaLabelAttr(): string | null;
+    protected get ariaLabelledbyAttr(): string | null;
+    /**
+     * If the consumer provided a native `aria-describedby` and the input is not set,
+     * preserve it (do not clobber).
+     */
+    protected get ariaDescribedByAttr(): string | null;
+    /**
+     * Omit `aria-invalid` unless invalid. (Avoids noisy aria-invalid="false" and
+     * makes unit tests + bindings more stable.)
+     */
+    protected get ariaInvalidAttr(): 'true' | null;
+    protected get ariaRequiredAttr(): 'false' | 'true' | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataInvalidAttr(): '' | null;
+    protected get dataReadonlyAttr(): '' | null;
+    protected get disabledAttr(): '' | null;
+    protected get readonlyAttr(): '' | null;
+    protected get requiredAttr(): '' | null;
+    isInvalid(): boolean;
+}
+export declare class TngInputLeading {
+    readonly hostElement: any;
+    protected readonly dataSlot: "input-leading";
+}
+export declare class TngInputTrailing {
+    readonly hostElement: any;
+    protected readonly dataSlot: "input-trailing";
+}
+export declare class TngInputGroup implements AfterContentInit, OnDestroy {
+    readonly hasLeading: import("@angular/core").InputSignal<boolean | null>;
+    readonly hasTrailing: import("@angular/core").InputSignal<boolean | null>;
+    readonly disabled: import("@angular/core").InputSignal<boolean | null>;
+    readonly invalid: import("@angular/core").InputSignal<boolean | null>;
+    readonly readonly: import("@angular/core").InputSignal<boolean | null>;
+    readonly controlCount: import("@angular/core").InputSignal<number | null>;
+    protected controls: QueryList<TngInput>;
+    protected leadingSlots: QueryList<TngInputLeading>;
+    protected trailingSlots: QueryList<TngInputTrailing>;
+    private readonly hostElement;
+    private focused;
+    private readonly destroyed$;
+    private validateSingleControl;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    protected readonly dataSlot: "input-group";
+    protected get dataHasLeading(): '' | null;
+    protected get dataHasTrailing(): '' | null;
+    protected get dataDisabled(): '' | null;
+    protected get dataInvalid(): '' | null;
+    protected get dataReadonly(): '' | null;
+    protected get dataFocused(): '' | null;
+    protected onFocusIn(): void;
+    protected onFocusOut(event: FocusEvent): void;
+    protected hasLeadingSlot(): boolean;
+    protected hasTrailingSlot(): boolean;
+    protected effectiveHasLeading(): boolean;
+    protected effectiveHasTrailing(): boolean;
+    protected primaryControl(): TngInput | null;
+    protected primaryControlElement(): HTMLInputElement | HTMLTextAreaElement | null;
+}
+export {};
+//# sourceMappingURL=tng-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-input.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,393 @@
+import { __decorate } from "tslib";
+import { Component, ContentChildren, Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, isDevMode, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { TngUniqueIdService } from '../_shared/id';
+export function coerceTngInputNullableBoolean(value) {
+    if (value === undefined || value === null)
+        return null;
+    if (value === '' || value === true || value === 'true')
+        return true;
+    if (value === false || value === 'false')
+        return false;
+    return null;
+}
+function normalizeStringValue(value) {
+    if (value === undefined || value === null)
+        return null;
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+function toAriaBoolean(value) {
+    if (value === null)
+        return null;
+    return value ? 'true' : 'false';
+}
+function hasProjectedContent(element) {
+    return Array.from(element.childNodes).some((node) => {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            return true;
+        }
+        if (node.nodeType === Node.TEXT_NODE) {
+            return (node.textContent ?? '').trim().length > 0;
+        }
+        return false;
+    });
+}
+let TngInput = class TngInput {
+    elementRef = inject((ElementRef));
+    idService = inject(TngUniqueIdService);
+    hostElement = this.elementRef.nativeElement;
+    initialAriaLabel = normalizeStringValue(this.hostElement.getAttribute('aria-label'));
+    initialAriaLabelledby = normalizeStringValue(this.hostElement.getAttribute('aria-labelledby'));
+    initialAriaDescribedBy = normalizeStringValue(this.hostElement.getAttribute('aria-describedby'));
+    generatedId = this.idService.nextId('tng-input');
+    /** Canonical API for aria-describedby (whitespace normalized). */
+    ariaDescribedBy = input(null);
+    ariaLabel = input(null);
+    ariaLabelledby = input(null);
+    /** If non-null, this value overrides native validity in `isInvalid()`. */
+    ariaInvalid = input(null, {
+        transform: coerceTngInputNullableBoolean,
+    });
+    ariaRequired = input(null, {
+        transform: coerceTngInputNullableBoolean,
+    });
+    disabled = input(false, { transform: booleanAttribute });
+    readonly = input(false, { transform: booleanAttribute });
+    required = input(false, { transform: booleanAttribute });
+    dataSlot = 'input';
+    get idAttr() {
+        const nativeId = normalizeStringValue(this.hostElement.getAttribute('id'));
+        return nativeId ?? this.generatedId;
+    }
+    get ariaLabelAttr() {
+        const provided = normalizeStringValue(this.ariaLabel());
+        if (provided !== null)
+            return provided;
+        return this.initialAriaLabel;
+    }
+    get ariaLabelledbyAttr() {
+        const provided = normalizeStringValue(this.ariaLabelledby());
+        if (provided !== null)
+            return provided;
+        return this.initialAriaLabelledby;
+    }
+    /**
+     * If the consumer provided a native `aria-describedby` and the input is not set,
+     * preserve it (do not clobber).
+     */
+    get ariaDescribedByAttr() {
+        const provided = normalizeStringValue(this.ariaDescribedBy());
+        if (provided !== null)
+            return provided;
+        return this.initialAriaDescribedBy;
+    }
+    /**
+     * Omit `aria-invalid` unless invalid. (Avoids noisy aria-invalid="false" and
+     * makes unit tests + bindings more stable.)
+     */
+    get ariaInvalidAttr() {
+        return this.isInvalid() ? 'true' : null;
+    }
+    get ariaRequiredAttr() {
+        if (this.required())
+            return 'true';
+        return toAriaBoolean(this.ariaRequired());
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get dataInvalidAttr() {
+        return this.isInvalid() ? '' : null;
+    }
+    get dataReadonlyAttr() {
+        return this.readonly() ? '' : null;
+    }
+    get disabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get readonlyAttr() {
+        return this.readonly() ? '' : null;
+    }
+    get requiredAttr() {
+        return this.required() ? '' : null;
+    }
+    isInvalid() {
+        const override = this.ariaInvalid();
+        if (override !== null)
+            return override;
+        // jsdom may not fully implement validity; this is still correct for browsers.
+        return this.hostElement.matches(':invalid');
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngInput.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.id')
+], TngInput.prototype, "idAttr", null);
+__decorate([
+    HostBinding('attr.aria-label')
+], TngInput.prototype, "ariaLabelAttr", null);
+__decorate([
+    HostBinding('attr.aria-labelledby')
+], TngInput.prototype, "ariaLabelledbyAttr", null);
+__decorate([
+    HostBinding('attr.aria-describedby')
+], TngInput.prototype, "ariaDescribedByAttr", null);
+__decorate([
+    HostBinding('attr.aria-invalid')
+], TngInput.prototype, "ariaInvalidAttr", null);
+__decorate([
+    HostBinding('attr.aria-required')
+], TngInput.prototype, "ariaRequiredAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngInput.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-invalid')
+], TngInput.prototype, "dataInvalidAttr", null);
+__decorate([
+    HostBinding('attr.data-readonly')
+], TngInput.prototype, "dataReadonlyAttr", null);
+__decorate([
+    HostBinding('attr.disabled')
+], TngInput.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.readonly')
+], TngInput.prototype, "readonlyAttr", null);
+__decorate([
+    HostBinding('attr.required')
+], TngInput.prototype, "requiredAttr", null);
+TngInput = __decorate([
+    Directive({
+        selector: 'input[tngInput], textarea[tngInput]',
+        exportAs: 'tngInput',
+        standalone: true,
+    })
+], TngInput);
+export { TngInput };
+let TngInputLeading = class TngInputLeading {
+    hostElement = inject((ElementRef)).nativeElement;
+    dataSlot = 'input-leading';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngInputLeading.prototype, "dataSlot", void 0);
+TngInputLeading = __decorate([
+    Directive({
+        selector: '[tngInputLeading]',
+        exportAs: 'tngInputLeading',
+        standalone: true,
+    })
+], TngInputLeading);
+export { TngInputLeading };
+let TngInputTrailing = class TngInputTrailing {
+    hostElement = inject((ElementRef)).nativeElement;
+    dataSlot = 'input-trailing';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngInputTrailing.prototype, "dataSlot", void 0);
+TngInputTrailing = __decorate([
+    Directive({
+        selector: '[tngInputTrailing]',
+        exportAs: 'tngInputTrailing',
+        standalone: true,
+    })
+], TngInputTrailing);
+export { TngInputTrailing };
+let TngInputGroup = class TngInputGroup {
+    hasLeading = input(null);
+    hasTrailing = input(null);
+    disabled = input(null);
+    invalid = input(null);
+    readonly = input(null);
+    controlCount = input(null);
+    controls;
+    leadingSlots;
+    trailingSlots;
+    hostElement = inject((ElementRef)).nativeElement;
+    focused = false;
+    destroyed$ = new Subject();
+    validateSingleControl() {
+        if (!isDevMode())
+            return;
+        if (!this.controls)
+            return;
+        const queriedCount = this.controls.length;
+        const domCount = this.hostElement.querySelectorAll('[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]').length;
+        const count = this.controlCount() ?? (queriedCount > 0 ? queriedCount : domCount);
+        if (count !== 1) {
+            console.warn(`[tngInputGroup] Expected exactly 1 control (input/textarea with tngInput), but found ${count}.`, this.hostElement);
+        }
+    }
+    ngAfterContentInit() {
+        queueMicrotask(() => this.validateSingleControl());
+        this.controls.changes
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(() => this.validateSingleControl());
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.destroyed$.complete();
+    }
+    dataSlot = 'input-group';
+    get dataHasLeading() {
+        return this.effectiveHasLeading() ? '' : null;
+    }
+    get dataHasTrailing() {
+        return this.effectiveHasTrailing() ? '' : null;
+    }
+    get dataDisabled() {
+        const override = this.disabled();
+        if (override !== null)
+            return override ? '' : null;
+        const control = this.primaryControl();
+        if (control !== null)
+            return control.disabled() ? '' : null;
+        const element = this.primaryControlElement();
+        if (element === null)
+            return null;
+        return element.hasAttribute('disabled') ? '' : null;
+    }
+    get dataInvalid() {
+        const override = this.invalid();
+        if (override !== null)
+            return override ? '' : null;
+        const control = this.primaryControl();
+        if (control !== null)
+            return control.isInvalid() ? '' : null;
+        const element = this.primaryControlElement();
+        if (element === null)
+            return null;
+        if (element.getAttribute('aria-invalid') === 'true')
+            return '';
+        return element.matches(':invalid') ? '' : null;
+    }
+    get dataReadonly() {
+        const override = this.readonly();
+        if (override !== null)
+            return override ? '' : null;
+        const control = this.primaryControl();
+        if (control !== null)
+            return control.readonly() ? '' : null;
+        const element = this.primaryControlElement();
+        if (element === null)
+            return null;
+        return element.hasAttribute('readonly') ? '' : null;
+    }
+    get dataFocused() {
+        return this.focused ? '' : null;
+    }
+    onFocusIn() {
+        this.focused = true;
+    }
+    onFocusOut(event) {
+        const nextTarget = event.relatedTarget;
+        if (nextTarget instanceof Node && this.hostElement.contains(nextTarget))
+            return;
+        this.focused = false;
+    }
+    hasLeadingSlot() {
+        const proxy = this.hostElement.querySelector('[data-tng-input-leading-proxy]');
+        if (proxy instanceof HTMLElement)
+            return hasProjectedContent(proxy);
+        const slots = this.leadingSlots?.toArray() ?? [];
+        return slots.some((slot) => hasProjectedContent(slot.hostElement));
+    }
+    hasTrailingSlot() {
+        const proxy = this.hostElement.querySelector('[data-tng-input-trailing-proxy]');
+        if (proxy instanceof HTMLElement)
+            return hasProjectedContent(proxy);
+        const slots = this.trailingSlots?.toArray() ?? [];
+        return slots.some((slot) => hasProjectedContent(slot.hostElement));
+    }
+    effectiveHasLeading() {
+        const override = this.hasLeading();
+        if (override !== null)
+            return override;
+        return this.hasLeadingSlot();
+    }
+    effectiveHasTrailing() {
+        const override = this.hasTrailing();
+        if (override !== null)
+            return override;
+        return this.hasTrailingSlot();
+    }
+    primaryControl() {
+        const controls = this.controls?.toArray() ?? [];
+        return controls[0] ?? null;
+    }
+    primaryControlElement() {
+        const element = this.hostElement.querySelector('[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]');
+        if (element instanceof HTMLInputElement ||
+            element instanceof HTMLTextAreaElement) {
+            return element;
+        }
+        return null;
+    }
+};
+__decorate([
+    ContentChildren(TngInput, { descendants: true })
+], TngInputGroup.prototype, "controls", void 0);
+__decorate([
+    ContentChildren(TngInputLeading, { descendants: true })
+], TngInputGroup.prototype, "leadingSlots", void 0);
+__decorate([
+    ContentChildren(TngInputTrailing, { descendants: true })
+], TngInputGroup.prototype, "trailingSlots", void 0);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngInputGroup.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-has-leading')
+], TngInputGroup.prototype, "dataHasLeading", null);
+__decorate([
+    HostBinding('attr.data-has-trailing')
+], TngInputGroup.prototype, "dataHasTrailing", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngInputGroup.prototype, "dataDisabled", null);
+__decorate([
+    HostBinding('attr.data-invalid')
+], TngInputGroup.prototype, "dataInvalid", null);
+__decorate([
+    HostBinding('attr.data-readonly')
+], TngInputGroup.prototype, "dataReadonly", null);
+__decorate([
+    HostBinding('attr.data-focused')
+], TngInputGroup.prototype, "dataFocused", null);
+__decorate([
+    HostListener('focusin')
+], TngInputGroup.prototype, "onFocusIn", null);
+__decorate([
+    HostListener('focusout', ['$event'])
+], TngInputGroup.prototype, "onFocusOut", null);
+TngInputGroup = __decorate([
+    Component({
+        selector: 'tng-input-group, [tngInputGroup]',
+        exportAs: 'tngInputGroup',
+        standalone: true,
+        template: `
+    @if (hasLeadingSlot()) {
+      <span class="tng-input-group-leading" data-slot="input-group-leading">
+        <ng-content select="[tngInputLeading], [data-tng-input-leading-proxy]"></ng-content>
+      </span>
+    }
+
+    <span class="tng-input-group-control" data-slot="input-group-control">
+      <ng-content select="input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]"></ng-content>
+    </span>
+
+    @if (hasTrailingSlot()) {
+      <span class="tng-input-group-trailing" data-slot="input-group-trailing">
+        <ng-content select="[tngInputTrailing], [data-tng-input-trailing-proxy]"></ng-content>
+      </span>
+    }
+  `,
+    })
+], TngInputGroup);
+export { TngInputGroup };
+//# sourceMappingURL=tng-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-input.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  OnDestroy,\n  QueryList,\n  booleanAttribute,\n  inject,\n  input,\n  isDevMode,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { TngUniqueIdService } from '../_shared/id';\n\ntype NullableBooleanInput = boolean | null | string | undefined;\n\nexport type TngInputType = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';\n\nexport function coerceTngInputNullableBoolean(value: NullableBooleanInput): boolean | null {\n  if (value === undefined || value === null) return null;\n\n  if (value === '' || value === true || value === 'true') return true;\n\n  if (value === false || value === 'false') return false;\n\n  return null;\n}\n\nfunction normalizeStringValue(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) return null;\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\nfunction toAriaBoolean(value: boolean | null): 'false' | 'true' | null {\n  if (value === null) return null;\n  return value ? 'true' : 'false';\n}\n\nfunction hasProjectedContent(element: HTMLElement): boolean {\n  return Array.from(element.childNodes).some((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent ?? '').trim().length > 0;\n    }\n\n    return false;\n  });\n}\n\n@Directive({\n  selector: 'input[tngInput], textarea[tngInput]',\n  exportAs: 'tngInput',\n  standalone: true,\n})\nexport class TngInput {\n  private readonly elementRef = inject(ElementRef<HTMLInputElement | HTMLTextAreaElement>);\n  private readonly idService = inject(TngUniqueIdService);\n\n  public readonly hostElement = this.elementRef.nativeElement;\n  private readonly initialAriaLabel = normalizeStringValue(this.hostElement.getAttribute('aria-label'));\n  private readonly initialAriaLabelledby = normalizeStringValue(this.hostElement.getAttribute('aria-labelledby'));\n  private readonly initialAriaDescribedBy = normalizeStringValue(\n    this.hostElement.getAttribute('aria-describedby'),\n  );\n\n  private readonly generatedId = this.idService.nextId('tng-input');\n\n  /** Canonical API for aria-describedby (whitespace normalized). */\n  public readonly ariaDescribedBy = input<string | null>(null);\n\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly ariaLabelledby = input<string | null>(null);\n\n  /** If non-null, this value overrides native validity in `isInvalid()`. */\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngInputNullableBoolean,\n  });\n\n  public readonly ariaRequired = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngInputNullableBoolean,\n  });\n\n  public readonly disabled = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n  public readonly readonly = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n  public readonly required = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input' as const;\n\n  @HostBinding('attr.id')\n  protected get idAttr(): string {\n    const nativeId = normalizeStringValue(this.hostElement.getAttribute('id'));\n    return nativeId ?? this.generatedId;\n  }\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string | null {\n    const provided = normalizeStringValue(this.ariaLabel());\n    if (provided !== null) return provided;\n\n    return this.initialAriaLabel;\n  }\n\n  @HostBinding('attr.aria-labelledby')\n  protected get ariaLabelledbyAttr(): string | null {\n    const provided = normalizeStringValue(this.ariaLabelledby());\n    if (provided !== null) return provided;\n\n    return this.initialAriaLabelledby;\n  }\n\n  /**\n   * If the consumer provided a native `aria-describedby` and the input is not set,\n   * preserve it (do not clobber).\n   */\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedByAttr(): string | null {\n    const provided = normalizeStringValue(this.ariaDescribedBy());\n    if (provided !== null) return provided;\n\n    return this.initialAriaDescribedBy;\n  }\n\n  /**\n   * Omit `aria-invalid` unless invalid. (Avoids noisy aria-invalid=\"false\" and\n   * makes unit tests + bindings more stable.)\n   */\n  @HostBinding('attr.aria-invalid')\n  protected get ariaInvalidAttr(): 'true' | null {\n    return this.isInvalid() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-required')\n  protected get ariaRequiredAttr(): 'false' | 'true' | null {\n    if (this.required()) return 'true';\n    return toAriaBoolean(this.ariaRequired());\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalidAttr(): '' | null {\n    return this.isInvalid() ? '' : null;\n  }\n\n  @HostBinding('attr.data-readonly')\n  protected get dataReadonlyAttr(): '' | null {\n    return this.readonly() ? '' : null;\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.readonly')\n  protected get readonlyAttr(): '' | null {\n    return this.readonly() ? '' : null;\n  }\n\n  @HostBinding('attr.required')\n  protected get requiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  public isInvalid(): boolean {\n    const override = this.ariaInvalid();\n    if (override !== null) return override;\n\n    // jsdom may not fully implement validity; this is still correct for browsers.\n    return this.hostElement.matches(':invalid');\n  }\n}\n\n@Directive({\n  selector: '[tngInputLeading]',\n  exportAs: 'tngInputLeading',\n  standalone: true,\n})\nexport class TngInputLeading {\n  readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input-leading' as const;\n}\n\n@Directive({\n  selector: '[tngInputTrailing]',\n  exportAs: 'tngInputTrailing',\n  standalone: true,\n})\nexport class TngInputTrailing {\n  readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input-trailing' as const;\n}\n\n@Component({\n  selector: 'tng-input-group, [tngInputGroup]',\n  exportAs: 'tngInputGroup',\n  standalone: true,\n  template: `\n    @if (hasLeadingSlot()) {\n      <span class=\"tng-input-group-leading\" data-slot=\"input-group-leading\">\n        <ng-content select=\"[tngInputLeading], [data-tng-input-leading-proxy]\"></ng-content>\n      </span>\n    }\n\n    <span class=\"tng-input-group-control\" data-slot=\"input-group-control\">\n      <ng-content select=\"input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]\"></ng-content>\n    </span>\n\n    @if (hasTrailingSlot()) {\n      <span class=\"tng-input-group-trailing\" data-slot=\"input-group-trailing\">\n        <ng-content select=\"[tngInputTrailing], [data-tng-input-trailing-proxy]\"></ng-content>\n      </span>\n    }\n  `,\n})\nexport class TngInputGroup implements AfterContentInit, OnDestroy {\n  public readonly hasLeading = input<boolean | null>(null);\n  public readonly hasTrailing = input<boolean | null>(null);\n  public readonly disabled = input<boolean | null>(null);\n  public readonly invalid = input<boolean | null>(null);\n  public readonly readonly = input<boolean | null>(null);\n  public readonly controlCount = input<number | null>(null);\n\n  @ContentChildren(TngInput, { descendants: true })\n  protected controls!: QueryList<TngInput>;\n\n  @ContentChildren(TngInputLeading, { descendants: true })\n  protected leadingSlots!: QueryList<TngInputLeading>;\n\n  @ContentChildren(TngInputTrailing, { descendants: true })\n  protected trailingSlots!: QueryList<TngInputTrailing>;\n\n  private readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  private focused = false;\n\n  private readonly destroyed$ = new Subject<void>();\n\n  private validateSingleControl(): void {\n    if (!isDevMode()) return;\n    if (!this.controls) return;\n\n    const queriedCount = this.controls.length;\n    const domCount = this.hostElement.querySelectorAll(\n      '[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]',\n    ).length;\n    const count = this.controlCount() ?? (queriedCount > 0 ? queriedCount : domCount);\n    if (count !== 1) {\n      console.warn(\n        `[tngInputGroup] Expected exactly 1 control (input/textarea with tngInput), but found ${count}.`,\n        this.hostElement,\n      );\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    queueMicrotask(() => this.validateSingleControl());\n\n    this.controls.changes\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe(() => this.validateSingleControl());\n  }\n\n  public ngOnDestroy(): void {\n    this.destroyed$.next();\n    this.destroyed$.complete();\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'input-group' as const;\n\n  @HostBinding('attr.data-has-leading')\n  protected get dataHasLeading(): '' | null {\n    return this.effectiveHasLeading() ? '' : null;\n  }\n\n  @HostBinding('attr.data-has-trailing')\n  protected get dataHasTrailing(): '' | null {\n    return this.effectiveHasTrailing() ? '' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabled(): '' | null {\n    const override = this.disabled();\n    if (override !== null) return override ? '' : null;\n\n    const control = this.primaryControl();\n    if (control !== null) return control.disabled() ? '' : null;\n\n    const element = this.primaryControlElement();\n    if (element === null) return null;\n    return element.hasAttribute('disabled') ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalid(): '' | null {\n    const override = this.invalid();\n    if (override !== null) return override ? '' : null;\n\n    const control = this.primaryControl();\n    if (control !== null) return control.isInvalid() ? '' : null;\n\n    const element = this.primaryControlElement();\n    if (element === null) return null;\n    if (element.getAttribute('aria-invalid') === 'true') return '';\n    return element.matches(':invalid') ? '' : null;\n  }\n\n  @HostBinding('attr.data-readonly')\n  protected get dataReadonly(): '' | null {\n    const override = this.readonly();\n    if (override !== null) return override ? '' : null;\n\n    const control = this.primaryControl();\n    if (control !== null) return control.readonly() ? '' : null;\n\n    const element = this.primaryControlElement();\n    if (element === null) return null;\n    return element.hasAttribute('readonly') ? '' : null;\n  }\n\n  @HostBinding('attr.data-focused')\n  protected get dataFocused(): '' | null {\n    return this.focused ? '' : null;\n  }\n\n  @HostListener('focusin')\n  protected onFocusIn(): void {\n    this.focused = true;\n  }\n\n  @HostListener('focusout', ['$event'])\n  protected onFocusOut(event: FocusEvent): void {\n    const nextTarget = event.relatedTarget;\n    if (nextTarget instanceof Node && this.hostElement.contains(nextTarget)) return;\n\n    this.focused = false;\n  }\n\n  protected hasLeadingSlot(): boolean {\n    const proxy = this.hostElement.querySelector('[data-tng-input-leading-proxy]');\n    if (proxy instanceof HTMLElement) return hasProjectedContent(proxy);\n\n    const slots = this.leadingSlots?.toArray() ?? [];\n    return slots.some((slot) => hasProjectedContent(slot.hostElement));\n  }\n\n  protected hasTrailingSlot(): boolean {\n    const proxy = this.hostElement.querySelector('[data-tng-input-trailing-proxy]');\n    if (proxy instanceof HTMLElement) return hasProjectedContent(proxy);\n\n    const slots = this.trailingSlots?.toArray() ?? [];\n    return slots.some((slot) => hasProjectedContent(slot.hostElement));\n  }\n\n  protected effectiveHasLeading(): boolean {\n    const override = this.hasLeading();\n    if (override !== null) return override;\n    return this.hasLeadingSlot();\n  }\n\n  protected effectiveHasTrailing(): boolean {\n    const override = this.hasTrailing();\n    if (override !== null) return override;\n    return this.hasTrailingSlot();\n  }\n\n  protected primaryControl(): TngInput | null {\n    const controls = this.controls?.toArray() ?? [];\n    return controls[0] ?? null;\n  }\n\n  protected primaryControlElement(): HTMLInputElement | HTMLTextAreaElement | null {\n    const element = this.hostElement.querySelector(\n      '[data-tng-input-control-proxy] input, [data-tng-input-control-proxy] textarea, input[tngInput], textarea[tngInput]',\n    );\n    if (\n      element instanceof HTMLInputElement ||\n      element instanceof HTMLTextAreaElement\n    ) {\n      return element;\n    }\n\n    return null;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+export declare function normalizeTngOtpLength(value: number): number;
+export declare class TngInputOtp {
+    readonly length: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    protected readonly dataSlot: "input-otp";
+    protected readonly roleAttr: "group";
+}
+//# sourceMappingURL=tng-input-otp.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, input } from '@angular/core';
+export function normalizeTngOtpLength(value) {
+    if (!Number.isFinite(value)) {
+        return 6;
+    }
+    const rounded = Math.trunc(value);
+    if (rounded < 1) {
+        return 1;
+    }
+    return rounded > 12 ? 12 : rounded;
+}
+let TngInputOtp = class TngInputOtp {
+    length = input(6, {
+        transform: (value) => normalizeTngOtpLength(typeof value === 'number' ? value : Number(value)),
+    });
+    dataSlot = 'input-otp';
+    roleAttr = 'group';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngInputOtp.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.role')
+], TngInputOtp.prototype, "roleAttr", void 0);
+TngInputOtp = __decorate([
+    Directive({
+        selector: '[tngInputOtp]',
+        exportAs: 'tngInputOtp',
+    })
+], TngInputOtp);
+export { TngInputOtp };
+//# sourceMappingURL=tng-input-otp.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
+let TngLabel = class TngLabel {
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    dataSlot = 'label';
+};
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngLabel.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngLabel.prototype, "dataSlot", void 0);
+TngLabel = __decorate([
+    Directive({
+        selector: 'label[tngLabel]',
+        exportAs: 'tngLabel',
+    })
+], TngLabel);
+export { TngLabel };
+//# sourceMappingURL=tng-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-label.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/label/tng-label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMzE,IAAM,QAAQ,GAAd,MAAM,QAAQ;IACH,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IAGH,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGkB,QAAQ,GAAG,OAAgB,CAAC;CAChD,CAAA;AANC;IADC,WAAW,CAAC,oBAAoB,CAAC;gDAGjC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;0CACiB;AAXpC,QAAQ;IAJpB,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,UAAU;KACrB,CAAC;GACW,QAAQ,CAYpB","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\n@Directive({\n  selector: 'label[tngLabel]',\n  exportAs: 'tngLabel',\n})\nexport class TngLabel {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\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 = 'label' as const;\n}\n"]}