@tailng-ui/components 0.17.0 → 0.18.0

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

@@ -1,21 +1,25 @@
-import { __decorate } from "tslib";
 import { Directive, TemplateRef, inject } from '@angular/core';
-let TngSelectTriggerTpl = class TngSelectTriggerTpl {
+import * as i0 from "@angular/core";
+export class TngSelectTriggerTpl {
     tpl = inject((TemplateRef));
-};
-TngSelectTriggerTpl = __decorate([
-    Directive({
-        selector: 'ng-template[tngSelectTriggerTpl]',
-    })
-], TngSelectTriggerTpl);
-export { TngSelectTriggerTpl };
-let TngSelectOptionTpl = class TngSelectOptionTpl {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectTriggerTpl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngSelectTriggerTpl, isStandalone: true, selector: "ng-template[tngSelectTriggerTpl]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectTriggerTpl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tngSelectTriggerTpl]',
+                }]
+        }] });
+export class TngSelectOptionTpl {
     tpl = inject((TemplateRef));
-};
-TngSelectOptionTpl = __decorate([
-    Directive({
-        selector: 'ng-template[tngSelectOptionTpl]',
-    })
-], TngSelectOptionTpl);
-export { TngSelectOptionTpl };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectOptionTpl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngSelectOptionTpl, isStandalone: true, selector: "ng-template[tngSelectOptionTpl]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectOptionTpl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tngSelectOptionTpl]',
+                }]
+        }] });
 //# sourceMappingURL=tng-select.slots.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-select.slots.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.slots.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAcxD,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACrB,GAAG,GAAG,MAAM,CAAC,CAAA,WAA6C,CAAA,CAAC,CAAC;CACtE,CAAA;AAFY,mBAAmB;IAH/B,SAAS,CAAC;QACT,QAAQ,EAAE,kCAAkC;KAC7C,CAAC;GACW,mBAAmB,CAE/B;;AAeM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACpB,GAAG,GAAG,MAAM,CAAC,CAAA,WAA4C,CAAA,CAAC,CAAC;CACrE,CAAA;AAFY,kBAAkB;IAH9B,SAAS,CAAC;QACT,QAAQ,EAAE,iCAAiC;KAC5C,CAAC;GACW,kBAAkB,CAE9B","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\nexport type TngSelectTriggerTplContext<O, V> = Readonly<{\n  value: V | null;\n  option: O | null;\n  label: string;\n  placeholder: string;\n  open: boolean;\n  disabled: boolean;\n}>;\n\n@Directive({\n  selector: 'ng-template[tngSelectTriggerTpl]',\n})\nexport class TngSelectTriggerTpl<O = unknown, V = unknown> {\n  readonly tpl = inject(TemplateRef<TngSelectTriggerTplContext<O, V>>);\n}\n\nexport type TngSelectOptionTplContext<O, V> = Readonly<{\n  $implicit: O;\n  option: O;\n  value: V;\n  label: string;\n  selected: boolean;\n  active: boolean;\n  disabled: boolean;\n}>;\n\n@Directive({\n  selector: 'ng-template[tngSelectOptionTpl]',\n})\nexport class TngSelectOptionTpl<O = unknown, V = unknown> {\n  readonly tpl = inject(TemplateRef<TngSelectOptionTplContext<O, V>>);\n}"]}
+{"version":3,"file":"tng-select.slots.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAc/D,MAAM,OAAO,mBAAmB;IACrB,GAAG,GAAG,MAAM,CAAC,CAAA,WAA6C,CAAA,CAAC,CAAC;uGAD1D,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAH/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;iBAC7C;;AAkBD,MAAM,OAAO,kBAAkB;IACpB,GAAG,GAAG,MAAM,CAAC,CAAA,WAA4C,CAAA,CAAC,CAAC;uGADzD,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAH9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;iBAC5C","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\nexport type TngSelectTriggerTplContext<O, V> = Readonly<{\n  value: V | null;\n  option: O | null;\n  label: string;\n  placeholder: string;\n  open: boolean;\n  disabled: boolean;\n}>;\n\n@Directive({\n  selector: 'ng-template[tngSelectTriggerTpl]',\n})\nexport class TngSelectTriggerTpl<O = unknown, V = unknown> {\n  readonly tpl = inject(TemplateRef<TngSelectTriggerTplContext<O, V>>);\n}\n\nexport type TngSelectOptionTplContext<O, V> = Readonly<{\n  $implicit: O;\n  option: O;\n  value: V;\n  label: string;\n  selected: boolean;\n  active: boolean;\n  disabled: boolean;\n}>;\n\n@Directive({\n  selector: 'ng-template[tngSelectOptionTpl]',\n})\nexport class TngSelectOptionTpl<O = unknown, V = unknown> {\n  readonly tpl = inject(TemplateRef<TngSelectOptionTplContext<O, V>>);\n}"]}

package/src/lib/form/slider/tng-slider.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function readTngSliderEventValue(event: unknown): number | null;
 export declare class TngSliderComponent {
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
@@ -7,5 +8,7 @@ export declare class TngSliderComponent {
     readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
     readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
     onInput(event: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngSliderComponent, "tng-slider", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 //# sourceMappingURL=tng-slider.component.d.ts.map

package/src/lib/form/slider/tng-slider.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-slider.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.ts"],"names":[],"mappings":"AAQA,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWrE;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAgB,WAAW,mDAAoB;IAExC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAQrC"}
+{"version":3,"file":"tng-slider.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.ts"],"names":[],"mappings":";AAQA,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWrE;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAgB,WAAW,mDAAoB;IAExC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;yCAvBzB,kBAAkB;2CAAlB,kBAAkB;CA+B9B"}

package/src/lib/form/slider/tng-slider.component.js

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, input, output } from '@angular/core';
 import { normalizeTngSliderMax, normalizeTngSliderMin, normalizeTngSliderStep, TngSlider as TngSliderPrimitive, } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export function readTngSliderEventValue(event) {
     if (!(event instanceof Event)) {
         return null;
@@ -11,22 +11,12 @@ export function readTngSliderEventValue(event) {
     }
     return Number(target.value);
 }
-let TngSliderComponent = class TngSliderComponent {
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    max = input(100, {
-        transform: (value) => normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),
-    });
-    min = input(0, {
-        transform: (value) => normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),
-    });
-    step = input(1, {
-        transform: (value) => normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),
-    });
-    value = input(0, {
-        transform: (value) => typeof value === 'number' ? value : Number(value),
-    });
+export class TngSliderComponent {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : {}), transform: (value) => normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)) });
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : {}), transform: (value) => normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)) });
+    step = input(1, { ...(ngDevMode ? { debugName: "step" } : {}), transform: (value) => normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)) });
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : {}), transform: (value) => typeof value === 'number' ? value : Number(value) });
     valueChange = output();
     onInput(event) {
         const nextValue = readTngSliderEventValue(event);
@@ -35,14 +25,11 @@ let TngSliderComponent = class TngSliderComponent {
         }
         this.valueChange.emit(nextValue);
     }
-};
-TngSliderComponent = __decorate([
-    Component({
-        selector: 'tng-slider',
-        imports: [TngSliderPrimitive],
-        templateUrl: './tng-slider.component.html',
-        styleUrl: './tng-slider.component.css',
-    })
-], TngSliderComponent);
-export { TngSliderComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngSliderComponent, isStandalone: true, selector: "tng-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"tng-slider-root\" [attr.data-disabled]=\"disabled() ? '' : null\">\n  <input\n    tngSlider\n    class=\"tng-slider-control\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()\"\n    (input)=\"onInput($event)\"\n  />\n</div>\n", styles: [":host {\n  display: block;\n  width: 100%;\n}\n\n.tng-slider-root {\n  display: flex;\n  width: 100%;\n}\n\n.tng-slider-control {\n  accent-color: var(--tng-semantic-accent-brand);\n  width: 100%;\n}\n\n.tng-slider-root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n"], dependencies: [{ kind: "directive", type: TngSliderPrimitive, selector: "input[tngSlider]", inputs: ["disabled", "max", "min", "step", "value"], exportAs: ["tngSlider"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-slider', imports: [TngSliderPrimitive], template: "<div class=\"tng-slider-root\" [attr.data-disabled]=\"disabled() ? '' : null\">\n  <input\n    tngSlider\n    class=\"tng-slider-control\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()\"\n    (input)=\"onInput($event)\"\n  />\n</div>\n", styles: [":host {\n  display: block;\n  width: 100%;\n}\n\n.tng-slider-root {\n  display: flex;\n  width: 100%;\n}\n\n.tng-slider-control {\n  accent-color: var(--tng-semantic-accent-brand);\n  width: 100%;\n}\n\n.tng-slider-root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n"] }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 //# sourceMappingURL=tng-slider.component.js.map

package/src/lib/form/slider/tng-slider.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-slider.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,SAAS,IAAI,kBAAkB,GAChC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,uBAAuB,CAAC,KAAc;IACpD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAQM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACb,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,GAAG,EAAE;QACxD,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;IACa,GAAG,GAAG,KAAK,CAA0B,CAAC,EAAE;QACtD,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;IACa,IAAI,GAAG,KAAK,CAA0B,CAAC,EAAE;QACvD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,sBAAsB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC5E,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAA0B,CAAC,EAAE;QACxD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;KACpD,CAAC,CAAC;IAEa,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC,OAAO,CAAC,KAAc;QAC3B,MAAM,SAAS,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;CACF,CAAA;AA/BY,kBAAkB;IAN9B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,CAAC,kBAAkB,CAAC;QAC7B,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,4BAA4B;KACvC,CAAC;GACW,kBAAkB,CA+B9B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  normalizeTngSliderMax,\n  normalizeTngSliderMin,\n  normalizeTngSliderStep,\n  TngSlider as TngSliderPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function readTngSliderEventValue(event: unknown): number | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLInputElement)) {\n    return null;\n  }\n\n  return Number(target.value);\n}\n\n@Component({\n  selector: 'tng-slider',\n  imports: [TngSliderPrimitive],\n  templateUrl: './tng-slider.component.html',\n  styleUrl: './tng-slider.component.css',\n})\nexport class TngSliderComponent {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly step = input<number, number | string>(1, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  public readonly valueChange = output<number>();\n\n  public onInput(event: unknown): void {\n    const nextValue = readTngSliderEventValue(event);\n    if (nextValue === null) {\n      return;\n    }\n\n    this.valueChange.emit(nextValue);\n  }\n}\n"]}
+{"version":3,"file":"tng-slider.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,SAAS,IAAI,kBAAkB,GAChC,MAAM,uBAAuB,CAAC;;AAE/B,MAAM,UAAU,uBAAuB,CAAC,KAAc;IACpD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAQD,MAAM,OAAO,kBAAkB;IACb,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,GAAG,gDACtD,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,GAC1E,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,CAAC,gDACpD,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,GAC1E,CAAC;IACa,IAAI,GAAG,KAAK,CAA0B,CAAC,iDACrD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,sBAAsB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAC3E,CAAC;IACa,KAAK,GAAG,KAAK,CAA0B,CAAC,kDACtD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACnD,CAAC;IAEa,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC,OAAO,CAAC,KAAc;QAC3B,MAAM,SAAS,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;uGA9BU,kBAAkB;2FAAlB,kBAAkB,6sBC3B/B,sTAYA,qVDWY,kBAAkB;;2FAIjB,kBAAkB;kBAN9B,SAAS;+BACE,YAAY,WACb,CAAC,kBAAkB,CAAC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  normalizeTngSliderMax,\n  normalizeTngSliderMin,\n  normalizeTngSliderStep,\n  TngSlider as TngSliderPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function readTngSliderEventValue(event: unknown): number | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLInputElement)) {\n    return null;\n  }\n\n  return Number(target.value);\n}\n\n@Component({\n  selector: 'tng-slider',\n  imports: [TngSliderPrimitive],\n  templateUrl: './tng-slider.component.html',\n  styleUrl: './tng-slider.component.css',\n})\nexport class TngSliderComponent {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly step = input<number, number | string>(1, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  public readonly valueChange = output<number>();\n\n  public onInput(event: unknown): void {\n    const nextValue = readTngSliderEventValue(event);\n    if (nextValue === null) {\n      return;\n    }\n\n    this.valueChange.emit(nextValue);\n  }\n}\n","<div class=\"tng-slider-root\" [attr.data-disabled]=\"disabled() ? '' : null\">\n  <input\n    tngSlider\n    class=\"tng-slider-control\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()\"\n    (input)=\"onInput($event)\"\n  />\n</div>\n"]}

package/src/lib/form/switch/tng-switch.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 type TngSwitchKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> & Readonly<{
     preventDefault: () => void;
 }>;
@@ -13,6 +14,8 @@ export declare class TngSwitchComponent {
     readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
     onKeydown(event: TngSwitchKeyboardEvent): void;
     onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngSwitchComponent, "tng-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["[onIcon]", "[offIcon]", "*"], true, never>;
 }
 export {};
 //# sourceMappingURL=tng-switch.component.d.ts.map

package/src/lib/form/switch/tng-switch.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-switch.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.ts"],"names":[],"mappings":"AAGA,KAAK,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GAChE,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE9D;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAUpE;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAE3C,SAAS,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI;IAc9C,QAAQ,IAAI,IAAI;CAOxB"}
+{"version":3,"file":"tng-switch.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.ts"],"names":[],"mappings":";AAGA,KAAK,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GAChE,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE9D;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAUpE;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAE3C,SAAS,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI;IAc9C,QAAQ,IAAI,IAAI;yCA9BZ,kBAAkB;2CAAlB,kBAAkB;CAqC9B"}

package/src/lib/form/switch/tng-switch.component.js

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, input, output } from '@angular/core';
 import { TngSwitch as TngSwitchPrimitive } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export function toggleTngSwitchState(checked) {
     return !checked;
 }
@@ -13,19 +13,13 @@ export function resolveTngSwitchArrowKey(key) {
     }
     return null;
 }
-let TngSwitchComponent = class TngSwitchComponent {
-    ariaLabel = input(null);
-    checked = input(false, {
-        transform: booleanAttribute,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    name = input(null);
-    required = input(false, {
-        transform: booleanAttribute,
-    });
-    value = input('on');
+export class TngSwitchComponent {
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    name = input(null, ...(ngDevMode ? [{ debugName: "name" }] : []));
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    value = input('on', ...(ngDevMode ? [{ debugName: "value" }] : []));
     checkedChange = output();
     onKeydown(event) {
         if (this.disabled()) {
@@ -44,14 +38,11 @@ let TngSwitchComponent = class TngSwitchComponent {
         }
         this.checkedChange.emit(toggleTngSwitchState(this.checked()));
     }
-};
-TngSwitchComponent = __decorate([
-    Component({
-        selector: 'tng-switch',
-        imports: [TngSwitchPrimitive],
-        templateUrl: './tng-switch.component.html',
-        styleUrl: './tng-switch.component.css',
-    })
-], TngSwitchComponent);
-export { TngSwitchComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngSwitchComponent, isStandalone: true, selector: "tng-switch", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div class=\"tng-switch-root\" [attr.data-disabled]=\"disabled() ? '' : null\">\n  <button\n    tngSwitch\n    class=\"tng-switch-control\"\n    [ariaLabel]=\"ariaLabel()\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    <span class=\"tng-switch-track\">\n      <span class=\"tng-switch-thumb\">\n        @if (checked()) {\n          <span class=\"tng-switch-icon\" aria-hidden=\"true\">\n            <ng-content select=\"[onIcon]\"></ng-content>\n          </span>\n        } @else {\n          <span class=\"tng-switch-icon\" aria-hidden=\"true\">\n            <ng-content select=\"[offIcon]\"></ng-content>\n          </span>\n        }\n      </span>\n    </span>\n  </button>\n  <input\n    class=\"tng-switch-native-input\"\n    type=\"checkbox\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    [attr.name]=\"name()\"\n    [value]=\"value()\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  />\n  <span class=\"tng-switch-label\">\n    <ng-content />\n  </span>\n</div>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-switch-root {\n  align-items: center;\n  color: var(--tng-semantic-foreground-primary);\n  column-gap: 0.65rem;\n  display: inline-flex;\n  font-size: 0.95rem;\n  line-height: 1.3;\n}\n\n.tng-switch-root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.tng-switch-control {\n  align-items: center;\n  background: var(--tng-semantic-border-subtle);\n  border: 0;\n  border-radius: 999px;\n  cursor: pointer;\n  display: inline-flex;\n  height: 1.5rem;\n  padding: 0.125rem;\n  transition: background-color 150ms ease;\n  width: 2.65rem;\n}\n\n.tng-switch-control[data-state='checked'] {\n  background: var(--tng-semantic-accent-brand);\n}\n\n.tng-switch-control:focus-visible {\n  outline: 2px solid var(--tng-semantic-focus-ring);\n  outline-offset: 2px;\n}\n\n.tng-switch-track {\n  align-items: center;\n  display: inline-flex;\n}\n\n.tng-switch-thumb {\n  align-items: center;\n  background: var(--tng-color-white, #fff);\n  border-radius: 999px;\n  box-shadow: 0 1px 2px color-mix(in srgb, var(--tng-semantic-background-canvas) 20%, transparent);\n  display: inline-flex;\n  height: 1.25rem;\n  justify-content: center;\n  transform: translateX(0);\n  transition: transform 150ms ease;\n  width: 1.25rem;\n}\n\n.tng-switch-control[data-state='checked'] .tng-switch-thumb {\n  transform: translateX(1.15rem);\n}\n\n.tng-switch-label {\n  user-select: none;\n}\n\n.tng-switch-label:empty {\n  display: none;\n}\n\n.tng-switch-icon {\n  align-items: center;\n  display: inline-flex;\n  font-size: 0.7rem;\n  line-height: 1;\n}\n\n.tng-switch-native-input {\n  block-size: 1px;\n  border: 0;\n  clip: rect(0 0 0 0);\n  inline-size: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n"], dependencies: [{ kind: "directive", type: TngSwitchPrimitive, selector: "button[tngSwitch]", inputs: ["ariaLabel", "checked", "disabled", "required"], exportAs: ["tngSwitch"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-switch', imports: [TngSwitchPrimitive], template: "<div class=\"tng-switch-root\" [attr.data-disabled]=\"disabled() ? '' : null\">\n  <button\n    tngSwitch\n    class=\"tng-switch-control\"\n    [ariaLabel]=\"ariaLabel()\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    <span class=\"tng-switch-track\">\n      <span class=\"tng-switch-thumb\">\n        @if (checked()) {\n          <span class=\"tng-switch-icon\" aria-hidden=\"true\">\n            <ng-content select=\"[onIcon]\"></ng-content>\n          </span>\n        } @else {\n          <span class=\"tng-switch-icon\" aria-hidden=\"true\">\n            <ng-content select=\"[offIcon]\"></ng-content>\n          </span>\n        }\n      </span>\n    </span>\n  </button>\n  <input\n    class=\"tng-switch-native-input\"\n    type=\"checkbox\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    [attr.name]=\"name()\"\n    [value]=\"value()\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  />\n  <span class=\"tng-switch-label\">\n    <ng-content />\n  </span>\n</div>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-switch-root {\n  align-items: center;\n  color: var(--tng-semantic-foreground-primary);\n  column-gap: 0.65rem;\n  display: inline-flex;\n  font-size: 0.95rem;\n  line-height: 1.3;\n}\n\n.tng-switch-root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.tng-switch-control {\n  align-items: center;\n  background: var(--tng-semantic-border-subtle);\n  border: 0;\n  border-radius: 999px;\n  cursor: pointer;\n  display: inline-flex;\n  height: 1.5rem;\n  padding: 0.125rem;\n  transition: background-color 150ms ease;\n  width: 2.65rem;\n}\n\n.tng-switch-control[data-state='checked'] {\n  background: var(--tng-semantic-accent-brand);\n}\n\n.tng-switch-control:focus-visible {\n  outline: 2px solid var(--tng-semantic-focus-ring);\n  outline-offset: 2px;\n}\n\n.tng-switch-track {\n  align-items: center;\n  display: inline-flex;\n}\n\n.tng-switch-thumb {\n  align-items: center;\n  background: var(--tng-color-white, #fff);\n  border-radius: 999px;\n  box-shadow: 0 1px 2px color-mix(in srgb, var(--tng-semantic-background-canvas) 20%, transparent);\n  display: inline-flex;\n  height: 1.25rem;\n  justify-content: center;\n  transform: translateX(0);\n  transition: transform 150ms ease;\n  width: 1.25rem;\n}\n\n.tng-switch-control[data-state='checked'] .tng-switch-thumb {\n  transform: translateX(1.15rem);\n}\n\n.tng-switch-label {\n  user-select: none;\n}\n\n.tng-switch-label:empty {\n  display: none;\n}\n\n.tng-switch-icon {\n  align-items: center;\n  display: inline-flex;\n  font-size: 0.7rem;\n  line-height: 1;\n}\n\n.tng-switch-native-input {\n  block-size: 1px;\n  border: 0;\n  clip: rect(0 0 0 0);\n  inline-size: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }] } });
 //# sourceMappingURL=tng-switch.component.js.map

package/src/lib/form/switch/tng-switch.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-switch.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKxE,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,OAAO,CAAC,OAAO,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,GAAW;IAClD,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAQM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACb,SAAS,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACvC,OAAO,GAAG,KAAK,CAA4B,KAAK,EAAE;QAChE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAClC,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,IAAI,CAAC,CAAC;IAE5B,aAAa,GAAG,MAAM,EAAW,CAAC;IAE3C,SAAS,CAAC,KAA6B;QAC5C,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAEM,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC;CACF,CAAA;AArCY,kBAAkB;IAN9B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,CAAC,kBAAkB,CAAC;QAC7B,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,4BAA4B;KACvC,CAAC;GACW,kBAAkB,CAqC9B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport { TngSwitch as TngSwitchPrimitive } from '@tailng-ui/primitives';\n\ntype TngSwitchKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\nexport function toggleTngSwitchState(checked: boolean): boolean {\n  return !checked;\n}\n\nexport function resolveTngSwitchArrowKey(key: string): boolean | null {\n  if (key === 'ArrowLeft') {\n    return false;\n  }\n\n  if (key === 'ArrowRight') {\n    return true;\n  }\n\n  return null;\n}\n\n@Component({\n  selector: 'tng-switch',\n  imports: [TngSwitchPrimitive],\n  templateUrl: './tng-switch.component.html',\n  styleUrl: './tng-switch.component.css',\n})\nexport class TngSwitchComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly checked = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = input<string | null>(null);\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly value = input<string>('on');\n\n  public readonly checkedChange = output<boolean>();\n\n  public onKeydown(event: TngSwitchKeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const nextValue = resolveTngSwitchArrowKey(event.key);\n    if (nextValue === null || nextValue === this.checked()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.checkedChange.emit(nextValue);\n  }\n\n  public onToggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.checkedChange.emit(toggleTngSwitchState(this.checked()));\n  }\n}\n"]}
+{"version":3,"file":"tng-switch.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;AAKxE,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,OAAO,CAAC,OAAO,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,GAAW;IAClD,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,MAAM,OAAO,kBAAkB;IACb,SAAS,GAAG,KAAK,CAAgB,IAAI,qDAAC,CAAC;IACvC,OAAO,GAAG,KAAK,CAA4B,KAAK,oDAC9D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC,CAAC;IAClC,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,IAAI,iDAAC,CAAC;IAE5B,aAAa,GAAG,MAAM,EAAW,CAAC;IAE3C,SAAS,CAAC,KAA6B;QAC5C,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAEM,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC;uGApCU,kBAAkB;2FAAlB,kBAAkB,g3BC5B/B,2nCAwCA,o0DDhBY,kBAAkB;;2FAIjB,kBAAkB;kBAN9B,SAAS;+BACE,YAAY,WACb,CAAC,kBAAkB,CAAC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport { TngSwitch as TngSwitchPrimitive } from '@tailng-ui/primitives';\n\ntype TngSwitchKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\nexport function toggleTngSwitchState(checked: boolean): boolean {\n  return !checked;\n}\n\nexport function resolveTngSwitchArrowKey(key: string): boolean | null {\n  if (key === 'ArrowLeft') {\n    return false;\n  }\n\n  if (key === 'ArrowRight') {\n    return true;\n  }\n\n  return null;\n}\n\n@Component({\n  selector: 'tng-switch',\n  imports: [TngSwitchPrimitive],\n  templateUrl: './tng-switch.component.html',\n  styleUrl: './tng-switch.component.css',\n})\nexport class TngSwitchComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly checked = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = input<string | null>(null);\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly value = input<string>('on');\n\n  public readonly checkedChange = output<boolean>();\n\n  public onKeydown(event: TngSwitchKeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const nextValue = resolveTngSwitchArrowKey(event.key);\n    if (nextValue === null || nextValue === this.checked()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.checkedChange.emit(nextValue);\n  }\n\n  public onToggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.checkedChange.emit(toggleTngSwitchState(this.checked()));\n  }\n}\n","<div class=\"tng-switch-root\" [attr.data-disabled]=\"disabled() ? '' : null\">\n  <button\n    tngSwitch\n    class=\"tng-switch-control\"\n    [ariaLabel]=\"ariaLabel()\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    <span class=\"tng-switch-track\">\n      <span class=\"tng-switch-thumb\">\n        @if (checked()) {\n          <span class=\"tng-switch-icon\" aria-hidden=\"true\">\n            <ng-content select=\"[onIcon]\"></ng-content>\n          </span>\n        } @else {\n          <span class=\"tng-switch-icon\" aria-hidden=\"true\">\n            <ng-content select=\"[offIcon]\"></ng-content>\n          </span>\n        }\n      </span>\n    </span>\n  </button>\n  <input\n    class=\"tng-switch-native-input\"\n    type=\"checkbox\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [required]=\"required()\"\n    [attr.name]=\"name()\"\n    [value]=\"value()\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  />\n  <span class=\"tng-switch-label\">\n    <ng-content />\n  </span>\n</div>\n"]}

package/src/lib/form/textarea/tng-textarea.component.d.ts

@@ -1,4 +1,5 @@
 import { type TngTextareaResize } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 type NullableBooleanInput = boolean | null | string | undefined;
 export declare function readTngTextareaEventValue(event: unknown): string | null;
 export declare class TngTextareaComponent {
@@ -14,6 +15,8 @@ export declare class TngTextareaComponent {
     readonly value: import("@angular/core").InputSignal<string | null>;
     readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
     onInput(event: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngTextareaComponent, "tng-textarea", never, { "ariaDescribedBy": { "alias": "ariaDescribedBy"; "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; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 export {};
 //# sourceMappingURL=tng-textarea.component.d.ts.map

package/src/lib/form/textarea/tng-textarea.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-textarea.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWvE;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,WAAW,yFAExB;IACH,SAAgB,YAAY,yFAEzB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,WAAW,qDAA8B;IACzD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,MAAM,8EAEnB;IACH,SAAgB,KAAK,qDAA8B;IAEnD,SAAgB,WAAW,mDAAoB;IAExC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAQrC"}
+{"version":3,"file":"tng-textarea.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;;AAE/B,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWvE;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,WAAW,yFAExB;IACH,SAAgB,YAAY,yFAEzB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,WAAW,qDAA8B;IACzD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,MAAM,8EAEnB;IACH,SAAgB,KAAK,qDAA8B;IAEnD,SAAgB,WAAW,mDAAoB;IAExC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;yCA7BzB,oBAAoB;2CAApB,oBAAoB;CAqChC"}

package/src/lib/form/textarea/tng-textarea.component.js

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, input, output } from '@angular/core';
 import { coerceTngInputNullableBoolean, normalizeTngTextareaResize, normalizeTngTextareaRows, TngInput, } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export function readTngTextareaEventValue(event) {
     if (!(event instanceof Event)) {
         return null;
@@ -11,31 +11,17 @@ export function readTngTextareaEventValue(event) {
     }
     return target.value;
 }
-let TngTextareaComponent = class TngTextareaComponent {
-    ariaDescribedBy = input(null);
-    ariaInvalid = input(null, {
-        transform: coerceTngInputNullableBoolean,
-    });
-    ariaRequired = input(null, {
-        transform: coerceTngInputNullableBoolean,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    placeholder = input(null);
-    readonly = input(false, {
-        transform: booleanAttribute,
-    });
-    required = input(false, {
-        transform: booleanAttribute,
-    });
-    rows = input(3, {
-        transform: (value) => normalizeTngTextareaRows(typeof value === 'number' ? value : Number(value)),
-    });
-    resize = input('vertical', {
-        transform: normalizeTngTextareaResize,
-    });
-    value = input(null);
+export class TngTextareaComponent {
+    ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), transform: coerceTngInputNullableBoolean });
+    ariaRequired = input(null, { ...(ngDevMode ? { debugName: "ariaRequired" } : {}), transform: coerceTngInputNullableBoolean });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    placeholder = input(null, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    rows = input(3, { ...(ngDevMode ? { debugName: "rows" } : {}), transform: (value) => normalizeTngTextareaRows(typeof value === 'number' ? value : Number(value)) });
+    resize = input('vertical', { ...(ngDevMode ? { debugName: "resize" } : {}), transform: normalizeTngTextareaResize });
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     valueChange = output();
     onInput(event) {
         const value = readTngTextareaEventValue(event);
@@ -44,14 +30,11 @@ let TngTextareaComponent = class TngTextareaComponent {
         }
         this.valueChange.emit(value);
     }
-};
-TngTextareaComponent = __decorate([
-    Component({
-        selector: 'tng-textarea',
-        imports: [TngInput],
-        templateUrl: './tng-textarea.component.html',
-        styleUrl: './tng-textarea.component.css',
-    })
-], TngTextareaComponent);
-export { TngTextareaComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngTextareaComponent, isStandalone: true, selector: "tng-textarea", inputs: { ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<textarea\n  tngInput\n  class=\"tng-textarea\"\n  [style.resize]=\"resize()\"\n  [attr.data-resize]=\"resize()\"\n  [rows]=\"rows()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"required()\"\n  [ariaDescribedBy]=\"ariaDescribedBy()\"\n  [ariaInvalid]=\"ariaInvalid()\"\n  [ariaRequired]=\"ariaRequired()\"\n  [attr.placeholder]=\"placeholder()\"\n  [value]=\"value() ?? ''\"\n  (input)=\"onInput($event)\"\n></textarea>\n", styles: [":host {\n  display: inline-flex;\n  width: min(28rem, 100%);\n}\n\n.tng-textarea {\n  appearance: none;\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  font: inherit;\n  line-height: 1.35;\n  padding: 0.7rem 0.85rem;\n  resize: vertical;\n  width: 100%;\n}\n\n.tng-textarea::placeholder {\n  color: var(--tng-semantic-foreground-muted);\n}\n\n.tng-textarea:focus-visible {\n  box-shadow: 0 0 0 3px var(--tng-semantic-focus-ring);\n  outline: none;\n}\n\n.tng-textarea[data-invalid] {\n  border-color: var(--tng-semantic-accent-danger);\n}\n\n.tng-textarea:disabled,\n.tng-textarea[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n"], dependencies: [{ kind: "directive", type: TngInput, selector: "input[tngInput], textarea[tngInput]", inputs: ["ariaDescribedBy", "ariaLabel", "ariaLabelledby", "ariaInvalid", "ariaRequired", "disabled", "readonly", "required"], exportAs: ["tngInput"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-textarea', imports: [TngInput], template: "<textarea\n  tngInput\n  class=\"tng-textarea\"\n  [style.resize]=\"resize()\"\n  [attr.data-resize]=\"resize()\"\n  [rows]=\"rows()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"required()\"\n  [ariaDescribedBy]=\"ariaDescribedBy()\"\n  [ariaInvalid]=\"ariaInvalid()\"\n  [ariaRequired]=\"ariaRequired()\"\n  [attr.placeholder]=\"placeholder()\"\n  [value]=\"value() ?? ''\"\n  (input)=\"onInput($event)\"\n></textarea>\n", styles: [":host {\n  display: inline-flex;\n  width: min(28rem, 100%);\n}\n\n.tng-textarea {\n  appearance: none;\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  font: inherit;\n  line-height: 1.35;\n  padding: 0.7rem 0.85rem;\n  resize: vertical;\n  width: 100%;\n}\n\n.tng-textarea::placeholder {\n  color: var(--tng-semantic-foreground-muted);\n}\n\n.tng-textarea:focus-visible {\n  box-shadow: 0 0 0 3px var(--tng-semantic-focus-ring);\n  outline: none;\n}\n\n.tng-textarea[data-invalid] {\n  border-color: var(--tng-semantic-accent-danger);\n}\n\n.tng-textarea:disabled,\n.tng-textarea[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n"] }]
+        }], propDecorators: { ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", 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 }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 //# sourceMappingURL=tng-textarea.component.js.map

package/src/lib/form/textarea/tng-textarea.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-textarea.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,EAC1B,wBAAwB,EACxB,QAAQ,GAET,MAAM,uBAAuB,CAAC;AAI/B,MAAM,UAAU,yBAAyB,CAAC,KAAc;IACtD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,mBAAmB,CAAC,EAAE,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC;AACtB,CAAC;AAQM,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACf,eAAe,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC7C,WAAW,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC9E,SAAS,EAAE,6BAA6B;KACzC,CAAC,CAAC;IACa,YAAY,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC/E,SAAS,EAAE,6BAA6B;KACzC,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,WAAW,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACzC,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAA0B,CAAC,EAAE;QACvD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,wBAAwB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC9E,CAAC,CAAC;IACa,MAAM,GAAG,KAAK,CAAgD,UAAU,EAAE;QACxF,SAAS,EAAE,0BAA0B;KACtC,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAEnC,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC,OAAO,CAAC,KAAc;QAC3B,MAAM,KAAK,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;CACF,CAAA;AArCY,oBAAoB;IANhC,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,WAAW,EAAE,+BAA+B;QAC5C,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,oBAAoB,CAqChC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  coerceTngInputNullableBoolean,\n  normalizeTngTextareaResize,\n  normalizeTngTextareaRows,\n  TngInput,\n  type TngTextareaResize,\n} from '@tailng-ui/primitives';\n\ntype NullableBooleanInput = boolean | null | string | undefined;\n\nexport function readTngTextareaEventValue(event: unknown): string | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLTextAreaElement)) {\n    return null;\n  }\n\n  return target.value;\n}\n\n@Component({\n  selector: 'tng-textarea',\n  imports: [TngInput],\n  templateUrl: './tng-textarea.component.html',\n  styleUrl: './tng-textarea.component.css',\n})\nexport class TngTextareaComponent {\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngInputNullableBoolean,\n  });\n  public readonly ariaRequired = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngInputNullableBoolean,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly placeholder = input<string | null>(null);\n  public readonly readonly = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly rows = input<number, number | string>(3, {\n    transform: (value: number | string): number =>\n      normalizeTngTextareaRows(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly resize = input<TngTextareaResize, TngTextareaResize | string>('vertical', {\n    transform: normalizeTngTextareaResize,\n  });\n  public readonly value = input<string | null>(null);\n\n  public readonly valueChange = output<string>();\n\n  public onInput(event: unknown): void {\n    const value = readTngTextareaEventValue(event);\n    if (value === null) {\n      return;\n    }\n\n    this.valueChange.emit(value);\n  }\n}\n"]}
+{"version":3,"file":"tng-textarea.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,EAC1B,wBAAwB,EACxB,QAAQ,GAET,MAAM,uBAAuB,CAAC;;AAI/B,MAAM,UAAU,yBAAyB,CAAC,KAAc;IACtD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,mBAAmB,CAAC,EAAE,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC;AACtB,CAAC;AAQD,MAAM,OAAO,oBAAoB;IACf,eAAe,GAAG,KAAK,CAAgB,IAAI,2DAAC,CAAC;IAC7C,WAAW,GAAG,KAAK,CAAuC,IAAI,wDAC5E,SAAS,EAAE,6BAA6B,GACxC,CAAC;IACa,YAAY,GAAG,KAAK,CAAuC,IAAI,yDAC7E,SAAS,EAAE,6BAA6B,GACxC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,WAAW,GAAG,KAAK,CAAgB,IAAI,uDAAC,CAAC;IACzC,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,IAAI,GAAG,KAAK,CAA0B,CAAC,iDACrD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,wBAAwB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAC7E,CAAC;IACa,MAAM,GAAG,KAAK,CAAgD,UAAU,mDACtF,SAAS,EAAE,0BAA0B,GACrC,CAAC;IACa,KAAK,GAAG,KAAK,CAAgB,IAAI,iDAAC,CAAC;IAEnC,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC,OAAO,CAAC,KAAc;QAC3B,MAAM,KAAK,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;uGApCU,oBAAoB;2FAApB,oBAAoB,+5CC9BjC,scAgBA,40BDUY,QAAQ;;2FAIP,oBAAoB;kBANhC,SAAS;+BACE,cAAc,WACf,CAAC,QAAQ,CAAC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  coerceTngInputNullableBoolean,\n  normalizeTngTextareaResize,\n  normalizeTngTextareaRows,\n  TngInput,\n  type TngTextareaResize,\n} from '@tailng-ui/primitives';\n\ntype NullableBooleanInput = boolean | null | string | undefined;\n\nexport function readTngTextareaEventValue(event: unknown): string | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLTextAreaElement)) {\n    return null;\n  }\n\n  return target.value;\n}\n\n@Component({\n  selector: 'tng-textarea',\n  imports: [TngInput],\n  templateUrl: './tng-textarea.component.html',\n  styleUrl: './tng-textarea.component.css',\n})\nexport class TngTextareaComponent {\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngInputNullableBoolean,\n  });\n  public readonly ariaRequired = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngInputNullableBoolean,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly placeholder = input<string | null>(null);\n  public readonly readonly = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly rows = input<number, number | string>(3, {\n    transform: (value: number | string): number =>\n      normalizeTngTextareaRows(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly resize = input<TngTextareaResize, TngTextareaResize | string>('vertical', {\n    transform: normalizeTngTextareaResize,\n  });\n  public readonly value = input<string | null>(null);\n\n  public readonly valueChange = output<string>();\n\n  public onInput(event: unknown): void {\n    const value = readTngTextareaEventValue(event);\n    if (value === null) {\n      return;\n    }\n\n    this.valueChange.emit(value);\n  }\n}\n","<textarea\n  tngInput\n  class=\"tng-textarea\"\n  [style.resize]=\"resize()\"\n  [attr.data-resize]=\"resize()\"\n  [rows]=\"rows()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"required()\"\n  [ariaDescribedBy]=\"ariaDescribedBy()\"\n  [ariaInvalid]=\"ariaInvalid()\"\n  [ariaRequired]=\"ariaRequired()\"\n  [attr.placeholder]=\"placeholder()\"\n  [value]=\"value() ?? ''\"\n  (input)=\"onInput($event)\"\n></textarea>\n"]}

package/src/lib/form/toggle/tng-toggle.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit } from '@angular/core';
 import { type ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare function toggleTngToggleState(pressed: boolean): boolean;
 export declare function resolveTngToggleAriaLabel(pressed: boolean, pressedLabel: string, unpressedLabel: string): string;
 type NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;
@@ -34,6 +35,8 @@ export declare class TngToggleComponent implements ControlValueAccessor, OnInit
     writeValue(value: unknown): void;
     private groupItemValue;
     private groupManagesState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngToggleComponent, "tng-toggle", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "pressedLabel": { "alias": "pressedLabel"; "required": false; "isSignal": true; }; "unpressedLabel": { "alias": "unpressedLabel"; "required": false; "isSignal": true; }; }, { "pressedChange": "pressedChange"; }, never, ["[onIcon]", "[offIcon]"], true, never>;
 }
 export {};
 //# sourceMappingURL=tng-toggle.component.d.ts.map

package/src/lib/form/toggle/tng-toggle.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EAOP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAO9E,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE9D;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,GACrB,MAAM,CAER;AAED,KAAK,oBAAoB,GAAG,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAqB/E,qBAmBa,kBAAmB,YAAW,oBAAoB,EAAE,MAAM;IACrE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAGnB;IACH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAChD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAiB;IAC5C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAE7C,OAAO,CAAC,eAAe,CAA6C;IACpE,OAAO,CAAC,gBAAgB,CAA8B;IAEtD,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAC5D,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,KAAK,qDAA8B;IAEnD,SAAgB,OAAO,yFAEpB;IACH,SAAgB,cAAc,8EAE3B;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,YAAY,8CAA4B;IACxD,SAAgB,cAAc,8CAA6B;IAE3D,SAAgB,aAAa,oDAAqB;IAElD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,0CAOhC;IAEH,SAAS,CAAC,QAAQ,CAAC,eAAe,0CAgB/B;;IAMI,QAAQ,IAAI,IAAI;IAIhB,MAAM,IAAI,IAAI;IAId,wBAAwB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAepD,YAAY,IAAI,MAAM,GAAG,IAAI;IAkB7B,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAKpD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAKvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKvC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;CAG1B"}
+{"version":3,"file":"tng-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EAOP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;;AAO9E,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE9D;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,GACrB,MAAM,CAER;AAED,KAAK,oBAAoB,GAAG,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAqB/E,qBAmBa,kBAAmB,YAAW,oBAAoB,EAAE,MAAM;IACrE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAGnB;IACH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAChD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAiB;IAC5C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAE7C,OAAO,CAAC,eAAe,CAA6C;IACpE,OAAO,CAAC,gBAAgB,CAA8B;IAEtD,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAC5D,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,KAAK,qDAA8B;IAEnD,SAAgB,OAAO,yFAEpB;IACH,SAAgB,cAAc,8EAE3B;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,YAAY,8CAA4B;IACxD,SAAgB,cAAc,8CAA6B;IAE3D,SAAgB,aAAa,oDAAqB;IAElD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,0CAOhC;IAEH,SAAS,CAAC,QAAQ,CAAC,eAAe,0CAgB/B;;IAMI,QAAQ,IAAI,IAAI;IAIhB,MAAM,IAAI,IAAI;IAId,wBAAwB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAepD,YAAY,IAAI,MAAM,GAAG,IAAI;IAkB7B,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAKpD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAKvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKvC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;yCAhId,kBAAkB;2CAAlB,kBAAkB;CAmI9B"}

package/src/lib/form/toggle/tng-toggle.component.js

@@ -1,7 +1,7 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, computed, forwardRef, inject, input, output, signal, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { coerceTngToggleNullableBoolean, TngToggle as TngTogglePrimitive, TngToggleGroup as TngToggleGroupPrimitive, } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export function toggleTngToggleState(pressed) {
     return !pressed;
 }
@@ -23,32 +23,26 @@ function injectParentToggleGroup() {
         skipSelf: true,
     });
 }
-let TngToggleComponent = class TngToggleComponent {
+export class TngToggleComponent {
     group = inject(TngToggleGroupPrimitive, {
         optional: true,
         skipSelf: true,
     });
-    internalPressed = signal(false);
-    cvaModeEnabled = signal(false);
-    cvaPressed = signal(false);
-    cvaDisabled = signal(false);
+    internalPressed = signal(false, ...(ngDevMode ? [{ debugName: "internalPressed" }] : []));
+    cvaModeEnabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaModeEnabled" }] : []));
+    cvaPressed = signal(false, ...(ngDevMode ? [{ debugName: "cvaPressed" }] : []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : []));
     onControlChange = noControlChange;
     onControlTouched = noControlTouch;
-    ariaLabel = input(null);
-    ariaLabelledby = input(null);
-    ariaDescribedBy = input(null);
-    value = input(null);
-    pressed = input(null, {
-        transform: coerceTngToggleNullableBoolean,
-    });
-    defaultPressed = input(false, {
-        transform: booleanAttribute,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    pressedLabel = input('Enabled');
-    unpressedLabel = input('Disabled');
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    ariaLabelledby = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : []));
+    ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    pressed = input(null, { ...(ngDevMode ? { debugName: "pressed" } : {}), transform: coerceTngToggleNullableBoolean });
+    defaultPressed = input(false, { ...(ngDevMode ? { debugName: "defaultPressed" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    pressedLabel = input('Enabled', ...(ngDevMode ? [{ debugName: "pressedLabel" }] : []));
+    unpressedLabel = input('Disabled', ...(ngDevMode ? [{ debugName: "unpressedLabel" }] : []));
     pressedChange = output();
     resolvedDisabled = computed(() => {
         const groupDisabled = this.group?.isGroupDisabled() === true && this.groupManagesState();
@@ -56,7 +50,7 @@ let TngToggleComponent = class TngToggleComponent {
             return this.cvaDisabled() || groupDisabled;
         }
         return this.disabled() || groupDisabled;
-    });
+    }, ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : []));
     resolvedPressed = computed(() => {
         const groupItemValue = this.groupItemValue();
         if (groupItemValue !== null && this.group !== null) {
@@ -70,7 +64,7 @@ let TngToggleComponent = class TngToggleComponent {
             return controlledPressed;
         }
         return this.internalPressed();
-    });
+    }, ...(ngDevMode ? [{ debugName: "resolvedPressed" }] : []));
     constructor() {
         this.internalPressed.set(false);
     }
@@ -126,27 +120,33 @@ let TngToggleComponent = class TngToggleComponent {
     groupManagesState() {
         return this.group !== null && this.groupItemValue() !== null;
     }
-};
-TngToggleComponent = __decorate([
-    Component({
-        selector: 'tng-toggle',
-        imports: [TngTogglePrimitive],
-        templateUrl: './tng-toggle.component.html',
-        styleUrl: './tng-toggle.component.css',
-        viewProviders: [
-            {
-                provide: TngToggleGroupPrimitive,
-                useFactory: injectParentToggleGroup,
-            },
-        ],
-        providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngToggleComponent, isStandalone: true, selector: "tng-toggle", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, pressedLabel: { classPropertyName: "pressedLabel", publicName: "pressedLabel", isSignal: true, isRequired: false, transformFunction: null }, unpressedLabel: { classPropertyName: "unpressedLabel", publicName: "unpressedLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressedChange: "pressedChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TngToggleComponent),
                 multi: true,
             },
-        ],
-    })
-], TngToggleComponent);
-export { TngToggleComponent };
+        ], ngImport: i0, template: "<button\n  tngToggle\n  class=\"tng-toggle-control\"\n  [tngToggleValue]=\"value()\"\n  [pressed]=\"resolvedPressed()\"\n  [defaultPressed]=\"defaultPressed()\"\n  [disabled]=\"resolvedDisabled()\"\n  [ariaLabel]=\"getAriaLabel()\"\n  [ariaLabelledby]=\"ariaLabelledby()\"\n  [ariaDescribedBy]=\"ariaDescribedBy()\"\n  (pressedChange)=\"onPrimitivePressedChange($event)\"\n  (blur)=\"onBlur()\"\n>\n  @if (resolvedPressed()) {\n    <span class=\"tng-toggle-icon\">\n      <ng-content select=\"[onIcon]\">on</ng-content>\n    </span>\n  } @else {\n    <span class=\"tng-toggle-icon\">\n      <ng-content select=\"[offIcon]\">off</ng-content>\n    </span>\n  }\n</button>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-toggle-control {\n  align-items: center;\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  cursor: pointer;\n  display: inline-flex;\n  font-size: 0.875rem;\n  font-weight: 600;\n  height: 2.25rem;\n  justify-content: center;\n  transition:\n    background-color 150ms ease,\n    border-color 150ms ease,\n    color 150ms ease;\n  width: 2.25rem;\n}\n\n.tng-toggle-control[data-state='on'] {\n  background: var(--tng-semantic-accent-brand);\n  border-color: var(--tng-semantic-accent-brand);\n  color: var(--tng-color-white);\n}\n\n.tng-toggle-control[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.tng-toggle-control:focus-visible {\n  outline: 2px solid var(--tng-semantic-focus-ring);\n  outline-offset: 2px;\n}\n\n.tng-toggle-icon {\n  display: inline-flex;\n  line-height: 1;\n}\n"], dependencies: [{ kind: "directive", type: TngTogglePrimitive, selector: "button[tngToggle]", inputs: ["ariaLabel", "ariaLabelledby", "ariaDescribedBy", "tngToggleValue", "pressed", "defaultPressed", "disabled"], outputs: ["pressedChange"], exportAs: ["tngToggle"] }], viewProviders: [
+            {
+                provide: TngToggleGroupPrimitive,
+                useFactory: injectParentToggleGroup,
+            },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-toggle', imports: [TngTogglePrimitive], viewProviders: [
+                        {
+                            provide: TngToggleGroupPrimitive,
+                            useFactory: injectParentToggleGroup,
+                        },
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TngToggleComponent),
+                            multi: true,
+                        },
+                    ], template: "<button\n  tngToggle\n  class=\"tng-toggle-control\"\n  [tngToggleValue]=\"value()\"\n  [pressed]=\"resolvedPressed()\"\n  [defaultPressed]=\"defaultPressed()\"\n  [disabled]=\"resolvedDisabled()\"\n  [ariaLabel]=\"getAriaLabel()\"\n  [ariaLabelledby]=\"ariaLabelledby()\"\n  [ariaDescribedBy]=\"ariaDescribedBy()\"\n  (pressedChange)=\"onPrimitivePressedChange($event)\"\n  (blur)=\"onBlur()\"\n>\n  @if (resolvedPressed()) {\n    <span class=\"tng-toggle-icon\">\n      <ng-content select=\"[onIcon]\">on</ng-content>\n    </span>\n  } @else {\n    <span class=\"tng-toggle-icon\">\n      <ng-content select=\"[offIcon]\">off</ng-content>\n    </span>\n  }\n</button>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-toggle-control {\n  align-items: center;\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  cursor: pointer;\n  display: inline-flex;\n  font-size: 0.875rem;\n  font-weight: 600;\n  height: 2.25rem;\n  justify-content: center;\n  transition:\n    background-color 150ms ease,\n    border-color 150ms ease,\n    color 150ms ease;\n  width: 2.25rem;\n}\n\n.tng-toggle-control[data-state='on'] {\n  background: var(--tng-semantic-accent-brand);\n  border-color: var(--tng-semantic-accent-brand);\n  color: var(--tng-color-white);\n}\n\n.tng-toggle-control[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.tng-toggle-control:focus-visible {\n  outline: 2px solid var(--tng-semantic-focus-ring);\n  outline-offset: 2px;\n}\n\n.tng-toggle-icon {\n  display: inline-flex;\n  line-height: 1;\n}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], defaultPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPressed", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], pressedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressedLabel", required: false }] }], unpressedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "unpressedLabel", required: false }] }], pressedChange: [{ type: i0.Output, args: ["pressedChange"] }] } });
 //# sourceMappingURL=tng-toggle.component.js.map