@tailng-ui/primitives 0.49.0 → 0.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailng-ui/primitives",
-  "version": "0.49.0",
+  "version": "0.51.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
   },
   "peerDependencies": {
     "@angular/core": "^21.1.0",
-    "@tailng-ui/cdk": "^0.35.0",
+    "@tailng-ui/cdk": "^0.37.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false

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

@@ -9,6 +9,8 @@ export declare class TngInput {
     private readonly initialAriaLabel;
     private readonly initialAriaLabelledby;
     private readonly initialAriaDescribedBy;
+    private readonly initialAriaInvalid;
+    private readonly initialAriaRequired;
     private readonly generatedId;
     /** Canonical API for aria-describedby (whitespace normalized). */
     readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
@@ -33,7 +35,7 @@ export declare class TngInput {
      * Omit `aria-invalid` unless invalid. (Avoids noisy aria-invalid="false" and
      * makes unit tests + bindings more stable.)
      */
-    protected get ariaInvalidAttr(): 'true' | null;
+    protected get ariaInvalidAttr(): 'false' | 'grammar' | 'spelling' | 'true' | null;
     protected get ariaRequiredAttr(): 'false' | 'true' | null;
     protected get dataDisabledAttr(): '' | null;
     protected get dataInvalidAttr(): '' | null;

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

@@ -1 +1 @@
-{"version":3,"file":"tng-input.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":";AAWA,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAE/F,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,GAAG,IAAI,CAQzF;AAcD,qBAIa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA8D;IACzF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8B;IAExD,SAAgB,WAAW,MAAiC;IAC5D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAqE;IACtG,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAA0E;IAChH,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAErC;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsC;IAElE,kEAAkE;IAClE,SAAgB,eAAe,qDAA8B;IAE7D,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAE5D,0EAA0E;IAC1E,SAAgB,WAAW,yFAExB;IAEH,SAAgB,YAAY,yFAEzB;IAEH,SAAgB,QAAQ,8EAA4E;IACpG,SAAgB,QAAQ,8EAA4E;IACpG,SAAgB,QAAQ,8EAA4E;IAGpG,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,KAAK,MAAM,IAAI,MAAM,CAG7B;IAGD,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAK3C;IAGD,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAKhD;IAED;;;OAGG;IAEH,SAAS,KAAK,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAKjD;IAED;;;OAGG;IAEH,SAAS,KAAK,eAAe,IAAI,MAAM,GAAG,IAAI,CAE7C;IAGD,SAAS,KAAK,gBAAgB,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI,CAGxD;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAEM,SAAS,IAAI,OAAO;yCAlHhB,QAAQ;2CAAR,QAAQ;CAyHpB"}
+{"version":3,"file":"tng-input.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":";AAWA,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAE/F,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,GAAG,IAAI,CAQzF;AA8BD,qBAIa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA8D;IACzF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8B;IAExD,SAAgB,WAAW,MAAiC;IAC5D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAqE;IACtG,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAA0E;IAChH,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAErC;IACF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAEjC;IACF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAElC;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsC;IAElE,kEAAkE;IAClE,SAAgB,eAAe,qDAA8B;IAE7D,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAE5D,0EAA0E;IAC1E,SAAgB,WAAW,yFAExB;IAEH,SAAgB,YAAY,yFAEzB;IAEH,SAAgB,QAAQ,8EAA4E;IACpG,SAAgB,QAAQ,8EAA4E;IACpG,SAAgB,QAAQ,8EAA4E;IAGpG,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,KAAK,MAAM,IAAI,MAAM,CAG7B;IAGD,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAK3C;IAGD,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAKhD;IAED;;;OAGG;IAEH,SAAS,KAAK,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAKjD;IAED;;;OAGG;IAEH,SAAS,KAAK,eAAe,IAAI,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAOhF;IAGD,SAAS,KAAK,gBAAgB,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI,CAMxD;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAEM,SAAS,IAAI,OAAO;yCAhIhB,QAAQ;2CAAR,QAAQ;CAyIpB"}

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

@@ -21,6 +21,18 @@ function toAriaBoolean(value) {
         return null;
     return value ? 'true' : 'false';
 }
+function normalizeAriaInvalidValue(value) {
+    const normalized = normalizeStringValue(value);
+    if (normalized === null)
+        return null;
+    if (normalized === 'false' ||
+        normalized === 'grammar' ||
+        normalized === 'spelling' ||
+        normalized === 'true') {
+        return normalized;
+    }
+    return 'true';
+}
 export class TngInput {
     elementRef = inject((ElementRef));
     idService = inject(TngUniqueIdService);
@@ -28,6 +40,8 @@ export class TngInput {
     initialAriaLabel = normalizeStringValue(this.hostElement.getAttribute('aria-label'));
     initialAriaLabelledby = normalizeStringValue(this.hostElement.getAttribute('aria-labelledby'));
     initialAriaDescribedBy = normalizeStringValue(this.hostElement.getAttribute('aria-describedby'));
+    initialAriaInvalid = normalizeAriaInvalidValue(this.hostElement.getAttribute('aria-invalid'));
+    initialAriaRequired = coerceTngInputNullableBoolean(this.hostElement.getAttribute('aria-required'));
     generatedId = this.idService.nextId('tng-input');
     /** Canonical API for aria-describedby (whitespace normalized). */
     ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
@@ -71,12 +85,20 @@ export class TngInput {
      * makes unit tests + bindings more stable.)
      */
     get ariaInvalidAttr() {
-        return this.isInvalid() ? 'true' : null;
+        const override = this.ariaInvalid();
+        if (override !== null)
+            return override ? 'true' : null;
+        if (this.initialAriaInvalid !== null)
+            return this.initialAriaInvalid;
+        return this.hostElement.matches(':invalid') ? 'true' : null;
     }
     get ariaRequiredAttr() {
         if (this.required())
             return 'true';
-        return toAriaBoolean(this.ariaRequired());
+        const provided = toAriaBoolean(this.ariaRequired());
+        if (provided !== null)
+            return provided;
+        return toAriaBoolean(this.initialAriaRequired);
     }
     get dataDisabledAttr() {
         return this.disabled() ? '' : null;
@@ -100,6 +122,8 @@ export class TngInput {
         const override = this.ariaInvalid();
         if (override !== null)
             return override;
+        if (this.initialAriaInvalid !== null)
+            return this.initialAriaInvalid !== 'false';
         // jsdom may not fully implement validity; this is still correct for browsers.
         return this.hostElement.matches(':invalid');
     }

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

@@ -1 +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  Directive,\n  ElementRef,\n  HostBinding,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\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\n@Directive({\n  selector: 'input[tngInput], textarea[tngInput]',\n  exportAs: 'tngInput',\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"]}
+{"version":3,"file":"tng-input.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/input/tng-input.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;;AAMnD,MAAM,UAAU,6BAA6B,CAAC,KAA2B;IACvE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvD,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IAEpE,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC;IAEvD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvD,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;AAED,SAAS,aAAa,CAAC,KAAqB;IAC1C,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAChC,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAClC,CAAC;AAED,SAAS,yBAAyB,CAAC,KAAgC;IACjE,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,UAAU,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAErC,IACE,UAAU,KAAK,OAAO;QACtB,UAAU,KAAK,SAAS;QACxB,UAAU,KAAK,UAAU;QACzB,UAAU,KAAK,MAAM,EACrB,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAMD,MAAM,OAAO,QAAQ;IACF,UAAU,GAAG,MAAM,CAAC,CAAA,UAAkD,CAAA,CAAC,CAAC;IACxE,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAExC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IAC3C,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IACrF,qBAAqB,GAAG,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC/F,sBAAsB,GAAG,oBAAoB,CAC5D,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAClD,CAAC;IACe,kBAAkB,GAAG,yBAAyB,CAC7D,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,cAAc,CAAC,CAC9C,CAAC;IACe,mBAAmB,GAAG,6BAA6B,CAClE,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,eAAe,CAAC,CAC/C,CAAC;IAEe,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAElE,kEAAkE;IAClD,eAAe,GAAG,KAAK,CAAgB,IAAI,2DAAC,CAAC;IAE7C,SAAS,GAAG,KAAK,CAAgB,IAAI,qDAAC,CAAC;IACvC,cAAc,GAAG,KAAK,CAAgB,IAAI,0DAAC,CAAC;IAE5D,0EAA0E;IAC1D,WAAW,GAAG,KAAK,CAAuC,IAAI,wDAC5E,SAAS,EAAE,6BAA6B,GACxC,CAAC;IAEa,YAAY,GAAG,KAAK,CAAuC,IAAI,yDAC7E,SAAS,EAAE,6BAA6B,GACxC,CAAC;IAEa,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACpF,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACpF,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IAGjF,QAAQ,GAAG,OAAgB,CAAC;IAE/C,IACc,MAAM;QAClB,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3E,OAAO,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;IACtC,CAAC;IAED,IACc,aAAa;QACzB,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACxD,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,QAAQ,CAAC;QAEvC,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED,IACc,kBAAkB;QAC9B,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QAC7D,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,QAAQ,CAAC;QAEvC,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAED;;;OAGG;IACH,IACc,mBAAmB;QAC/B,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAC9D,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,QAAQ,CAAC;QAEvC,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACrC,CAAC;IAED;;;OAGG;IACH,IACc,eAAe;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QAEvD,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC,kBAAkB,CAAC;QAErE,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC;IAED,IACc,gBAAgB;QAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO,MAAM,CAAC;QACnC,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACpD,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,QAAQ,CAAC;QAEvC,OAAO,aAAa,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACjD,CAAC;IAED,IACc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IACc,eAAe;QAC3B,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACtC,CAAC;IAED,IACc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IACc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IACc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IACc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAEM,SAAS;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,QAAQ,CAAC;QAEvC,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC,kBAAkB,KAAK,OAAO,CAAC;QAEjF,8EAA8E;QAC9E,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC;uGAxIU,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAJpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,qCAAqC;oBAC/C,QAAQ,EAAE,UAAU;iBACrB;;sBAuCE,WAAW;uBAAC,gBAAgB;;sBAG5B,WAAW;uBAAC,SAAS;;sBAMrB,WAAW;uBAAC,iBAAiB;;sBAQ7B,WAAW;uBAAC,sBAAsB;;sBAYlC,WAAW;uBAAC,uBAAuB;;sBAYnC,WAAW;uBAAC,mBAAmB;;sBAU/B,WAAW;uBAAC,oBAAoB;;sBAShC,WAAW;uBAAC,oBAAoB;;sBAKhC,WAAW;uBAAC,mBAAmB;;sBAK/B,WAAW;uBAAC,oBAAoB;;sBAKhC,WAAW;uBAAC,eAAe;;sBAK3B,WAAW;uBAAC,eAAe;;sBAK3B,WAAW;uBAAC,eAAe","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\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 normalizeAriaInvalidValue(value: string | null | undefined): 'false' | 'grammar' | 'spelling' | 'true' | null {\n  const normalized = normalizeStringValue(value);\n  if (normalized === null) return null;\n\n  if (\n    normalized === 'false' ||\n    normalized === 'grammar' ||\n    normalized === 'spelling' ||\n    normalized === 'true'\n  ) {\n    return normalized;\n  }\n\n  return 'true';\n}\n\n@Directive({\n  selector: 'input[tngInput], textarea[tngInput]',\n  exportAs: 'tngInput',\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  private readonly initialAriaInvalid = normalizeAriaInvalidValue(\n    this.hostElement.getAttribute('aria-invalid'),\n  );\n  private readonly initialAriaRequired = coerceTngInputNullableBoolean(\n    this.hostElement.getAttribute('aria-required'),\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(): 'false' | 'grammar' | 'spelling' | 'true' | null {\n    const override = this.ariaInvalid();\n    if (override !== null) return override ? 'true' : null;\n\n    if (this.initialAriaInvalid !== null) return this.initialAriaInvalid;\n\n    return this.hostElement.matches(':invalid') ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-required')\n  protected get ariaRequiredAttr(): 'false' | 'true' | null {\n    if (this.required()) return 'true';\n    const provided = toAriaBoolean(this.ariaRequired());\n    if (provided !== null) return provided;\n\n    return toAriaBoolean(this.initialAriaRequired);\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    if (this.initialAriaInvalid !== null) return this.initialAriaInvalid !== 'false';\n\n    // jsdom may not fully implement validity; this is still correct for browsers.\n    return this.hostElement.matches(':invalid');\n  }\n}\n"]}