@tailng-ui/primitives 0.11.0 → 0.13.0

package/src/lib/layout/accordion/tng-accordion.js

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, HostListener, inject, input, output, } from '@angular/core';
 import { createTngIdFactory } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
 const createAccordionItemValue = createTngIdFactory('tng-accordion-item');
 const createAccordionTriggerId = createTngIdFactory('tng-accordion-trigger');
 const createAccordionPanelId = createTngIdFactory('tng-accordion-panel');
@@ -92,7 +92,7 @@ function compareElementsByDomPosition(a, b) {
     }
     return 0;
 }
-let TngAccordion = class TngAccordion {
+export class TngAccordion {
     hostRef = inject(ElementRef);
     items = new Set();
     uncontrolledValues = new Set();
@@ -101,30 +101,14 @@ let TngAccordion = class TngAccordion {
     lastType = 'single';
     defaultValuesSnapshot = [];
     hasUserInteraction = false;
-    type = input('single', {
-        transform: normalizeAccordionType,
-    });
-    value = input(undefined, {
-        transform: normalizeAccordionValueInput,
-    });
-    defaultValue = input(undefined, {
-        transform: normalizeAccordionValueInput,
-    });
-    collapsible = input(true, {
-        transform: normalizeBooleanInput,
-    });
-    disabled = input(false, {
-        transform: normalizeBooleanInput,
-    });
-    loop = input(true, {
-        transform: normalizeBooleanInput,
-    });
-    lazy = input(false, {
-        transform: normalizeBooleanInput,
-    });
-    keepAlive = input(true, {
-        transform: normalizeBooleanInput,
-    });
+    type = input('single', { ...(ngDevMode ? { debugName: "type" } : {}), transform: normalizeAccordionType });
+    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}), transform: normalizeAccordionValueInput });
+    defaultValue = input(undefined, { ...(ngDevMode ? { debugName: "defaultValue" } : {}), transform: normalizeAccordionValueInput });
+    collapsible = input(true, { ...(ngDevMode ? { debugName: "collapsible" } : {}), transform: normalizeBooleanInput });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: normalizeBooleanInput });
+    loop = input(true, { ...(ngDevMode ? { debugName: "loop" } : {}), transform: normalizeBooleanInput });
+    lazy = input(false, { ...(ngDevMode ? { debugName: "lazy" } : {}), transform: normalizeBooleanInput });
+    keepAlive = input(true, { ...(ngDevMode ? { debugName: "keepAlive" } : {}), transform: normalizeBooleanInput });
     valueChange = output();
     valuesChange = output();
     expandedChange = output();
@@ -613,28 +597,30 @@ let TngAccordion = class TngAccordion {
     getHostElement() {
         return this.hostRef.nativeElement;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAccordion.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-type')
-], TngAccordion.prototype, "dataType", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngAccordion.prototype, "dataDisabled", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngAccordion.prototype, "onHostKeydown", null);
-TngAccordion = __decorate([
-    Directive({
-        selector: '[tngAccordion]',
-        exportAs: 'tngAccordion',
-        standalone: true,
-    })
-], TngAccordion);
-export { TngAccordion };
-let TngAccordionItem = class TngAccordionItem {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngAccordion, isStandalone: true, selector: "[tngAccordion]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, keepAlive: { classPropertyName: "keepAlive", publicName: "keepAlive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", valuesChange: "valuesChange", expandedChange: "expandedChange", openStart: "openStart", opened: "opened", closeStart: "closeStart", closed: "closed" }, host: { listeners: { "keydown": "onHostKeydown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.data-type": "this.dataType", "attr.data-disabled": "this.dataDisabled" } }, exportAs: ["tngAccordion"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAccordion]',
+                    exportAs: 'tngAccordion',
+                    standalone: true,
+                }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], keepAlive: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepAlive", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], valuesChange: [{ type: i0.Output, args: ["valuesChange"] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], openStart: [{ type: i0.Output, args: ["openStart"] }], opened: [{ type: i0.Output, args: ["opened"] }], closeStart: [{ type: i0.Output, args: ["closeStart"] }], closed: [{ type: i0.Output, args: ["closed"] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataType: [{
+                type: HostBinding,
+                args: ['attr.data-type']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], onHostKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+export class TngAccordionItem {
     root = inject(TngAccordion, { optional: true, host: true });
     hostRef = inject(ElementRef);
     fallbackValue = createAccordionItemValue();
@@ -642,12 +628,8 @@ let TngAccordionItem = class TngAccordionItem {
     trigger = null;
     panel = null;
     expandedOnce = false;
-    value = input(undefined, {
-        transform: normalizeOptionalAccordionValue,
-    });
-    disabled = input(false, {
-        transform: normalizeBooleanInput,
-    });
+    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}), transform: normalizeOptionalAccordionValue });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: normalizeBooleanInput });
     dataSlot = 'accordion-item';
     get dataState() {
         return this.root?.isItemExpanded(this) ? 'open' : 'closed';
@@ -710,25 +692,27 @@ let TngAccordionItem = class TngAccordionItem {
     hasExpandedOnce() {
         return this.expandedOnce;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAccordionItem.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-state')
-], TngAccordionItem.prototype, "dataState", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngAccordionItem.prototype, "dataDisabled", null);
-TngAccordionItem = __decorate([
-    Directive({
-        selector: '[tngAccordionItem]',
-        exportAs: 'tngAccordionItem',
-        standalone: true,
-    })
-], TngAccordionItem);
-export { TngAccordionItem };
-let TngAccordionTrigger = class TngAccordionTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngAccordionItem, isStandalone: true, selector: "[tngAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-slot": "this.dataSlot", "attr.data-state": "this.dataState", "attr.data-disabled": "this.dataDisabled" } }, exportAs: ["tngAccordionItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAccordionItem]',
+                    exportAs: 'tngAccordionItem',
+                    standalone: true,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataState: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }] } });
+export class TngAccordionTrigger {
     item = inject(TngAccordionItem, { optional: true, host: true });
     hostRef = inject(ElementRef);
     fallbackTriggerId = this.hostRef.nativeElement.getAttribute('id') ?? createAccordionTriggerId();
@@ -825,58 +809,60 @@ let TngAccordionTrigger = class TngAccordionTrigger {
         }
         this.item.getAccordion()?.onTriggerKeydown(this.item, event);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAccordionTrigger.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngAccordionTrigger.prototype, "idAttr", null);
-__decorate([
-    HostBinding('attr.role')
-], TngAccordionTrigger.prototype, "role", void 0);
-__decorate([
-    HostBinding('attr.type')
-], TngAccordionTrigger.prototype, "typeAttr", null);
-__decorate([
-    HostBinding('attr.tabindex')
-], TngAccordionTrigger.prototype, "tabIndexAttr", null);
-__decorate([
-    HostBinding('attr.aria-expanded')
-], TngAccordionTrigger.prototype, "ariaExpanded", null);
-__decorate([
-    HostBinding('attr.aria-controls')
-], TngAccordionTrigger.prototype, "ariaControls", null);
-__decorate([
-    HostBinding('attr.aria-disabled')
-], TngAccordionTrigger.prototype, "ariaDisabled", null);
-__decorate([
-    HostBinding('attr.disabled')
-], TngAccordionTrigger.prototype, "disabledAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngAccordionTrigger.prototype, "dataState", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngAccordionTrigger.prototype, "dataDisabled", null);
-__decorate([
-    HostListener('focus')
-], TngAccordionTrigger.prototype, "onFocus", null);
-__decorate([
-    HostListener('click', ['$event'])
-], TngAccordionTrigger.prototype, "onClick", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngAccordionTrigger.prototype, "onKeydown", null);
-TngAccordionTrigger = __decorate([
-    Directive({
-        selector: '[tngAccordionTrigger]',
-        exportAs: 'tngAccordionTrigger',
-        standalone: true,
-    })
-], TngAccordionTrigger);
-export { TngAccordionTrigger };
-let TngAccordionPanel = class TngAccordionPanel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngAccordionTrigger, isStandalone: true, selector: "[tngAccordionTrigger]", host: { listeners: { "focus": "onFocus()", "click": "onClick($event)", "keydown": "onKeydown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.idAttr", "attr.role": "this.role", "attr.type": "this.typeAttr", "attr.tabindex": "this.tabIndexAttr", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls", "attr.aria-disabled": "this.ariaDisabled", "attr.disabled": "this.disabledAttr", "attr.data-state": "this.dataState", "attr.data-disabled": "this.dataDisabled" } }, exportAs: ["tngAccordionTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAccordionTrigger]',
+                    exportAs: 'tngAccordionTrigger',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], idAttr: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], typeAttr: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], tabIndexAttr: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaExpanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], ariaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], dataState: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataDisabled: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+export class TngAccordionPanel {
     item = inject(TngAccordionItem, { optional: true, host: true });
     hostRef = inject(ElementRef);
     fallbackPanelId = this.hostRef.nativeElement.getAttribute('id') ?? createAccordionPanelId();
@@ -932,34 +918,36 @@ let TngAccordionPanel = class TngAccordionPanel {
         }
         return this.fallbackPanelId;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngAccordionPanel.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngAccordionPanel.prototype, "idAttr", null);
-__decorate([
-    HostBinding('attr.role')
-], TngAccordionPanel.prototype, "role", void 0);
-__decorate([
-    HostBinding('attr.aria-labelledby')
-], TngAccordionPanel.prototype, "ariaLabelledBy", null);
-__decorate([
-    HostBinding('attr.hidden')
-], TngAccordionPanel.prototype, "hiddenAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngAccordionPanel.prototype, "dataState", null);
-__decorate([
-    HostBinding('attr.data-mounted')
-], TngAccordionPanel.prototype, "dataMounted", null);
-TngAccordionPanel = __decorate([
-    Directive({
-        selector: '[tngAccordionPanel]',
-        exportAs: 'tngAccordionPanel',
-        standalone: true,
-    })
-], TngAccordionPanel);
-export { TngAccordionPanel };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngAccordionPanel, isStandalone: true, selector: "[tngAccordionPanel]", host: { properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.idAttr", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.hidden": "this.hiddenAttr", "attr.data-state": "this.dataState", "attr.data-mounted": "this.dataMounted" } }, exportAs: ["tngAccordionPanel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngAccordionPanel]',
+                    exportAs: 'tngAccordionPanel',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], idAttr: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], ariaLabelledBy: [{
+                type: HostBinding,
+                args: ['attr.aria-labelledby']
+            }], hiddenAttr: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], dataState: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataMounted: [{
+                type: HostBinding,
+                args: ['attr.data-mounted']
+            }] } });
 //# sourceMappingURL=tng-accordion.js.map