@tailng-ui/primitives 0.1.0

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

@@ -0,0 +1,79 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
+export function resolveTngSwitchAriaChecked(checked) {
+    return checked ? 'true' : 'false';
+}
+export function resolveTngSwitchDataState(checked) {
+    return checked ? 'checked' : 'unchecked';
+}
+export function resolveTngSwitchAriaRequired(required) {
+    return required ? 'true' : null;
+}
+let TngSwitch = class TngSwitch {
+    ariaLabel = input(null);
+    checked = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    get ariaCheckedAttr() {
+        return resolveTngSwitchAriaChecked(this.checked());
+    }
+    get ariaLabelAttr() {
+        return this.ariaLabel();
+    }
+    get ariaRequiredAttr() {
+        return resolveTngSwitchAriaRequired(this.required());
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    dataSlot = 'switch';
+    get dataStateAttr() {
+        return resolveTngSwitchDataState(this.checked());
+    }
+    get disabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    roleAttr = 'switch';
+    typeAttr = 'button';
+};
+__decorate([
+    HostBinding('attr.aria-checked')
+], TngSwitch.prototype, "ariaCheckedAttr", null);
+__decorate([
+    HostBinding('attr.aria-label')
+], TngSwitch.prototype, "ariaLabelAttr", null);
+__decorate([
+    HostBinding('attr.aria-required')
+], TngSwitch.prototype, "ariaRequiredAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngSwitch.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngSwitch.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-state')
+], TngSwitch.prototype, "dataStateAttr", null);
+__decorate([
+    HostBinding('attr.disabled')
+], TngSwitch.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.role')
+], TngSwitch.prototype, "roleAttr", void 0);
+__decorate([
+    HostBinding('attr.type')
+], TngSwitch.prototype, "typeAttr", void 0);
+TngSwitch = __decorate([
+    Directive({
+        selector: 'button[tngSwitch]',
+        exportAs: 'tngSwitch',
+    })
+], TngSwitch);
+export { TngSwitch };
+//# sourceMappingURL=tng-switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-switch.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/switch/tng-switch.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhF,MAAM,UAAU,2BAA2B,CAAC,OAAgB;IAC1D,OAAO,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAAgB;IACxD,OAAO,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,QAAiB;IAC5D,OAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAClC,CAAC;AAMM,IAAM,SAAS,GAAf,MAAM,SAAS;IACJ,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,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IAGH,IAAc,eAAe;QAC3B,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACrD,CAAC;IAGD,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,4BAA4B,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGkB,QAAQ,GAAG,QAAiB,CAAC;IAGhD,IAAc,aAAa;QACzB,OAAO,yBAAyB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACnD,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGkB,QAAQ,GAAG,QAAiB,CAAC;IAG7B,QAAQ,GAAG,QAAiB,CAAC;CACjD,CAAA;AArCC;IADC,WAAW,CAAC,mBAAmB,CAAC;gDAGhC;AAGD;IADC,WAAW,CAAC,iBAAiB,CAAC;8CAG9B;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;iDAGjC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;iDAGjC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;2CACkB;AAGhD;IADC,WAAW,CAAC,iBAAiB,CAAC;8CAG9B;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;6CAG5B;AAGkB;IADlB,WAAW,CAAC,WAAW,CAAC;2CACuB;AAG7B;IADlB,WAAW,CAAC,WAAW,CAAC;2CACuB;AAjDrC,SAAS;IAJrB,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,WAAW;KACtB,CAAC;GACW,SAAS,CAkDrB","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\nexport function resolveTngSwitchAriaChecked(checked: boolean): 'false' | 'true' {\n  return checked ? 'true' : 'false';\n}\n\nexport function resolveTngSwitchDataState(checked: boolean): 'checked' | 'unchecked' {\n  return checked ? 'checked' : 'unchecked';\n}\n\nexport function resolveTngSwitchAriaRequired(required: boolean): 'true' | null {\n  return required ? 'true' : null;\n}\n\n@Directive({\n  selector: 'button[tngSwitch]',\n  exportAs: 'tngSwitch',\n})\nexport class TngSwitch {\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 required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n\n  @HostBinding('attr.aria-checked')\n  protected get ariaCheckedAttr(): 'false' | 'true' {\n    return resolveTngSwitchAriaChecked(this.checked());\n  }\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string | null {\n    return this.ariaLabel();\n  }\n\n  @HostBinding('attr.aria-required')\n  protected get ariaRequiredAttr(): 'true' | null {\n    return resolveTngSwitchAriaRequired(this.required());\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 = 'switch' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'checked' | 'unchecked' {\n    return resolveTngSwitchDataState(this.checked());\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'switch' as const;\n\n  @HostBinding('attr.type')\n  protected readonly typeAttr = 'button' as const;\n}\n"]}

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

@@ -0,0 +1,23 @@
+type NullableBooleanInput = boolean | null | string | undefined;
+export declare function coerceTngTextareaNullableBoolean(value: NullableBooleanInput): boolean | null;
+export declare function normalizeTngTextareaRows(value: number): number;
+export declare class TngTextarea {
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly ariaInvalid: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly ariaRequired: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly rows: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    protected get ariaDescribedByAttr(): string | null;
+    protected get ariaInvalidAttr(): 'false' | 'true' | null;
+    protected get ariaRequiredAttr(): 'false' | 'true' | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataInvalidAttr(): '' | null;
+    protected get disabledAttr(): '' | null;
+    protected get readonlyAttr(): '' | null;
+    protected get requiredAttr(): '' | null;
+    protected get rowsAttr(): number;
+}
+export {};
+//# sourceMappingURL=tng-textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-textarea.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/textarea/tng-textarea.ts"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,GAAG,IAAI,CAc5F;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9D;AAmBD,qBAIa,WAAW;IACtB,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,WAAW,yFAExB;IACH,SAAgB,YAAY,yFAEzB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,4EAEjB;IAGH,SAAS,KAAK,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAEjD;IAGD,SAAS,KAAK,eAAe,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI,CAEvD;IAGD,SAAS,KAAK,gBAAgB,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI,CAMxD;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAE/B;CACF"}

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

@@ -0,0 +1,119 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, booleanAttribute, input, numberAttribute } from '@angular/core';
+export function coerceTngTextareaNullableBoolean(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    if (value === '' || value === true || value === 'true') {
+        return true;
+    }
+    if (value === false || value === 'false') {
+        return false;
+    }
+    return null;
+}
+export function normalizeTngTextareaRows(value) {
+    if (!Number.isFinite(value)) {
+        return 3;
+    }
+    return Math.max(1, Math.trunc(value));
+}
+function normalizeStringValue(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+function toAriaBoolean(value) {
+    if (value === null) {
+        return null;
+    }
+    return value ? 'true' : 'false';
+}
+let TngTextarea = class TngTextarea {
+    ariaDescribedBy = input(null);
+    ariaInvalid = input(null, {
+        transform: coerceTngTextareaNullableBoolean,
+    });
+    ariaRequired = input(null, {
+        transform: coerceTngTextareaNullableBoolean,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    readonly = input(false, {
+        transform: booleanAttribute,
+    });
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    rows = input(3, {
+        transform: (value) => normalizeTngTextareaRows(numberAttribute(value)),
+    });
+    get ariaDescribedByAttr() {
+        return normalizeStringValue(this.ariaDescribedBy());
+    }
+    get ariaInvalidAttr() {
+        return toAriaBoolean(this.ariaInvalid());
+    }
+    get ariaRequiredAttr() {
+        if (this.required()) {
+            return 'true';
+        }
+        return toAriaBoolean(this.ariaRequired());
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get dataInvalidAttr() {
+        return this.ariaInvalid() === true ? '' : null;
+    }
+    get disabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get readonlyAttr() {
+        return this.readonly() ? '' : null;
+    }
+    get requiredAttr() {
+        return this.required() ? '' : null;
+    }
+    get rowsAttr() {
+        return this.rows();
+    }
+};
+__decorate([
+    HostBinding('attr.aria-describedby')
+], TngTextarea.prototype, "ariaDescribedByAttr", null);
+__decorate([
+    HostBinding('attr.aria-invalid')
+], TngTextarea.prototype, "ariaInvalidAttr", null);
+__decorate([
+    HostBinding('attr.aria-required')
+], TngTextarea.prototype, "ariaRequiredAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngTextarea.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-invalid')
+], TngTextarea.prototype, "dataInvalidAttr", null);
+__decorate([
+    HostBinding('attr.disabled')
+], TngTextarea.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.readonly')
+], TngTextarea.prototype, "readonlyAttr", null);
+__decorate([
+    HostBinding('attr.required')
+], TngTextarea.prototype, "requiredAttr", null);
+__decorate([
+    HostBinding('attr.rows')
+], TngTextarea.prototype, "rowsAttr", null);
+TngTextarea = __decorate([
+    Directive({
+        selector: 'textarea[tngTextarea]',
+        exportAs: 'tngTextarea',
+    })
+], TngTextarea);
+export { TngTextarea };
+//# sourceMappingURL=tng-textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-textarea.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/textarea/tng-textarea.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input, numberAttribute } from '@angular/core';\n\ntype NullableBooleanInput = boolean | null | string | undefined;\n\nexport function coerceTngTextareaNullableBoolean(value: NullableBooleanInput): boolean | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  if (value === '' || value === true || value === 'true') {\n    return true;\n  }\n\n  if (value === false || value === 'false') {\n    return false;\n  }\n\n  return null;\n}\n\nexport function normalizeTngTextareaRows(value: number): number {\n  if (!Number.isFinite(value)) {\n    return 3;\n  }\n\n  return Math.max(1, Math.trunc(value));\n}\n\nfunction normalizeStringValue(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 toAriaBoolean(value: boolean | null): 'false' | 'true' | null {\n  if (value === null) {\n    return null;\n  }\n\n  return value ? 'true' : 'false';\n}\n\n@Directive({\n  selector: 'textarea[tngTextarea]',\n  exportAs: 'tngTextarea',\n})\nexport class TngTextarea {\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngTextareaNullableBoolean,\n  });\n  public readonly ariaRequired = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngTextareaNullableBoolean,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly readonly = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly rows = input<number, number | string>(3, {\n    transform: (value: number | string): number => normalizeTngTextareaRows(numberAttribute(value)),\n  });\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedByAttr(): string | null {\n    return normalizeStringValue(this.ariaDescribedBy());\n  }\n\n  @HostBinding('attr.aria-invalid')\n  protected get ariaInvalidAttr(): 'false' | 'true' | null {\n    return toAriaBoolean(this.ariaInvalid());\n  }\n\n  @HostBinding('attr.aria-required')\n  protected get ariaRequiredAttr(): 'false' | 'true' | null {\n    if (this.required()) {\n      return 'true';\n    }\n\n    return toAriaBoolean(this.ariaRequired());\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-invalid')\n  protected get dataInvalidAttr(): '' | null {\n    return this.ariaInvalid() === true ? '' : null;\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.readonly')\n  protected get readonlyAttr(): '' | null {\n    return this.readonly() ? '' : null;\n  }\n\n  @HostBinding('attr.required')\n  protected get requiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.rows')\n  protected get rowsAttr(): number {\n    return this.rows();\n  }\n}\n"]}

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

@@ -0,0 +1,44 @@
+import { OnInit } from '@angular/core';
+type NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;
+export declare function coerceTngToggleNullableBoolean(value: NullableBooleanInput): boolean | null;
+export declare function resolveTngToggleAriaPressed(pressed: boolean): 'false' | 'true';
+export declare function resolveTngToggleDataState(pressed: boolean): 'off' | 'on';
+export declare class TngToggle implements OnInit {
+    private readonly elementRef;
+    private readonly group;
+    private readonly internalPressed;
+    private suppressNextClickFromKeyboard;
+    private focused;
+    private focusVisible;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly value: import("@angular/core").InputSignal<string | null>;
+    readonly pressed: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly defaultPressed: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly pressedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    private readonly resolvedDisabled;
+    private readonly resolvedPressed;
+    ngOnInit(): void;
+    protected get ariaDescribedByAttr(): string | null;
+    protected get ariaDisabledAttr(): 'true' | null;
+    protected get ariaLabelAttr(): string | null;
+    protected get ariaLabelledbyAttr(): string | null;
+    protected get ariaPressedAttr(): 'false' | 'true';
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataFocusedAttr(): '' | null;
+    protected get dataFocusVisibleAttr(): '' | null;
+    protected readonly dataSlot: "toggle";
+    protected get dataStateAttr(): 'off' | 'on';
+    protected get disabledAttr(): '' | null;
+    protected readonly typeAttr: "button";
+    onBlur(): void;
+    onClick(event: MouseEvent): void;
+    onFocus(): void;
+    onKeydown(event: KeyboardEvent): void;
+    private groupItemValue;
+    private toggleFromInteraction;
+}
+export {};
+//# sourceMappingURL=tng-toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/toggle/tng-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAOP,MAAM,eAAe,CAAC;AAGvB,KAAK,oBAAoB,GAAG,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAW/E,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,GAAG,IAAI,CAc1F;AAED,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAE9E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAExE;AAED,qBAIa,SAAU,YAAW,MAAM;IACtC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqD;IAChF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA8C;IACpE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,YAAY,CAAS;IAE7B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAC5D,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,KAAK,qDAA2D;IAEhF,SAAgB,OAAO,yFAEpB;IACH,SAAgB,cAAc,8EAE3B;IACH,SAAgB,QAAQ,8EAErB;IAEH,SAAgB,aAAa,oDAAqB;IAElD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAE9B;IAEH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAY7B;IAEI,QAAQ,IAAI,IAAI;IAKvB,SAAS,KAAK,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAEjD;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAE9C;IAGD,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAEhD;IAGD,SAAS,KAAK,eAAe,IAAI,OAAO,GAAG,MAAM,CAEhD;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,KAAK,oBAAoB,IAAI,EAAE,GAAG,IAAI,CAE9C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,QAAQ,CAAU;IAGhD,SAAS,KAAK,aAAa,IAAI,KAAK,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,QAAQ,CAAU;IAGzC,MAAM,IAAI,IAAI;IAMd,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAiBhC,OAAO,IAAI,IAAI;IAMf,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAc5C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,qBAAqB;CAe9B"}

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

@@ -0,0 +1,203 @@
+import { __decorate } from "tslib";
+import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, computed, inject, input, output, signal, } from '@angular/core';
+import { TngToggleGroup } from '../toggle-group/tng-toggle-group';
+function normalizeStringValue(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+export function coerceTngToggleNullableBoolean(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    if (value === '' || value === true || value === 'true') {
+        return true;
+    }
+    if (value === false || value === 'false') {
+        return false;
+    }
+    return null;
+}
+export function resolveTngToggleAriaPressed(pressed) {
+    return pressed ? 'true' : 'false';
+}
+export function resolveTngToggleDataState(pressed) {
+    return pressed ? 'on' : 'off';
+}
+let TngToggle = class TngToggle {
+    elementRef = inject(ElementRef);
+    group = inject(TngToggleGroup, { optional: true });
+    internalPressed = signal(false);
+    suppressNextClickFromKeyboard = false;
+    focused = false;
+    focusVisible = false;
+    ariaLabel = input(null);
+    ariaLabelledby = input(null);
+    ariaDescribedBy = input(null);
+    value = input(null, { alias: 'tngToggleValue' });
+    pressed = input(null, {
+        transform: coerceTngToggleNullableBoolean,
+    });
+    defaultPressed = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    pressedChange = output();
+    resolvedDisabled = computed(() => {
+        return this.disabled() || this.group?.isGroupDisabled() === true;
+    });
+    resolvedPressed = computed(() => {
+        const groupItemValue = this.groupItemValue();
+        if (groupItemValue !== null && this.group !== null) {
+            return this.group.isItemSelected(groupItemValue);
+        }
+        const controlledPressed = this.pressed();
+        if (controlledPressed !== null) {
+            return controlledPressed;
+        }
+        return this.internalPressed();
+    });
+    ngOnInit() {
+        this.internalPressed.set(this.defaultPressed());
+    }
+    get ariaDescribedByAttr() {
+        return normalizeStringValue(this.ariaDescribedBy());
+    }
+    get ariaDisabledAttr() {
+        return this.resolvedDisabled() ? 'true' : null;
+    }
+    get ariaLabelAttr() {
+        return normalizeStringValue(this.ariaLabel());
+    }
+    get ariaLabelledbyAttr() {
+        return normalizeStringValue(this.ariaLabelledby());
+    }
+    get ariaPressedAttr() {
+        return resolveTngToggleAriaPressed(this.resolvedPressed());
+    }
+    get dataDisabledAttr() {
+        return this.resolvedDisabled() ? '' : null;
+    }
+    get dataFocusedAttr() {
+        return this.focused ? '' : null;
+    }
+    get dataFocusVisibleAttr() {
+        return this.focusVisible ? '' : null;
+    }
+    dataSlot = 'toggle';
+    get dataStateAttr() {
+        return resolveTngToggleDataState(this.resolvedPressed());
+    }
+    get disabledAttr() {
+        return this.resolvedDisabled() ? '' : null;
+    }
+    typeAttr = 'button';
+    onBlur() {
+        this.focused = false;
+        this.focusVisible = false;
+    }
+    onClick(event) {
+        if (this.resolvedDisabled()) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        if (this.suppressNextClickFromKeyboard && event.detail === 0) {
+            this.suppressNextClickFromKeyboard = false;
+            return;
+        }
+        this.suppressNextClickFromKeyboard = false;
+        this.toggleFromInteraction();
+    }
+    onFocus() {
+        this.focused = true;
+        this.focusVisible = this.elementRef.nativeElement.matches(':focus-visible');
+    }
+    onKeydown(event) {
+        if (this.resolvedDisabled()) {
+            return;
+        }
+        if (event.key !== ' ' && event.key !== 'Enter') {
+            return;
+        }
+        event.preventDefault();
+        this.suppressNextClickFromKeyboard = true;
+        this.toggleFromInteraction();
+    }
+    groupItemValue() {
+        return normalizeStringValue(this.value());
+    }
+    toggleFromInteraction() {
+        const groupItemValue = this.groupItemValue();
+        if (groupItemValue !== null && this.group !== null) {
+            const nextValue = this.group.toggleItem(groupItemValue);
+            this.pressedChange.emit(nextValue);
+            return;
+        }
+        const nextValue = !this.resolvedPressed();
+        if (this.pressed() === null) {
+            this.internalPressed.set(nextValue);
+        }
+        this.pressedChange.emit(nextValue);
+    }
+};
+__decorate([
+    HostBinding('attr.aria-describedby')
+], TngToggle.prototype, "ariaDescribedByAttr", null);
+__decorate([
+    HostBinding('attr.aria-disabled')
+], TngToggle.prototype, "ariaDisabledAttr", null);
+__decorate([
+    HostBinding('attr.aria-label')
+], TngToggle.prototype, "ariaLabelAttr", null);
+__decorate([
+    HostBinding('attr.aria-labelledby')
+], TngToggle.prototype, "ariaLabelledbyAttr", null);
+__decorate([
+    HostBinding('attr.aria-pressed')
+], TngToggle.prototype, "ariaPressedAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngToggle.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-focused')
+], TngToggle.prototype, "dataFocusedAttr", null);
+__decorate([
+    HostBinding('attr.data-focus-visible')
+], TngToggle.prototype, "dataFocusVisibleAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngToggle.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-state')
+], TngToggle.prototype, "dataStateAttr", null);
+__decorate([
+    HostBinding('attr.disabled')
+], TngToggle.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.type')
+], TngToggle.prototype, "typeAttr", void 0);
+__decorate([
+    HostListener('blur')
+], TngToggle.prototype, "onBlur", null);
+__decorate([
+    HostListener('click', ['$event'])
+], TngToggle.prototype, "onClick", null);
+__decorate([
+    HostListener('focus')
+], TngToggle.prototype, "onFocus", null);
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngToggle.prototype, "onKeydown", null);
+TngToggle = __decorate([
+    Directive({
+        selector: 'button[tngToggle]',
+        exportAs: 'tngToggle',
+    })
+], TngToggle);
+export { TngToggle };
+//# sourceMappingURL=tng-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/toggle/tng-toggle.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  OnInit,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { TngToggleGroup } from '../toggle-group/tng-toggle-group';\n\ntype NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;\n\nfunction normalizeStringValue(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\nexport function coerceTngToggleNullableBoolean(value: NullableBooleanInput): boolean | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  if (value === '' || value === true || value === 'true') {\n    return true;\n  }\n\n  if (value === false || value === 'false') {\n    return false;\n  }\n\n  return null;\n}\n\nexport function resolveTngToggleAriaPressed(pressed: boolean): 'false' | 'true' {\n  return pressed ? 'true' : 'false';\n}\n\nexport function resolveTngToggleDataState(pressed: boolean): 'off' | 'on' {\n  return pressed ? 'on' : 'off';\n}\n\n@Directive({\n  selector: 'button[tngToggle]',\n  exportAs: 'tngToggle',\n})\nexport class TngToggle implements OnInit {\n  private readonly elementRef = inject<ElementRef<HTMLButtonElement>>(ElementRef);\n  private readonly group = inject(TngToggleGroup, { optional: true });\n  private readonly internalPressed = signal(false);\n  private suppressNextClickFromKeyboard = false;\n  private focused = false;\n  private focusVisible = false;\n\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly ariaLabelledby = input<string | null>(null);\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly value = input<string | null>(null, { alias: 'tngToggleValue' });\n\n  public readonly pressed = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngToggleNullableBoolean,\n  });\n  public readonly defaultPressed = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n\n  public readonly pressedChange = output<boolean>();\n\n  private readonly resolvedDisabled = computed(() => {\n    return this.disabled() || this.group?.isGroupDisabled() === true;\n  });\n\n  private readonly resolvedPressed = computed(() => {\n    const groupItemValue = this.groupItemValue();\n    if (groupItemValue !== null && this.group !== null) {\n      return this.group.isItemSelected(groupItemValue);\n    }\n\n    const controlledPressed = this.pressed();\n    if (controlledPressed !== null) {\n      return controlledPressed;\n    }\n\n    return this.internalPressed();\n  });\n\n  public ngOnInit(): void {\n    this.internalPressed.set(this.defaultPressed());\n  }\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedByAttr(): string | null {\n    return normalizeStringValue(this.ariaDescribedBy());\n  }\n\n  @HostBinding('attr.aria-disabled')\n  protected get ariaDisabledAttr(): 'true' | null {\n    return this.resolvedDisabled() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string | null {\n    return normalizeStringValue(this.ariaLabel());\n  }\n\n  @HostBinding('attr.aria-labelledby')\n  protected get ariaLabelledbyAttr(): string | null {\n    return normalizeStringValue(this.ariaLabelledby());\n  }\n\n  @HostBinding('attr.aria-pressed')\n  protected get ariaPressedAttr(): 'false' | 'true' {\n    return resolveTngToggleAriaPressed(this.resolvedPressed());\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.resolvedDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-focused')\n  protected get dataFocusedAttr(): '' | null {\n    return this.focused ? '' : null;\n  }\n\n  @HostBinding('attr.data-focus-visible')\n  protected get dataFocusVisibleAttr(): '' | null {\n    return this.focusVisible ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'toggle' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'off' | 'on' {\n    return resolveTngToggleDataState(this.resolvedPressed());\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.resolvedDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.type')\n  protected readonly typeAttr = 'button' as const;\n\n  @HostListener('blur')\n  public onBlur(): void {\n    this.focused = false;\n    this.focusVisible = false;\n  }\n\n  @HostListener('click', ['$event'])\n  public onClick(event: MouseEvent): void {\n    if (this.resolvedDisabled()) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (this.suppressNextClickFromKeyboard && event.detail === 0) {\n      this.suppressNextClickFromKeyboard = false;\n      return;\n    }\n\n    this.suppressNextClickFromKeyboard = false;\n    this.toggleFromInteraction();\n  }\n\n  @HostListener('focus')\n  public onFocus(): void {\n    this.focused = true;\n    this.focusVisible = this.elementRef.nativeElement.matches(':focus-visible');\n  }\n\n  @HostListener('keydown', ['$event'])\n  public onKeydown(event: KeyboardEvent): void {\n    if (this.resolvedDisabled()) {\n      return;\n    }\n\n    if (event.key !== ' ' && event.key !== 'Enter') {\n      return;\n    }\n\n    event.preventDefault();\n    this.suppressNextClickFromKeyboard = true;\n    this.toggleFromInteraction();\n  }\n\n  private groupItemValue(): string | null {\n    return normalizeStringValue(this.value());\n  }\n\n  private toggleFromInteraction(): void {\n    const groupItemValue = this.groupItemValue();\n    if (groupItemValue !== null && this.group !== null) {\n      const nextValue = this.group.toggleItem(groupItemValue);\n      this.pressedChange.emit(nextValue);\n      return;\n    }\n\n    const nextValue = !this.resolvedPressed();\n    if (this.pressed() === null) {\n      this.internalPressed.set(nextValue);\n    }\n\n    this.pressedChange.emit(nextValue);\n  }\n}\n"]}

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

@@ -0,0 +1,35 @@
+import { OnInit } from '@angular/core';
+type TngToggleGroupSelectionMode = 'multiple' | 'single';
+export declare class TngToggleGroup implements OnInit {
+    private readonly internalSingleValue;
+    private readonly internalMultipleValues;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    readonly selectionMode: import("@angular/core").InputSignalWithTransform<TngToggleGroupSelectionMode, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly value: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly values: import("@angular/core").InputSignal<readonly string[] | undefined>;
+    readonly defaultValue: import("@angular/core").InputSignal<string | null>;
+    readonly defaultValues: import("@angular/core").InputSignal<readonly string[]>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string | null>;
+    readonly valuesChange: import("@angular/core").OutputEmitterRef<readonly string[]>;
+    ngOnInit(): void;
+    isGroupDisabled(): boolean;
+    isItemSelected(itemValue: string): boolean;
+    toggleItem(itemValue: string): boolean;
+    private isSingleControlled;
+    private isMultipleControlled;
+    private resolveSingleValue;
+    private resolveMultipleValues;
+    protected get ariaLabelAttr(): string | null;
+    protected get ariaLabelledbyAttr(): string | null;
+    protected get ariaDisabledAttr(): 'true' | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataOrientationAttr(): 'horizontal' | 'vertical';
+    protected get dataSelectionModeAttr(): TngToggleGroupSelectionMode;
+    protected readonly dataSlot: "toggle-group";
+    protected readonly roleAttr: "group";
+}
+export {};
+//# sourceMappingURL=tng-toggle-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle-group.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/toggle-group/tng-toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EAKP,MAAM,eAAe,CAAC;AAEvB,KAAK,2BAA2B,GAAG,UAAU,GAAG,QAAQ,CAAC;AAiCzD,qBAIa,cAAe,YAAW,MAAM;IAC3C,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA+B;IACnE,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiC;IAExE,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAC5D,SAAgB,WAAW,iEAAkD;IAC7E,SAAgB,aAAa,yFAE1B;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,iEAA+C;IACpE,SAAgB,MAAM,qEAAmD;IACzE,SAAgB,YAAY,qDAA8B;IAC1D,SAAgB,aAAa,yDAAgC;IAE7D,SAAgB,WAAW,0DAA2B;IACtD,SAAgB,YAAY,8DAA+B;IAEpD,QAAQ,IAAI,IAAI;IAKhB,eAAe,IAAI,OAAO;IAI1B,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAQ1C,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAqC7C,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,qBAAqB;IAS7B,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAEhD;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAE9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,mBAAmB,IAAI,YAAY,GAAG,UAAU,CAE7D;IAGD,SAAS,KAAK,qBAAqB,IAAI,2BAA2B,CAEjE;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;CAChD"}