yukit-web 0.0.1

package/fesm2022/yukit-web-helm-checkbox.mjs

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { forwardRef, input, computed, booleanAttribute, linkedSignal, output, model, viewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { provideIcons, NgIcon } from '@ng-icons/core';
+import { lucideCheck } from '@ng-icons/lucide';
+import { BrnCheckbox } from '@spartan-ng/brain/checkbox';
+import * as i1 from '@spartan-ng/brain/field';
+import { BrnFieldControlDescribedBy } from '@spartan-ng/brain/field';
+import { hlm } from 'yukit-web/helm/utils';
+
+const HLM_CHECKBOX_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => HlmCheckbox),
+    multi: true,
+};
+class HlmCheckbox {
+    constructor() {
+        this.userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+        this._computedClass = computed(() => hlm('border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 peer shrink-0 cursor-default outline-none disabled:cursor-not-allowed disabled:opacity-50', this.userClass(), this._errorStateClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+        /** Used to set the id on the underlying brn element. */
+        this.inputId = input(null, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+        /** Used to set the aria-label attribute on the underlying brn element. */
+        this.ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+        /** Used to set the aria-labelledby attribute on the underlying brn element. */
+        this.ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+        /** Used to set the aria-describedby attribute on the underlying brn element. */
+        this.ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+        /** The checked state of the checkbox. */
+        this.checkedInput = input(false, { ...(ngDevMode ? { debugName: "checkedInput" } : /* istanbul ignore next */ {}), alias: 'checked', transform: booleanAttribute });
+        this.checked = linkedSignal(this.checkedInput, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+        /** Emits when checked state changes. */
+        this.checkedChange = output();
+        /**
+         * The indeterminate state of the checkbox.
+         * For example, a "select all/deselect all" checkbox may be in the indeterminate state when some but not all of its sub-controls are checked.
+         */
+        this.indeterminate = model(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
+        /** The name attribute of the checkbox. */
+        this.name = input(null, ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        /** Whether the checkbox is required. */
+        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Whether the checkbox is disabled. */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Whether to force the checkbox into an invalid state. */
+        this.forceInvalid = input(false, { ...(ngDevMode ? { debugName: "forceInvalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this._disabled = linkedSignal(this.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+        this._brnCheckbox = viewChild.required(BrnCheckbox);
+        this._spartanInvalid = computed(() => this.forceInvalid() || this._brnCheckbox().spartanInvalid?.(), ...(ngDevMode ? [{ debugName: "_spartanInvalid" }] : /* istanbul ignore next */ []));
+        this._errorStateClass = computed(() => this._spartanInvalid()
+            ? 'border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40'
+            : '', ...(ngDevMode ? [{ debugName: "_errorStateClass" }] : /* istanbul ignore next */ []));
+    }
+    _handleChange(value) {
+        if (this._disabled())
+            return;
+        this.checked.set(value);
+        this.checkedChange.emit(value);
+        this._onChange?.(value);
+    }
+    /** CONTROL VALUE ACCESSOR */
+    writeValue(value) {
+        this.checked.set(value);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: HlmCheckbox, isStandalone: true, selector: "hlm-checkbox", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, checkedInput: { classPropertyName: "checkedInput", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, forceInvalid: { classPropertyName: "forceInvalid", publicName: "forceInvalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange", indeterminate: "indeterminateChange" }, host: { attributes: { "data-slot": "checkbox" }, properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.data-disabled": "_disabled() ? \"\" : null" }, classAttribute: "contents peer" }, providers: [HLM_CHECKBOX_VALUE_ACCESSOR], viewQueries: [{ propertyName: "_brnCheckbox", first: true, predicate: BrnCheckbox, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BrnFieldControlDescribedBy }], ngImport: i0, template: `
+		<brn-checkbox
+			[id]="inputId()"
+			[name]="name()"
+			[class]="_computedClass()"
+			[checked]="checked()"
+			[(indeterminate)]="indeterminate"
+			[disabled]="_disabled()"
+			[required]="required()"
+			[aria-label]="ariaLabel()"
+			[aria-labelledby]="ariaLabelledby()"
+			[aria-describedby]="ariaDescribedby()"
+			[forceInvalid]="forceInvalid()"
+			(checkedChange)="_handleChange($event)"
+			(touched)="_onTouched?.()"
+		>
+			@if (checked() || indeterminate()) {
+				<span class="[&>ng-icon]:text-[length:--spacing(3.5)] flex items-center justify-center text-current transition-none">
+					<ng-icon name="lucideCheck" />
+				</span>
+			}
+		</brn-checkbox>
+	`, isInline: true, dependencies: [{ kind: "component", type: BrnCheckbox, selector: "brn-checkbox", inputs: ["checked", "indeterminate", "id", "name", "class", "hostStyles", "aria-label", "aria-labelledby", "aria-describedby", "required", "disabled", "forceInvalid"], outputs: ["checkedChange", "indeterminateChange", "touched"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ lucideCheck })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-checkbox',
+                    imports: [BrnCheckbox, NgIcon],
+                    providers: [HLM_CHECKBOX_VALUE_ACCESSOR],
+                    viewProviders: [provideIcons({ lucideCheck })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [BrnFieldControlDescribedBy],
+                    host: {
+                        class: 'contents peer',
+                        'data-slot': 'checkbox',
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                        '[attr.data-disabled]': '_disabled() ? "" : null',
+                    },
+                    template: `
+		<brn-checkbox
+			[id]="inputId()"
+			[name]="name()"
+			[class]="_computedClass()"
+			[checked]="checked()"
+			[(indeterminate)]="indeterminate"
+			[disabled]="_disabled()"
+			[required]="required()"
+			[aria-label]="ariaLabel()"
+			[aria-labelledby]="ariaLabelledby()"
+			[aria-describedby]="ariaDescribedby()"
+			[forceInvalid]="forceInvalid()"
+			(checkedChange)="_handleChange($event)"
+			(touched)="_onTouched?.()"
+		>
+			@if (checked() || indeterminate()) {
+				<span class="[&>ng-icon]:text-[length:--spacing(3.5)] flex items-center justify-center text-current transition-none">
+					<ng-icon name="lucideCheck" />
+				</span>
+			}
+		</brn-checkbox>
+	`,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], checkedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], forceInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceInvalid", required: false }] }], _brnCheckbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => BrnCheckbox), { isSignal: true }] }] } });
+
+const HlmCheckboxImports = [HlmCheckbox];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HLM_CHECKBOX_VALUE_ACCESSOR, HlmCheckbox, HlmCheckboxImports };
+//# sourceMappingURL=yukit-web-helm-checkbox.mjs.map

package/fesm2022/yukit-web-helm-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-checkbox.mjs","sources":["../../../projects/yukit-web/helm/checkbox/src/lib/hlm-checkbox.ts","../../../projects/yukit-web/helm/checkbox/src/index.ts","../../../projects/yukit-web/helm/checkbox/src/yukit-web-helm-checkbox.ts"],"sourcesContent":["import type { BooleanInput } from '@angular/cdk/coercion';\nimport {\n\tbooleanAttribute,\n\tChangeDetectionStrategy,\n\tComponent,\n\tcomputed,\n\tforwardRef,\n\tinput,\n\tlinkedSignal,\n\tmodel,\n\toutput,\n\tviewChild,\n} from '@angular/core';\nimport { type ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideCheck } from '@ng-icons/lucide';\nimport { BrnCheckbox } from '@spartan-ng/brain/checkbox';\nimport { BrnFieldControlDescribedBy } from '@spartan-ng/brain/field';\nimport type { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';\nimport { hlm } from 'yukit-web/helm/utils';\nimport type { ClassValue } from 'clsx';\n\nexport const HLM_CHECKBOX_VALUE_ACCESSOR = {\n\tprovide: NG_VALUE_ACCESSOR,\n\tuseExisting: forwardRef(() => HlmCheckbox),\n\tmulti: true,\n};\n\n@Component({\n\tselector: 'hlm-checkbox',\n\timports: [BrnCheckbox, NgIcon],\n\tproviders: [HLM_CHECKBOX_VALUE_ACCESSOR],\n\tviewProviders: [provideIcons({ lucideCheck })],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thostDirectives: [BrnFieldControlDescribedBy],\n\thost: {\n\t\tclass: 'contents peer',\n\t\t'data-slot': 'checkbox',\n\t\t'[attr.aria-label]': 'null',\n\t\t'[attr.aria-labelledby]': 'null',\n\t\t'[attr.data-disabled]': '_disabled() ? \"\" : null',\n\t},\n\ttemplate: `\n\t\t<brn-checkbox\n\t\t\t[id]=\"inputId()\"\n\t\t\t[name]=\"name()\"\n\t\t\t[class]=\"_computedClass()\"\n\t\t\t[checked]=\"checked()\"\n\t\t\t[(indeterminate)]=\"indeterminate\"\n\t\t\t[disabled]=\"_disabled()\"\n\t\t\t[required]=\"required()\"\n\t\t\t[aria-label]=\"ariaLabel()\"\n\t\t\t[aria-labelledby]=\"ariaLabelledby()\"\n\t\t\t[aria-describedby]=\"ariaDescribedby()\"\n\t\t\t[forceInvalid]=\"forceInvalid()\"\n\t\t\t(checkedChange)=\"_handleChange($event)\"\n\t\t\t(touched)=\"_onTouched?.()\"\n\t\t>\n\t\t\t@if (checked() || indeterminate()) {\n\t\t\t\t<span class=\"[&>ng-icon]:text-[length:--spacing(3.5)] flex items-center justify-center text-current transition-none\">\n\t\t\t\t\t<ng-icon name=\"lucideCheck\" />\n\t\t\t\t</span>\n\t\t\t}\n\t\t</brn-checkbox>\n\t`,\n})\nexport class HlmCheckbox implements ControlValueAccessor {\n\tpublic readonly userClass = input<ClassValue>('', { alias: 'class' });\n\n\tprotected readonly _computedClass = computed(() =>\n\t\thlm(\n\t\t\t'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 peer shrink-0 cursor-default outline-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\tthis.userClass(),\n\t\t\tthis._errorStateClass(),\n\t\t),\n\t);\n\n\t/** Used to set the id on the underlying brn element. */\n\tpublic readonly inputId = input<string | null>(null);\n\n\t/** Used to set the aria-label attribute on the underlying brn element. */\n\tpublic readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n\n\t/** Used to set the aria-labelledby attribute on the underlying brn element. */\n\tpublic readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n\n\t/** Used to set the aria-describedby attribute on the underlying brn element. */\n\tpublic readonly ariaDescribedby = input<string | null>(null, { alias: 'aria-describedby' });\n\n\t/** The checked state of the checkbox. */\n\tpublic readonly checkedInput = input<boolean, BooleanInput>(false, { alias: 'checked', transform: booleanAttribute });\n\tpublic readonly checked = linkedSignal(this.checkedInput);\n\n\t/** Emits when checked state changes. */\n\tpublic readonly checkedChange = output<boolean>();\n\n\t/**\n\t * The indeterminate state of the checkbox.\n\t * For example, a \"select all/deselect all\" checkbox may be in the indeterminate state when some but not all of its sub-controls are checked.\n\t */\n\tpublic readonly indeterminate = model<boolean>(false);\n\n\t/** The name attribute of the checkbox. */\n\tpublic readonly name = input<string | null>(null);\n\n\t/** Whether the checkbox is required. */\n\tpublic readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n\t/** Whether the checkbox is disabled. */\n\tpublic readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n\t/** Whether to force the checkbox into an invalid state. */\n\tpublic readonly forceInvalid = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n\tprotected readonly _disabled = linkedSignal(this.disabled);\n\n\tprivate readonly _brnCheckbox = viewChild.required(BrnCheckbox);\n\n\tprivate readonly _spartanInvalid = computed(() => this.forceInvalid() || this._brnCheckbox().spartanInvalid?.());\n\tprotected readonly _errorStateClass = computed(() =>\n\t\tthis._spartanInvalid()\n\t\t\t? 'border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40'\n\t\t\t: '',\n\t);\n\n\tprotected _onChange?: ChangeFn<boolean>;\n\tprotected _onTouched?: TouchFn;\n\n\tprotected _handleChange(value: boolean): void {\n\t\tif (this._disabled()) return;\n\t\tthis.checked.set(value);\n\t\tthis.checkedChange.emit(value);\n\t\tthis._onChange?.(value);\n\t}\n\n\t/** CONTROL VALUE ACCESSOR */\n\twriteValue(value: boolean): void {\n\t\tthis.checked.set(value);\n\t}\n\n\tregisterOnChange(fn: ChangeFn<boolean>): void {\n\t\tthis._onChange = fn;\n\t}\n\n\tregisterOnTouched(fn: TouchFn): void {\n\t\tthis._onTouched = fn;\n\t}\n\n\tsetDisabledState(isDisabled: boolean): void {\n\t\tthis._disabled.set(isDisabled);\n\t}\n}\n","import { HlmCheckbox } from './lib/hlm-checkbox';\n\nexport * from './lib/hlm-checkbox';\n\nexport const HlmCheckboxImports = [HlmCheckbox] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yukit-web-helm-collapsible.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/collapsible';
+import { BrnCollapsible, BrnCollapsibleContent, BrnCollapsibleTrigger } from '@spartan-ng/brain/collapsible';
+import { classes } from 'yukit-web/helm/utils';
+
+class HlmCollapsible {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCollapsible, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmCollapsible, isStandalone: true, selector: "[hlmCollapsible],hlm-collapsible", host: { attributes: { "data-slot": "collapsible" } }, hostDirectives: [{ directive: i1.BrnCollapsible, inputs: ["expanded", "expanded", "disabled", "disabled"], outputs: ["expandedChange", "expandedChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCollapsible, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCollapsible],hlm-collapsible',
+                    hostDirectives: [
+                        {
+                            directive: BrnCollapsible,
+                            inputs: ['expanded', 'disabled'],
+                            outputs: ['expandedChange'],
+                        },
+                    ],
+                    host: { 'data-slot': 'collapsible' },
+                }]
+        }] });
+
+class HlmCollapsibleContent {
+    constructor() {
+        classes(() => 'data-[state=closed]:hidden');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCollapsibleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmCollapsibleContent, isStandalone: true, selector: "[hlmCollapsibleContent],hlm-collapsible-content", host: { attributes: { "data-slot": "collapsible-content" } }, hostDirectives: [{ directive: i1.BrnCollapsibleContent, inputs: ["id", "id"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCollapsibleContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCollapsibleContent],hlm-collapsible-content',
+                    hostDirectives: [{ directive: BrnCollapsibleContent, inputs: ['id'] }],
+                    host: { 'data-slot': 'collapsible-content' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCollapsibleTrigger {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCollapsibleTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmCollapsibleTrigger, isStandalone: true, selector: "button[hlmCollapsibleTrigger]", host: { attributes: { "data-slot": "collapsible-trigger" } }, hostDirectives: [{ directive: i1.BrnCollapsibleTrigger, inputs: ["type", "type"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmCollapsibleTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmCollapsibleTrigger]',
+                    hostDirectives: [{ directive: BrnCollapsibleTrigger, inputs: ['type'] }],
+                    host: { 'data-slot': 'collapsible-trigger' },
+                }]
+        }] });
+
+const HlmCollapsibleImports = [HlmCollapsible, HlmCollapsibleContent, HlmCollapsibleTrigger];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmCollapsible, HlmCollapsibleContent, HlmCollapsibleImports, HlmCollapsibleTrigger };
+//# sourceMappingURL=yukit-web-helm-collapsible.mjs.map

package/fesm2022/yukit-web-helm-collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-collapsible.mjs","sources":["../../../projects/yukit-web/helm/collapsible/src/lib/hlm-collapsible.ts","../../../projects/yukit-web/helm/collapsible/src/lib/hlm-collapsible-content.ts","../../../projects/yukit-web/helm/collapsible/src/lib/hlm-collapsible-trigger.ts","../../../projects/yukit-web/helm/collapsible/src/index.ts","../../../projects/yukit-web/helm/collapsible/src/yukit-web-helm-collapsible.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { BrnCollapsible } from '@spartan-ng/brain/collapsible';\n\n@Directive({\n\tselector: '[hlmCollapsible],hlm-collapsible',\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: BrnCollapsible,\n\t\t\tinputs: ['expanded', 'disabled'],\n\t\t\toutputs: ['expandedChange'],\n\t\t},\n\t],\n\thost: { 'data-slot': 'collapsible' },\n})\nexport class HlmCollapsible {}\n","import { Directive } from '@angular/core';\nimport { BrnCollapsibleContent } from '@spartan-ng/brain/collapsible';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmCollapsibleContent],hlm-collapsible-content',\n\thostDirectives: [{ directive: BrnCollapsibleContent, inputs: ['id'] }],\n\thost: { 'data-slot': 'collapsible-content' },\n})\nexport class HlmCollapsibleContent {\n\tconstructor() {\n\t\tclasses(() => 'data-[state=closed]:hidden');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { BrnCollapsibleTrigger } from '@spartan-ng/brain/collapsible';\n\n@Directive({\n\tselector: 'button[hlmCollapsibleTrigger]',\n\thostDirectives: [{ directive: BrnCollapsibleTrigger, inputs: ['type'] }],\n\thost: { 'data-slot': 'collapsible-trigger' },\n})\nexport class HlmCollapsibleTrigger {}\n","import { HlmCollapsible } from './lib/hlm-collapsible';\nimport { HlmCollapsibleContent } from './lib/hlm-collapsible-content';\nimport { HlmCollapsibleTrigger } from './lib/hlm-collapsible-trigger';\n\nexport * from './lib/hlm-collapsible';\nexport * from './lib/hlm-collapsible-content';\nexport * from './lib/hlm-collapsible-trigger';\n\nexport const HlmCollapsibleImports = [HlmCollapsible, HlmCollapsibleContent, HlmCollapsibleTrigger] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}