@tailng-ui/primitives 0.12.0 → 0.13.0

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

@@ -1,5 +1,5 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, } from '@angular/core';
+import * as i0 from "@angular/core";
 function normalizeStringValue(value) {
     if (value === undefined || value === null) {
         return null;
@@ -40,34 +40,20 @@ export function resolveTngCheckboxInvalidState(invalid, ariaInvalid) {
     }
     return false;
 }
-let TngCheckbox = class TngCheckbox {
+export class TngCheckbox {
     elementRef = inject(ElementRef);
     focused = false;
     focusVisible = false;
-    ariaDescribedBy = input(null);
-    ariaInvalid = input(null, {
-        transform: coerceTngCheckboxNullableBoolean,
-    });
-    checked = input(false, {
-        transform: booleanAttribute,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    invalid = input(null, {
-        transform: coerceTngCheckboxNullableBoolean,
-    });
-    indeterminate = input(false, {
-        transform: booleanAttribute,
-    });
-    name = input(null);
-    readonly = input(false, {
-        transform: booleanAttribute,
-    });
-    required = input(false, {
-        transform: booleanAttribute,
-    });
-    value = input(null);
+    ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), transform: coerceTngCheckboxNullableBoolean });
+    checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    invalid = input(null, { ...(ngDevMode ? { debugName: "invalid" } : {}), transform: coerceTngCheckboxNullableBoolean });
+    indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
+    name = input(null, ...(ngDevMode ? [{ debugName: "name" }] : []));
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     typeAttr = 'checkbox';
     get checkedProp() {
         return this.checked();
@@ -151,85 +137,87 @@ let TngCheckbox = class TngCheckbox {
     isInvalid() {
         return resolveTngCheckboxInvalidState(this.invalid(), this.ariaInvalid());
     }
-};
-__decorate([
-    HostBinding('checked')
-], TngCheckbox.prototype, "checkedProp", null);
-__decorate([
-    HostBinding('indeterminate')
-], TngCheckbox.prototype, "indeterminateProp", null);
-__decorate([
-    HostBinding('attr.aria-checked')
-], TngCheckbox.prototype, "ariaCheckedAttr", null);
-__decorate([
-    HostBinding('attr.aria-describedby')
-], TngCheckbox.prototype, "ariaDescribedByAttr", null);
-__decorate([
-    HostBinding('attr.aria-invalid')
-], TngCheckbox.prototype, "ariaInvalidAttr", null);
-__decorate([
-    HostBinding('attr.aria-readonly')
-], TngCheckbox.prototype, "ariaReadonlyAttr", null);
-__decorate([
-    HostBinding('attr.data-checked')
-], TngCheckbox.prototype, "dataCheckedAttr", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngCheckbox.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-focused')
-], TngCheckbox.prototype, "dataFocusedAttr", null);
-__decorate([
-    HostBinding('attr.data-focus-visible')
-], TngCheckbox.prototype, "dataFocusVisibleAttr", null);
-__decorate([
-    HostBinding('attr.data-invalid')
-], TngCheckbox.prototype, "dataInvalidAttr", null);
-__decorate([
-    HostBinding('attr.data-mixed')
-], TngCheckbox.prototype, "dataMixedAttr", null);
-__decorate([
-    HostBinding('attr.data-readonly')
-], TngCheckbox.prototype, "dataReadonlyAttr", null);
-__decorate([
-    HostBinding('attr.data-required')
-], TngCheckbox.prototype, "dataRequiredAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngCheckbox.prototype, "dataStateAttr", null);
-__decorate([
-    HostBinding('attr.data-unchecked')
-], TngCheckbox.prototype, "dataUncheckedAttr", null);
-__decorate([
-    HostBinding('attr.disabled')
-], TngCheckbox.prototype, "disabledAttr", null);
-__decorate([
-    HostBinding('attr.name')
-], TngCheckbox.prototype, "nameAttr", null);
-__decorate([
-    HostBinding('attr.required')
-], TngCheckbox.prototype, "requiredAttr", null);
-__decorate([
-    HostBinding('attr.type')
-], TngCheckbox.prototype, "hostTypeAttr", null);
-__decorate([
-    HostBinding('attr.value')
-], TngCheckbox.prototype, "valueAttr", null);
-__decorate([
-    HostListener('blur')
-], TngCheckbox.prototype, "onBlur", null);
-__decorate([
-    HostListener('focus')
-], TngCheckbox.prototype, "onFocus", null);
-__decorate([
-    HostListener('change')
-], TngCheckbox.prototype, "onReadonlyChange", null);
-TngCheckbox = __decorate([
-    Directive({
-        selector: 'input[tngCheckbox]',
-        exportAs: 'tngCheckbox',
-        standalone: true,
-    })
-], TngCheckbox);
-export { TngCheckbox };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngCheckbox, isStandalone: true, selector: "input[tngCheckbox]", inputs: { ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "ariaInvalid", 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 }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()", "focus": "onFocus()", "change": "onReadonlyChange()" }, properties: { "checked": "this.checkedProp", "indeterminate": "this.indeterminateProp", "attr.aria-checked": "this.ariaCheckedAttr", "attr.aria-describedby": "this.ariaDescribedByAttr", "attr.aria-invalid": "this.ariaInvalidAttr", "attr.aria-readonly": "this.ariaReadonlyAttr", "attr.data-checked": "this.dataCheckedAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-focused": "this.dataFocusedAttr", "attr.data-focus-visible": "this.dataFocusVisibleAttr", "attr.data-invalid": "this.dataInvalidAttr", "attr.data-mixed": "this.dataMixedAttr", "attr.data-readonly": "this.dataReadonlyAttr", "attr.data-required": "this.dataRequiredAttr", "attr.data-state": "this.dataStateAttr", "attr.data-unchecked": "this.dataUncheckedAttr", "attr.disabled": "this.disabledAttr", "attr.name": "this.nameAttr", "attr.required": "this.requiredAttr", "attr.type": "this.hostTypeAttr", "attr.value": "this.valueAttr" } }, exportAs: ["tngCheckbox"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngCheckbox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[tngCheckbox]',
+                    exportAs: 'tngCheckbox',
+                    standalone: true,
+                }]
+        }], propDecorators: { ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaInvalid", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], checkedProp: [{
+                type: HostBinding,
+                args: ['checked']
+            }], indeterminateProp: [{
+                type: HostBinding,
+                args: ['indeterminate']
+            }], ariaCheckedAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-checked']
+            }], ariaDescribedByAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], ariaInvalidAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-invalid']
+            }], ariaReadonlyAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-readonly']
+            }], dataCheckedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-checked']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataFocusedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-focused']
+            }], dataFocusVisibleAttr: [{
+                type: HostBinding,
+                args: ['attr.data-focus-visible']
+            }], dataInvalidAttr: [{
+                type: HostBinding,
+                args: ['attr.data-invalid']
+            }], dataMixedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-mixed']
+            }], dataReadonlyAttr: [{
+                type: HostBinding,
+                args: ['attr.data-readonly']
+            }], dataRequiredAttr: [{
+                type: HostBinding,
+                args: ['attr.data-required']
+            }], dataStateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataUncheckedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-unchecked']
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], nameAttr: [{
+                type: HostBinding,
+                args: ['attr.name']
+            }], requiredAttr: [{
+                type: HostBinding,
+                args: ['attr.required']
+            }], hostTypeAttr: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], valueAttr: [{
+                type: HostBinding,
+                args: ['attr.value']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onReadonlyChange: [{
+                type: HostListener,
+                args: ['change']
+            }] } });
 //# sourceMappingURL=tng-checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-checkbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/checkbox/tng-checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AAIvB,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAChC,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,gCAAgC,CAAC,KAA2B;IAC1E,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACvD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACzC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,6BAA6B,CAC3C,OAAgB,EAChB,aAAsB;IAEtB,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,OAAgB,EAChB,aAAsB;IAEtB,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,OAAuB,EACvB,WAA2B;IAE3B,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAOM,IAAM,WAAW,GAAjB,MAAM,WAAW;IACL,UAAU,GAAG,MAAM,CAA+B,UAAU,CAAC,CAAC;IACvE,OAAO,GAAG,KAAK,CAAC;IAChB,YAAY,GAAG,KAAK,CAAC;IAEb,eAAe,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC7C,WAAW,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC9E,SAAS,EAAE,gCAAgC;KAC5C,CAAC,CAAC;IACa,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,OAAO,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC1E,SAAS,EAAE,gCAAgC;KAC5C,CAAC,CAAC;IACa,aAAa,GAAG,KAAK,CAA4B,KAAK,EAAE;QACtE,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,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAChC,QAAQ,GAAG,UAAmB,CAAC;IAGlD,IAAc,WAAW;QACvB,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAGD,IAAc,iBAAiB;QAC7B,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,6BAA6B,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAC7E,CAAC;IAGD,IAAc,mBAAmB;QAC/B,OAAO,oBAAoB,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IACtD,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACzC,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAClC,CAAC;IAGD,IAAc,oBAAoB;QAChC,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACtC,CAAC;IAGD,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,aAAa;QACzB,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAC3E,CAAC;IAGD,IAAc,iBAAiB;QAC7B,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,QAAQ;QACpB,OAAO,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAGD,IAAc,SAAS;QACrB,OAAO,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5C,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAGM,OAAO;QACZ,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC9E,CAAC;IAGM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAClD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACrC,WAAW,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACnD,CAAC;IAEO,SAAS;QACf,OAAO,8BAA8B,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5E,CAAC;CACF,CAAA;AAlIC;IADC,WAAW,CAAC,SAAS,CAAC;8CAGtB;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;oDAG5B;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;kDAGhC;AAGD;IADC,WAAW,CAAC,uBAAuB,CAAC;sDAGpC;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;kDAGhC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;mDAGjC;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;kDAGhC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;mDAGjC;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;kDAGhC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;uDAGtC;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;kDAGhC;AAGD;IADC,WAAW,CAAC,iBAAiB,CAAC;gDAG9B;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;mDAGjC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;mDAGjC;AAGD;IADC,WAAW,CAAC,iBAAiB,CAAC;gDAG9B;AAGD;IADC,WAAW,CAAC,qBAAqB,CAAC;oDAGlC;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;+CAG5B;AAGD;IADC,WAAW,CAAC,WAAW,CAAC;2CAGxB;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;+CAG5B;AAGD;IADC,WAAW,CAAC,WAAW,CAAC;+CAGxB;AAGD;IADC,WAAW,CAAC,YAAY,CAAC;4CAGzB;AAGM;IADN,YAAY,CAAC,MAAM,CAAC;yCAIpB;AAGM;IADN,YAAY,CAAC,OAAO,CAAC;0CAIrB;AAGM;IADN,YAAY,CAAC,QAAQ,CAAC;mDAStB;AA7JU,WAAW;IALvB,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,WAAW,CAkKvB","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\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 coerceTngCheckboxNullableBoolean(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 resolveTngCheckboxAriaChecked(\n  checked: boolean,\n  indeterminate: boolean,\n): 'false' | 'mixed' | 'true' {\n  if (indeterminate) {\n    return 'mixed';\n  }\n\n  return checked ? 'true' : 'false';\n}\n\nexport function resolveTngCheckboxDataState(\n  checked: boolean,\n  indeterminate: boolean,\n): 'checked' | 'mixed' | 'unchecked' {\n  if (indeterminate) {\n    return 'mixed';\n  }\n\n  return checked ? 'checked' : 'unchecked';\n}\n\nexport function resolveTngCheckboxInvalidState(\n  invalid: boolean | null,\n  ariaInvalid: boolean | null,\n): boolean {\n  if (invalid !== null) {\n    return invalid;\n  }\n\n  if (ariaInvalid !== null) {\n    return ariaInvalid;\n  }\n\n  return false;\n}\n\n@Directive({\n  selector: 'input[tngCheckbox]',\n  exportAs: 'tngCheckbox',\n  standalone: true,\n})\nexport class TngCheckbox {\n  private readonly elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  private focused = false;\n  private focusVisible = false;\n\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngCheckboxNullableBoolean,\n  });\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 invalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngCheckboxNullableBoolean,\n  });\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = 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 value = input<string | null>(null);\n  protected readonly typeAttr = 'checkbox' as const;\n\n  @HostBinding('checked')\n  protected get checkedProp(): boolean {\n    return this.checked();\n  }\n\n  @HostBinding('indeterminate')\n  protected get indeterminateProp(): boolean {\n    return this.indeterminate();\n  }\n\n  @HostBinding('attr.aria-checked')\n  protected get ariaCheckedAttr(): 'false' | 'mixed' | 'true' {\n    return resolveTngCheckboxAriaChecked(this.checked(), this.indeterminate());\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(): 'true' | null {\n    return this.isInvalid() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-readonly')\n  protected get ariaReadonlyAttr(): 'true' | null {\n    return this.readonly() ? 'true' : null;\n  }\n\n  @HostBinding('attr.data-checked')\n  protected get dataCheckedAttr(): '' | null {\n    return this.checked() && !this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : 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-invalid')\n  protected get dataInvalidAttr(): '' | null {\n    return this.isInvalid() ? '' : null;\n  }\n\n  @HostBinding('attr.data-mixed')\n  protected get dataMixedAttr(): '' | null {\n    return this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.data-readonly')\n  protected get dataReadonlyAttr(): '' | null {\n    return this.readonly() ? '' : null;\n  }\n\n  @HostBinding('attr.data-required')\n  protected get dataRequiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'checked' | 'mixed' | 'unchecked' {\n    return resolveTngCheckboxDataState(this.checked(), this.indeterminate());\n  }\n\n  @HostBinding('attr.data-unchecked')\n  protected get dataUncheckedAttr(): '' | null {\n    return !this.checked() && !this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.name')\n  protected get nameAttr(): string | null {\n    return normalizeStringValue(this.name());\n  }\n\n  @HostBinding('attr.required')\n  protected get requiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.type')\n  protected get hostTypeAttr(): 'checkbox' {\n    return this.typeAttr;\n  }\n\n  @HostBinding('attr.value')\n  protected get valueAttr(): string | null {\n    return normalizeStringValue(this.value());\n  }\n\n  @HostListener('blur')\n  public onBlur(): void {\n    this.focused = false;\n    this.focusVisible = false;\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('change')\n  public onReadonlyChange(): void {\n    if (!this.readonly() || this.disabled()) {\n      return;\n    }\n\n    const hostElement = this.elementRef.nativeElement;\n    hostElement.checked = this.checked();\n    hostElement.indeterminate = this.indeterminate();\n  }\n\n  private isInvalid(): boolean {\n    return resolveTngCheckboxInvalidState(this.invalid(), this.ariaInvalid());\n  }\n}\n"]}
+{"version":3,"file":"tng-checkbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/checkbox/tng-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\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 coerceTngCheckboxNullableBoolean(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 resolveTngCheckboxAriaChecked(\n  checked: boolean,\n  indeterminate: boolean,\n): 'false' | 'mixed' | 'true' {\n  if (indeterminate) {\n    return 'mixed';\n  }\n\n  return checked ? 'true' : 'false';\n}\n\nexport function resolveTngCheckboxDataState(\n  checked: boolean,\n  indeterminate: boolean,\n): 'checked' | 'mixed' | 'unchecked' {\n  if (indeterminate) {\n    return 'mixed';\n  }\n\n  return checked ? 'checked' : 'unchecked';\n}\n\nexport function resolveTngCheckboxInvalidState(\n  invalid: boolean | null,\n  ariaInvalid: boolean | null,\n): boolean {\n  if (invalid !== null) {\n    return invalid;\n  }\n\n  if (ariaInvalid !== null) {\n    return ariaInvalid;\n  }\n\n  return false;\n}\n\n@Directive({\n  selector: 'input[tngCheckbox]',\n  exportAs: 'tngCheckbox',\n  standalone: true,\n})\nexport class TngCheckbox {\n  private readonly elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  private focused = false;\n  private focusVisible = false;\n\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngCheckboxNullableBoolean,\n  });\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 invalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngCheckboxNullableBoolean,\n  });\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = 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 value = input<string | null>(null);\n  protected readonly typeAttr = 'checkbox' as const;\n\n  @HostBinding('checked')\n  protected get checkedProp(): boolean {\n    return this.checked();\n  }\n\n  @HostBinding('indeterminate')\n  protected get indeterminateProp(): boolean {\n    return this.indeterminate();\n  }\n\n  @HostBinding('attr.aria-checked')\n  protected get ariaCheckedAttr(): 'false' | 'mixed' | 'true' {\n    return resolveTngCheckboxAriaChecked(this.checked(), this.indeterminate());\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(): 'true' | null {\n    return this.isInvalid() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-readonly')\n  protected get ariaReadonlyAttr(): 'true' | null {\n    return this.readonly() ? 'true' : null;\n  }\n\n  @HostBinding('attr.data-checked')\n  protected get dataCheckedAttr(): '' | null {\n    return this.checked() && !this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : 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-invalid')\n  protected get dataInvalidAttr(): '' | null {\n    return this.isInvalid() ? '' : null;\n  }\n\n  @HostBinding('attr.data-mixed')\n  protected get dataMixedAttr(): '' | null {\n    return this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.data-readonly')\n  protected get dataReadonlyAttr(): '' | null {\n    return this.readonly() ? '' : null;\n  }\n\n  @HostBinding('attr.data-required')\n  protected get dataRequiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'checked' | 'mixed' | 'unchecked' {\n    return resolveTngCheckboxDataState(this.checked(), this.indeterminate());\n  }\n\n  @HostBinding('attr.data-unchecked')\n  protected get dataUncheckedAttr(): '' | null {\n    return !this.checked() && !this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.name')\n  protected get nameAttr(): string | null {\n    return normalizeStringValue(this.name());\n  }\n\n  @HostBinding('attr.required')\n  protected get requiredAttr(): '' | null {\n    return this.required() ? '' : null;\n  }\n\n  @HostBinding('attr.type')\n  protected get hostTypeAttr(): 'checkbox' {\n    return this.typeAttr;\n  }\n\n  @HostBinding('attr.value')\n  protected get valueAttr(): string | null {\n    return normalizeStringValue(this.value());\n  }\n\n  @HostListener('blur')\n  public onBlur(): void {\n    this.focused = false;\n    this.focusVisible = false;\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('change')\n  public onReadonlyChange(): void {\n    if (!this.readonly() || this.disabled()) {\n      return;\n    }\n\n    const hostElement = this.elementRef.nativeElement;\n    hostElement.checked = this.checked();\n    hostElement.indeterminate = this.indeterminate();\n  }\n\n  private isInvalid(): boolean {\n    return resolveTngCheckboxInvalidState(this.invalid(), this.ariaInvalid());\n  }\n}\n"]}

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

@@ -1,4 +1,5 @@
 import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TngChips implements OnInit {
     private readonly internalValues;
     readonly values: import("@angular/core").InputSignal<readonly unknown[] | undefined>;
@@ -16,6 +17,8 @@ export declare class TngChips implements OnInit {
     protected get dataDisabledAttr(): '' | null;
     protected readonly dataSlot: "chips";
     protected readonly role: "list";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngChips, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngChips, "[tngChips]", ["tngChips"], { "values": { "alias": "tngChipsValues"; "required": false; "isSignal": true; }; "defaultValues": { "alias": "tngChipsDefaultValues"; "required": false; "isSignal": true; }; "disabled": { "alias": "tngChipsDisabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "tngChipsAriaLabel"; "required": false; "isSignal": true; }; }, { "chipRemove": "chipRemove"; "valuesChange": "valuesChange"; }, never, never, true, never>;
 }
 export declare class TngChip {
     private readonly chips;
@@ -33,6 +36,8 @@ export declare class TngChip {
     protected readonly dataSlot: "chip";
     protected get dataValueAttr(): string | null;
     protected readonly role: "listitem";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngChip, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngChip, "[tngChip]", ["tngChip"], { "value": { "alias": "tngChipValue"; "required": false; "isSignal": true; }; "label": { "alias": "tngChipLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "tngChipDisabled"; "required": false; "isSignal": true; }; "removable": { "alias": "tngChipRemovable"; "required": false; "isSignal": true; }; }, { "chipRemove": "chipRemove"; }, never, never, true, never>;
 }
 export declare class TngChipRemove {
     private readonly elementRef;
@@ -52,5 +57,7 @@ export declare class TngChipRemove {
     protected readonly dataSlot: "chip-remove";
     protected get disabledAttr(): '' | null;
     protected get typeAttr(): 'button' | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngChipRemove, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngChipRemove, "[tngChipRemove]", ["tngChipRemove"], { "ariaLabel": { "alias": "tngChipRemoveAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-chips.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-chips.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/chips/tng-chips.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAMP,MAAM,eAAe,CAAC;AAoCvB,qBAKa,QAAS,YAAW,MAAM;IACrC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkC;IAEjE,SAAgB,MAAM,sEAEnB;IACH,SAAgB,aAAa,0DAE1B;IACH,SAAgB,QAAQ,8EAGrB;IACH,SAAgB,SAAS,qDAEtB;IAEH,SAAgB,UAAU,oDAAqB;IAC/C,SAAgB,YAAY,+DAAgC;IAErD,QAAQ,IAAI,IAAI;IAIhB,UAAU,IAAI,OAAO;IAIrB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;IAsB3C,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IASrB,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,MAAM,CAAU;CAC3C;AAED,qBAKa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwC;IAE9D,SAAgB,KAAK,+CAAmD;IACxE,SAAgB,KAAK,qDAAyD;IAC9E,SAAgB,QAAQ,8EAGrB;IACH,SAAgB,SAAS,8EAGtB;IAEH,SAAgB,UAAU,oDAAqB;IAExC,UAAU,IAAI,OAAO;IAIrB,WAAW,IAAI,OAAO;IAItB,aAAa,IAAI,MAAM;IAUvB,aAAa,IAAI,OAAO;IAY/B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAe/C,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,MAAM,CAAU;IAG9C,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAU;CAC/C;AAED,qBAKa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+C;IAC1E,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuC;IAC5D,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwC;IAE9D,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,iBAAiB,CAAS;IAElC,SAAgB,SAAS,qDAEtB;IAEH,OAAO,CAAC,UAAU;IAKlB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAkB1C,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,SAAS,CAAC,UAAU,IAAI,IAAI;IAK5B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAuB/C,SAAS,KAAK,aAAa,IAAI,MAAM,CAapC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAGrD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAExC;CACF"}
+{"version":3,"file":"tng-chips.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/chips/tng-chips.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAMP,MAAM,eAAe,CAAC;;AAoCvB,qBAKa,QAAS,YAAW,MAAM;IACrC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkC;IAEjE,SAAgB,MAAM,sEAEnB;IACH,SAAgB,aAAa,0DAE1B;IACH,SAAgB,QAAQ,8EAGrB;IACH,SAAgB,SAAS,qDAEtB;IAEH,SAAgB,UAAU,oDAAqB;IAC/C,SAAgB,YAAY,+DAAgC;IAErD,QAAQ,IAAI,IAAI;IAIhB,UAAU,IAAI,OAAO;IAIrB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;IAsB3C,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IASrB,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;IAG/C,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,MAAM,CAAU;yCA5E/B,QAAQ;2CAAR,QAAQ;CA6EpB;AAED,qBAKa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwC;IAE9D,SAAgB,KAAK,+CAAmD;IACxE,SAAgB,KAAK,qDAAyD;IAC9E,SAAgB,QAAQ,8EAGrB;IACH,SAAgB,SAAS,8EAGtB;IAEH,SAAgB,UAAU,oDAAqB;IAExC,UAAU,IAAI,OAAO;IAIrB,WAAW,IAAI,OAAO;IAItB,aAAa,IAAI,MAAM;IAUvB,aAAa,IAAI,OAAO;IAY/B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAe/C,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,MAAM,CAAU;IAG9C,SAAS,KAAK,aAAa,IAAI,MAAM,GAAG,IAAI,CAE3C;IAGD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAU;yCA1EnC,OAAO;2CAAP,OAAO;CA2EnB;AAED,qBAKa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+C;IAC1E,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuC;IAC5D,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwC;IAE9D,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,iBAAiB,CAAS;IAElC,SAAgB,SAAS,qDAEtB;IAEH,OAAO,CAAC,UAAU;IAKlB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAkB1C,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,SAAS,CAAC,UAAU,IAAI,IAAI;IAK5B,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAuB/C,SAAS,KAAK,aAAa,IAAI,MAAM,CAapC;IAGD,SAAS,KAAK,gBAAgB,IAAI,EAAE,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,eAAe,IAAI,EAAE,GAAG,IAAI,CAEzC;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAGrD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAExC;yCAxGU,aAAa;2CAAb,aAAa;CAyGzB"}

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

@@ -1,5 +1,5 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, output, signal, } from '@angular/core';
+import * as i0 from "@angular/core";
 function normalizeString(value) {
     if (value === undefined || value === null) {
         return null;
@@ -26,21 +26,13 @@ function removeFirstOccurrence(values, target) {
     }
     return [...values.slice(0, index), ...values.slice(index + 1)];
 }
-let TngChips = class TngChips {
-    internalValues = signal([]);
-    values = input(undefined, {
-        alias: 'tngChipsValues',
-    });
-    defaultValues = input([], {
-        alias: 'tngChipsDefaultValues',
-    });
-    disabled = input(false, {
-        alias: 'tngChipsDisabled',
-        transform: booleanAttribute,
-    });
-    ariaLabel = input(null, {
-        alias: 'tngChipsAriaLabel',
-    });
+export class TngChips {
+    internalValues = signal([], ...(ngDevMode ? [{ debugName: "internalValues" }] : []));
+    values = input(undefined, { ...(ngDevMode ? { debugName: "values" } : {}), alias: 'tngChipsValues' });
+    defaultValues = input([], { ...(ngDevMode ? { debugName: "defaultValues" } : {}), alias: 'tngChipsDefaultValues' });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'tngChipsDisabled',
+        transform: booleanAttribute });
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'tngChipsAriaLabel' });
     chipRemove = output();
     valuesChange = output();
     ngOnInit() {
@@ -83,39 +75,37 @@ let TngChips = class TngChips {
     }
     dataSlot = 'chips';
     role = 'list';
-};
-__decorate([
-    HostBinding('attr.aria-label')
-], TngChips.prototype, "ariaLabelAttr", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngChips.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-slot')
-], TngChips.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngChips.prototype, "role", void 0);
-TngChips = __decorate([
-    Directive({
-        selector: '[tngChips]',
-        exportAs: 'tngChips',
-        standalone: true,
-    })
-], TngChips);
-export { TngChips };
-let TngChip = class TngChip {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngChips, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngChips, isStandalone: true, selector: "[tngChips]", inputs: { values: { classPropertyName: "values", publicName: "tngChipsValues", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "tngChipsDefaultValues", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "tngChipsDisabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "tngChipsAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chipRemove: "chipRemove", valuesChange: "valuesChange" }, host: { properties: { "attr.aria-label": "this.ariaLabelAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-slot": "this.dataSlot", "attr.role": "this.role" } }, exportAs: ["tngChips"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngChips, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngChips]',
+                    exportAs: 'tngChips',
+                    standalone: true,
+                }]
+        }], propDecorators: { values: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipsValues", required: false }] }], defaultValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipsDefaultValues", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipsDisabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipsAriaLabel", required: false }] }], chipRemove: [{ type: i0.Output, args: ["chipRemove"] }], valuesChange: [{ type: i0.Output, args: ["valuesChange"] }], ariaLabelAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+export class TngChip {
     chips = inject(TngChips, { optional: true });
-    value = input(null, { alias: 'tngChipValue' });
-    label = input(null, { alias: 'tngChipLabel' });
-    disabled = input(false, {
-        alias: 'tngChipDisabled',
-        transform: booleanAttribute,
-    });
-    removable = input(true, {
-        alias: 'tngChipRemovable',
-        transform: booleanAttribute,
-    });
+    value = input(null, { ...(ngDevMode ? { debugName: "value" } : {}), alias: 'tngChipValue' });
+    label = input(null, { ...(ngDevMode ? { debugName: "label" } : {}), alias: 'tngChipLabel' });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'tngChipDisabled',
+        transform: booleanAttribute });
+    removable = input(true, { ...(ngDevMode ? { debugName: "removable" } : {}), alias: 'tngChipRemovable',
+        transform: booleanAttribute });
     chipRemove = output();
     isDisabled() {
         return this.disabled() || this.chips?.isDisabled() === true;
@@ -159,39 +149,39 @@ let TngChip = class TngChip {
         return toDataValue(this.value());
     }
     role = 'listitem';
-};
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngChip.prototype, "onKeydown", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngChip.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-slot')
-], TngChip.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-value')
-], TngChip.prototype, "dataValueAttr", null);
-__decorate([
-    HostBinding('attr.role')
-], TngChip.prototype, "role", void 0);
-TngChip = __decorate([
-    Directive({
-        selector: '[tngChip]',
-        exportAs: 'tngChip',
-        standalone: true,
-    })
-], TngChip);
-export { TngChip };
-let TngChipRemove = class TngChipRemove {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngChip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngChip, isStandalone: true, selector: "[tngChip]", inputs: { value: { classPropertyName: "value", publicName: "tngChipValue", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "tngChipLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "tngChipDisabled", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "tngChipRemovable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chipRemove: "chipRemove" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.data-disabled": "this.dataDisabledAttr", "attr.data-slot": "this.dataSlot", "attr.data-value": "this.dataValueAttr", "attr.role": "this.role" } }, exportAs: ["tngChip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngChip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngChip]',
+                    exportAs: 'tngChip',
+                    standalone: true,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipValue", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipDisabled", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipRemovable", required: false }] }], chipRemove: [{ type: i0.Output, args: ["chipRemove"] }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataValueAttr: [{
+                type: HostBinding,
+                args: ['attr.data-value']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+export class TngChipRemove {
     elementRef = inject(ElementRef);
     chip = inject(TngChip, { optional: true });
     chips = inject(TngChips, { optional: true });
     focused = false;
     suppressNextClick = false;
-    ariaLabel = input(null, {
-        alias: 'tngChipRemoveAriaLabel',
-    });
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'tngChipRemoveAriaLabel' });
     isDisabled() {
         return this.chip?.isDisabled() === true || this.chips?.isDisabled() === true;
     }
@@ -257,43 +247,45 @@ let TngChipRemove = class TngChipRemove {
     get typeAttr() {
         return this.elementRef.nativeElement.tagName === 'BUTTON' ? 'button' : null;
     }
-};
-__decorate([
-    HostListener('click', ['$event'])
-], TngChipRemove.prototype, "onClick", null);
-__decorate([
-    HostListener('focusin')
-], TngChipRemove.prototype, "onFocusIn", null);
-__decorate([
-    HostListener('focusout')
-], TngChipRemove.prototype, "onFocusOut", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngChipRemove.prototype, "onKeydown", null);
-__decorate([
-    HostBinding('attr.aria-label')
-], TngChipRemove.prototype, "ariaLabelAttr", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngChipRemove.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-focused')
-], TngChipRemove.prototype, "dataFocusedAttr", null);
-__decorate([
-    HostBinding('attr.data-slot')
-], TngChipRemove.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.disabled')
-], TngChipRemove.prototype, "disabledAttr", null);
-__decorate([
-    HostBinding('attr.type')
-], TngChipRemove.prototype, "typeAttr", null);
-TngChipRemove = __decorate([
-    Directive({
-        selector: '[tngChipRemove]',
-        exportAs: 'tngChipRemove',
-        standalone: true,
-    })
-], TngChipRemove);
-export { TngChipRemove };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngChipRemove, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngChipRemove, isStandalone: true, selector: "[tngChipRemove]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "tngChipRemoveAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "this.ariaLabelAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-focused": "this.dataFocusedAttr", "attr.data-slot": "this.dataSlot", "attr.disabled": "this.disabledAttr", "attr.type": "this.typeAttr" } }, exportAs: ["tngChipRemove"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngChipRemove, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngChipRemove]',
+                    exportAs: 'tngChipRemove',
+                    standalone: true,
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngChipRemoveAriaLabel", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], ariaLabelAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataFocusedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-focused']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], typeAttr: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }] } });
 //# sourceMappingURL=tng-chips.js.map