yukit-web 0.0.1

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

@@ -0,0 +1,242 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, Directive } from '@angular/core';
+import { classes } from 'yukit-web/helm/utils';
+import { cva } from 'class-variance-authority';
+import * as i1 from '@spartan-ng/brain/separator';
+import { BrnSeparator } from '@spartan-ng/brain/separator';
+import { hlmSeparatorClass } from 'yukit-web/helm/separator';
+
+const defaultConfig = {
+    variant: 'default',
+    size: 'default',
+};
+const HlmItemConfigToken = new InjectionToken('HlmItemConfig');
+function provideHlmItemConfig(config) {
+    return { provide: HlmItemConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+function injectHlmItemConfig() {
+    return inject(HlmItemConfigToken, { optional: true }) ?? defaultConfig;
+}
+const defaultMediaConfig = {
+    variant: 'default',
+};
+const HlmItemMediaConfigToken = new InjectionToken('HlmItemMediaConfig');
+function provideHlmItemMediaConfig(config) {
+    return { provide: HlmItemMediaConfigToken, useValue: { ...defaultMediaConfig, ...config } };
+}
+function injectHlmItemMediaConfig() {
+    return inject(HlmItemMediaConfigToken, { optional: true }) ?? defaultMediaConfig;
+}
+
+const itemVariants = cva('[a]:hover:bg-muted rounded-lg border text-sm group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors', {
+    variants: {
+        variant: {
+            default: 'border-transparent',
+            outline: 'border-border',
+            muted: 'bg-muted/50 border-transparent',
+        },
+        size: {
+            default: 'gap-2.5 px-3 py-2.5',
+            sm: 'gap-2.5 px-3 py-2.5',
+            xs: 'gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+class HlmItem {
+    constructor() {
+        this._config = injectHlmItemConfig();
+        this.variant = input(this._config.variant, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.size = input(this._config.size, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        classes(() => itemVariants({ variant: this.variant(), size: this.size() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmItem, isStandalone: true, selector: "[hlmItem],hlm-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item" }, properties: { "attr.data-variant": "variant()", "attr.data-size": "size()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItem],hlm-item',
+                    host: {
+                        'data-slot': 'item',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-size]': 'size()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class HlmItemActions {
+    constructor() {
+        classes(() => 'gap-2 flex items-center');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemActions, isStandalone: true, selector: "[hlmItemActions],hlm-item-actions", host: { attributes: { "data-slot": "item-actions" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemActions],hlm-item-actions',
+                    host: { 'data-slot': 'item-actions' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmItemContent {
+    constructor() {
+        classes(() => 'gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemContent, isStandalone: true, selector: "[hlmItemContent],hlm-item-content", host: { attributes: { "data-slot": "item-content" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemContent],hlm-item-content',
+                    host: { 'data-slot': 'item-content' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmItemDescription {
+    constructor() {
+        classes(() => 'text-muted-foreground text-start text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 flex font-normal [&>a]:underline [&>a]:underline-offset-4');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemDescription, isStandalone: true, selector: "[hlmItemDescription],hlm-item-description", host: { attributes: { "data-slot": "item-description" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemDescription],hlm-item-description',
+                    host: { 'data-slot': 'item-description' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmItemFooter {
+    constructor() {
+        classes(() => 'gap-2 flex basis-full items-center justify-between');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemFooter, isStandalone: true, selector: "[hlmItemFooter],hlm-item-footer", host: { attributes: { "data-slot": "item-footer" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemFooter],hlm-item-footer',
+                    host: { 'data-slot': 'item-footer' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmItemGroup {
+    constructor() {
+        classes(() => 'gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemGroup, isStandalone: true, selector: "[hlmItemGroup],hlm-item-group", host: { attributes: { "data-slot": "item-group" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemGroup],hlm-item-group',
+                    host: { 'data-slot': 'item-group' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmItemHeader {
+    constructor() {
+        classes(() => 'gap-2 flex basis-full items-center justify-between');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemHeader, isStandalone: true, selector: "[hlmItemHeader],hlm-item-header", host: { attributes: { "data-slot": "item-header" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemHeader],hlm-item-header',
+                    host: { 'data-slot': 'item-header' },
+                }]
+        }], ctorParameters: () => [] });
+
+const itemMediaVariants = cva('gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_ng-icon]:pointer-events-none', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "[&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)]",
+            image: 'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+class HlmItemMedia {
+    constructor() {
+        this._config = injectHlmItemMediaConfig();
+        this.variant = input(this._config.variant, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        classes(() => itemMediaVariants({ variant: this.variant() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmItemMedia, isStandalone: true, selector: "[hlmItemMedia],hlm-item-media", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item-media" }, properties: { "attr.data-variant": "variant()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemMedia, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemMedia],hlm-item-media',
+                    host: {
+                        'data-slot': 'item-media',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class HlmItemSeparator {
+    constructor() {
+        classes(() => [hlmSeparatorClass, 'my-2']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemSeparator, isStandalone: true, selector: "[hlmItemSeparator],hlm-item-separator", host: { attributes: { "data-slot": "item-separator" } }, hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemSeparator],hlm-item-separator',
+                    hostDirectives: [{ directive: BrnSeparator, inputs: ['orientation'] }],
+                    host: { 'data-slot': 'item-separator' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmItemTitle {
+    constructor() {
+        classes(() => 'gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmItemTitle, isStandalone: true, selector: "[hlmItemTitle],hlm-item-title", host: { attributes: { "data-slot": "item-title" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmItemTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmItemTitle],hlm-item-title',
+                    host: { 'data-slot': 'item-title' },
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmItemImports = [
+    HlmItem,
+    HlmItemActions,
+    HlmItemContent,
+    HlmItemDescription,
+    HlmItemFooter,
+    HlmItemGroup,
+    HlmItemHeader,
+    HlmItemMedia,
+    HlmItemSeparator,
+    HlmItemTitle,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmItem, HlmItemActions, HlmItemContent, HlmItemDescription, HlmItemFooter, HlmItemGroup, HlmItemHeader, HlmItemImports, HlmItemMedia, HlmItemSeparator, HlmItemTitle, injectHlmItemConfig, injectHlmItemMediaConfig, provideHlmItemConfig, provideHlmItemMediaConfig };
+//# sourceMappingURL=yukit-web-helm-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-item.mjs","sources":["../../../projects/yukit-web/helm/item/src/lib/hlm-item-token.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-actions.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-content.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-description.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-footer.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-group.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-header.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-media.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-separator.ts","../../../projects/yukit-web/helm/item/src/lib/hlm-item-title.ts","../../../projects/yukit-web/helm/item/src/index.ts","../../../projects/yukit-web/helm/item/src/yukit-web-helm-item.ts"],"sourcesContent":["import { InjectionToken, type ValueProvider, inject } from '@angular/core';\nimport type { ItemVariants } from './hlm-item';\nimport type { ItemMediaVariants } from './hlm-item-media';\n\nexport interface HlmItemConfig {\n\tvariant: ItemVariants['variant'];\n\tsize: ItemVariants['size'];\n}\n\nconst defaultConfig: HlmItemConfig = {\n\tvariant: 'default',\n\tsize: 'default',\n};\n\nconst HlmItemConfigToken = new InjectionToken<HlmItemConfig>('HlmItemConfig');\n\nexport function provideHlmItemConfig(config: Partial<HlmItemConfig>): ValueProvider {\n\treturn { provide: HlmItemConfigToken, useValue: { ...defaultConfig, ...config } };\n}\n\nexport function injectHlmItemConfig(): HlmItemConfig {\n\treturn inject(HlmItemConfigToken, { optional: true }) ?? defaultConfig;\n}\n\nexport interface HlmItemMediaConfig {\n\tvariant: ItemMediaVariants['variant'];\n}\n\nconst defaultMediaConfig: HlmItemMediaConfig = {\n\tvariant: 'default',\n};\n\nconst HlmItemMediaConfigToken = new InjectionToken<HlmItemMediaConfig>('HlmItemMediaConfig');\n\nexport function provideHlmItemMediaConfig(config: Partial<HlmItemMediaConfig>): ValueProvider {\n\treturn { provide: HlmItemMediaConfigToken, useValue: { ...defaultMediaConfig, ...config } };\n}\n\nexport function injectHlmItemMediaConfig(): HlmItemMediaConfig {\n\treturn inject(HlmItemMediaConfigToken, { optional: true }) ?? defaultMediaConfig;\n}\n","import { Directive, input } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { injectHlmItemConfig } from './hlm-item-token';\n\nconst itemVariants = cva(\n\t'[a]:hover:bg-muted rounded-lg border text-sm group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'border-transparent',\n\t\t\t\toutline: 'border-border',\n\t\t\t\tmuted: 'bg-muted/50 border-transparent',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: 'gap-2.5 px-3 py-2.5',\n\t\t\t\tsm: 'gap-2.5 px-3 py-2.5',\n\t\t\t\txs: 'gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'default',\n\t\t},\n\t},\n);\n\nexport type ItemVariants = VariantProps<typeof itemVariants>;\n\n@Directive({\n\tselector: '[hlmItem],hlm-item',\n\thost: {\n\t\t'data-slot': 'item',\n\t\t'[attr.data-variant]': 'variant()',\n\t\t'[attr.data-size]': 'size()',\n\t},\n})\nexport class HlmItem {\n\tprivate readonly _config = injectHlmItemConfig();\n\tpublic readonly variant = input<ItemVariants['variant']>(this._config.variant);\n\tpublic readonly size = input<ItemVariants['size']>(this._config.size);\n\n\tconstructor() {\n\t\tclasses(() => itemVariants({ variant: this.variant(), size: this.size() }));\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemActions],hlm-item-actions',\n\thost: { 'data-slot': 'item-actions' },\n})\nexport class HlmItemActions {\n\tconstructor() {\n\t\tclasses(() => 'gap-2 flex items-center');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemContent],hlm-item-content',\n\thost: { 'data-slot': 'item-content' },\n})\nexport class HlmItemContent {\n\tconstructor() {\n\t\tclasses(() => 'gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemDescription],hlm-item-description',\n\thost: { 'data-slot': 'item-description' },\n})\nexport class HlmItemDescription {\n\tconstructor() {\n\t\tclasses(\n\t\t\t() =>\n\t\t\t\t'text-muted-foreground text-start text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 flex font-normal [&>a]:underline [&>a]:underline-offset-4',\n\t\t);\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemFooter],hlm-item-footer',\n\thost: { 'data-slot': 'item-footer' },\n})\nexport class HlmItemFooter {\n\tconstructor() {\n\t\tclasses(() => 'gap-2 flex basis-full items-center justify-between');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemGroup],hlm-item-group',\n\thost: { 'data-slot': 'item-group' },\n})\nexport class HlmItemGroup {\n\tconstructor() {\n\t\tclasses(() => 'gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemHeader],hlm-item-header',\n\thost: { 'data-slot': 'item-header' },\n})\nexport class HlmItemHeader {\n\tconstructor() {\n\t\tclasses(() => 'gap-2 flex basis-full items-center justify-between');\n\t}\n}\n","import { Directive, input } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { injectHlmItemMediaConfig } from './hlm-item-token';\n\nconst itemMediaVariants = cva(\n\t'gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_ng-icon]:pointer-events-none',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-transparent',\n\t\t\t\ticon: \"[&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)]\",\n\t\t\t\timage: 'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\nexport type ItemMediaVariants = VariantProps<typeof itemMediaVariants>;\n\n@Directive({\n\tselector: '[hlmItemMedia],hlm-item-media',\n\thost: {\n\t\t'data-slot': 'item-media',\n\t\t'[attr.data-variant]': 'variant()',\n\t},\n})\nexport class HlmItemMedia {\n\tprivate readonly _config = injectHlmItemMediaConfig();\n\tpublic readonly variant = input<ItemMediaVariants['variant']>(this._config.variant);\n\n\tconstructor() {\n\t\tclasses(() => itemMediaVariants({ variant: this.variant() }));\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { BrnSeparator } from '@spartan-ng/brain/separator';\nimport { hlmSeparatorClass } from 'yukit-web/helm/separator';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemSeparator],hlm-item-separator',\n\thostDirectives: [{ directive: BrnSeparator, inputs: ['orientation'] }],\n\thost: { 'data-slot': 'item-separator' },\n})\nexport class HlmItemSeparator {\n\tconstructor() {\n\t\tclasses(() => [hlmSeparatorClass, 'my-2']);\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmItemTitle],hlm-item-title',\n\thost: { 'data-slot': 'item-title' },\n})\nexport class HlmItemTitle {\n\tconstructor() {\n\t\tclasses(() => 'gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center');\n\t}\n}\n","import { HlmItem } from './lib/hlm-item';\nimport { HlmItemActions } from './lib/hlm-item-actions';\nimport { HlmItemContent } from './lib/hlm-item-content';\nimport { HlmItemDescription } from './lib/hlm-item-description';\nimport { HlmItemFooter } from './lib/hlm-item-footer';\nimport { HlmItemGroup } from './lib/hlm-item-group';\nimport { HlmItemHeader } from './lib/hlm-item-header';\nimport { HlmItemMedia } from './lib/hlm-item-media';\nimport { HlmItemSeparator } from './lib/hlm-item-separator';\nimport { HlmItemTitle } from './lib/hlm-item-title';\n\nexport * from './lib/hlm-item';\nexport * from './lib/hlm-item-actions';\nexport * from './lib/hlm-item-content';\nexport * from './lib/hlm-item-description';\nexport * from './lib/hlm-item-footer';\nexport * from './lib/hlm-item-group';\nexport * from './lib/hlm-item-header';\nexport * from './lib/hlm-item-media';\nexport * from './lib/hlm-item-separator';\nexport * from './lib/hlm-item-title';\nexport * from './lib/hlm-item-token';\n\nexport const HlmItemImports = [\n\tHlmItem,\n\tHlmItemActions,\n\tHlmItemContent,\n\tHlmItemDescription,\n\tHlmItemFooter,\n\tHlmItemGroup,\n\tHlmItemHeader,\n\tHlmItemMedia,\n\tHlmItemSeparator,\n\tHlmItemTitle,\n] 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-kbd.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+import { classes } from 'yukit-web/helm/utils';
+
+class HlmKbd {
+    constructor() {
+        classes(() => "bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)] pointer-events-none inline-flex items-center justify-center select-none");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmKbd, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmKbd, isStandalone: true, selector: "kbd[hlmKbd]", host: { attributes: { "data-slot": "kbd" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmKbd, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbd[hlmKbd]',
+                    host: {
+                        'data-slot': 'kbd',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmKbdGroup {
+    constructor() {
+        classes(() => 'gap-1 inline-flex items-center');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmKbdGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmKbdGroup, isStandalone: true, selector: "kbd[hlmKbdGroup]", host: { attributes: { "data-slot": "kbd-group" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmKbdGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbd[hlmKbdGroup]',
+                    host: {
+                        'data-slot': 'kbd-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmKbdImports = [HlmKbd, HlmKbdGroup];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmKbd, HlmKbdGroup, HlmKbdImports };
+//# sourceMappingURL=yukit-web-helm-kbd.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-kbd.mjs","sources":["../../../projects/yukit-web/helm/kbd/src/lib/hlm-kbd.ts","../../../projects/yukit-web/helm/kbd/src/lib/hlm-kbd-group.ts","../../../projects/yukit-web/helm/kbd/src/index.ts","../../../projects/yukit-web/helm/kbd/src/yukit-web-helm-kbd.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: 'kbd[hlmKbd]',\n\thost: {\n\t\t'data-slot': 'kbd',\n\t},\n})\nexport class HlmKbd {\n\tconstructor() {\n\t\tclasses(() => \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)] pointer-events-none inline-flex items-center justify-center select-none\");\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: 'kbd[hlmKbdGroup]',\n\thost: {\n\t\t'data-slot': 'kbd-group',\n\t},\n})\nexport class HlmKbdGroup {\n\tconstructor() {\n\t\tclasses(() => 'gap-1 inline-flex items-center');\n\t}\n}\n","import { HlmKbd } from './lib/hlm-kbd';\nimport { HlmKbdGroup } from './lib/hlm-kbd-group';\n\nexport * from './lib/hlm-kbd';\nexport * from './lib/hlm-kbd-group';\n\nexport const HlmKbdImports = [HlmKbd, HlmKbdGroup] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,MAAM,CAAA;AAClB,IAAA,WAAA,GAAA;AACC,QAAA,OAAO,CAAC,MAAM,+XAA+X,CAAC;IAC/Y;8GAHY,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,KAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAN,MAAM,EAAA,UAAA,EAAA,CAAA;kBANlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,KAAK;AAClB,qBAAA;AACD,iBAAA;;;MCCY,WAAW,CAAA;AACvB,IAAA,WAAA,GAAA;AACC,QAAA,OAAO,CAAC,MAAM,gCAAgC,CAAC;IAChD;8GAHY,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,WAAW;AACxB,qBAAA;AACD,iBAAA;;;MCFY,aAAa,GAAG,CAAC,MAAM,EAAE,WAAW;;ACNjD;;AAEG;;;;"}

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

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/label';
+import { BrnLabel } from '@spartan-ng/brain/label';
+import { classes } from 'yukit-web/helm/utils';
+
+class HlmLabel {
+    constructor() {
+        classes(() => 'gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmLabel, isStandalone: true, selector: "[hlmLabel]", host: { attributes: { "data-slot": "label" } }, hostDirectives: [{ directive: i1.BrnLabel, inputs: ["id", "id", "for", "for"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmLabel]',
+                    hostDirectives: [{ directive: BrnLabel, inputs: ['id', 'for'] }],
+                    host: { 'data-slot': 'label' },
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmLabelImports = [HlmLabel];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmLabel, HlmLabelImports };
+//# sourceMappingURL=yukit-web-helm-label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-label.mjs","sources":["../../../projects/yukit-web/helm/label/src/lib/hlm-label.ts","../../../projects/yukit-web/helm/label/src/index.ts","../../../projects/yukit-web/helm/label/src/yukit-web-helm-label.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { BrnLabel } from '@spartan-ng/brain/label';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmLabel]',\n\thostDirectives: [{ directive: BrnLabel, inputs: ['id', 'for'] }],\n\thost: { 'data-slot': 'label' },\n})\nexport class HlmLabel {\n\tconstructor() {\n\t\tclasses(\n\t\t\t() =>\n\t\t\t\t'gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed',\n\t\t);\n\t}\n}\n","import { HlmLabel } from './lib/hlm-label';\n\nexport * from './lib/hlm-label';\n\nexport const HlmLabelImports = [HlmLabel] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,QAAQ,CAAA;AACpB,IAAA,WAAA,GAAA;AACC,QAAA,OAAO,CACN,MACC,qNAAqN,CACtN;IACF;8GANY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,OAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBALpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;AAChE,oBAAA,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE;AAC9B,iBAAA;;;ACJM,MAAM,eAAe,GAAG,CAAC,QAAQ;;ACJxC;;AAEG;;;;"}

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

@@ -0,0 +1,77 @@
+import * as i0 from '@angular/core';
+import { input, Directive } from '@angular/core';
+import { classes } from 'yukit-web/helm/utils';
+import { cva } from 'class-variance-authority';
+
+const markerVariants = cva("text-muted-foreground gap-2 group/marker [a]:hover:text-foreground relative flex min-h-4 w-full items-center text-start text-sm [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [a]:underline [a]:underline-offset-3", {
+    variants: {
+        variant: {
+            default: '',
+            separator: 'before:bg-border after:bg-border before:me-1 before:h-px before:min-w-0 before:flex-1 after:ms-1 after:h-px after:min-w-0 after:flex-1',
+            border: 'border-border border-b pb-2',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+class HlmMarker {
+    constructor() {
+        this.variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        classes(() => markerVariants({ variant: this.variant() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMarker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmMarker, isStandalone: true, selector: "[hlmMarker],hlm-marker", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "marker" }, properties: { "attr.data-variant": "variant()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMarker, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMarker],hlm-marker',
+                    host: {
+                        'data-slot': 'marker',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class HlmMarkerContent {
+    constructor() {
+        classes(() => 'min-w-0 *:[a]:hover:text-foreground wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMarkerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmMarkerContent, isStandalone: true, selector: "[hlmMarkerContent],hlm-marker-content", host: { attributes: { "data-slot": "marker-content" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMarkerContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMarkerContent],hlm-marker-content',
+                    host: { 'data-slot': 'marker-content' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmMarkerIcon {
+    constructor() {
+        classes(() => "size-4 shrink-0 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)]");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMarkerIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmMarkerIcon, isStandalone: true, selector: "[hlmMarkerIcon],hlm-marker-icon", host: { attributes: { "data-slot": "marker-icon", "aria-hidden": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMarkerIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMarkerIcon],hlm-marker-icon',
+                    host: {
+                        'data-slot': 'marker-icon',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmMarkerImports = [HlmMarker, HlmMarkerContent, HlmMarkerIcon];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmMarker, HlmMarkerContent, HlmMarkerIcon, HlmMarkerImports };
+//# sourceMappingURL=yukit-web-helm-marker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-marker.mjs","sources":["../../../projects/yukit-web/helm/marker/src/lib/hlm-marker.ts","../../../projects/yukit-web/helm/marker/src/lib/hlm-marker-content.ts","../../../projects/yukit-web/helm/marker/src/lib/hlm-marker-icon.ts","../../../projects/yukit-web/helm/marker/src/index.ts","../../../projects/yukit-web/helm/marker/src/yukit-web-helm-marker.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst markerVariants = cva(\n\t\"text-muted-foreground gap-2 group/marker [a]:hover:text-foreground relative flex min-h-4 w-full items-center text-start text-sm [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [a]:underline [a]:underline-offset-3\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: '',\n\t\t\t\tseparator: 'before:bg-border after:bg-border before:me-1 before:h-px before:min-w-0 before:flex-1 after:ms-1 after:h-px after:min-w-0 after:flex-1',\n\t\t\t\tborder: 'border-border border-b pb-2',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type MarkerVariants = VariantProps<typeof markerVariants>;\n\n@Directive({\n\tselector: '[hlmMarker],hlm-marker',\n\thost: {\n\t\t'data-slot': 'marker',\n\t\t'[attr.data-variant]': 'variant()',\n\t},\n})\nexport class HlmMarker {\n\tpublic readonly variant = input<MarkerVariants['variant']>('default');\n\n\tconstructor() {\n\t\tclasses(() => markerVariants({ variant: this.variant() }));\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmMarkerContent],hlm-marker-content',\n\thost: { 'data-slot': 'marker-content' },\n})\nexport class HlmMarkerContent {\n\tconstructor() {\n\t\tclasses(\n\t\t\t() =>\n\t\t\t\t'min-w-0 *:[a]:hover:text-foreground wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3',\n\t\t);\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmMarkerIcon],hlm-marker-icon',\n\thost: {\n\t\t'data-slot': 'marker-icon',\n\t\t'aria-hidden': 'true',\n\t},\n})\nexport class HlmMarkerIcon {\n\tconstructor() {\n\t\tclasses(() => \"size-4 shrink-0 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)]\");\n\t}\n}\n","import { HlmMarker } from './lib/hlm-marker';\nimport { HlmMarkerContent } from './lib/hlm-marker-content';\nimport { HlmMarkerIcon } from './lib/hlm-marker-icon';\n\nexport * from './lib/hlm-marker';\nexport * from './lib/hlm-marker-content';\nexport * from './lib/hlm-marker-icon';\n\nexport const HlmMarkerImports = [HlmMarker, HlmMarkerContent, HlmMarkerIcon] 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-menubar.mjs

@@ -0,0 +1,90 @@
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenuBar, CdkMenuTrigger, CdkMenuItem } from '@angular/cdk/menu';
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, inject, input, booleanAttribute, computed, effect, forwardRef } from '@angular/core';
+import { classes } from 'yukit-web/helm/utils';
+import { createMenuPosition, MENU_SIDE } from '@spartan-ng/brain/core';
+
+class HlmMenubar {
+    constructor() {
+        classes(() => 'bg-background h-8 gap-0.5 rounded-lg border p-[3px] flex items-center');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMenubar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmMenubar, isStandalone: true, selector: "[hlmMenubar],hlm-menubar", host: { attributes: { "data-slot": "menubar" } }, hostDirectives: [{ directive: i1.CdkMenuBar }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMenubar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenubar],hlm-menubar',
+                    hostDirectives: [CdkMenuBar],
+                    host: {
+                        'data-slot': 'menubar',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const defaultConfig = {
+    align: 'start',
+    side: 'bottom',
+};
+const HlmMenubarConfigToken = new InjectionToken('HlmMenubarConfig');
+function provideHlmMenubarConfig(config) {
+    return { provide: HlmMenubarConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+function injectHlmMenubarConfig() {
+    return inject(HlmMenubarConfigToken, { optional: true }) ?? defaultConfig;
+}
+
+class HlmMenubarTrigger {
+    constructor() {
+        this._cdkTrigger = inject(CdkMenuTrigger, { host: true });
+        this._config = injectHlmMenubarConfig();
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.align = input(this._config.align, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+        this.side = input(this._config.side, ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+        this._menuPosition = computed(() => createMenuPosition(this.align(), this.side()), ...(ngDevMode ? [{ debugName: "_menuPosition" }] : /* istanbul ignore next */ []));
+        // CDK sets transform-origin on the menu content (a shared hlm-dropdown-menu) from the resolved
+        // position; the content reads it to animate from the anchored corner and to derive its data-side.
+        // Cast tolerates @angular/cdk < 21.2 (we still support >=21.0), where the property is absent and
+        // the assignment is a harmless no-op.
+        this._cdkTrigger.transformOriginSelector = '[data-slot="dropdown-menu"]';
+        effect(() => {
+            this._cdkTrigger.menuPosition = this._menuPosition();
+        });
+        classes(() => 'hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-[2px] text-sm font-medium flex items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMenubarTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmMenubarTrigger, isStandalone: true, selector: "button[hlmMenubarTrigger]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menubar-trigger" }, properties: { "disabled": "disabled() ", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmMenubarTrigger) }], hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"] }, { directive: i1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "hlmMenubarTrigger", "cdkMenuTriggerData", "hlmMenubarTriggerData"], outputs: ["cdkMenuOpened", "hlmDropdownMenuOpened", "cdkMenuClosed", "hlmDropdownMenuClosed"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmMenubarTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmMenubarTrigger]',
+                    providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmMenubarTrigger) }],
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItem,
+                            inputs: ['cdkMenuItemDisabled: disabled'],
+                        },
+                        {
+                            directive: CdkMenuTrigger,
+                            inputs: ['cdkMenuTriggerFor: hlmMenubarTrigger', 'cdkMenuTriggerData: hlmMenubarTriggerData'],
+                            outputs: ['cdkMenuOpened: hlmDropdownMenuOpened', 'cdkMenuClosed: hlmDropdownMenuClosed'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'menubar-trigger',
+                        '[disabled]': 'disabled() ',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
+
+const HlmMenubarImports = [HlmMenubar, HlmMenubarTrigger];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmMenubar, HlmMenubarImports, HlmMenubarTrigger, injectHlmMenubarConfig, provideHlmMenubarConfig };
+//# sourceMappingURL=yukit-web-helm-menubar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-menubar.mjs","sources":["../../../projects/yukit-web/helm/menubar/src/lib/hlm-menubar.ts","../../../projects/yukit-web/helm/menubar/src/lib/hlm-menubar-token.ts","../../../projects/yukit-web/helm/menubar/src/lib/hlm-menubar-trigger.ts","../../../projects/yukit-web/helm/menubar/src/index.ts","../../../projects/yukit-web/helm/menubar/src/yukit-web-helm-menubar.ts"],"sourcesContent":["import { CdkMenuBar } from '@angular/cdk/menu';\nimport { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmMenubar],hlm-menubar',\n\thostDirectives: [CdkMenuBar],\n\thost: {\n\t\t'data-slot': 'menubar',\n\t},\n})\nexport class HlmMenubar {\n\tconstructor() {\n\t\tclasses(() => 'bg-background h-8 gap-0.5 rounded-lg border p-[3px] flex items-center');\n\t}\n}\n","import { InjectionToken, type ValueProvider, inject } from '@angular/core';\nimport { type MenuAlign, type MenuSide } from '@spartan-ng/brain/core';\n\nexport interface HlmMenubarConfig {\n\talign: MenuAlign;\n\tside: MenuSide;\n}\n\nconst defaultConfig: HlmMenubarConfig = {\n\talign: 'start',\n\tside: 'bottom',\n};\n\nconst HlmMenubarConfigToken = new InjectionToken<HlmMenubarConfig>('HlmMenubarConfig');\n\nexport function provideHlmMenubarConfig(config: Partial<HlmMenubarConfig>): ValueProvider {\n\treturn { provide: HlmMenubarConfigToken, useValue: { ...defaultConfig, ...config } };\n}\n\nexport function injectHlmMenubarConfig(): HlmMenubarConfig {\n\treturn inject(HlmMenubarConfigToken, { optional: true }) ?? defaultConfig;\n}\n","import { type BooleanInput } from '@angular/cdk/coercion';\nimport { CdkMenuItem, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { booleanAttribute, computed, Directive, effect, forwardRef, inject, input } from '@angular/core';\nimport { createMenuPosition, MENU_SIDE, type MenuAlign, type MenuSide } from '@spartan-ng/brain/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { injectHlmMenubarConfig } from './hlm-menubar-token';\n\n@Directive({\n\tselector: 'button[hlmMenubarTrigger]',\n\tproviders: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmMenubarTrigger) }],\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: CdkMenuItem,\n\t\t\tinputs: ['cdkMenuItemDisabled: disabled'],\n\t\t},\n\t\t{\n\t\t\tdirective: CdkMenuTrigger,\n\t\t\tinputs: ['cdkMenuTriggerFor: hlmMenubarTrigger', 'cdkMenuTriggerData: hlmMenubarTriggerData'],\n\t\t\toutputs: ['cdkMenuOpened: hlmDropdownMenuOpened', 'cdkMenuClosed: hlmDropdownMenuClosed'],\n\t\t},\n\t],\n\thost: {\n\t\t'data-slot': 'menubar-trigger',\n\t\t'[disabled]': 'disabled() ',\n\t\t'[attr.data-disabled]': 'disabled() ? \"\" : null',\n\t},\n})\nexport class HlmMenubarTrigger {\n\tprivate readonly _cdkTrigger = inject(CdkMenuTrigger, { host: true });\n\tprivate readonly _config = injectHlmMenubarConfig();\n\n\tpublic readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n\tpublic readonly align = input<MenuAlign>(this._config.align);\n\tpublic readonly side = input<MenuSide>(this._config.side);\n\n\tprivate readonly _menuPosition = computed(() => createMenuPosition(this.align(), this.side()));\n\n\tconstructor() {\n\t\t// CDK sets transform-origin on the menu content (a shared hlm-dropdown-menu) from the resolved\n\t\t// position; the content reads it to animate from the anchored corner and to derive its data-side.\n\t\t// Cast tolerates @angular/cdk < 21.2 (we still support >=21.0), where the property is absent and\n\t\t// the assignment is a harmless no-op.\n\t\t(this._cdkTrigger as { transformOriginSelector?: string }).transformOriginSelector = '[data-slot=\"dropdown-menu\"]';\n\n\t\teffect(() => {\n\t\t\tthis._cdkTrigger.menuPosition = this._menuPosition();\n\t\t});\n\n\t\tclasses(\n\t\t\t() =>\n\t\t\t\t'hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-[2px] text-sm font-medium flex items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50',\n\t\t);\n\t}\n}\n","import { HlmMenubar } from './lib/hlm-menubar';\nimport { HlmMenubarTrigger } from './lib/hlm-menubar-trigger';\n\nexport * from './lib/hlm-menubar';\nexport * from './lib/hlm-menubar-token';\nexport * from './lib/hlm-menubar-trigger';\n\nexport const HlmMenubarImports = [HlmMenubar, HlmMenubarTrigger] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}