@tailng-ui/primitives 0.11.0 → 0.13.0

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

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, output, } from '@angular/core';
 import { createTngIdFactory } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
 const createToggleId = createTngIdFactory('tng-button-toggle-item');
 let nextRegistrationOrder = 0;
 function normalizeDirectionInput(value) {
@@ -105,7 +105,7 @@ export function resolveTngButtonToggleAriaPressed(pressed) {
 export function resolveTngButtonToggleDataState(pressed) {
     return pressed ? 'on' : 'off';
 }
-let TngButtonToggleGroup = class TngButtonToggleGroup {
+export class TngButtonToggleGroup {
     hostRef = inject(ElementRef);
     toggles = new Set();
     initializedType = null;
@@ -114,55 +114,25 @@ let TngButtonToggleGroup = class TngButtonToggleGroup {
     focusedValue = null;
     hasSingleUserSelection = false;
     hasMultipleUserSelection = false;
-    type = input('single', {
-        transform: normalizeTypeInput,
-    });
-    controlledValueInput = input(undefined, {
-        alias: 'tngButtonToggleValue',
-        transform: normalizeOptionalValueInput,
-    });
-    controlledValuesInput = input(undefined, {
-        alias: 'tngButtonToggleValues',
-        transform: normalizeOptionalValueArrayInput,
-    });
-    defaultValueInput = input(undefined, {
-        alias: 'tngButtonToggleDefaultValue',
-        transform: normalizeOptionalValueInput,
-    });
-    defaultValuesInput = input(undefined, {
-        alias: 'tngButtonToggleDefaultValues',
-        transform: normalizeOptionalValueArrayInput,
-    });
-    value = input(undefined, {
-        transform: normalizeOptionalValueInput,
-    });
-    values = input(undefined, {
-        transform: normalizeOptionalValueArrayInput,
-    });
-    defaultValue = input(undefined, {
-        transform: normalizeOptionalValueInput,
-    });
-    defaultValues = input([], {
-        transform: normalizeValueArrayInput,
-    });
-    allowEmpty = input(false, {
-        transform: booleanAttribute,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    orientation = input('horizontal', {
-        transform: normalizeOrientationInput,
-    });
-    loop = input(true, {
-        transform: booleanAttribute,
-    });
-    activation = input('auto', {
-        transform: normalizeActivationInput,
-    });
-    dir = input('auto', {
-        transform: normalizeDirectionInput,
-    });
+    type = input('single', { ...(ngDevMode ? { debugName: "type" } : {}), transform: normalizeTypeInput });
+    controlledValueInput = input(undefined, { ...(ngDevMode ? { debugName: "controlledValueInput" } : {}), alias: 'tngButtonToggleValue',
+        transform: normalizeOptionalValueInput });
+    controlledValuesInput = input(undefined, { ...(ngDevMode ? { debugName: "controlledValuesInput" } : {}), alias: 'tngButtonToggleValues',
+        transform: normalizeOptionalValueArrayInput });
+    defaultValueInput = input(undefined, { ...(ngDevMode ? { debugName: "defaultValueInput" } : {}), alias: 'tngButtonToggleDefaultValue',
+        transform: normalizeOptionalValueInput });
+    defaultValuesInput = input(undefined, { ...(ngDevMode ? { debugName: "defaultValuesInput" } : {}), alias: 'tngButtonToggleDefaultValues',
+        transform: normalizeOptionalValueArrayInput });
+    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}), transform: normalizeOptionalValueInput });
+    values = input(undefined, { ...(ngDevMode ? { debugName: "values" } : {}), transform: normalizeOptionalValueArrayInput });
+    defaultValue = input(undefined, { ...(ngDevMode ? { debugName: "defaultValue" } : {}), transform: normalizeOptionalValueInput });
+    defaultValues = input([], { ...(ngDevMode ? { debugName: "defaultValues" } : {}), transform: normalizeValueArrayInput });
+    allowEmpty = input(false, { ...(ngDevMode ? { debugName: "allowEmpty" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    orientation = input('horizontal', { ...(ngDevMode ? { debugName: "orientation" } : {}), transform: normalizeOrientationInput });
+    loop = input(true, { ...(ngDevMode ? { debugName: "loop" } : {}), transform: booleanAttribute });
+    activation = input('auto', { ...(ngDevMode ? { debugName: "activation" } : {}), transform: normalizeActivationInput });
+    dir = input('auto', { ...(ngDevMode ? { debugName: "dir" } : {}), transform: normalizeDirectionInput });
     valueChange = output();
     valuesChange = output();
     toggleChange = output();
@@ -850,59 +820,53 @@ let TngButtonToggleGroup = class TngButtonToggleGroup {
         }
         return this.defaultValues();
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngButtonToggleGroup.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-type')
-], TngButtonToggleGroup.prototype, "dataType", null);
-__decorate([
-    HostBinding('attr.data-orientation')
-], TngButtonToggleGroup.prototype, "dataOrientation", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngButtonToggleGroup.prototype, "dataDisabled", null);
-__decorate([
-    HostBinding('attr.role')
-], TngButtonToggleGroup.prototype, "roleAttr", null);
-__decorate([
-    HostBinding('attr.aria-disabled')
-], TngButtonToggleGroup.prototype, "ariaDisabled", null);
-__decorate([
-    HostBinding('attr.aria-orientation')
-], TngButtonToggleGroup.prototype, "ariaOrientation", null);
-TngButtonToggleGroup = __decorate([
-    Directive({
-        selector: '[tngButtonToggleGroup]',
-        exportAs: 'tngButtonToggleGroup',
-        standalone: true,
-    })
-], TngButtonToggleGroup);
-export { TngButtonToggleGroup };
-let TngButtonToggle = class TngButtonToggle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngButtonToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngButtonToggleGroup, isStandalone: true, selector: "[tngButtonToggleGroup]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, controlledValueInput: { classPropertyName: "controlledValueInput", publicName: "tngButtonToggleValue", isSignal: true, isRequired: false, transformFunction: null }, controlledValuesInput: { classPropertyName: "controlledValuesInput", publicName: "tngButtonToggleValues", isSignal: true, isRequired: false, transformFunction: null }, defaultValueInput: { classPropertyName: "defaultValueInput", publicName: "tngButtonToggleDefaultValue", isSignal: true, isRequired: false, transformFunction: null }, defaultValuesInput: { classPropertyName: "defaultValuesInput", publicName: "tngButtonToggleDefaultValues", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, allowEmpty: { classPropertyName: "allowEmpty", publicName: "allowEmpty", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, activation: { classPropertyName: "activation", publicName: "activation", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", valuesChange: "valuesChange", toggleChange: "toggleChange", focusChange: "focusChange" }, host: { properties: { "attr.data-slot": "this.dataSlot", "attr.data-type": "this.dataType", "attr.data-orientation": "this.dataOrientation", "attr.data-disabled": "this.dataDisabled", "attr.role": "this.roleAttr", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-orientation": "this.ariaOrientation" } }, exportAs: ["tngButtonToggleGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngButtonToggleGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngButtonToggleGroup]',
+                    exportAs: 'tngButtonToggleGroup',
+                    standalone: true,
+                }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], controlledValueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngButtonToggleValue", required: false }] }], controlledValuesInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngButtonToggleValues", required: false }] }], defaultValueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngButtonToggleDefaultValue", required: false }] }], defaultValuesInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngButtonToggleDefaultValues", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], defaultValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValues", required: false }] }], allowEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowEmpty", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], activation: [{ type: i0.Input, args: [{ isSignal: true, alias: "activation", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], valuesChange: [{ type: i0.Output, args: ["valuesChange"] }], toggleChange: [{ type: i0.Output, args: ["toggleChange"] }], focusChange: [{ type: i0.Output, args: ["focusChange"] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataType: [{
+                type: HostBinding,
+                args: ['attr.data-type']
+            }], dataOrientation: [{
+                type: HostBinding,
+                args: ['attr.data-orientation']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], roleAttr: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], ariaOrientation: [{
+                type: HostBinding,
+                args: ['attr.aria-orientation']
+            }] } });
+export class TngButtonToggle {
     hostRef = inject(ElementRef);
     group = inject(TngButtonToggleGroup, { optional: true });
     resolvedId = createToggleId();
     registrationOrder = nextRegistrationOrder++;
     lastKnownValue = null;
     lastKnownDisabled = false;
-    toggleValueInput = input(undefined, {
-        alias: 'tngButtonToggleValue',
-        transform: normalizeOptionalValueInput,
-    });
-    valueInput = input(undefined, {
-        alias: 'value',
-        transform: normalizeOptionalValueInput,
-    });
-    disabledInput = input(false, {
-        alias: 'disabled',
-        transform: booleanAttribute,
-    });
-    pressedInput = input(false, {
-        alias: 'pressed',
-        transform: booleanAttribute,
-    });
+    toggleValueInput = input(undefined, { ...(ngDevMode ? { debugName: "toggleValueInput" } : {}), alias: 'tngButtonToggleValue',
+        transform: normalizeOptionalValueInput });
+    valueInput = input(undefined, { ...(ngDevMode ? { debugName: "valueInput" } : {}), alias: 'value',
+        transform: normalizeOptionalValueInput });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
+        transform: booleanAttribute });
+    pressedInput = input(false, { ...(ngDevMode ? { debugName: "pressedInput" } : {}), alias: 'pressed',
+        transform: booleanAttribute });
     dataSlot = 'button-toggle';
     get id() {
         return this.resolvedId;
@@ -1037,61 +1001,63 @@ let TngButtonToggle = class TngButtonToggle {
         this.resolvedId = hostId;
         return true;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngButtonToggle.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngButtonToggle.prototype, "id", null);
-__decorate([
-    HostBinding('attr.type')
-], TngButtonToggle.prototype, "typeAttr", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngButtonToggle.prototype, "roleAttr", null);
-__decorate([
-    HostBinding('attr.tabindex')
-], TngButtonToggle.prototype, "tabIndexAttr", null);
-__decorate([
-    HostBinding('attr.aria-checked')
-], TngButtonToggle.prototype, "ariaCheckedAttr", null);
-__decorate([
-    HostBinding('attr.aria-pressed')
-], TngButtonToggle.prototype, "ariaPressedAttr", null);
-__decorate([
-    HostBinding('attr.aria-disabled')
-], TngButtonToggle.prototype, "ariaDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngButtonToggle.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-focused')
-], TngButtonToggle.prototype, "dataFocusedAttr", null);
-__decorate([
-    HostBinding('attr.data-selected')
-], TngButtonToggle.prototype, "dataSelectedAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngButtonToggle.prototype, "dataStateAttr", null);
-__decorate([
-    HostBinding('attr.disabled')
-], TngButtonToggle.prototype, "disabledAttr", null);
-__decorate([
-    HostListener('click', ['$event'])
-], TngButtonToggle.prototype, "onClick", null);
-__decorate([
-    HostListener('focus')
-], TngButtonToggle.prototype, "onFocus", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngButtonToggle.prototype, "onKeydown", null);
-TngButtonToggle = __decorate([
-    Directive({
-        selector: 'button[tngButtonToggle]',
-        exportAs: 'tngButtonToggle',
-        standalone: true,
-    })
-], TngButtonToggle);
-export { TngButtonToggle };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngButtonToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngButtonToggle, isStandalone: true, selector: "button[tngButtonToggle]", inputs: { toggleValueInput: { classPropertyName: "toggleValueInput", publicName: "tngButtonToggleValue", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, pressedInput: { classPropertyName: "pressedInput", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "focus": "onFocus()", "keydown": "onKeydown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.id", "attr.type": "this.typeAttr", "attr.role": "this.roleAttr", "attr.tabindex": "this.tabIndexAttr", "attr.aria-checked": "this.ariaCheckedAttr", "attr.aria-pressed": "this.ariaPressedAttr", "attr.aria-disabled": "this.ariaDisabledAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-focused": "this.dataFocusedAttr", "attr.data-selected": "this.dataSelectedAttr", "attr.data-state": "this.dataStateAttr", "attr.disabled": "this.disabledAttr" } }, exportAs: ["tngButtonToggle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngButtonToggle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tngButtonToggle]',
+                    exportAs: 'tngButtonToggle',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { toggleValueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngButtonToggleValue", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], pressedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], typeAttr: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], roleAttr: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], tabIndexAttr: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaCheckedAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-checked']
+            }], ariaPressedAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-pressed']
+            }], ariaDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataFocusedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-focused']
+            }], dataSelectedAttr: [{
+                type: HostBinding,
+                args: ['attr.data-selected']
+            }], dataStateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 //# sourceMappingURL=tng-button-toggle.js.map