yukit-web 0.0.1

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

@@ -0,0 +1,47 @@
+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 badgeVariants = cva('h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[length:--spacing(3)] group/badge focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap focus-visible:ring-[3px] [&>ng-icon]:pointer-events-none', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
+            secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',
+            destructive: 'bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20',
+            outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',
+            ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+class HlmBadge {
+    constructor() {
+        this.variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        classes(() => badgeVariants({ variant: this.variant() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmBadge, isStandalone: true, selector: "[hlmBadge],hlm-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "badge" }, properties: { "attr.data-variant": "variant()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBadge, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBadge],hlm-badge',
+                    host: {
+                        'data-slot': 'badge',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+const HlmBadgeImports = [HlmBadge];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmBadge, HlmBadgeImports };
+//# sourceMappingURL=yukit-web-helm-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-badge.mjs","sources":["../../../projects/yukit-web/helm/badge/src/lib/hlm-badge.ts","../../../projects/yukit-web/helm/badge/src/index.ts","../../../projects/yukit-web/helm/badge/src/yukit-web-helm-badge.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n\t'h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[length:--spacing(3)] group/badge focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap focus-visible:ring-[3px] [&>ng-icon]:pointer-events-none',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n\t\t\t\tsecondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',\n\t\t\t\tdestructive: 'bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20',\n\t\t\t\toutline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',\n\t\t\t\tghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',\n\t\t\t\tlink: 'text-primary underline-offset-4 hover:underline',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\n\n@Directive({\n\tselector: '[hlmBadge],hlm-badge',\n\thost: {\n\t\t'data-slot': 'badge',\n\t\t'[attr.data-variant]': 'variant()',\n\t},\n})\nexport class HlmBadge {\n\tpublic readonly variant = input<BadgeVariants['variant']>('default');\n\n\tconstructor() {\n\t\tclasses(() => badgeVariants({ variant: this.variant() }));\n\t}\n}\n","import { HlmBadge } from './lib/hlm-badge';\n\nexport * from './lib/hlm-badge';\n\nexport const HlmBadgeImports = [HlmBadge] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA,MAAM,aAAa,GAAG,GAAG,CACxB,ugBAAugB,EACvgB;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,4DAA4D;AACrE,YAAA,SAAS,EAAE,kEAAkE;AAC7E,YAAA,WAAW,EAAE,gKAAgK;AAC7K,YAAA,OAAO,EAAE,kFAAkF;AAC3F,YAAA,KAAK,EAAE,mEAAmE;AAC1E,YAAA,IAAI,EAAE,iDAAiD;AACvD,SAAA;AACD,KAAA;AACD,IAAA,eAAe,EAAE;AAChB,QAAA,OAAO,EAAE,SAAS;AAClB,KAAA;AACD,CAAA,CACD;MAWY,QAAQ,CAAA;AAGpB,IAAA,WAAA,GAAA;AAFgB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA2B,SAAS,8EAAC;AAGnE,QAAA,OAAO,CAAC,MAAM,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC1D;8GALY,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,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAPpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,OAAO;AACpB,wBAAA,qBAAqB,EAAE,WAAW;AAClC,qBAAA;AACD,iBAAA;;;AC3BM,MAAM,eAAe,GAAG,CAAC,QAAQ;;ACJxC;;AAEG;;;;"}

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

@@ -0,0 +1,196 @@
+import * as i0 from '@angular/core';
+import { input, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideEllipsis, lucideChevronRight } from '@ng-icons/lucide';
+import { classes } from 'yukit-web/helm/utils';
+import * as i1 from '@angular/router';
+import { RouterLink } from '@angular/router';
+
+class HlmBreadcrumb {
+    constructor() {
+        this.ariaLabel = input('breadcrumb', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmBreadcrumb, isStandalone: true, selector: "[hlmBreadcrumb]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb", "role": "navigation" }, properties: { "attr.aria-label": "ariaLabel()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumb]',
+                    host: {
+                        'data-slot': 'breadcrumb',
+                        role: 'navigation',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    },
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+
+class HlmBreadcrumbEllipsis {
+    constructor() {
+        /** Screen reader only text for the ellipsis */
+        this.srOnlyText = input('More', ...(ngDevMode ? [{ debugName: "srOnlyText" }] : /* istanbul ignore next */ []));
+        classes(() => 'size-5 [&>ng-icon]:text-[length:--spacing(4)] flex items-center justify-center');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: HlmBreadcrumbEllipsis, isStandalone: true, selector: "hlm-breadcrumb-ellipsis", inputs: { srOnlyText: { classPropertyName: "srOnlyText", publicName: "srOnlyText", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-ellipsis", "role": "presentation" } }, providers: [provideIcons({ lucideEllipsis })], ngImport: i0, template: `
+		<ng-icon name="lucideEllipsis" />
+		<span class="sr-only">{{ srOnlyText() }}</span>
+	`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbEllipsis, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-breadcrumb-ellipsis',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideEllipsis })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'breadcrumb-ellipsis',
+                        role: 'presentation',
+                    },
+                    template: `
+		<ng-icon name="lucideEllipsis" />
+		<span class="sr-only">{{ srOnlyText() }}</span>
+	`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { srOnlyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "srOnlyText", required: false }] }] } });
+
+class HlmBreadcrumbItem {
+    constructor() {
+        classes(() => 'gap-1 inline-flex items-center');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmBreadcrumbItem, isStandalone: true, selector: "[hlmBreadcrumbItem]", host: { attributes: { "data-slot": "breadcrumb-item" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbItem]',
+                    host: {
+                        'data-slot': 'breadcrumb-item',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBreadcrumbLink {
+    constructor() {
+        /** The link to navigate to the page. */
+        this.link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
+        classes(() => 'hover:text-foreground transition-colors');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmBreadcrumbLink, isStandalone: true, selector: "[hlmBreadcrumbLink]", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-link" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "link"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbLink]',
+                    hostDirectives: [
+                        {
+                            directive: RouterLink,
+                            inputs: [
+                                'target',
+                                'queryParams',
+                                'fragment',
+                                'queryParamsHandling',
+                                'state',
+                                'info',
+                                'relativeTo',
+                                'preserveFragment',
+                                'skipLocationChange',
+                                'replaceUrl',
+                                'routerLink: link',
+                            ],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'breadcrumb-link',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
+
+class HlmBreadcrumbList {
+    constructor() {
+        classes(() => 'text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center wrap-break-word');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmBreadcrumbList, isStandalone: true, selector: "[hlmBreadcrumbList]", host: { attributes: { "data-slot": "breadcrumb-list" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbList]',
+                    host: {
+                        'data-slot': 'breadcrumb-list',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBreadcrumbPage {
+    constructor() {
+        classes(() => 'text-foreground font-normal');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmBreadcrumbPage, isStandalone: true, selector: "[hlmBreadcrumbPage]", host: { attributes: { "data-slot": "breadcrumb-page", "role": "link", "aria-disabled": "true", "aria-current": "page" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbPage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbPage]',
+                    host: {
+                        'data-slot': 'breadcrumb-page',
+                        role: 'link',
+                        'aria-disabled': 'true',
+                        'aria-current': 'page',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBreadcrumbSeparator {
+    constructor() {
+        classes(() => '[&>ng-icon]:text-[length:--spacing(3.5)] [&>ng-icon]:flex');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: HlmBreadcrumbSeparator, isStandalone: true, selector: "[hlmBreadcrumbSeparator]", host: { attributes: { "data-slot": "breadcrumb-separator", "role": "presentation", "aria-hidden": "true" } }, providers: [provideIcons({ lucideChevronRight })], ngImport: i0, template: `
+		<ng-content>
+			<ng-icon name="lucideChevronRight" />
+		</ng-content>
+	`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBreadcrumbSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[hlmBreadcrumbSeparator]',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideChevronRight })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'breadcrumb-separator',
+                        role: 'presentation',
+                        'aria-hidden': 'true',
+                    },
+                    template: `
+		<ng-content>
+			<ng-icon name="lucideChevronRight" />
+		</ng-content>
+	`,
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmBreadcrumbImports = [
+    HlmBreadcrumb,
+    HlmBreadcrumbEllipsis,
+    HlmBreadcrumbSeparator,
+    HlmBreadcrumbItem,
+    HlmBreadcrumbLink,
+    HlmBreadcrumbPage,
+    HlmBreadcrumbList,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmBreadcrumb, HlmBreadcrumbEllipsis, HlmBreadcrumbImports, HlmBreadcrumbItem, HlmBreadcrumbLink, HlmBreadcrumbList, HlmBreadcrumbPage, HlmBreadcrumbSeparator };
+//# sourceMappingURL=yukit-web-helm-breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-breadcrumb.mjs","sources":["../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb.ts","../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb-ellipsis.ts","../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb-item.ts","../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb-link.ts","../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb-list.ts","../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb-page.ts","../../../projects/yukit-web/helm/breadcrumb/src/lib/hlm-breadcrumb-separator.ts","../../../projects/yukit-web/helm/breadcrumb/src/index.ts","../../../projects/yukit-web/helm/breadcrumb/src/yukit-web-helm-breadcrumb.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\n@Directive({\n\tselector: '[hlmBreadcrumb]',\n\thost: {\n\t\t'data-slot': 'breadcrumb',\n\t\trole: 'navigation',\n\t\t'[attr.aria-label]': 'ariaLabel()',\n\t},\n})\nexport class HlmBreadcrumb {\n\tpublic readonly ariaLabel = input<string>('breadcrumb', { alias: 'aria-label' });\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideEllipsis } from '@ng-icons/lucide';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Component({\n\tselector: 'hlm-breadcrumb-ellipsis',\n\timports: [NgIcon],\n\tproviders: [provideIcons({ lucideEllipsis })],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\t'data-slot': 'breadcrumb-ellipsis',\n\t\trole: 'presentation',\n\t},\n\ttemplate: `\n\t\t<ng-icon name=\"lucideEllipsis\" />\n\t\t<span class=\"sr-only\">{{ srOnlyText() }}</span>\n\t`,\n})\nexport class HlmBreadcrumbEllipsis {\n\t/** Screen reader only text for the ellipsis */\n\tpublic readonly srOnlyText = input<string>('More');\n\n\tconstructor() {\n\t\tclasses(() => 'size-5 [&>ng-icon]:text-[length:--spacing(4)] flex items-center justify-center');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmBreadcrumbItem]',\n\thost: {\n\t\t'data-slot': 'breadcrumb-item',\n\t},\n})\nexport class HlmBreadcrumbItem {\n\tconstructor() {\n\t\tclasses(() => 'gap-1 inline-flex items-center');\n\t}\n}\n","import { Directive, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmBreadcrumbLink]',\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: RouterLink,\n\t\t\tinputs: [\n\t\t\t\t'target',\n\t\t\t\t'queryParams',\n\t\t\t\t'fragment',\n\t\t\t\t'queryParamsHandling',\n\t\t\t\t'state',\n\t\t\t\t'info',\n\t\t\t\t'relativeTo',\n\t\t\t\t'preserveFragment',\n\t\t\t\t'skipLocationChange',\n\t\t\t\t'replaceUrl',\n\t\t\t\t'routerLink: link',\n\t\t\t],\n\t\t},\n\t],\n\thost: {\n\t\t'data-slot': 'breadcrumb-link',\n\t},\n})\nexport class HlmBreadcrumbLink {\n\t/** The link to navigate to the page. */\n\tpublic readonly link = input<RouterLink['routerLink']>();\n\n\tconstructor() {\n\t\tclasses(() => 'hover:text-foreground transition-colors');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmBreadcrumbList]',\n\thost: {\n\t\t'data-slot': 'breadcrumb-list',\n\t},\n})\nexport class HlmBreadcrumbList {\n\tconstructor() {\n\t\tclasses(() => 'text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center wrap-break-word');\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmBreadcrumbPage]',\n\thost: {\n\t\t'data-slot': 'breadcrumb-page',\n\t\trole: 'link',\n\t\t'aria-disabled': 'true',\n\t\t'aria-current': 'page',\n\t},\n})\nexport class HlmBreadcrumbPage {\n\tconstructor() {\n\t\tclasses(() => 'text-foreground font-normal');\n\t}\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronRight } from '@ng-icons/lucide';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: '[hlmBreadcrumbSeparator]',\n\timports: [NgIcon],\n\tproviders: [provideIcons({ lucideChevronRight })],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\t'data-slot': 'breadcrumb-separator',\n\t\trole: 'presentation',\n\t\t'aria-hidden': 'true',\n\t},\n\ttemplate: `\n\t\t<ng-content>\n\t\t\t<ng-icon name=\"lucideChevronRight\" />\n\t\t</ng-content>\n\t`,\n})\nexport class HlmBreadcrumbSeparator {\n\tconstructor() {\n\t\tclasses(() => '[&>ng-icon]:text-[length:--spacing(3.5)] [&>ng-icon]:flex');\n\t}\n}\n","import { HlmBreadcrumb } from './lib/hlm-breadcrumb';\nimport { HlmBreadcrumbEllipsis } from './lib/hlm-breadcrumb-ellipsis';\nimport { HlmBreadcrumbItem } from './lib/hlm-breadcrumb-item';\nimport { HlmBreadcrumbLink } from './lib/hlm-breadcrumb-link';\nimport { HlmBreadcrumbList } from './lib/hlm-breadcrumb-list';\nimport { HlmBreadcrumbPage } from './lib/hlm-breadcrumb-page';\nimport { HlmBreadcrumbSeparator } from './lib/hlm-breadcrumb-separator';\n\nexport * from './lib/hlm-breadcrumb';\nexport * from './lib/hlm-breadcrumb-ellipsis';\nexport * from './lib/hlm-breadcrumb-item';\nexport * from './lib/hlm-breadcrumb-link';\nexport * from './lib/hlm-breadcrumb-list';\nexport * from './lib/hlm-breadcrumb-page';\nexport * from './lib/hlm-breadcrumb-separator';\n\nexport const HlmBreadcrumbImports = [\n\tHlmBreadcrumb,\n\tHlmBreadcrumbEllipsis,\n\tHlmBreadcrumbSeparator,\n\tHlmBreadcrumbItem,\n\tHlmBreadcrumbLink,\n\tHlmBreadcrumbPage,\n\tHlmBreadcrumbList,\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-bubble.mjs

@@ -0,0 +1,121 @@
+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 bubbleVariants = cva('max-w-[80%] gap-1 group/bubble relative flex w-fit min-w-0 flex-col group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full', {
+    variants: {
+        variant: {
+            default: '*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80',
+            secondary: '*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-secondary/80',
+            muted: '*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]',
+            tinted: '*:data-[slot=bubble-content]:text-foreground *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]',
+            outline: '*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30 *:data-[slot=bubble-content]:border',
+            ghost: '[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0',
+            destructive: '*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+class HlmBubble {
+    constructor() {
+        this.variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+        classes(() => bubbleVariants({ variant: this.variant() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubble, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmBubble, isStandalone: true, selector: "[hlmBubble],hlm-bubble", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "bubble" }, properties: { "attr.data-variant": "variant()", "attr.data-align": "align()", "attr.align": "null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubble, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBubble],hlm-bubble',
+                    host: {
+                        'data-slot': 'bubble',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-align]': 'align()',
+                        // Prevent the legacy HTML `align` attribute (from `align="end"` bindings) from
+                        // forcing text-align on the bubble content.
+                        '[attr.align]': 'null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+
+class HlmBubbleContent {
+    constructor() {
+        classes(() => 'rounded-xl px-3 py-2 text-sm leading-relaxed [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-ring/50 w-fit max-w-full min-w-0 overflow-hidden border border-transparent wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-start [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:ring-3');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubbleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmBubbleContent, isStandalone: true, selector: "[hlmBubbleContent],hlm-bubble-content", host: { attributes: { "data-slot": "bubble-content" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubbleContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBubbleContent],hlm-bubble-content',
+                    host: { 'data-slot': 'bubble-content' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBubbleGroup {
+    constructor() {
+        classes(() => 'gap-2 flex min-w-0 flex-col');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubbleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmBubbleGroup, isStandalone: true, selector: "[hlmBubbleGroup],hlm-bubble-group", host: { attributes: { "data-slot": "bubble-group" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubbleGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBubbleGroup],hlm-bubble-group',
+                    host: { 'data-slot': 'bubble-group' },
+                }]
+        }], ctorParameters: () => [] });
+
+const bubbleReactionsVariants = cva('bg-muted ring-card gap-1 rounded-full px-1.5 py-0.5 text-xs ring-3 absolute z-10 flex w-fit shrink-0 items-center justify-center has-[button]:p-0', {
+    variants: {
+        side: {
+            top: 'top-0 -translate-y-3/4',
+            bottom: 'bottom-0 translate-y-3/4',
+        },
+        align: {
+            start: 'start-3',
+            end: 'end-3',
+        },
+    },
+    defaultVariants: {
+        side: 'bottom',
+        align: 'end',
+    },
+});
+class HlmBubbleReactions {
+    constructor() {
+        this.side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+        this.align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+        classes(() => bubbleReactionsVariants({ side: this.side(), align: this.align() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubbleReactions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmBubbleReactions, isStandalone: true, selector: "[hlmBubbleReactions],hlm-bubble-reactions", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "bubble-reactions" }, properties: { "attr.data-align": "align()", "attr.data-side": "side()", "attr.align": "null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmBubbleReactions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBubbleReactions],hlm-bubble-reactions',
+                    host: {
+                        'data-slot': 'bubble-reactions',
+                        '[attr.data-align]': 'align()',
+                        '[attr.data-side]': 'side()',
+                        '[attr.align]': 'null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+
+const HlmBubbleImports = [HlmBubble, HlmBubbleContent, HlmBubbleGroup, HlmBubbleReactions];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmBubble, HlmBubbleContent, HlmBubbleGroup, HlmBubbleImports, HlmBubbleReactions };
+//# sourceMappingURL=yukit-web-helm-bubble.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-bubble.mjs","sources":["../../../projects/yukit-web/helm/bubble/src/lib/hlm-bubble.ts","../../../projects/yukit-web/helm/bubble/src/lib/hlm-bubble-content.ts","../../../projects/yukit-web/helm/bubble/src/lib/hlm-bubble-group.ts","../../../projects/yukit-web/helm/bubble/src/lib/hlm-bubble-reactions.ts","../../../projects/yukit-web/helm/bubble/src/index.ts","../../../projects/yukit-web/helm/bubble/src/yukit-web-helm-bubble.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 bubbleVariants = cva(\n\t'max-w-[80%] gap-1 group/bubble relative flex w-fit min-w-0 flex-col group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: '*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80',\n\t\t\t\tsecondary: '*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-secondary/80',\n\t\t\t\tmuted: '*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]',\n\t\t\t\ttinted: '*:data-[slot=bubble-content]:text-foreground *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]',\n\t\t\t\toutline: '*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30 *:data-[slot=bubble-content]:border',\n\t\t\t\tghost: '[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0',\n\t\t\t\tdestructive: '*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type BubbleVariants = VariantProps<typeof bubbleVariants>;\nexport type BubbleAlign = 'start' | 'end';\n\n@Directive({\n\tselector: '[hlmBubble],hlm-bubble',\n\thost: {\n\t\t'data-slot': 'bubble',\n\t\t'[attr.data-variant]': 'variant()',\n\t\t'[attr.data-align]': 'align()',\n\t\t// Prevent the legacy HTML `align` attribute (from `align=\"end\"` bindings) from\n\t\t// forcing text-align on the bubble content.\n\t\t'[attr.align]': 'null',\n\t},\n})\nexport class HlmBubble {\n\tpublic readonly variant = input<BubbleVariants['variant']>('default');\n\tpublic readonly align = input<BubbleAlign>('start');\n\n\tconstructor() {\n\t\tclasses(() => bubbleVariants({ variant: this.variant() }));\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmBubbleContent],hlm-bubble-content',\n\thost: { 'data-slot': 'bubble-content' },\n})\nexport class HlmBubbleContent {\n\tconstructor() {\n\t\tclasses(\n\t\t\t() =>\n\t\t\t\t'rounded-xl px-3 py-2 text-sm leading-relaxed [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-ring/50 w-fit max-w-full min-w-0 overflow-hidden border border-transparent wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-start [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:ring-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: '[hlmBubbleGroup],hlm-bubble-group',\n\thost: { 'data-slot': 'bubble-group' },\n})\nexport class HlmBubbleGroup {\n\tconstructor() {\n\t\tclasses(() => 'gap-2 flex min-w-0 flex-col');\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';\n\nconst bubbleReactionsVariants = cva(\n\t'bg-muted ring-card gap-1 rounded-full px-1.5 py-0.5 text-xs ring-3 absolute z-10 flex w-fit shrink-0 items-center justify-center has-[button]:p-0',\n\t{\n\t\tvariants: {\n\t\t\tside: {\n\t\t\t\ttop: 'top-0 -translate-y-3/4',\n\t\t\t\tbottom: 'bottom-0 translate-y-3/4',\n\t\t\t},\n\t\t\talign: {\n\t\t\t\tstart: 'start-3',\n\t\t\t\tend: 'end-3',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tside: 'bottom',\n\t\t\talign: 'end',\n\t\t},\n\t},\n);\n\nexport type BubbleReactionsVariants = VariantProps<typeof bubbleReactionsVariants>;\n\n@Directive({\n\tselector: '[hlmBubbleReactions],hlm-bubble-reactions',\n\thost: {\n\t\t'data-slot': 'bubble-reactions',\n\t\t'[attr.data-align]': 'align()',\n\t\t'[attr.data-side]': 'side()',\n\t\t'[attr.align]': 'null',\n\t},\n})\nexport class HlmBubbleReactions {\n\tpublic readonly side = input<BubbleReactionsVariants['side']>('bottom');\n\tpublic readonly align = input<BubbleReactionsVariants['align']>('end');\n\n\tconstructor() {\n\t\tclasses(() => bubbleReactionsVariants({ side: this.side(), align: this.align() }));\n\t}\n}\n","import { HlmBubble } from './lib/hlm-bubble';\nimport { HlmBubbleContent } from './lib/hlm-bubble-content';\nimport { HlmBubbleGroup } from './lib/hlm-bubble-group';\nimport { HlmBubbleReactions } from './lib/hlm-bubble-reactions';\n\nexport * from './lib/hlm-bubble';\nexport * from './lib/hlm-bubble-content';\nexport * from './lib/hlm-bubble-group';\nexport * from './lib/hlm-bubble-reactions';\n\nexport const HlmBubbleImports = [HlmBubble, HlmBubbleContent, HlmBubbleGroup, HlmBubbleReactions] 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-button-group.mjs

@@ -0,0 +1,86 @@
+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';
+import * as i1 from '@spartan-ng/brain/separator';
+import { provideBrnSeparatorConfig, BrnSeparator } from '@spartan-ng/brain/separator';
+
+const buttonGroupVariants = cva("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg [&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none',
+            vertical: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+    },
+});
+class HlmButtonGroup {
+    constructor() {
+        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        classes(() => buttonGroupVariants({ orientation: this.orientation() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: HlmButtonGroup, isStandalone: true, selector: "[hlmButtonGroup],hlm-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmButtonGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmButtonGroup],hlm-button-group',
+                    host: {
+                        'data-slot': 'button-group',
+                        role: 'group',
+                        '[attr.data-orientation]': 'orientation()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+
+class HlmButtonGroupSeparator {
+    constructor() {
+        classes(() => [
+            'bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',
+            // separator classes
+            'shrink-0 data-horizontal:h-px data-vertical:w-px data-vertical:self-stretch',
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmButtonGroupSeparator, isStandalone: true, selector: "[hlmButtonGroupSeparator],hlm-button-group-separator", host: { attributes: { "data-slot": "button-group-separator" } }, providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })], hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmButtonGroupSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmButtonGroupSeparator],hlm-button-group-separator',
+                    providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })],
+                    hostDirectives: [{ directive: BrnSeparator, inputs: ['orientation', 'decorative'] }],
+                    host: {
+                        'data-slot': 'button-group-separator',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmButtonGroupText {
+    constructor() {
+        classes(() => "bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center [&_ng-icon]:pointer-events-none");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmButtonGroupText, isStandalone: true, selector: "[hlmButtonGroupText],hlm-button-group-text", host: { attributes: { "data-slot": "button-group-text" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmButtonGroupText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmButtonGroupText],hlm-button-group-text',
+                    host: {
+                        'data-slot': 'button-group-text',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmButtonGroupImports = [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmButtonGroup, HlmButtonGroupImports, HlmButtonGroupSeparator, HlmButtonGroupText };
+//# sourceMappingURL=yukit-web-helm-button-group.mjs.map

package/fesm2022/yukit-web-helm-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-button-group.mjs","sources":["../../../projects/yukit-web/helm/button-group/src/lib/hlm-button-group.ts","../../../projects/yukit-web/helm/button-group/src/lib/hlm-button-group-separator.ts","../../../projects/yukit-web/helm/button-group/src/lib/hlm-button-group-text.ts","../../../projects/yukit-web/helm/button-group/src/index.ts","../../../projects/yukit-web/helm/button-group/src/yukit-web-helm-button-group.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { cva } from 'class-variance-authority';\n\nconst buttonGroupVariants = cva(\n\t\"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n\t{\n\t\tvariants: {\n\t\t\torientation: {\n\t\t\t\thorizontal:\n\t\t\t\t\t'[&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg [&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none',\n\t\t\t\tvertical:\n\t\t\t\t\t'[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\torientation: 'horizontal',\n\t\t},\n\t},\n);\n\n@Directive({\n\tselector: '[hlmButtonGroup],hlm-button-group',\n\thost: {\n\t\t'data-slot': 'button-group',\n\t\trole: 'group',\n\t\t'[attr.data-orientation]': 'orientation()',\n\t},\n})\nexport class HlmButtonGroup {\n\tconstructor() {\n\t\tclasses(() => buttonGroupVariants({ orientation: this.orientation() }));\n\t}\n\n\tpublic readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n}\n","import { Directive } from '@angular/core';\nimport { BrnSeparator, provideBrnSeparatorConfig } from '@spartan-ng/brain/separator';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmButtonGroupSeparator],hlm-button-group-separator',\n\tproviders: [provideBrnSeparatorConfig({ orientation: 'vertical' })],\n\thostDirectives: [{ directive: BrnSeparator, inputs: ['orientation', 'decorative'] }],\n\thost: {\n\t\t'data-slot': 'button-group-separator',\n\t},\n})\nexport class HlmButtonGroupSeparator {\n\tconstructor() {\n\t\tclasses(() => [\n\t\t\t'bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',\n\t\t\t// separator classes\n\t\t\t'shrink-0 data-horizontal:h-px data-vertical:w-px data-vertical:self-stretch',\n\t\t]);\n\t}\n}\n","import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmButtonGroupText],hlm-button-group-text',\n\thost: {\n\t\t'data-slot': 'button-group-text',\n\t},\n})\nexport class HlmButtonGroupText {\n\tconstructor() {\n\t\tclasses(() => \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center [&_ng-icon]:pointer-events-none\");\n\t}\n}\n","import { HlmButtonGroup } from './lib/hlm-button-group';\nimport { HlmButtonGroupSeparator } from './lib/hlm-button-group-separator';\nimport { HlmButtonGroupText } from './lib/hlm-button-group-text';\n\nexport * from './lib/hlm-button-group';\nexport * from './lib/hlm-button-group-separator';\nexport * from './lib/hlm-button-group-text';\n\nexport const HlmButtonGroupImports = [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,mBAAmB,GAAG,GAAG,CAC9B,0RAA0R,EAC1R;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,WAAW,EAAE;AACZ,YAAA,UAAU,EACT,sKAAsK;AACvK,YAAA,QAAQ,EACP,+KAA+K;AAChL,SAAA;AACD,KAAA;AACD,IAAA,eAAe,EAAE;AAChB,QAAA,WAAW,EAAE,YAAY;AACzB,KAAA;AACD,CAAA,CACD;MAUY,cAAc,CAAA;AAC1B,IAAA,WAAA,GAAA;AAIgB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,kFAAC;AAH3E,QAAA,OAAO,CAAC,MAAM,mBAAmB,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IACxE;8GAHY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,cAAc;AAC3B,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,qBAAA;AACD,iBAAA;;;MChBY,uBAAuB,CAAA;AACnC,IAAA,WAAA,GAAA;QACC,OAAO,CAAC,MAAM;YACb,sHAAsH;;YAEtH,6EAA6E;AAC7E,SAAA,CAAC;IACH;8GAPY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sDAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,SAAA,EANxB,CAAC,yBAAyB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAMvD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sDAAsD;oBAChE,SAAS,EAAE,CAAC,yBAAyB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;AACnE,oBAAA,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,CAAC;AACpF,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,wBAAwB;AACrC,qBAAA;AACD,iBAAA;;;MCFY,kBAAkB,CAAA;AAC9B,IAAA,WAAA,GAAA;AACC,QAAA,OAAO,CAAC,MAAM,4KAA4K,CAAC;IAC5L;8GAHY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4CAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,4CAA4C;AACtD,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,mBAAmB;AAChC,qBAAA;AACD,iBAAA;;;ACAM,MAAM,qBAAqB,GAAG,CAAC,cAAc,EAAE,kBAAkB,EAAE,uBAAuB;;ACRjG;;AAEG;;;;"}