npm - @tailng-ui/components - Versions diffs - 0.17.0 → 0.18.0 - Mend

@tailng-ui/components 0.17.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

package/src/lib/form/multiselect/tng-multiselect.component.js CHANGED Viewed

@@ -1,16 +1,17 @@
-import { __decorate } from "tslib";
 import { Component, ContentChild, TemplateRef, computed, inject, input, } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { TngMultiSelect, TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, TngSelectOverlay, TngMultiSelectListbox, TngMultiSelectOption, } from '@tailng-ui/primitives';
-let TngMultiSelectComponent = class TngMultiSelectComponent {
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngMultiSelectComponent {
     primitive = inject(TngMultiSelect);
-    options = input([]);
-    placeholder = input('Select…');
-    getOptionValue = input(((opt) => opt?.value));
-    getOptionLabel = input(((opt) => String(opt?.label ?? opt?.value ?? opt)));
-    isOptionDisabled = input(((opt) => !!opt?.disabled));
-    trackBy = input((_, opt) => opt);
-    iconText = input('▾');
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    placeholder = input('Select…', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    getOptionValue = input(((opt) => opt?.value), ...(ngDevMode ? [{ debugName: "getOptionValue" }] : []));
+    getOptionLabel = input(((opt) => String(opt?.label ?? opt?.value ?? opt)), ...(ngDevMode ? [{ debugName: "getOptionLabel" }] : []));
+    isOptionDisabled = input(((opt) => !!opt?.disabled), ...(ngDevMode ? [{ debugName: "isOptionDisabled" }] : []));
+    trackBy = input((_, opt) => opt, ...(ngDevMode ? [{ debugName: "trackBy" }] : []));
+    iconText = input('▾', ...(ngDevMode ? [{ debugName: "iconText" }] : []));
     valueTpl;
     optionTpl;
     selectedOptions = computed(() => {
@@ -23,13 +24,13 @@ let TngMultiSelectComponent = class TngMultiSelectComponent {
                 result.push(opt);
         }
         return result;
-    });
+    }, ...(ngDevMode ? [{ debugName: "selectedOptions" }] : []));
     selectedLabel = computed(() => {
         const opts = this.selectedOptions();
         if (opts.length === 0)
             return this.placeholder();
         return opts.map((o) => this.getOptionLabel()(o)).join(', ');
-    });
+    }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : []));
     valueContext() {
         const opts = this.selectedOptions();
         const v = this.primitive.value() ?? [];
@@ -67,45 +68,41 @@ let TngMultiSelectComponent = class TngMultiSelectComponent {
     clear() {
         this.primitive.clear();
     }
-};
-__decorate([
-    ContentChild('tngMultiSelectValueTpl', { read: TemplateRef })
-], TngMultiSelectComponent.prototype, "valueTpl", void 0);
-__decorate([
-    ContentChild('tngMultiSelectOptionTpl', { read: TemplateRef })
-], TngMultiSelectComponent.prototype, "optionTpl", void 0);
-TngMultiSelectComponent = __decorate([
-    Component({
-        selector: 'tng-multiselect',
-        imports: [
-            NgTemplateOutlet,
-            TngSelectTrigger,
-            TngSelectValue,
-            TngSelectIcon,
-            TngSelectContent,
-            TngSelectOverlay,
-            TngMultiSelectListbox,
-            TngMultiSelectOption,
-        ],
-        hostDirectives: [
-            {
-                directive: TngMultiSelect,
-                inputs: [
-                    'open',
-                    'value',
-                    'disabled',
-                    'loading',
-                    'invalid',
-                    'labelId',
-                    'descriptionId',
-                    'errorId',
-                ],
-                outputs: ['openChange', 'valueChange'],
-            },
-        ],
-        templateUrl: './tng-multiselect.component.html',
-        styleUrl: './tng-multiselect.component.css',
-    })
-], TngMultiSelectComponent);
-export { TngMultiSelectComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngMultiSelectComponent, isStandalone: true, selector: "tng-multiselect", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, getOptionValue: { classPropertyName: "getOptionValue", publicName: "getOptionValue", isSignal: true, isRequired: false, transformFunction: null }, getOptionLabel: { classPropertyName: "getOptionLabel", publicName: "getOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, isOptionDisabled: { classPropertyName: "isOptionDisabled", publicName: "isOptionDisabled", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, iconText: { classPropertyName: "iconText", publicName: "iconText", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTpl", first: true, predicate: ["tngMultiSelectValueTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionTpl", first: true, predicate: ["tngMultiSelectOptionTpl"], descendants: true, read: TemplateRef }], hostDirectives: [{ directive: i1.TngMultiSelect, inputs: ["open", "open", "value", "value", "disabled", "disabled", "loading", "loading", "invalid", "invalid", "labelId", "labelId", "descriptionId", "descriptionId", "errorId", "errorId"], outputs: ["openChange", "openChange", "valueChange", "valueChange"] }], ngImport: i0, template: "<button tngSelectTrigger type=\"button\">\n  <span tngSelectValue>\n    @if (valueTpl) {\n      <ng-container *ngTemplateOutlet=\"valueTpl; context: valueContext()\" />\n    } @else {\n      {{ selectedLabel() }}\n    }\n  </span>\n\n  <span tngSelectIcon aria-hidden=\"true\">\n    {{ iconText() }}\n  </span>\n</button>\n\n<div tngSelectContent>\n  <div tngSelectOverlay>\n    <ul tngMultiSelectListbox [multiple]=\"true\">\n      @for (opt of options(); track trackBy()($index, opt)) {\n        <li\n          tngMultiSelectOption\n          [tngValue]=\"getOptionValue()(opt)\"\n          [disabled]=\"isOptionDisabled()(opt)\"\n        >\n          @if (optionTpl) {\n            <ng-container *ngTemplateOutlet=\"optionTpl; context: optionContext(opt)\" />\n          } @else {\n            {{ getOptionLabel()(opt) }}\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n", styles: [":host {\n  display: block;\n}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TngSelectTrigger, selector: "[tngSelectTrigger]", exportAs: ["tngSelectTrigger"] }, { kind: "directive", type: TngSelectValue, selector: "[tngSelectValue]", exportAs: ["tngSelectValue"] }, { kind: "directive", type: TngSelectIcon, selector: "[tngSelectIcon]", exportAs: ["tngSelectIcon"] }, { kind: "directive", type: TngSelectContent, selector: "[tngSelectContent]", exportAs: ["tngSelectContent"] }, { kind: "directive", type: TngSelectOverlay, selector: "[tngSelectOverlay]", inputs: ["placement", "offset", "collision"], exportAs: ["tngSelectOverlay"] }, { kind: "directive", type: TngMultiSelectListbox, selector: "[tngMultiSelectListbox]" }, { kind: "directive", type: TngMultiSelectOption, selector: "[tngMultiSelectOption]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMultiSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-multiselect', imports: [
+                        NgTemplateOutlet,
+                        TngSelectTrigger,
+                        TngSelectValue,
+                        TngSelectIcon,
+                        TngSelectContent,
+                        TngSelectOverlay,
+                        TngMultiSelectListbox,
+                        TngMultiSelectOption,
+                    ], hostDirectives: [
+                        {
+                            directive: TngMultiSelect,
+                            inputs: [
+                                'open',
+                                'value',
+                                'disabled',
+                                'loading',
+                                'invalid',
+                                'labelId',
+                                'descriptionId',
+                                'errorId',
+                            ],
+                            outputs: ['openChange', 'valueChange'],
+                        },
+                    ], template: "<button tngSelectTrigger type=\"button\">\n  <span tngSelectValue>\n    @if (valueTpl) {\n      <ng-container *ngTemplateOutlet=\"valueTpl; context: valueContext()\" />\n    } @else {\n      {{ selectedLabel() }}\n    }\n  </span>\n\n  <span tngSelectIcon aria-hidden=\"true\">\n    {{ iconText() }}\n  </span>\n</button>\n\n<div tngSelectContent>\n  <div tngSelectOverlay>\n    <ul tngMultiSelectListbox [multiple]=\"true\">\n      @for (opt of options(); track trackBy()($index, opt)) {\n        <li\n          tngMultiSelectOption\n          [tngValue]=\"getOptionValue()(opt)\"\n          [disabled]=\"isOptionDisabled()(opt)\"\n        >\n          @if (optionTpl) {\n            <ng-container *ngTemplateOutlet=\"optionTpl; context: optionContext(opt)\" />\n          } @else {\n            {{ getOptionLabel()(opt) }}\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n", styles: [":host {\n  display: block;\n}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], getOptionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "getOptionValue", required: false }] }], getOptionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getOptionLabel", required: false }] }], isOptionDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOptionDisabled", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], iconText: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconText", required: false }] }], valueTpl: [{
+                type: ContentChild,
+                args: ['tngMultiSelectValueTpl', { read: TemplateRef }]
+            }], optionTpl: [{
+                type: ContentChild,
+                args: ['tngMultiSelectOptionTpl', { read: TemplateRef }]
+            }] } });
 //# sourceMappingURL=tng-multiselect.component.js.map

package/src/lib/form/multiselect/tng-multiselect.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tng-multiselect.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/multiselect/tng-multiselect.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC~~;AAkDxB~~,~~IAAM~~,~~uBAAuB~~,~~GAA7B,MAAM,~~uBAAuB;IACf,SAAS,GAAG,MAAM,CAAoB,cAAc,CAAC,CAAC;IAEhE,OAAO,GAAG,KAAK,CAAe,EAAE,~~CAAC~~,CAAC;IAClC,WAAW,GAAG,KAAK,CAAS,SAAS,~~CAAC~~,CAAC;IAEvC,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAY,EAAE,EAAE,CAAE,GAAqB,EAAE,KAAK,CAAiC,~~CAClF~~,CAAC;IACO,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAY,EAAE,EAAE,CAAC,MAAM,CAAE,GAA2C,EAAE,KAAK,IAAK,GAA2B,EAAE,KAAK,IAAI,GAAG,CAAC,CAA8B,~~CAC3J~~,CAAC;IACO,gBAAgB,GAAG,KAAK,CAC/B,CAAC,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,CAAE,GAA8B,EAAE,QAAQ,CAAgC,~~CAC~~/F,CAAC;IACO,OAAO,GAAG,KAAK,CAA2B,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAc,~~CAAC~~,CAAC;IAEtE,QAAQ,GAAG,KAAK,CAAS,GAAG,~~CAAC~~,CAAC;IAEwB,QAAQ,CAAiD;IACxD,SAAS,CAAkD;IAExG,eAAe,GAAG,QAAQ,CAAe,GAAG,EAAE;QAC/D,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,MAAM,MAAM,GAAQ,EAAE,CAAC;QACvB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACjC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;gBAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,~~CAAC~~,CAAC;IAEgB,aAAa,GAAG,QAAQ,CAAS,GAAG,EAAE;QACvD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;QACjD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC,~~CAAC~~,CAAC;IAEO,YAAY;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1G,OAAO;YACL,SAAS,EAAE;gBACT,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,IAAI;gBACb,KAAK;gBACL,UAAU,EAAE,CAAC,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;aACvD;SACF,CAAC;IACJ,CAAC;IAES,aAAa,CAAC,GAAM;QAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACvC,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;QAErD,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;IACjG,CAAC;IAED,6DAA6D;IAC7D,eAAe,CAAC,IAAO;QACrB,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,kEAAkE;IAClE,kBAAkB,CAAC,IAAO;QACxB,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,gEAAgE;IAChE,kBAAkB,CAAC,IAAO;QACxB,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,oDAAoD;IACpD,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;~~CACF~~,~~CAAA~~;~~AA/DgE;IAA9D~~,~~YAAY~~,~~CAAC~~,~~wBAAwB~~,~~EAAE~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,~~CAAC;yDAA0D;AACxD;IAA/D~~,~~YAAY~~,~~CAAC~~,~~yBAAyB~~,~~EAAE~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,~~CAAC;0DAA4D;AApBhH~~,uBAAuB;IA/BnC,SAAS,~~CAAC;QACT,QAAQ,EAAE,~~iBAAiB~~;QAC3B~~,~~OAAO,EAAE~~;~~YACP~~,gBAAgB;~~YAChB~~,gBAAgB;~~YAChB~~,cAAc;~~YACd~~,aAAa;~~YACb~~,gBAAgB;~~YAChB~~,gBAAgB;~~YAChB~~,qBAAqB;~~YACrB~~,oBAAoB;~~SACrB;QACD~~,~~cAAc,EAAE~~;~~YACd~~;~~gBACE~~,SAAS,EAAE,cAAc;~~gBACzB~~,MAAM,EAAE;~~oBACN~~,MAAM;~~oBACN~~,OAAO;~~oBACP~~,UAAU;~~oBACV~~,SAAS;~~oBACT~~,SAAS;~~oBACT~~,SAAS;~~oBACT~~,eAAe;~~oBACf~~,SAAS;~~iBACV~~;~~gBACD~~,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;~~aACvC~~;~~SACF~~;~~QACD~~,WAAW,EAAE,~~kCAAkC~~;~~QAC/C~~,~~QAAQ~~,EAAE,~~iCAAiC;KAC5C~~,~~CAAC;GACW~~,~~uBAAuB~~,~~CAkFnC~~","sourcesContent":["import {\n Component,\n ContentChild,\n TemplateRef,\n computed,\n inject,\n input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n TngMultiSelect,\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngMultiSelectListbox,\n TngMultiSelectOption,\n} from '@tailng-ui/primitives';\n\nexport type TngMultiSelectGetValue<O, V> = (opt: O) => V;\nexport type TngMultiSelectGetLabel<O> = (opt: O) => string;\nexport type TngMultiSelectIsDisabled<O> = (opt: O) => boolean;\nexport type TngMultiSelectTrackBy<O> = (index: number, opt: O) => unknown;\n\nexport type TngMultiSelectValueContext<O, V> = {\n $implicit: {\n value: readonly V[];\n options: readonly O[];\n label: string;\n removeItem: (item: V) => void;\n };\n};\nexport type TngMultiSelectOptionContext<O, V> = {\n $implicit: { option: O; value: V; label: string; disabled: boolean; selected: boolean; active: boolean };\n};\n\n@Component({\n selector: 'tng-multiselect',\n imports: [\n NgTemplateOutlet,\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngMultiSelectListbox,\n TngMultiSelectOption,\n ],\n hostDirectives: [\n {\n directive: TngMultiSelect,\n inputs: [\n 'open',\n 'value',\n 'disabled',\n 'loading',\n 'invalid',\n 'labelId',\n 'descriptionId',\n 'errorId',\n ],\n outputs: ['openChange', 'valueChange'],\n },\n ],\n templateUrl: './tng-multiselect.component.html',\n styleUrl: './tng-multiselect.component.css',\n})\nexport class TngMultiSelectComponent<O = unknown, V = unknown> {\n protected readonly primitive = inject<TngMultiSelect<V>>(TngMultiSelect);\n\n readonly options = input<readonly O[]>([]);\n readonly placeholder = input<string>('Select…');\n\n readonly getOptionValue = input<TngMultiSelectGetValue<O, V>>(\n ((opt: unknown) => (opt as { value?: V })?.value) as TngMultiSelectGetValue<O, V>,\n );\n readonly getOptionLabel = input<TngMultiSelectGetLabel<O>>(\n ((opt: unknown) => String((opt as { label?: string; value?: unknown })?.label ?? (opt as { value?: unknown })?.value ?? opt)) as TngMultiSelectGetLabel<O>,\n );\n readonly isOptionDisabled = input<TngMultiSelectIsDisabled<O>>(\n ((opt: unknown) => !!(opt as { disabled?: boolean })?.disabled) as TngMultiSelectIsDisabled<O>,\n );\n readonly trackBy = input<TngMultiSelectTrackBy<O>>((_, opt) => opt as unknown);\n\n readonly iconText = input<string>('▾');\n\n @ContentChild('tngMultiSelectValueTpl', { read: TemplateRef }) valueTpl?: TemplateRef<TngMultiSelectValueContext<O, V>>;\n @ContentChild('tngMultiSelectOptionTpl', { read: TemplateRef }) optionTpl?: TemplateRef<TngMultiSelectOptionContext<O, V>>;\n\n protected readonly selectedOptions = computed<readonly O[]>(() => {\n const v = this.primitive.value() ?? [];\n const getV = this.getOptionValue();\n const result: O[] = [];\n for (const opt of this.options()) {\n const optVal = getV(opt);\n if (v.some((x) => Object.is(x, optVal))) result.push(opt);\n }\n return result;\n });\n\n protected readonly selectedLabel = computed<string>(() => {\n const opts = this.selectedOptions();\n if (opts.length === 0) return this.placeholder();\n return opts.map((o) => this.getOptionLabel()(o)).join(', ');\n });\n\n protected valueContext(): TngMultiSelectValueContext<O, V> {\n const opts = this.selectedOptions();\n const v = this.primitive.value() ?? [];\n const label = opts.length > 0 ? opts.map((o) => this.getOptionLabel()(o)).join(', ') : this.placeholder();\n return {\n $implicit: {\n value: v,\n options: opts,\n label,\n removeItem: (item: V) => this.removeSelectedItem(item),\n },\n };\n }\n\n protected optionContext(opt: O): TngMultiSelectOptionContext<O, V> {\n const optVal = this.getOptionValue()(opt);\n const label = this.getOptionLabel()(opt);\n const disabled = this.isOptionDisabled()(opt);\n const v = this.primitive.value() ?? [];\n const selected = v.some((x) => Object.is(x, optVal));\n\n return { $implicit: { option: opt, value: optVal, label, disabled, selected, active: false } };\n }\n\n /** Adds an item to the selection. Delegates to primitive. /\n addSelectedItem(item: V): void {\n this.primitive.addSelectedItem(item);\n }\n\n /* Removes an item from the selection. Delegates to primitive. /\n removeSelectedItem(item: V): void {\n this.primitive.removeSelectedItem(item);\n }\n\n /* Toggles an item in the selection. Delegates to primitive. /\n toggleSelectedItem(item: V): void {\n this.primitive.toggleSelectedItem(item);\n }\n\n /* Clears the selection. Delegates to primitive. */\n clear(): void {\n this.primitive.clear();\n }\n}\n"]}
1	+ {"version":3,"file":"tng-multiselect.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/multiselect/tng-multiselect.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/multiselect/tng-multiselect.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n ContentChild,\n TemplateRef,\n computed,\n inject,\n input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n TngMultiSelect,\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngMultiSelectListbox,\n TngMultiSelectOption,\n} from '@tailng-ui/primitives';\n\nexport type TngMultiSelectGetValue<O, V> = (opt: O) => V;\nexport type TngMultiSelectGetLabel<O> = (opt: O) => string;\nexport type TngMultiSelectIsDisabled<O> = (opt: O) => boolean;\nexport type TngMultiSelectTrackBy<O> = (index: number, opt: O) => unknown;\n\nexport type TngMultiSelectValueContext<O, V> = {\n $implicit: {\n value: readonly V[];\n options: readonly O[];\n label: string;\n removeItem: (item: V) => void;\n };\n};\nexport type TngMultiSelectOptionContext<O, V> = {\n $implicit: { option: O; value: V; label: string; disabled: boolean; selected: boolean; active: boolean };\n};\n\n@Component({\n selector: 'tng-multiselect',\n imports: [\n NgTemplateOutlet,\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngMultiSelectListbox,\n TngMultiSelectOption,\n ],\n hostDirectives: [\n {\n directive: TngMultiSelect,\n inputs: [\n 'open',\n 'value',\n 'disabled',\n 'loading',\n 'invalid',\n 'labelId',\n 'descriptionId',\n 'errorId',\n ],\n outputs: ['openChange', 'valueChange'],\n },\n ],\n templateUrl: './tng-multiselect.component.html',\n styleUrl: './tng-multiselect.component.css',\n})\nexport class TngMultiSelectComponent<O = unknown, V = unknown> {\n protected readonly primitive = inject<TngMultiSelect<V>>(TngMultiSelect);\n\n readonly options = input<readonly O[]>([]);\n readonly placeholder = input<string>('Select…');\n\n readonly getOptionValue = input<TngMultiSelectGetValue<O, V>>(\n ((opt: unknown) => (opt as { value?: V })?.value) as TngMultiSelectGetValue<O, V>,\n );\n readonly getOptionLabel = input<TngMultiSelectGetLabel<O>>(\n ((opt: unknown) => String((opt as { label?: string; value?: unknown })?.label ?? (opt as { value?: unknown })?.value ?? opt)) as TngMultiSelectGetLabel<O>,\n );\n readonly isOptionDisabled = input<TngMultiSelectIsDisabled<O>>(\n ((opt: unknown) => !!(opt as { disabled?: boolean })?.disabled) as TngMultiSelectIsDisabled<O>,\n );\n readonly trackBy = input<TngMultiSelectTrackBy<O>>((_, opt) => opt as unknown);\n\n readonly iconText = input<string>('▾');\n\n @ContentChild('tngMultiSelectValueTpl', { read: TemplateRef }) valueTpl?: TemplateRef<TngMultiSelectValueContext<O, V>>;\n @ContentChild('tngMultiSelectOptionTpl', { read: TemplateRef }) optionTpl?: TemplateRef<TngMultiSelectOptionContext<O, V>>;\n\n protected readonly selectedOptions = computed<readonly O[]>(() => {\n const v = this.primitive.value() ?? [];\n const getV = this.getOptionValue();\n const result: O[] = [];\n for (const opt of this.options()) {\n const optVal = getV(opt);\n if (v.some((x) => Object.is(x, optVal))) result.push(opt);\n }\n return result;\n });\n\n protected readonly selectedLabel = computed<string>(() => {\n const opts = this.selectedOptions();\n if (opts.length === 0) return this.placeholder();\n return opts.map((o) => this.getOptionLabel()(o)).join(', ');\n });\n\n protected valueContext(): TngMultiSelectValueContext<O, V> {\n const opts = this.selectedOptions();\n const v = this.primitive.value() ?? [];\n const label = opts.length > 0 ? opts.map((o) => this.getOptionLabel()(o)).join(', ') : this.placeholder();\n return {\n $implicit: {\n value: v,\n options: opts,\n label,\n removeItem: (item: V) => this.removeSelectedItem(item),\n },\n };\n }\n\n protected optionContext(opt: O): TngMultiSelectOptionContext<O, V> {\n const optVal = this.getOptionValue()(opt);\n const label = this.getOptionLabel()(opt);\n const disabled = this.isOptionDisabled()(opt);\n const v = this.primitive.value() ?? [];\n const selected = v.some((x) => Object.is(x, optVal));\n\n return { $implicit: { option: opt, value: optVal, label, disabled, selected, active: false } };\n }\n\n /** Adds an item to the selection. Delegates to primitive. /\n addSelectedItem(item: V): void {\n this.primitive.addSelectedItem(item);\n }\n\n /* Removes an item from the selection. Delegates to primitive. /\n removeSelectedItem(item: V): void {\n this.primitive.removeSelectedItem(item);\n }\n\n /* Toggles an item in the selection. Delegates to primitive. /\n toggleSelectedItem(item: V): void {\n this.primitive.toggleSelectedItem(item);\n }\n\n /* Clears the selection. Delegates to primitive. /\n clear(): void {\n this.primitive.clear();\n }\n}\n","<button tngSelectTrigger type=\"button\">\n <span tngSelectValue>\n @if (valueTpl) {\n <ng-container ngTemplateOutlet=\"valueTpl; context: valueContext()\" />\n } @else {\n {{ selectedLabel() }}\n }\n </span>\n\n <span tngSelectIcon aria-hidden=\"true\">\n {{ iconText() }}\n </span>\n</button>\n\n<div tngSelectContent>\n <div tngSelectOverlay>\n <ul tngMultiSelectListbox [multiple]=\"true\">\n @for (opt of options(); track trackBy()($index, opt)) {\n <li\n tngMultiSelectOption\n [tngValue]=\"getOptionValue()(opt)\"\n [disabled]=\"isOptionDisabled()(opt)\"\n >\n @if (optionTpl) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: optionContext(opt)\" />\n } @else {\n {{ getOptionLabel()(opt) }}\n }\n </li>\n }\n </ul>\n </div>\n</div>\n"]}

package/src/lib/form/radio/tng-radio.component.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function readTngRadioChecked(event: unknown): boolean | null;
 export declare function shouldEmitTngRadioCheckedChange(disabled: boolean, readonly: boolean): boolean;
 export declare class TngRadioComponent {
@@ -12,5 +13,7 @@ export declare class TngRadioComponent {
     readonly value: import("@angular/core").InputSignal<string>;
     readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
     onChange(event: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngRadioComponent, "tng-radio", never, { "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=tng-radio.component.d.ts.map

package/src/lib/form/radio/tng-radio.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tng-radio.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAWlE;AAED,wBAAgB,+BAA+B,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAE7F;AAED,qBAMa,iBAAiB;IAC5B,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,WAAW,8EAExB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAE3C,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;~~CAYtC~~"}
1	+ {"version":3,"file":"tng-radio.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.ts"],"names":[],"mappings":";AAGA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAWlE;AAED,wBAAgB,+BAA+B,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAE7F;AAED,qBAMa,iBAAiB;IAC5B,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,WAAW,8EAExB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAE3C,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;yCAzB1B,iBAAiB;2CAAjB,iBAAiB;CAqC7B"}

package/src/lib/form/radio/tng-radio.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, input, output } from '@angular/core';
 import { TngRadio as TngRadioPrimitive } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export function readTngRadioChecked(event) {
     if (!(event instanceof Event)) {
         return null;
@@ -14,28 +14,16 @@ export function readTngRadioChecked(event) {
 export function shouldEmitTngRadioCheckedChange(disabled, readonly) {
     return !disabled && !readonly;
 }
-let TngRadioComponent = class TngRadioComponent {
-    ariaDescribedBy = input(null);
-    ariaInvalid = input(false, {
-        transform: booleanAttribute,
-    });
-    checked = input(false, {
-        transform: booleanAttribute,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    invalid = input(false, {
-        transform: booleanAttribute,
-    });
-    name = input(null);
-    readonly = input(false, {
-        transform: booleanAttribute,
-    });
-    required = input(false, {
-        transform: booleanAttribute,
-    });
-    value = input('on');
+export class TngRadioComponent {
+    ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    ariaInvalid = input(false, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), transform: booleanAttribute });
+    checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : {}), 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('on', ...(ngDevMode ? [{ debugName: "value" }] : []));
     checkedChange = output();
     onChange(event) {
         const checked = readTngRadioChecked(event);
@@ -47,14 +35,11 @@ let TngRadioComponent = class TngRadioComponent {
         }
         this.checkedChange.emit(checked);
     }
-};
-TngRadioComponent = __decorate([
-    Component({
-        selector: 'tng-radio',
-        imports: [TngRadioPrimitive],
-        templateUrl: './tng-radio.component.html',
-        styleUrl: './tng-radio.component.css',
-    })
-], TngRadioComponent);
-export { TngRadioComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngRadioComponent, isStandalone: true, selector: "tng-radio", 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 }, 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 } }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<label\n  class=\"tng-radio-root\"\n  [attr.data-disabled]=\"disabled() ? '' : null\"\n  [attr.data-invalid]=\"invalid() ? '' : null\"\n  [attr.data-readonly]=\"readonly() ? '' : null\"\n>\n  <input\n    tngRadio\n    class=\"tng-radio-control\"\n    [ariaInvalid]=\"ariaInvalid()\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [invalid]=\"invalid()\"\n    [required]=\"required()\"\n    [readonly]=\"readonly()\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [ariaDescribedBy]=\"ariaDescribedBy()\"\n    (change)=\"onChange($event)\"\n  />\n  <span class=\"tng-radio-label\">\n    <ng-content />\n  </span>\n</label>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-radio-root {\n  align-items: center;\n  color: var(--tng-semantic-foreground-primary);\n  cursor: pointer;\n  display: inline-flex;\n  gap: 0.55rem;\n  user-select: none;\n}\n\n.tng-radio-root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.tng-radio-root[data-readonly] {\n  cursor: default;\n}\n\n.tng-radio-control {\n  accent-color: var(--tng-semantic-accent-brand);\n  block-size: 1rem;\n  inline-size: 1rem;\n  margin: 0;\n}\n\n.tng-radio-root[data-invalid] .tng-radio-control {\n  outline: 1px solid var(--tng-semantic-accent-danger);\n  outline-offset: 1px;\n}\n\n.tng-radio-control:focus-visible {\n  box-shadow: 0 0 0 3px var(--tng-semantic-focus-ring);\n  outline: none;\n}\n\n.tng-radio-label {\n  font-size: 0.925rem;\n  line-height: 1.2;\n}\n"], dependencies: [{ kind: "directive", type: TngRadioPrimitive, selector: "input[tngRadio]", inputs: ["ariaDescribedBy", "ariaInvalid", "checked", "disabled", "invalid", "name", "readonly", "required", "value"], exportAs: ["tngRadio"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-radio', imports: [TngRadioPrimitive], template: "<label\n  class=\"tng-radio-root\"\n  [attr.data-disabled]=\"disabled() ? '' : null\"\n  [attr.data-invalid]=\"invalid() ? '' : null\"\n  [attr.data-readonly]=\"readonly() ? '' : null\"\n>\n  <input\n    tngRadio\n    class=\"tng-radio-control\"\n    [ariaInvalid]=\"ariaInvalid()\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    [invalid]=\"invalid()\"\n    [required]=\"required()\"\n    [readonly]=\"readonly()\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [ariaDescribedBy]=\"ariaDescribedBy()\"\n    (change)=\"onChange($event)\"\n  />\n  <span class=\"tng-radio-label\">\n    <ng-content />\n  </span>\n</label>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-radio-root {\n  align-items: center;\n  color: var(--tng-semantic-foreground-primary);\n  cursor: pointer;\n  display: inline-flex;\n  gap: 0.55rem;\n  user-select: none;\n}\n\n.tng-radio-root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.tng-radio-root[data-readonly] {\n  cursor: default;\n}\n\n.tng-radio-control {\n  accent-color: var(--tng-semantic-accent-brand);\n  block-size: 1rem;\n  inline-size: 1rem;\n  margin: 0;\n}\n\n.tng-radio-root[data-invalid] .tng-radio-control {\n  outline: 1px solid var(--tng-semantic-accent-danger);\n  outline-offset: 1px;\n}\n\n.tng-radio-control:focus-visible {\n  box-shadow: 0 0 0 3px var(--tng-semantic-focus-ring);\n  outline: none;\n}\n\n.tng-radio-label {\n  font-size: 0.925rem;\n  line-height: 1.2;\n}\n"] }]
+        }], propDecorators: { ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaInvalid", required: false }] }], 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 }] }], 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 }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }] } });
 //# sourceMappingURL=tng-radio.component.js.map

package/src/lib/form/radio/tng-radio.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tng-radio.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAChD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,+BAA+B,CAAC,QAAiB,EAAE,QAAiB;IAClF,OAAO,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;AAChC,CAAC;~~AAQM~~,~~IAAM~~,~~iBAAiB~~,~~GAAvB,MAAM,~~iBAAiB;IACZ,eAAe,GAAG,KAAK,CAAgB,IAAI,~~CAAC~~,CAAC;IAC7C,WAAW,GAAG,KAAK,CAA4B,KAAK,~~EAAE;QACpE~~,SAAS,EAAE,gBAAgB~~;KAC5B~~,~~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,CAA4B,KAAK,~~EAAE;QAChE~~,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,CAAS,IAAI,~~CAAC~~,CAAC;IAE5B,aAAa,GAAG,MAAM,EAAW,CAAC;IAE3C,QAAQ,CAAC,KAAc;QAC5B,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;YACvE,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;~~CACF~~,~~CAAA~~;~~AArCY~~,iBAAiB~~;IAN7B~~,~~SAAS~~,~~CAAC;QACT~~,~~QAAQ~~,~~EAAE~~,~~WAAW~~;~~QACrB~~,~~OAAO~~,~~EAAE,CAAC,iBAAiB,CAAC;QAC5B,~~WAAW,~~EAAE~~,~~4BAA4B;QACzC,QAAQ,EAAE,2BAA2B;KACtC,~~CAAC~~;GACW~~,iBAAiB,~~CAqC7B~~","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport { TngRadio as TngRadioPrimitive } from '@tailng-ui/primitives';\n\nexport function readTngRadioChecked(event: unknown): boolean \| null {\n if (!(event instanceof Event)) {\n return null;\n }\n\n const target = event.target;\n if (!(target instanceof HTMLInputElement)) {\n return null;\n }\n\n return target.checked;\n}\n\nexport function shouldEmitTngRadioCheckedChange(disabled: boolean, readonly: boolean): boolean {\n return !disabled && !readonly;\n}\n\n@Component({\n selector: 'tng-radio',\n imports: [TngRadioPrimitive],\n templateUrl: './tng-radio.component.html',\n styleUrl: './tng-radio.component.css',\n})\nexport class TngRadioComponent {\n public readonly ariaDescribedBy = input<string \| null>(null);\n public readonly ariaInvalid = input<boolean, boolean \| string>(false, {\n transform: booleanAttribute,\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, 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>('on');\n\n public readonly checkedChange = output<boolean>();\n\n public onChange(event: unknown): void {\n const checked = readTngRadioChecked(event);\n if (checked === null) {\n return;\n }\n\n if (!shouldEmitTngRadioCheckedChange(this.disabled(), this.readonly())) {\n return;\n }\n\n this.checkedChange.emit(checked);\n }\n}\n"]}
1	+ {"version":3,"file":"tng-radio.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAEtE,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAChD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,+BAA+B,CAAC,QAAiB,EAAE,QAAiB;IAClF,OAAO,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;AAChC,CAAC;AAQD,MAAM,OAAO,iBAAiB;IACZ,eAAe,GAAG,KAAK,CAAgB,IAAI,2DAAC,CAAC;IAC7C,WAAW,GAAG,KAAK,CAA4B,KAAK,wDAClE,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,OAAO,GAAG,KAAK,CAA4B,KAAK,oDAC9D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,OAAO,GAAG,KAAK,CAA4B,KAAK,oDAC9D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC,CAAC;IAClC,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,IAAI,iDAAC,CAAC;IAE5B,aAAa,GAAG,MAAM,EAAW,CAAC;IAE3C,QAAQ,CAAC,KAAc;QAC5B,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;YACvE,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;uGApCU,iBAAiB;2FAAjB,iBAAiB,0wCC1B9B,woBAwBA,42BDFY,iBAAiB;;2FAIhB,iBAAiB;kBAN7B,SAAS;+BACE,WAAW,WACZ,CAAC,iBAAiB,CAAC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport { TngRadio as TngRadioPrimitive } from '@tailng-ui/primitives';\n\nexport function readTngRadioChecked(event: unknown): boolean \| null {\n if (!(event instanceof Event)) {\n return null;\n }\n\n const target = event.target;\n if (!(target instanceof HTMLInputElement)) {\n return null;\n }\n\n return target.checked;\n}\n\nexport function shouldEmitTngRadioCheckedChange(disabled: boolean, readonly: boolean): boolean {\n return !disabled && !readonly;\n}\n\n@Component({\n selector: 'tng-radio',\n imports: [TngRadioPrimitive],\n templateUrl: './tng-radio.component.html',\n styleUrl: './tng-radio.component.css',\n})\nexport class TngRadioComponent {\n public readonly ariaDescribedBy = input<string \| null>(null);\n public readonly ariaInvalid = input<boolean, boolean \| string>(false, {\n transform: booleanAttribute,\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, 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>('on');\n\n public readonly checkedChange = output<boolean>();\n\n public onChange(event: unknown): void {\n const checked = readTngRadioChecked(event);\n if (checked === null) {\n return;\n }\n\n if (!shouldEmitTngRadioCheckedChange(this.disabled(), this.readonly())) {\n return;\n }\n\n this.checkedChange.emit(checked);\n }\n}\n","<label\n class=\"tng-radio-root\"\n [attr.data-disabled]=\"disabled() ? '' : null\"\n [attr.data-invalid]=\"invalid() ? '' : null\"\n [attr.data-readonly]=\"readonly() ? '' : null\"\n>\n <input\n tngRadio\n class=\"tng-radio-control\"\n [ariaInvalid]=\"ariaInvalid()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [invalid]=\"invalid()\"\n [required]=\"required()\"\n [readonly]=\"readonly()\"\n [name]=\"name()\"\n [value]=\"value()\"\n [ariaDescribedBy]=\"ariaDescribedBy()\"\n (change)=\"onChange($event)\"\n />\n <span class=\"tng-radio-label\">\n <ng-content />\n </span>\n</label>\n"]}

package/src/lib/form/select/tng-select.component.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import { TngSelect } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export type TngSelectGetValue<O, V> = (opt: O) => V;
 export type TngSelectGetLabel<O> = (opt: O) => string;
 export type TngSelectIsDisabled<O> = (opt: O) => boolean;
@@ -36,5 +38,7 @@ export declare class TngSelectComponent<O = unknown, V = unknown> {
     protected readonly selectedLabel: import("@angular/core").Signal<string>;
     protected valueContext(): TngSelectValueContext<O, V>;
     protected optionContext(opt: O): TngSelectOptionContext<O, V>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSelectComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngSelectComponent<any, any>, "tng-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "getOptionValue": { "alias": "getOptionValue"; "required": false; "isSignal": true; }; "getOptionLabel": { "alias": "getOptionLabel"; "required": false; "isSignal": true; }; "isOptionDisabled": { "alias": "isOptionDisabled"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "iconText": { "alias": "iconText"; "required": false; "isSignal": true; }; }, {}, ["valueTpl", "optionTpl"], never, true, [{ directive: typeof i1.TngSelect; inputs: { "open": "open"; "value": "value"; "disabled": "disabled"; "loading": "loading"; "invalid": "invalid"; "labelId": "labelId"; "descriptionId": "descriptionId"; "errorId": "errorId"; }; outputs: { "openChange": "openChange"; "valueChange": "valueChange"; }; }]>;
 }
 //# sourceMappingURL=tng-select.component.d.ts.map

package/src/lib/form/select/tng-select.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tng-select.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,SAAS,EAQV,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AACpD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;AACtD,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AACzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAGrE,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI;IACxC,SAAS,EAAE;QAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChF,CAAC;AACF,MAAM,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC,IAAI;IACzC,SAAS,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1G,CAAC;AAEF,qBAgCa,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IAGtD,SAAS,CAAC,QAAQ,CAAC,SAAS,eAAmC;IAG/D,QAAQ,CAAC,OAAO,oDAA2B;IAC3C,QAAQ,CAAC,WAAW,8CAA4B;IAEhD,QAAQ,CAAC,cAAc,+DAErB;IACF,QAAQ,CAAC,cAAc,4DAErB;IACF,QAAQ,CAAC,gBAAgB,8DAEvB;IACF,QAAQ,CAAC,OAAO,2DAA0D;IAG1E,QAAQ,CAAC,QAAQ,8CAAsB;IAGmB,QAAQ,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAGjH,SAAS,CAAC,QAAQ,CAAC,cAAc,2CAS9B;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,yCAG7B;IAGH,SAAS,CAAC,YAAY,IAAI,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;IAOrD,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC;~~CAa9D~~"}
1	+ {"version":3,"file":"tng-select.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,SAAS,EAQV,MAAM,uBAAuB,CAAC;;;AAE/B,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AACpD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;AACtD,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AACzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAGrE,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI;IACxC,SAAS,EAAE;QAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChF,CAAC;AACF,MAAM,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC,IAAI;IACzC,SAAS,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1G,CAAC;AAEF,qBAgCa,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IAGtD,SAAS,CAAC,QAAQ,CAAC,SAAS,eAAmC;IAG/D,QAAQ,CAAC,OAAO,oDAA2B;IAC3C,QAAQ,CAAC,WAAW,8CAA4B;IAEhD,QAAQ,CAAC,cAAc,+DAErB;IACF,QAAQ,CAAC,cAAc,4DAErB;IACF,QAAQ,CAAC,gBAAgB,8DAEvB;IACF,QAAQ,CAAC,OAAO,2DAA0D;IAG1E,QAAQ,CAAC,QAAQ,8CAAsB;IAGmB,QAAQ,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAGjH,SAAS,CAAC,QAAQ,CAAC,cAAc,2CAS9B;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,yCAG7B;IAGH,SAAS,CAAC,YAAY,IAAI,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;IAOrD,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC;yCApDlD,kBAAkB;2CAAlB,kBAAkB;CAiE9B"}

package/src/lib/form/select/tng-select.component.js CHANGED Viewed

@@ -1,20 +1,21 @@
-import { __decorate } from "tslib";
 import { Component, ContentChild, TemplateRef, computed, inject, input, } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { TngSelect, TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, TngSelectOverlay, TngSelectListbox, TngSelectOption, } from '@tailng-ui/primitives';
-let TngSelectComponent = class TngSelectComponent {
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngSelectComponent {
     // Access primitive instance for reading value/open state inside template.
     // (This works because the primitive is attached via hostDirectives.)
     primitive = inject(TngSelect);
     // ----- data / accessors (recommended API) -----
-    options = input([]);
-    placeholder = input('Select…');
-    getOptionValue = input(((opt) => opt?.value));
-    getOptionLabel = input(((opt) => String(opt?.label ?? opt?.value ?? opt)));
-    isOptionDisabled = input(((opt) => !!opt?.disabled));
-    trackBy = input((_, opt) => opt);
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    placeholder = input('Select…', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    getOptionValue = input(((opt) => opt?.value), ...(ngDevMode ? [{ debugName: "getOptionValue" }] : []));
+    getOptionLabel = input(((opt) => String(opt?.label ?? opt?.value ?? opt)), ...(ngDevMode ? [{ debugName: "getOptionLabel" }] : []));
+    isOptionDisabled = input(((opt) => !!opt?.disabled), ...(ngDevMode ? [{ debugName: "isOptionDisabled" }] : []));
+    trackBy = input((_, opt) => opt, ...(ngDevMode ? [{ debugName: "trackBy" }] : []));
     // ----- optional: icon text/slot (still headless) -----
-    iconText = input('▾');
+    iconText = input('▾', ...(ngDevMode ? [{ debugName: "iconText" }] : []));
     // ----- slots (optional) -----
     valueTpl;
     optionTpl;
@@ -29,11 +30,11 @@ let TngSelectComponent = class TngSelectComponent {
                 return opt;
         }
         return null;
-    });
+    }, ...(ngDevMode ? [{ debugName: "selectedOption" }] : []));
     selectedLabel = computed(() => {
         const opt = this.selectedOption();
         return opt ? this.getOptionLabel()(opt) : this.placeholder();
-    });
+    }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : []));
     // Context helpers for templates
     valueContext() {
         const v = this.primitive.value();
@@ -52,46 +53,44 @@ let TngSelectComponent = class TngSelectComponent {
         const active = false;
         return { $implicit: { option: opt, value: v, label, disabled, selected, active } };
     }
-};
-__decorate([
-    ContentChild('tngSelectValueTpl', { read: TemplateRef })
-], TngSelectComponent.prototype, "valueTpl", void 0);
-__decorate([
-    ContentChild('tngSelectOptionTpl', { read: TemplateRef })
-], TngSelectComponent.prototype, "optionTpl", void 0);
-TngSelectComponent = __decorate([
-    Component({
-        selector: 'tng-select',
-        imports: [
-            NgTemplateOutlet,
-            // primitives used in template
-            TngSelectTrigger,
-            TngSelectValue,
-            TngSelectIcon,
-            TngSelectContent,
-            TngSelectOverlay,
-            TngSelectListbox,
-            TngSelectOption,
-        ],
-        // Attach primitive directive to host + re-expose its controlled API.
-        hostDirectives: [
-            {
-                directive: TngSelect,
-                inputs: [
-                    'open',
-                    'value',
-                    'disabled',
-                    'loading',
-                    'invalid',
-                    'labelId',
-                    'descriptionId',
-                    'errorId',
-                ],
-                outputs: ['openChange', 'valueChange'],
-            },
-        ],
-        templateUrl: './tng-select.component.html',
-    })
-], TngSelectComponent);
-export { TngSelectComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngSelectComponent, isStandalone: true, selector: "tng-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, getOptionValue: { classPropertyName: "getOptionValue", publicName: "getOptionValue", isSignal: true, isRequired: false, transformFunction: null }, getOptionLabel: { classPropertyName: "getOptionLabel", publicName: "getOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, isOptionDisabled: { classPropertyName: "isOptionDisabled", publicName: "isOptionDisabled", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, iconText: { classPropertyName: "iconText", publicName: "iconText", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTpl", first: true, predicate: ["tngSelectValueTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionTpl", first: true, predicate: ["tngSelectOptionTpl"], descendants: true, read: TemplateRef }], hostDirectives: [{ directive: i1.TngSelect, inputs: ["open", "open", "value", "value", "disabled", "disabled", "loading", "loading", "invalid", "invalid", "labelId", "labelId", "descriptionId", "descriptionId", "errorId", "errorId"], outputs: ["openChange", "openChange", "valueChange", "valueChange"] }], ngImport: i0, template: "<button tngSelectTrigger type=\"button\">\n  <span tngSelectValue>\n    @if (valueTpl) {\n      <ng-container *ngTemplateOutlet=\"valueTpl; context: valueContext()\" />\n    } @else {\n      {{ selectedLabel() }}\n    }\n  </span>\n\n  <span tngSelectIcon aria-hidden=\"true\">\n    {{ iconText() }}\n  </span>\n</button>\n\n<div tngSelectContent>\n  <div tngSelectOverlay>\n    <ul tngSelectListbox>\n      @for (opt of options(); track trackBy()($index, opt)) {\n        <li\n          tngSelectOption\n          [tngValue]=\"getOptionValue()(opt)\"\n          [disabled]=\"isOptionDisabled()(opt)\"\n        >\n          @if (optionTpl) {\n            <ng-container *ngTemplateOutlet=\"optionTpl; context: optionContext(opt)\" />\n          } @else {\n            {{ getOptionLabel()(opt) }}\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type:
+                // primitives used in template
+                TngSelectTrigger, selector: "[tngSelectTrigger]", exportAs: ["tngSelectTrigger"] }, { kind: "directive", type: TngSelectValue, selector: "[tngSelectValue]", exportAs: ["tngSelectValue"] }, { kind: "directive", type: TngSelectIcon, selector: "[tngSelectIcon]", exportAs: ["tngSelectIcon"] }, { kind: "directive", type: TngSelectContent, selector: "[tngSelectContent]", exportAs: ["tngSelectContent"] }, { kind: "directive", type: TngSelectOverlay, selector: "[tngSelectOverlay]", inputs: ["placement", "offset", "collision"], exportAs: ["tngSelectOverlay"] }, { kind: "directive", type: TngSelectListbox, selector: "[tngSelectListbox]" }, { kind: "directive", type: TngSelectOption, selector: "[tngSelectOption]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-select', imports: [
+                        NgTemplateOutlet,
+                        // primitives used in template
+                        TngSelectTrigger,
+                        TngSelectValue,
+                        TngSelectIcon,
+                        TngSelectContent,
+                        TngSelectOverlay,
+                        TngSelectListbox,
+                        TngSelectOption,
+                    ], hostDirectives: [
+                        {
+                            directive: TngSelect,
+                            inputs: [
+                                'open',
+                                'value',
+                                'disabled',
+                                'loading',
+                                'invalid',
+                                'labelId',
+                                'descriptionId',
+                                'errorId',
+                            ],
+                            outputs: ['openChange', 'valueChange'],
+                        },
+                    ], template: "<button tngSelectTrigger type=\"button\">\n  <span tngSelectValue>\n    @if (valueTpl) {\n      <ng-container *ngTemplateOutlet=\"valueTpl; context: valueContext()\" />\n    } @else {\n      {{ selectedLabel() }}\n    }\n  </span>\n\n  <span tngSelectIcon aria-hidden=\"true\">\n    {{ iconText() }}\n  </span>\n</button>\n\n<div tngSelectContent>\n  <div tngSelectOverlay>\n    <ul tngSelectListbox>\n      @for (opt of options(); track trackBy()($index, opt)) {\n        <li\n          tngSelectOption\n          [tngValue]=\"getOptionValue()(opt)\"\n          [disabled]=\"isOptionDisabled()(opt)\"\n        >\n          @if (optionTpl) {\n            <ng-container *ngTemplateOutlet=\"optionTpl; context: optionContext(opt)\" />\n          } @else {\n            {{ getOptionLabel()(opt) }}\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>" }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], getOptionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "getOptionValue", required: false }] }], getOptionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getOptionLabel", required: false }] }], isOptionDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOptionDisabled", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], iconText: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconText", required: false }] }], valueTpl: [{
+                type: ContentChild,
+                args: ['tngSelectValueTpl', { read: TemplateRef }]
+            }], optionTpl: [{
+                type: ContentChild,
+                args: ['tngSelectOptionTpl', { read: TemplateRef }]
+            }] } });
 //# sourceMappingURL=tng-select.component.js.map

package/src/lib/form/select/tng-select.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tng-select.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AA+~~CxB~~,~~IAAM~~,~~kBAAkB~~,~~GAAxB,MAAM,~~kBAAkB;IAC7B,0EAA0E;IAC1E,qEAAqE;IAClD,SAAS,GAAG,MAAM,CAAe,SAAS,CAAC,CAAC;IAE/D,iDAAiD;IACxC,OAAO,GAAG,KAAK,CAAe,EAAE,~~CAAC~~,CAAC;IAClC,WAAW,GAAG,KAAK,CAAS,SAAS,~~CAAC~~,CAAC;IAEvC,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,CAA4B,~~CACtD~~,CAAC;IACO,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,KAAK,IAAI,GAAG,CAAC,CAAyB,~~CAChF~~,CAAC;IACO,gBAAgB,GAAG,KAAK,CAC/B,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAA2B,~~CAC1D~~,CAAC;IACO,OAAO,GAAG,KAAK,CAAsB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAc,~~CAAC~~,CAAC;IAE1E,wDAAwD;IAC/C,QAAQ,GAAG,KAAK,CAAS,GAAG,~~CAAC~~,CAAC;IAEvC,+BAA+B;IAC2B,QAAQ,CAA4C;IACnD,SAAS,CAA6C;IAEjH,kDAAkD;IAC/B,cAAc,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC1D,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAE5B,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAAE,OAAO,GAAG,CAAC;QAC1C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,~~CAAC~~,CAAC;IAEgB,aAAa,GAAG,QAAQ,CAAS,GAAG,EAAE;QACvD,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAClC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IAC/D,CAAC,~~CAAC~~,CAAC;IAEH,gCAAgC;IACtB,YAAY;QACpB,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACpE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC;IACzD,CAAC;IAES,aAAa,CAAC,GAAM;QAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QAEtD,mFAAmF;QACnF,8DAA8D;QAC9D,oFAAoF;QACpF,MAAM,MAAM,GAAG,KAAK,CAAC;QAErB,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC;IACrF,CAAC;~~CACF~~,~~CAAA~~;~~AAzC2D;IAAzD~~,~~YAAY~~,~~CAAC~~,~~mBAAmB~~,~~EAAE~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~WAAW~~,~~EAAE,CAAC~~;~~oDAAqD;AACnD;IAA1D~~,~~YAAY~~,~~CAAC~~,~~oBAAoB~~,~~EAAE~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,~~CAAC;qDAAuD;AAzBtG~~,kBAAkB;~~IAhC9B~~,SAAS,~~CAAC;QACT,QAAQ,EAAE,~~YAAY~~;QACtB~~,~~OAAO,EAAE~~;~~YACP~~,gBAAgB;~~YAChB~~,8BAA8B;~~YAC9B~~,gBAAgB;~~YAChB~~,cAAc;~~YACd~~,aAAa;~~YACb~~,gBAAgB;~~YAChB~~,gBAAgB;~~YAChB~~,gBAAgB;~~YAChB~~,eAAe;~~SAChB;QACD~~,~~qEAAqE~~;~~QACrE,cAAc,EAAE~~;~~YACd;gBACE~~,SAAS,EAAE,SAAS;~~gBACpB~~,MAAM,EAAE;~~oBACN~~,MAAM;~~oBACN~~,OAAO;~~oBACP~~,UAAU;~~oBACV~~,SAAS;~~oBACT~~,SAAS;~~oBACT~~,SAAS;~~oBACT~~,eAAe;~~oBACf~~,SAAS;~~iBACV~~;~~gBACD~~,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;~~aACvC~~;~~SACF~~;~~QACD~~,WAAW,EAAE,~~6BAA6B~~;~~KAC3C~~,~~CAAC;GACW~~,~~kBAAkB~~,~~CAiE9B~~","sourcesContent":["import {\n Component,\n ContentChild,\n TemplateRef,\n computed,\n inject,\n input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n TngSelect,\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngSelectListbox,\n TngSelectOption,\n} from '@tailng-ui/primitives';\n\nexport type TngSelectGetValue<O, V> = (opt: O) => V;\nexport type TngSelectGetLabel<O> = (opt: O) => string;\nexport type TngSelectIsDisabled<O> = (opt: O) => boolean;\nexport type TngSelectTrackBy<O> = (index: number, opt: O) => unknown;\n\n// Slot templates (optional)\nexport type TngSelectValueContext<O, V> = {\n $implicit: { value: V \| readonly V[] \| null; option: O \| null; label: string };\n};\nexport type TngSelectOptionContext<O, V> = {\n $implicit: { option: O; value: V; label: string; disabled: boolean; selected: boolean; active: boolean };\n};\n\n@Component({\n selector: 'tng-select',\n imports: [\n NgTemplateOutlet,\n // primitives used in template\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngSelectListbox,\n TngSelectOption,\n ],\n // Attach primitive directive to host + re-expose its controlled API.\n hostDirectives: [\n {\n directive: TngSelect,\n inputs: [\n 'open',\n 'value',\n 'disabled',\n 'loading',\n 'invalid',\n 'labelId',\n 'descriptionId',\n 'errorId',\n ],\n outputs: ['openChange', 'valueChange'],\n },\n ],\n templateUrl: './tng-select.component.html',\n})\nexport class TngSelectComponent<O = unknown, V = unknown> {\n // Access primitive instance for reading value/open state inside template.\n // (This works because the primitive is attached via hostDirectives.)\n protected readonly primitive = inject<TngSelect<V>>(TngSelect);\n\n // ----- data / accessors (recommended API) -----\n readonly options = input<readonly O[]>([]);\n readonly placeholder = input<string>('Select…');\n\n readonly getOptionValue = input<TngSelectGetValue<O, V>>(\n ((opt: any) => opt?.value) as TngSelectGetValue<O, V>,\n );\n readonly getOptionLabel = input<TngSelectGetLabel<O>>(\n ((opt: any) => String(opt?.label ?? opt?.value ?? opt)) as TngSelectGetLabel<O>,\n );\n readonly isOptionDisabled = input<TngSelectIsDisabled<O>>(\n ((opt: any) => !!opt?.disabled) as TngSelectIsDisabled<O>,\n );\n readonly trackBy = input<TngSelectTrackBy<O>>((_, opt) => opt as unknown);\n\n // ----- optional: icon text/slot (still headless) -----\n readonly iconText = input<string>('▾');\n\n // ----- slots (optional) -----\n @ContentChild('tngSelectValueTpl', { read: TemplateRef }) valueTpl?: TemplateRef<TngSelectValueContext<O, V>>;\n @ContentChild('tngSelectOptionTpl', { read: TemplateRef }) optionTpl?: TemplateRef<TngSelectOptionContext<O, V>>;\n\n // ----- derived state for default rendering -----\n protected readonly selectedOption = computed<O \| null>(() => {\n const v = this.primitive.value();\n if (v === null) return null;\n\n const getV = this.getOptionValue();\n for (const opt of this.options()) {\n if (Object.is(getV(opt), v)) return opt;\n }\n return null;\n });\n\n protected readonly selectedLabel = computed<string>(() => {\n const opt = this.selectedOption();\n return opt ? this.getOptionLabel()(opt) : this.placeholder();\n });\n\n // Context helpers for templates\n protected valueContext(): TngSelectValueContext<O, V> {\n const v = this.primitive.value();\n const opt = this.selectedOption();\n const label = opt ? this.getOptionLabel()(opt) : this.placeholder();\n return { $implicit: { value: v, option: opt, label } };\n }\n\n protected optionContext(opt: O): TngSelectOptionContext<O, V> {\n const v = this.getOptionValue()(opt);\n const label = this.getOptionLabel()(opt);\n const disabled = this.isOptionDisabled()(opt);\n const selected = Object.is(this.primitive.value(), v);\n\n // “active” styling is handled by listbox primitive via data-active on the element,\n // but we include it in case the consumer’s template wants it.\n // (We can’t reliably compute active here without reading listbox controller state.)\n const active = false;\n\n return { $implicit: { option: opt, value: v, label, disabled, selected, active } };\n }\n}"]}
1	+ {"version":3,"file":"tng-select.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,uBAAuB,CAAC;;;AA+C/B,MAAM,OAAO,kBAAkB;IAC7B,0EAA0E;IAC1E,qEAAqE;IAClD,SAAS,GAAG,MAAM,CAAe,SAAS,CAAC,CAAC;IAE/D,iDAAiD;IACxC,OAAO,GAAG,KAAK,CAAe,EAAE,mDAAC,CAAC;IAClC,WAAW,GAAG,KAAK,CAAS,SAAS,uDAAC,CAAC;IAEvC,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,CAA4B,0DACtD,CAAC;IACO,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,KAAK,IAAI,GAAG,CAAC,CAAyB,0DAChF,CAAC;IACO,gBAAgB,GAAG,KAAK,CAC/B,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAA2B,4DAC1D,CAAC;IACO,OAAO,GAAG,KAAK,CAAsB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAc,mDAAC,CAAC;IAE1E,wDAAwD;IAC/C,QAAQ,GAAG,KAAK,CAAS,GAAG,oDAAC,CAAC;IAEvC,+BAA+B;IAC2B,QAAQ,CAA4C;IACnD,SAAS,CAA6C;IAEjH,kDAAkD;IAC/B,cAAc,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC1D,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAE5B,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAAE,OAAO,GAAG,CAAC;QAC1C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,0DAAC,CAAC;IAEgB,aAAa,GAAG,QAAQ,CAAS,GAAG,EAAE;QACvD,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAClC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IAC/D,CAAC,yDAAC,CAAC;IAEH,gCAAgC;IACtB,YAAY;QACpB,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACpE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC;IACzD,CAAC;IAES,aAAa,CAAC,GAAM;QAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QAEtD,mFAAmF;QACnF,8DAA8D;QAC9D,oFAAoF;QACpF,MAAM,MAAM,GAAG,KAAK,CAAC;QAErB,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC;IACrF,CAAC;uGAhEU,kBAAkB;2FAAlB,kBAAkB,8mCAwBc,WAAW,0GACV,WAAW,+UC3FzD,81BAgCM,4CDKF,gBAAgB;gBAChB,8BAA8B;gBAC9B,gBAAgB,+FAChB,cAAc,2FACd,aAAa,yFACb,gBAAgB,+FAChB,gBAAgB,6IAChB,gBAAgB,+DAChB,eAAe;;2FAqBN,kBAAkB;kBAhC9B,SAAS;+BACE,YAAY,WACb;wBACP,gBAAgB;wBAChB,8BAA8B;wBAC9B,gBAAgB;wBAChB,cAAc;wBACd,aAAa;wBACb,gBAAgB;wBAChB,gBAAgB;wBAChB,gBAAgB;wBAChB,eAAe;qBAChB,kBAEe;wBACd;4BACE,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE;gCACN,MAAM;gCACN,OAAO;gCACP,UAAU;gCACV,SAAS;gCACT,SAAS;gCACT,SAAS;gCACT,eAAe;gCACf,SAAS;6BACV;4BACD,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;yBACvC;qBACF;;sBA2BA,YAAY;uBAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;;sBACvD,YAAY;uBAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE","sourcesContent":["import {\n Component,\n ContentChild,\n TemplateRef,\n computed,\n inject,\n input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n TngSelect,\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngSelectListbox,\n TngSelectOption,\n} from '@tailng-ui/primitives';\n\nexport type TngSelectGetValue<O, V> = (opt: O) => V;\nexport type TngSelectGetLabel<O> = (opt: O) => string;\nexport type TngSelectIsDisabled<O> = (opt: O) => boolean;\nexport type TngSelectTrackBy<O> = (index: number, opt: O) => unknown;\n\n// Slot templates (optional)\nexport type TngSelectValueContext<O, V> = {\n $implicit: { value: V \| readonly V[] \| null; option: O \| null; label: string };\n};\nexport type TngSelectOptionContext<O, V> = {\n $implicit: { option: O; value: V; label: string; disabled: boolean; selected: boolean; active: boolean };\n};\n\n@Component({\n selector: 'tng-select',\n imports: [\n NgTemplateOutlet,\n // primitives used in template\n TngSelectTrigger,\n TngSelectValue,\n TngSelectIcon,\n TngSelectContent,\n TngSelectOverlay,\n TngSelectListbox,\n TngSelectOption,\n ],\n // Attach primitive directive to host + re-expose its controlled API.\n hostDirectives: [\n {\n directive: TngSelect,\n inputs: [\n 'open',\n 'value',\n 'disabled',\n 'loading',\n 'invalid',\n 'labelId',\n 'descriptionId',\n 'errorId',\n ],\n outputs: ['openChange', 'valueChange'],\n },\n ],\n templateUrl: './tng-select.component.html',\n})\nexport class TngSelectComponent<O = unknown, V = unknown> {\n // Access primitive instance for reading value/open state inside template.\n // (This works because the primitive is attached via hostDirectives.)\n protected readonly primitive = inject<TngSelect<V>>(TngSelect);\n\n // ----- data / accessors (recommended API) -----\n readonly options = input<readonly O[]>([]);\n readonly placeholder = input<string>('Select…');\n\n readonly getOptionValue = input<TngSelectGetValue<O, V>>(\n ((opt: any) => opt?.value) as TngSelectGetValue<O, V>,\n );\n readonly getOptionLabel = input<TngSelectGetLabel<O>>(\n ((opt: any) => String(opt?.label ?? opt?.value ?? opt)) as TngSelectGetLabel<O>,\n );\n readonly isOptionDisabled = input<TngSelectIsDisabled<O>>(\n ((opt: any) => !!opt?.disabled) as TngSelectIsDisabled<O>,\n );\n readonly trackBy = input<TngSelectTrackBy<O>>((_, opt) => opt as unknown);\n\n // ----- optional: icon text/slot (still headless) -----\n readonly iconText = input<string>('▾');\n\n // ----- slots (optional) -----\n @ContentChild('tngSelectValueTpl', { read: TemplateRef }) valueTpl?: TemplateRef<TngSelectValueContext<O, V>>;\n @ContentChild('tngSelectOptionTpl', { read: TemplateRef }) optionTpl?: TemplateRef<TngSelectOptionContext<O, V>>;\n\n // ----- derived state for default rendering -----\n protected readonly selectedOption = computed<O \| null>(() => {\n const v = this.primitive.value();\n if (v === null) return null;\n\n const getV = this.getOptionValue();\n for (const opt of this.options()) {\n if (Object.is(getV(opt), v)) return opt;\n }\n return null;\n });\n\n protected readonly selectedLabel = computed<string>(() => {\n const opt = this.selectedOption();\n return opt ? this.getOptionLabel()(opt) : this.placeholder();\n });\n\n // Context helpers for templates\n protected valueContext(): TngSelectValueContext<O, V> {\n const v = this.primitive.value();\n const opt = this.selectedOption();\n const label = opt ? this.getOptionLabel()(opt) : this.placeholder();\n return { $implicit: { value: v, option: opt, label } };\n }\n\n protected optionContext(opt: O): TngSelectOptionContext<O, V> {\n const v = this.getOptionValue()(opt);\n const label = this.getOptionLabel()(opt);\n const disabled = this.isOptionDisabled()(opt);\n const selected = Object.is(this.primitive.value(), v);\n\n // “active” styling is handled by listbox primitive via data-active on the element,\n // but we include it in case the consumer’s template wants it.\n // (We can’t reliably compute active here without reading listbox controller state.)\n const active = false;\n\n return { $implicit: { option: opt, value: v, label, disabled, selected, active } };\n }\n}","<button tngSelectTrigger type=\"button\">\n <span tngSelectValue>\n @if (valueTpl) {\n <ng-container ngTemplateOutlet=\"valueTpl; context: valueContext()\" />\n } @else {\n {{ selectedLabel() }}\n }\n </span>\n\n <span tngSelectIcon aria-hidden=\"true\">\n {{ iconText() }}\n </span>\n</button>\n\n<div tngSelectContent>\n <div tngSelectOverlay>\n <ul tngSelectListbox>\n @for (opt of options(); track trackBy()($index, opt)) {\n <li\n tngSelectOption\n [tngValue]=\"getOptionValue()(opt)\"\n [disabled]=\"isOptionDisabled()(opt)\"\n >\n @if (optionTpl) {\n <ng-container ngTemplateOutlet=\"optionTpl; context: optionContext(opt)\" />\n } @else {\n {{ getOptionLabel()(opt) }}\n }\n </li>\n }\n </ul>\n </div>\n</div>"]}

package/src/lib/form/select/tng-select.slots.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export type TngSelectTriggerTplContext<O, V> = Readonly<{
     value: V | null;
     option: O | null;
@@ -9,6 +10,8 @@ export type TngSelectTriggerTplContext<O, V> = Readonly<{
 }>;
 export declare class TngSelectTriggerTpl<O = unknown, V = unknown> {
     readonly tpl: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSelectTriggerTpl<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngSelectTriggerTpl<any, any>, "ng-template[tngSelectTriggerTpl]", never, {}, {}, never, never, true, never>;
 }
 export type TngSelectOptionTplContext<O, V> = Readonly<{
     $implicit: O;
@@ -21,5 +24,7 @@ export type TngSelectOptionTplContext<O, V> = Readonly<{
 }>;
 export declare class TngSelectOptionTpl<O = unknown, V = unknown> {
     readonly tpl: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSelectOptionTpl<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngSelectOptionTpl<any, any>, "ng-template[tngSelectOptionTpl]", never, {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-select.slots.d.ts.map

package/src/lib/form/select/tng-select.slots.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tng-select.slots.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAU,MAAM,eAAe,CAAC;AAE/D,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC;IACtD,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,qBAGa,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IACvD,QAAQ,CAAC,GAAG,mBAAyD;~~CACtE~~;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC;IACrD,SAAS,EAAE,CAAC,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,qBAGa,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,GAAG,mBAAwD;~~CACrE~~"}
1	+ {"version":3,"file":"tng-select.slots.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAU,MAAM,eAAe,CAAC;;AAE/D,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC;IACtD,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,qBAGa,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IACvD,QAAQ,CAAC,GAAG,mBAAyD;yCAD1D,mBAAmB;2CAAnB,mBAAmB;CAE/B;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC;IACrD,SAAS,EAAE,CAAC,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,qBAGa,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,GAAG,mBAAwD;yCADzD,kBAAkB;2CAAlB,kBAAkB;CAE9B"}