@tailng-ui/primitives 0.11.0 → 0.13.0

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,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EAEZ,gBAAgB,EAChB,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,SAAS,eAAe,CAAC,KAAgC;IACvD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAChC,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,eAAe,CAAC,MAA6C;IACpE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,WAAW,CAAC,KAAc;IACjC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,SAAS,qBAAqB,CAAC,MAA0B,EAAE,MAAe;IACxE,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAClE,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,OAAO,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;AACjE,CAAC;AAMM,IAAM,QAAQ,GAAd,MAAM,QAAQ;IACF,cAAc,GAAG,MAAM,CAAqB,EAAE,CAAC,CAAC;IAEjD,MAAM,GAAG,KAAK,CAAiC,SAAS,EAAE;QACxE,KAAK,EAAE,gBAAgB;KACxB,CAAC,CAAC;IACa,aAAa,GAAG,KAAK,CAAqB,EAAE,EAAE;QAC5D,KAAK,EAAE,uBAAuB;KAC/B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,SAAS,GAAG,KAAK,CAAgB,IAAI,EAAE;QACrD,KAAK,EAAE,mBAAmB;KAC3B,CAAC,CAAC;IAEa,UAAU,GAAG,MAAM,EAAW,CAAC;IAC/B,YAAY,GAAG,MAAM,EAAsB,CAAC;IAErD,QAAQ;QACb,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACjE,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAEM,WAAW,CAAC,KAAc;QAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3C,MAAM,UAAU,GAAG,qBAAqB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QAC/D,MAAM,OAAO,GAAG,UAAU,KAAK,aAAa,CAAC;QAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,SAAS,CAAC;IACrC,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;YACxB,OAAO,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACxC,CAAC;QAED,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;IAC/B,CAAC;IAGD,IAAc,aAAa;QACzB,OAAO,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3C,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGkB,QAAQ,GAAG,OAAgB,CAAC;IAG5B,IAAI,GAAG,MAAe,CAAC;CAC3C,CAAA;AAdC;IADC,WAAW,CAAC,iBAAiB,CAAC;6CAG9B;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;gDAGjC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;0CACiB;AAG5B;IADlB,WAAW,CAAC,WAAW,CAAC;sCACiB;AA5E/B,QAAQ;IAJpB,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,UAAU;KACrB,CAAC;GACW,QAAQ,CA6EpB;;AAMM,IAAM,OAAO,GAAb,MAAM,OAAO;IACD,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAE9C,KAAK,GAAG,KAAK,CAAU,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IACxD,KAAK,GAAG,KAAK,CAAgB,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IAC9D,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,SAAS,GAAG,KAAK,CAA4B,IAAI,EAAE;QACjE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IAEa,UAAU,GAAG,MAAM,EAAW,CAAC;IAExC,UAAU;QACf,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC9D,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;IAChD,CAAC;IAEM,aAAa;QAClB,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAChD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5C,OAAO,eAAe,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC;IAC9C,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAGS,SAAS,CAAC,KAAoB;QACtC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACxD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,CAAC;IAGkB,QAAQ,GAAG,MAAe,CAAC;IAG9C,IAAc,aAAa;QACzB,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACnC,CAAC;IAGkB,IAAI,GAAG,UAAmB,CAAC;CAC/C,CAAA;AA7BW;IADT,YAAY,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC;wCAanC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;+CAGjC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;yCACgB;AAG9C;IADC,WAAW,CAAC,iBAAiB,CAAC;4CAG9B;AAGkB;IADlB,WAAW,CAAC,WAAW,CAAC;qCACqB;AA1EnC,OAAO;IAJnB,SAAS,CAAC;QACT,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,SAAS;KACpB,CAAC;GACW,OAAO,CA2EnB;;AAMM,IAAM,aAAa,GAAnB,MAAM,aAAa;IACP,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IACzD,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtD,OAAO,GAAG,KAAK,CAAC;IAChB,iBAAiB,GAAG,KAAK,CAAC;IAElB,SAAS,GAAG,KAAK,CAAgB,IAAI,EAAE;QACrD,KAAK,EAAE,wBAAwB;KAChC,CAAC,CAAC;IAEK,UAAU;QAChB,OAAO,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC/E,CAAC;IAGS,OAAO,CAAC,KAAiB;QACjC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YACtB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;IAC7B,CAAC;IAGS,SAAS;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAGS,UAAU;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAGS,SAAS,CAAC,KAAoB;QACtC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YACtB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;IAC7B,CAAC;IAGD,IAAc,aAAa;QACzB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACnD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QAC9F,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACzB,OAAO,WAAW,CAAC;QACrB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,MAAM,CAAC;QACnD,OAAO,UAAU,KAAK,EAAE,CAAC;IAC3B,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAClC,CAAC;IAGkB,QAAQ,GAAG,aAAsB,CAAC;IAGrD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,CAAC;IAGD,IAAc,QAAQ;QACpB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,CAAC;CACF,CAAA;AAxFW;IADT,YAAY,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC;4CAgBjC;AAGS;IADT,YAAY,CAAC,SAAS,CAAC;8CAGvB;AAGS;IADT,YAAY,CAAC,UAAU,CAAC;+CAGxB;AAGS;IADT,YAAY,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC;8CAqBnC;AAGD;IADC,WAAW,CAAC,iBAAiB,CAAC;kDAc9B;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;qDAGjC;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;oDAGhC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;+CACuB;AAGrD;IADC,WAAW,CAAC,eAAe,CAAC;iDAG5B;AAGD;IADC,WAAW,CAAC,WAAW,CAAC;6CAGxB;AAxGU,aAAa;IAJzB,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,eAAe;KAC1B,CAAC;GACW,aAAa,CAyGzB","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})\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})\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})\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"]}
+{"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

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class TngCombobox {
     protected readonly dataSlot: "combobox";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngCombobox, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngCombobox, "[tngCombobox]", ["tngCombobox"], {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-combobox.d.ts.map

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;yCAFvC,WAAW;2CAAX,WAAW;CAGvB"}

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

@@ -1,16 +1,19 @@
-import { __decorate } from "tslib";
 import { Directive, HostBinding } from '@angular/core';
-let TngCombobox = class TngCombobox {
+import * as i0 from "@angular/core";
+export class TngCombobox {
     dataSlot = 'combobox';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngCombobox.prototype, "dataSlot", void 0);
-TngCombobox = __decorate([
-    Directive({
-        selector: '[tngCombobox]',
-        exportAs: 'tngCombobox',
-    })
-], TngCombobox);
-export { TngCombobox };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngCombobox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngCombobox, isStandalone: true, selector: "[tngCombobox]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngCombobox"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngCombobox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngCombobox]',
+                    exportAs: 'tngCombobox',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
 //# sourceMappingURL=tng-combobox.js.map

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;;AAOvD,MAAM,OAAO,WAAW;IAEH,QAAQ,GAAG,UAAmB,CAAC;uGAFvC,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBALvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,IAAI;iBACjB;;sBAEE,WAAW;uBAAC,gBAAgB","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/tng-input.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
+import * as i0 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;
@@ -42,14 +43,20 @@ export declare class TngInput {
     protected get readonlyAttr(): '' | null;
     protected get requiredAttr(): '' | null;
     isInvalid(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngInput, "input[tngInput], textarea[tngInput]", ["tngInput"], { "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TngInputLeading {
     readonly hostElement: any;
     protected readonly dataSlot: "input-leading";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngInputLeading, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngInputLeading, "[tngInputLeading]", ["tngInputLeading"], {}, {}, never, never, true, never>;
 }
 export declare class TngInputTrailing {
     readonly hostElement: any;
     protected readonly dataSlot: "input-trailing";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngInputTrailing, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngInputTrailing, "[tngInputTrailing]", ["tngInputTrailing"], {}, {}, never, never, true, never>;
 }
 export declare class TngInputGroup implements AfterContentInit, OnDestroy {
     readonly hasLeading: import("@angular/core").InputSignal<boolean | null>;
@@ -82,6 +89,8 @@ export declare class TngInputGroup implements AfterContentInit, OnDestroy {
     protected effectiveHasTrailing(): boolean;
     protected primaryControl(): TngInput | null;
     protected primaryControlElement(): HTMLInputElement | HTMLTextAreaElement | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngInputGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngInputGroup, "tng-input-group, [tngInputGroup]", ["tngInputGroup"], { "hasLeading": { "alias": "hasLeading"; "required": false; "isSignal": true; }; "hasTrailing": { "alias": "hasTrailing"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "controlCount": { "alias": "controlCount"; "required": false; "isSignal": true; }; }, {}, ["controls", "leadingSlots", "trailingSlots"], ["[tngInputLeading], [data-tng-input-leading-proxy]", "input[tngInput], textarea[tngInput], [data-tng-input-control-proxy]", "[tngInputTrailing], [data-tng-input-trailing-proxy]"], true, never>;
 }
 export {};
 //# sourceMappingURL=tng-input.d.ts.map

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":"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"}
+{"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

@@ -1,8 +1,8 @@
-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';
+import * as i0 from "@angular/core";
 export function coerceTngInputNullableBoolean(value) {
     if (value === undefined || value === null)
         return null;
@@ -34,7 +34,7 @@ function hasProjectedContent(element) {
         return false;
     });
 }
-let TngInput = class TngInput {
+export class TngInput {
     elementRef = inject((ElementRef));
     idService = inject(TngUniqueIdService);
     hostElement = this.elementRef.nativeElement;
@@ -43,19 +43,15 @@ let TngInput = class TngInput {
     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);
+    ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    ariaLabelledby = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : []));
     /** 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 });
+    ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), transform: coerceTngInputNullableBoolean });
+    ariaRequired = input(null, { ...(ngDevMode ? { debugName: "ariaRequired" } : {}), transform: coerceTngInputNullableBoolean });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
     dataSlot = 'input';
     get idAttr() {
         const nativeId = normalizeStringValue(this.hostElement.getAttribute('id'));
@@ -120,91 +116,97 @@ let TngInput = class TngInput {
         // 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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngInput, isStandalone: true, selector: "input[tngInput], textarea[tngInput]", inputs: { ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "ariaInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaRequired: { classPropertyName: "ariaRequired", publicName: "ariaRequired", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.idAttr", "attr.aria-label": "this.ariaLabelAttr", "attr.aria-labelledby": "this.ariaLabelledbyAttr", "attr.aria-describedby": "this.ariaDescribedByAttr", "attr.aria-invalid": "this.ariaInvalidAttr", "attr.aria-required": "this.ariaRequiredAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-invalid": "this.dataInvalidAttr", "attr.data-readonly": "this.dataReadonlyAttr", "attr.disabled": "this.disabledAttr", "attr.readonly": "this.readonlyAttr", "attr.required": "this.requiredAttr" } }, exportAs: ["tngInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[tngInput], textarea[tngInput]',
+                    exportAs: 'tngInput',
+                    standalone: true,
+                }]
+        }], propDecorators: { ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaInvalid", required: false }] }], ariaRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRequired", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], idAttr: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], ariaLabelAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], ariaLabelledbyAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-labelledby']
+            }], ariaDescribedByAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], ariaInvalidAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-invalid']
+            }], ariaRequiredAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-required']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataInvalidAttr: [{
+                type: HostBinding,
+                args: ['attr.data-invalid']
+            }], dataReadonlyAttr: [{
+                type: HostBinding,
+                args: ['attr.data-readonly']
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], readonlyAttr: [{
+                type: HostBinding,
+                args: ['attr.readonly']
+            }], requiredAttr: [{
+                type: HostBinding,
+                args: ['attr.required']
+            }] } });
+export 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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputLeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngInputLeading, isStandalone: true, selector: "[tngInputLeading]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngInputLeading"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputLeading, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngInputLeading]',
+                    exportAs: 'tngInputLeading',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export 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);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputTrailing, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngInputTrailing, isStandalone: true, selector: "[tngInputTrailing]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngInputTrailing"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputTrailing, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngInputTrailing]',
+                    exportAs: 'tngInputTrailing',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngInputGroup {
+    hasLeading = input(null, ...(ngDevMode ? [{ debugName: "hasLeading" }] : []));
+    hasTrailing = input(null, ...(ngDevMode ? [{ debugName: "hasTrailing" }] : []));
+    disabled = input(null, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    invalid = input(null, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    readonly = input(null, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    controlCount = input(null, ...(ngDevMode ? [{ debugName: "controlCount" }] : []));
     controls;
     leadingSlots;
     trailingSlots;
@@ -328,49 +330,32 @@ let TngInputGroup = class TngInputGroup {
         }
         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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngInputGroup, isStandalone: true, selector: "tng-input-group, [tngInputGroup]", inputs: { hasLeading: { classPropertyName: "hasLeading", publicName: "hasLeading", isSignal: true, isRequired: false, transformFunction: null }, hasTrailing: { classPropertyName: "hasTrailing", publicName: "hasTrailing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, controlCount: { classPropertyName: "controlCount", publicName: "controlCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.data-has-leading": "this.dataHasLeading", "attr.data-has-trailing": "this.dataHasTrailing", "attr.data-disabled": "this.dataDisabled", "attr.data-invalid": "this.dataInvalid", "attr.data-readonly": "this.dataReadonly", "attr.data-focused": "this.dataFocused" } }, queries: [{ propertyName: "controls", predicate: TngInput, descendants: true }, { propertyName: "leadingSlots", predicate: TngInputLeading, descendants: true }, { propertyName: "trailingSlots", predicate: TngInputTrailing, descendants: true }], exportAs: ["tngInputGroup"], ngImport: i0, 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>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngInputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    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>
@@ -387,7 +372,42 @@ TngInputGroup = __decorate([
       </span>
     }
   `,
-    })
-], TngInputGroup);
-export { TngInputGroup };
+                }]
+        }], propDecorators: { hasLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasLeading", required: false }] }], hasTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTrailing", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], controlCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlCount", required: false }] }], controls: [{
+                type: ContentChildren,
+                args: [TngInput, { descendants: true }]
+            }], leadingSlots: [{
+                type: ContentChildren,
+                args: [TngInputLeading, { descendants: true }]
+            }], trailingSlots: [{
+                type: ContentChildren,
+                args: [TngInputTrailing, { descendants: true }]
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataHasLeading: [{
+                type: HostBinding,
+                args: ['attr.data-has-leading']
+            }], dataHasTrailing: [{
+                type: HostBinding,
+                args: ['attr.data-has-trailing']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataInvalid: [{
+                type: HostBinding,
+                args: ['attr.data-invalid']
+            }], dataReadonly: [{
+                type: HostBinding,
+                args: ['attr.data-readonly']
+            }], dataFocused: [{
+                type: HostBinding,
+                args: ['attr.data-focused']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }] } });
 //# sourceMappingURL=tng-input.js.map