@shival99/z-ui 1.9.26 → 2.0.0

package/fesm2022/shival99-z-ui-components-z-avatar.mjs

@@ -0,0 +1,187 @@
+import * as i0 from '@angular/core';
+import { input, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ZIconComponent } from '@shival99/z-ui/components/z-icon';
+import { zTransform, zMergeClasses } from '@shival99/z-ui/utils';
+import { cva } from 'class-variance-authority';
+
+const zAvatarVariants = cva([
+    'inline-flex shrink-0 items-center justify-center overflow-hidden border font-semibold select-none',
+    'shadow-[0_0_0_1px_rgb(0_0_0/0.03),0_2px_8px_rgb(0_0_0/0.04)]',
+    'bg-muted text-muted-foreground border-background',
+], {
+    variants: {
+        zSize: {
+            xs: 'size-6 text-[10px]',
+            sm: 'size-8 text-xs',
+            default: 'size-10 text-sm',
+            lg: 'size-12 text-base',
+            xl: 'size-16 text-xl',
+        },
+        zShape: {
+            circle: 'rounded-full',
+            rounded: 'rounded-md',
+            square: 'rounded-sm',
+        },
+        zRing: {
+            none: '',
+            default: 'ring-2 ring-border ring-offset-2 ring-offset-background',
+            active: 'ring-2 ring-primary ring-offset-2 ring-offset-background',
+            muted: 'ring-2 ring-muted-foreground/25 ring-offset-2 ring-offset-background',
+        },
+    },
+    defaultVariants: {
+        zSize: 'default',
+        zShape: 'circle',
+        zRing: 'none',
+    },
+});
+const zAvatarImageVariants = cva('size-full object-cover', {
+    variants: {
+        zShape: {
+            circle: 'rounded-full',
+            rounded: 'rounded-md',
+            square: 'rounded-none',
+        },
+    },
+    defaultVariants: {
+        zShape: 'circle',
+    },
+});
+const zAvatarStatusVariants = cva('absolute rounded-full border-2 border-background bg-current shadow-[0_0_0_1px_rgb(0_0_0/0.04)]', {
+    variants: {
+        zSize: {
+            xs: 'right-0 bottom-0 size-2',
+            sm: 'right-0 bottom-0 size-2.5',
+            default: 'right-0 bottom-0 size-3',
+            lg: 'right-0 bottom-0 size-3.5',
+            xl: 'right-0.5 bottom-0.5 size-4',
+        },
+        zStatus: {
+            online: 'text-emerald-500',
+            offline: 'text-muted-foreground',
+            busy: 'text-destructive',
+            away: 'text-amber-500',
+        },
+        zAnimated: {
+            true: 'z-avatar-status--animated',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        zSize: 'default',
+        zStatus: 'offline',
+        zAnimated: false,
+    },
+});
+const zAvatarLabelVariants = cva('min-w-0', {
+    variants: {
+        zSize: {
+            xs: 'text-xs',
+            sm: 'text-xs',
+            default: 'text-sm',
+            lg: 'text-sm',
+            xl: 'text-base',
+        },
+    },
+    defaultVariants: {
+        zSize: 'default',
+    },
+});
+const zAvatarGroupVariants = cva('inline-flex items-center', {
+    variants: {
+        zSize: {
+            xs: '-space-x-0.5',
+            sm: '-space-x-1',
+            default: '-space-x-1.5',
+            lg: '-space-x-2',
+            xl: '-space-x-2.5',
+        },
+    },
+    defaultVariants: {
+        zSize: 'default',
+    },
+});
+
+class ZAvatarComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
+    zSrc = input('', ...(ngDevMode ? [{ debugName: "zSrc" }] : []));
+    zName = input('', ...(ngDevMode ? [{ debugName: "zName" }] : []));
+    zAlt = input('', ...(ngDevMode ? [{ debugName: "zAlt" }] : []));
+    zIcon = input('lucideUser', ...(ngDevMode ? [{ debugName: "zIcon" }] : []));
+    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
+    zShape = input('circle', ...(ngDevMode ? [{ debugName: "zShape" }] : []));
+    zStatus = input(...(ngDevMode ? [undefined, { debugName: "zStatus" }] : []));
+    zRing = input('none', ...(ngDevMode ? [{ debugName: "zRing" }] : []));
+    zFallback = input('initials', ...(ngDevMode ? [{ debugName: "zFallback" }] : []));
+    zShowLabel = input(false, { ...(ngDevMode ? { debugName: "zShowLabel" } : {}), transform: zTransform });
+    zStatusAnimated = input(false, { ...(ngDevMode ? { debugName: "zStatusAnimated" } : {}), transform: zTransform });
+    zInteractive = input(false, { ...(ngDevMode ? { debugName: "zInteractive" } : {}), transform: zTransform });
+    zDescription = input('', ...(ngDevMode ? [{ debugName: "zDescription" }] : []));
+    imageFailed = signal(false, ...(ngDevMode ? [{ debugName: "imageFailed" }] : []));
+    hostClasses = computed(() => zMergeClasses(this.zShowLabel() ? 'inline-flex items-center gap-3' : 'inline-flex', 'relative', this.zInteractive() ? 'z-avatar--interactive hover:z-10' : '', this.class()), ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
+    avatarClasses = computed(() => zAvatarVariants({ zSize: this.zSize(), zShape: this.zShape(), zRing: this.zRing() }), ...(ngDevMode ? [{ debugName: "avatarClasses" }] : []));
+    imageClasses = computed(() => zAvatarImageVariants({ zShape: this.zShape() }), ...(ngDevMode ? [{ debugName: "imageClasses" }] : []));
+    statusClasses = computed(() => zAvatarStatusVariants({ zSize: this.zSize(), zStatus: this.zStatus(), zAnimated: this.zStatusAnimated() }), ...(ngDevMode ? [{ debugName: "statusClasses" }] : []));
+    labelClasses = computed(() => zAvatarLabelVariants({ zSize: this.zSize() }), ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
+    iconSize = computed(() => {
+        const sizes = {
+            xs: '12',
+            sm: '14',
+            default: '16',
+            lg: '18',
+            xl: '24',
+        };
+        return sizes[this.zSize()];
+    }, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
+    altText = computed(() => this.zAlt() || this.zName() || 'Avatar', ...(ngDevMode ? [{ debugName: "altText" }] : []));
+    shouldShowImage = computed(() => !!this.zSrc() && !this.imageFailed(), ...(ngDevMode ? [{ debugName: "shouldShowImage" }] : []));
+    initials = computed(() => {
+        const name = this.zName().trim();
+        if (!name) {
+            return '';
+        }
+        const parts = name.split(/\s+/).filter(Boolean);
+        const first = parts[0]?.[0] ?? '';
+        const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';
+        return `${first}${last}`.toUpperCase();
+    }, ...(ngDevMode ? [{ debugName: "initials" }] : []));
+    onImageError() {
+        this.imageFailed.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZAvatarComponent, isStandalone: true, selector: "z-avatar", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zSrc: { classPropertyName: "zSrc", publicName: "zSrc", isSignal: true, isRequired: false, transformFunction: null }, zName: { classPropertyName: "zName", publicName: "zName", isSignal: true, isRequired: false, transformFunction: null }, zAlt: { classPropertyName: "zAlt", publicName: "zAlt", isSignal: true, isRequired: false, transformFunction: null }, zIcon: { classPropertyName: "zIcon", publicName: "zIcon", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zShape: { classPropertyName: "zShape", publicName: "zShape", isSignal: true, isRequired: false, transformFunction: null }, zStatus: { classPropertyName: "zStatus", publicName: "zStatus", isSignal: true, isRequired: false, transformFunction: null }, zRing: { classPropertyName: "zRing", publicName: "zRing", isSignal: true, isRequired: false, transformFunction: null }, zFallback: { classPropertyName: "zFallback", publicName: "zFallback", isSignal: true, isRequired: false, transformFunction: null }, zShowLabel: { classPropertyName: "zShowLabel", publicName: "zShowLabel", isSignal: true, isRequired: false, transformFunction: null }, zStatusAnimated: { classPropertyName: "zStatusAnimated", publicName: "zStatusAnimated", isSignal: true, isRequired: false, transformFunction: null }, zInteractive: { classPropertyName: "zInteractive", publicName: "zInteractive", isSignal: true, isRequired: false, transformFunction: null }, zDescription: { classPropertyName: "zDescription", publicName: "zDescription", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "<span class=\"relative inline-flex shrink-0 overflow-visible\">\n  <span [class]=\"avatarClasses()\">\n    @if (shouldShowImage()) {\n      <img [src]=\"zSrc()\" [alt]=\"altText()\" [class]=\"imageClasses()\" (error)=\"onImageError()\" />\n    } @else if (zFallback() === 'initials' && initials()) {\n      <span>{{ initials() }}</span>\n    } @else {\n      <z-icon [zType]=\"zIcon()\" [zSize]=\"iconSize()\" />\n    }\n  </span>\n\n  @if (zStatus()) {\n    <span [class]=\"statusClasses()\" aria-hidden=\"true\"></span>\n  }\n</span>\n\n@if (zShowLabel()) {\n  <span [class]=\"labelClasses()\">\n    <span class=\"text-foreground block overflow-hidden font-medium text-ellipsis whitespace-nowrap\">{{ zName() }}</span>\n    @if (zDescription()) {\n      <span class=\"text-muted-foreground block overflow-hidden text-xs text-ellipsis whitespace-nowrap\">\n        {{ zDescription() }}\n      </span>\n    }\n  </span>\n}\n", styles: [".z-avatar-status--animated:before{position:absolute;inset:-3px;border-radius:9999px;background:currentColor;content:\"\";opacity:.26;animation:z-avatar-status-soft-pulse 1.9s ease-out infinite}.z-avatar--interactive>span:first-child>span:first-child{transition:box-shadow .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.z-avatar--interactive:hover>span:first-child>span:first-child{box-shadow:0 0 0 1px #0000000a,0 5px 14px #00000014;transform:translateY(-2px) scale(1.025)}@keyframes z-avatar-status-soft-pulse{0%{opacity:.22;transform:scale(.82)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'z-avatar', imports: [ZIconComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClasses()',
+                    }, template: "<span class=\"relative inline-flex shrink-0 overflow-visible\">\n  <span [class]=\"avatarClasses()\">\n    @if (shouldShowImage()) {\n      <img [src]=\"zSrc()\" [alt]=\"altText()\" [class]=\"imageClasses()\" (error)=\"onImageError()\" />\n    } @else if (zFallback() === 'initials' && initials()) {\n      <span>{{ initials() }}</span>\n    } @else {\n      <z-icon [zType]=\"zIcon()\" [zSize]=\"iconSize()\" />\n    }\n  </span>\n\n  @if (zStatus()) {\n    <span [class]=\"statusClasses()\" aria-hidden=\"true\"></span>\n  }\n</span>\n\n@if (zShowLabel()) {\n  <span [class]=\"labelClasses()\">\n    <span class=\"text-foreground block overflow-hidden font-medium text-ellipsis whitespace-nowrap\">{{ zName() }}</span>\n    @if (zDescription()) {\n      <span class=\"text-muted-foreground block overflow-hidden text-xs text-ellipsis whitespace-nowrap\">\n        {{ zDescription() }}\n      </span>\n    }\n  </span>\n}\n", styles: [".z-avatar-status--animated:before{position:absolute;inset:-3px;border-radius:9999px;background:currentColor;content:\"\";opacity:.26;animation:z-avatar-status-soft-pulse 1.9s ease-out infinite}.z-avatar--interactive>span:first-child>span:first-child{transition:box-shadow .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.z-avatar--interactive:hover>span:first-child>span:first-child{box-shadow:0 0 0 1px #0000000a,0 5px 14px #00000014;transform:translateY(-2px) scale(1.025)}@keyframes z-avatar-status-soft-pulse{0%{opacity:.22;transform:scale(.82)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}\n"] }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSrc", required: false }] }], zName: [{ type: i0.Input, args: [{ isSignal: true, alias: "zName", required: false }] }], zAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAlt", required: false }] }], zIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIcon", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShape", required: false }] }], zStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "zStatus", required: false }] }], zRing: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRing", required: false }] }], zFallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFallback", required: false }] }], zShowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowLabel", required: false }] }], zStatusAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "zStatusAnimated", required: false }] }], zInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "zInteractive", required: false }] }], zDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDescription", required: false }] }] } });
+
+class ZAvatarGroupComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
+    zItems = input([], ...(ngDevMode ? [{ debugName: "zItems" }] : []));
+    zMax = input(5, ...(ngDevMode ? [{ debugName: "zMax" }] : []));
+    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
+    zShape = input('circle', ...(ngDevMode ? [{ debugName: "zShape" }] : []));
+    zRing = input('muted', ...(ngDevMode ? [{ debugName: "zRing" }] : []));
+    hostClasses = computed(() => zMergeClasses(zAvatarGroupVariants({ zSize: this.zSize() }), this.class()), ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
+    visibleItems = computed(() => this.zItems().slice(0, Math.max(0, this.zMax())), ...(ngDevMode ? [{ debugName: "visibleItems" }] : []));
+    overflowCount = computed(() => Math.max(0, this.zItems().length - this.visibleItems().length), ...(ngDevMode ? [{ debugName: "overflowCount" }] : []));
+    overflowClasses = computed(() => zAvatarVariants({ zSize: this.zSize(), zShape: this.zShape(), zRing: 'none' }), ...(ngDevMode ? [{ debugName: "overflowClasses" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZAvatarGroupComponent, isStandalone: true, selector: "z-avatar-group", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zItems: { classPropertyName: "zItems", publicName: "zItems", isSignal: true, isRequired: false, transformFunction: null }, zMax: { classPropertyName: "zMax", publicName: "zMax", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zShape: { classPropertyName: "zShape", publicName: "zShape", isSignal: true, isRequired: false, transformFunction: null }, zRing: { classPropertyName: "zRing", publicName: "zRing", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "@for (item of visibleItems(); track item.id) {\n  <z-avatar\n    [zSrc]=\"item.src ?? ''\"\n    [zName]=\"item.name\"\n    [zAlt]=\"item.alt ?? item.name\"\n    [zIcon]=\"item.icon ?? 'lucideUser'\"\n    [zStatus]=\"item.status\"\n    [zSize]=\"zSize()\"\n    [zShape]=\"zShape()\"\n    [zRing]=\"zRing()\"\n    [zInteractive]=\"true\" />\n}\n\n@if (overflowCount() > 0) {\n  <span [class]=\"overflowClasses()\">+{{ overflowCount() }}</span>\n}\n", dependencies: [{ kind: "component", type: ZAvatarComponent, selector: "z-avatar", inputs: ["class", "zSrc", "zName", "zAlt", "zIcon", "zSize", "zShape", "zStatus", "zRing", "zFallback", "zShowLabel", "zStatusAnimated", "zInteractive", "zDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZAvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'z-avatar-group', imports: [ZAvatarComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClasses()',
+                    }, template: "@for (item of visibleItems(); track item.id) {\n  <z-avatar\n    [zSrc]=\"item.src ?? ''\"\n    [zName]=\"item.name\"\n    [zAlt]=\"item.alt ?? item.name\"\n    [zIcon]=\"item.icon ?? 'lucideUser'\"\n    [zStatus]=\"item.status\"\n    [zSize]=\"zSize()\"\n    [zShape]=\"zShape()\"\n    [zRing]=\"zRing()\"\n    [zInteractive]=\"true\" />\n}\n\n@if (overflowCount() > 0) {\n  <span [class]=\"overflowClasses()\">+{{ overflowCount() }}</span>\n}\n" }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "zItems", required: false }] }], zMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMax", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShape", required: false }] }], zRing: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRing", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ZAvatarComponent, ZAvatarGroupComponent, zAvatarGroupVariants, zAvatarImageVariants, zAvatarLabelVariants, zAvatarStatusVariants, zAvatarVariants };
+//# sourceMappingURL=shival99-z-ui-components-z-avatar.mjs.map

package/fesm2022/shival99-z-ui-components-z-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shival99-z-ui-components-z-avatar.mjs","sources":["../../../../libs/core-ui/components/z-avatar/z-avatar.variants.ts","../../../../libs/core-ui/components/z-avatar/z-avatar.component.ts","../../../../libs/core-ui/components/z-avatar/z-avatar.component.html","../../../../libs/core-ui/components/z-avatar/z-avatar-group.component.ts","../../../../libs/core-ui/components/z-avatar/z-avatar-group.component.html","../../../../libs/core-ui/components/z-avatar/shival99-z-ui-components-z-avatar.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zAvatarVariants = cva(\n  [\n    'inline-flex shrink-0 items-center justify-center overflow-hidden border font-semibold select-none',\n    'shadow-[0_0_0_1px_rgb(0_0_0/0.03),0_2px_8px_rgb(0_0_0/0.04)]',\n    'bg-muted text-muted-foreground border-background',\n  ],\n  {\n    variants: {\n      zSize: {\n        xs: 'size-6 text-[10px]',\n        sm: 'size-8 text-xs',\n        default: 'size-10 text-sm',\n        lg: 'size-12 text-base',\n        xl: 'size-16 text-xl',\n      },\n      zShape: {\n        circle: 'rounded-full',\n        rounded: 'rounded-md',\n        square: 'rounded-sm',\n      },\n      zRing: {\n        none: '',\n        default: 'ring-2 ring-border ring-offset-2 ring-offset-background',\n        active: 'ring-2 ring-primary ring-offset-2 ring-offset-background',\n        muted: 'ring-2 ring-muted-foreground/25 ring-offset-2 ring-offset-background',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n      zShape: 'circle',\n      zRing: 'none',\n    },\n  }\n);\n\nexport const zAvatarImageVariants = cva('size-full object-cover', {\n  variants: {\n    zShape: {\n      circle: 'rounded-full',\n      rounded: 'rounded-md',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    zShape: 'circle',\n  },\n});\n\nexport const zAvatarStatusVariants = cva(\n  'absolute rounded-full border-2 border-background bg-current shadow-[0_0_0_1px_rgb(0_0_0/0.04)]',\n  {\n    variants: {\n      zSize: {\n        xs: 'right-0 bottom-0 size-2',\n        sm: 'right-0 bottom-0 size-2.5',\n        default: 'right-0 bottom-0 size-3',\n        lg: 'right-0 bottom-0 size-3.5',\n        xl: 'right-0.5 bottom-0.5 size-4',\n      },\n      zStatus: {\n        online: 'text-emerald-500',\n        offline: 'text-muted-foreground',\n        busy: 'text-destructive',\n        away: 'text-amber-500',\n      },\n      zAnimated: {\n        true: 'z-avatar-status--animated',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n      zStatus: 'offline',\n      zAnimated: false,\n    },\n  }\n);\n\nexport const zAvatarLabelVariants = cva('min-w-0', {\n  variants: {\n    zSize: {\n      xs: 'text-xs',\n      sm: 'text-xs',\n      default: 'text-sm',\n      lg: 'text-sm',\n      xl: 'text-base',\n    },\n  },\n  defaultVariants: {\n    zSize: 'default',\n  },\n});\n\nexport const zAvatarGroupVariants = cva('inline-flex items-center', {\n  variants: {\n    zSize: {\n      xs: '-space-x-0.5',\n      sm: '-space-x-1',\n      default: '-space-x-1.5',\n      lg: '-space-x-2',\n      xl: '-space-x-2.5',\n    },\n  },\n  defaultVariants: {\n    zSize: 'default',\n  },\n});\n\nexport type ZAvatarVariants = VariantProps<typeof zAvatarVariants>;\nexport type ZAvatarStatusVariants = VariantProps<typeof zAvatarStatusVariants>;\nexport type ZAvatarGroupVariants = VariantProps<typeof zAvatarGroupVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, signal, ViewEncapsulation } from '@angular/core';\nimport { ZIconComponent, type ZIcon } from '@shival99/z-ui/components/z-icon';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZAvatarFallback, ZAvatarRing, ZAvatarShape, ZAvatarSize, ZAvatarStatus } from './z-avatar.types';\nimport {\n  zAvatarImageVariants,\n  zAvatarLabelVariants,\n  zAvatarStatusVariants,\n  zAvatarVariants,\n} from './z-avatar.variants';\n\n@Component({\n  selector: 'z-avatar',\n  imports: [ZIconComponent],\n  standalone: true,\n  templateUrl: './z-avatar.component.html',\n  styleUrl: './z-avatar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ZAvatarComponent {\n  public readonly class = input<ClassValue>('');\n  public readonly zSrc = input<string>('');\n  public readonly zName = input<string>('');\n  public readonly zAlt = input<string>('');\n  public readonly zIcon = input<ZIcon>('lucideUser');\n  public readonly zSize = input<ZAvatarSize>('default');\n  public readonly zShape = input<ZAvatarShape>('circle');\n  public readonly zStatus = input<ZAvatarStatus>();\n  public readonly zRing = input<ZAvatarRing>('none');\n  public readonly zFallback = input<ZAvatarFallback>('initials');\n  public readonly zShowLabel = input(false, { transform: zTransform });\n  public readonly zStatusAnimated = input(false, { transform: zTransform });\n  public readonly zInteractive = input(false, { transform: zTransform });\n  public readonly zDescription = input<string>('');\n\n  protected readonly imageFailed = signal(false);\n\n  protected readonly hostClasses = computed(() =>\n    zMergeClasses(\n      this.zShowLabel() ? 'inline-flex items-center gap-3' : 'inline-flex',\n      'relative',\n      this.zInteractive() ? 'z-avatar--interactive hover:z-10' : '',\n      this.class()\n    )\n  );\n\n  protected readonly avatarClasses = computed(() =>\n    zAvatarVariants({ zSize: this.zSize(), zShape: this.zShape(), zRing: this.zRing() })\n  );\n\n  protected readonly imageClasses = computed(() => zAvatarImageVariants({ zShape: this.zShape() }));\n  protected readonly statusClasses = computed(() =>\n    zAvatarStatusVariants({ zSize: this.zSize(), zStatus: this.zStatus(), zAnimated: this.zStatusAnimated() })\n  );\n\n  protected readonly labelClasses = computed(() => zAvatarLabelVariants({ zSize: this.zSize() }));\n\n  protected readonly iconSize = computed(() => {\n    const sizes: Record<ZAvatarSize, '12' | '14' | '16' | '18' | '24'> = {\n      xs: '12',\n      sm: '14',\n      default: '16',\n      lg: '18',\n      xl: '24',\n    };\n    return sizes[this.zSize()];\n  });\n\n  protected readonly altText = computed(() => this.zAlt() || this.zName() || 'Avatar');\n  protected readonly shouldShowImage = computed(() => !!this.zSrc() && !this.imageFailed());\n  protected readonly initials = computed(() => {\n    const name = this.zName().trim();\n    if (!name) {\n      return '';\n    }\n\n    const parts = name.split(/\\s+/).filter(Boolean);\n    const first = parts[0]?.[0] ?? '';\n    const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';\n    return `${first}${last}`.toUpperCase();\n  });\n\n  protected onImageError(): void {\n    this.imageFailed.set(true);\n  }\n}\n","<span class=\"relative inline-flex shrink-0 overflow-visible\">\n  <span [class]=\"avatarClasses()\">\n    @if (shouldShowImage()) {\n      <img [src]=\"zSrc()\" [alt]=\"altText()\" [class]=\"imageClasses()\" (error)=\"onImageError()\" />\n    } @else if (zFallback() === 'initials' && initials()) {\n      <span>{{ initials() }}</span>\n    } @else {\n      <z-icon [zType]=\"zIcon()\" [zSize]=\"iconSize()\" />\n    }\n  </span>\n\n  @if (zStatus()) {\n    <span [class]=\"statusClasses()\" aria-hidden=\"true\"></span>\n  }\n</span>\n\n@if (zShowLabel()) {\n  <span [class]=\"labelClasses()\">\n    <span class=\"text-foreground block overflow-hidden font-medium text-ellipsis whitespace-nowrap\">{{ zName() }}</span>\n    @if (zDescription()) {\n      <span class=\"text-muted-foreground block overflow-hidden text-xs text-ellipsis whitespace-nowrap\">\n        {{ zDescription() }}\n      </span>\n    }\n  </span>\n}\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { ZAvatarComponent } from './z-avatar.component';\nimport type { ZAvatarItem, ZAvatarRing, ZAvatarShape, ZAvatarSize } from './z-avatar.types';\nimport { zAvatarGroupVariants, zAvatarVariants } from './z-avatar.variants';\n\n@Component({\n  selector: 'z-avatar-group',\n  imports: [ZAvatarComponent],\n  standalone: true,\n  templateUrl: './z-avatar-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ZAvatarGroupComponent {\n  public readonly class = input<ClassValue>('');\n  public readonly zItems = input<ZAvatarItem[]>([]);\n  public readonly zMax = input(5);\n  public readonly zSize = input<ZAvatarSize>('default');\n  public readonly zShape = input<ZAvatarShape>('circle');\n  public readonly zRing = input<ZAvatarRing>('muted');\n\n  protected readonly hostClasses = computed(() =>\n    zMergeClasses(zAvatarGroupVariants({ zSize: this.zSize() }), this.class())\n  );\n\n  protected readonly visibleItems = computed(() => this.zItems().slice(0, Math.max(0, this.zMax())));\n  protected readonly overflowCount = computed(() => Math.max(0, this.zItems().length - this.visibleItems().length));\n  protected readonly overflowClasses = computed(() =>\n    zAvatarVariants({ zSize: this.zSize(), zShape: this.zShape(), zRing: 'none' })\n  );\n}\n","@for (item of visibleItems(); track item.id) {\n  <z-avatar\n    [zSrc]=\"item.src ?? ''\"\n    [zName]=\"item.name\"\n    [zAlt]=\"item.alt ?? item.name\"\n    [zIcon]=\"item.icon ?? 'lucideUser'\"\n    [zStatus]=\"item.status\"\n    [zSize]=\"zSize()\"\n    [zShape]=\"zShape()\"\n    [zRing]=\"zRing()\"\n    [zInteractive]=\"true\" />\n}\n\n@if (overflowCount() > 0) {\n  <span [class]=\"overflowClasses()\">+{{ overflowCount() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,eAAe,GAAG,GAAG,CAChC;IACE,mGAAmG;IACnG,8DAA8D;IAC9D,kDAAkD;CACnD,EACD;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,oBAAoB;AACxB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,MAAM,EAAE,cAAc;AACtB,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,MAAM,EAAE,YAAY;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,OAAO,EAAE,yDAAyD;AAClE,YAAA,MAAM,EAAE,0DAA0D;AAClE,YAAA,KAAK,EAAE,sEAAsE;AAC9E,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACF,CAAA;AAGI,MAAM,oBAAoB,GAAG,GAAG,CAAC,wBAAwB,EAAE;AAChE,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE;AACN,YAAA,MAAM,EAAE,cAAc;AACtB,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,MAAM,EAAE,cAAc;AACvB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,MAAM,EAAE,QAAQ;AACjB,KAAA;AACF,CAAA;AAEM,MAAM,qBAAqB,GAAG,GAAG,CACtC,gGAAgG,EAChG;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,yBAAyB;AAC7B,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,kBAAkB;AAC1B,YAAA,OAAO,EAAE,uBAAuB;AAChC,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,IAAI,EAAE,gBAAgB;AACvB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,2BAA2B;AACjC,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,SAAS,EAAE,KAAK;AACjB,KAAA;AACF,CAAA;AAGI,MAAM,oBAAoB,GAAG,GAAG,CAAC,SAAS,EAAE;AACjD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,WAAW;AAChB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA;AAEM,MAAM,oBAAoB,GAAG,GAAG,CAAC,0BAA0B,EAAE;AAClE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,cAAc;AACnB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA;;MCpFY,gBAAgB,CAAA;AACX,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,KAAK,GAAG,KAAK,CAAQ,YAAY,iDAAC;AAClC,IAAA,KAAK,GAAG,KAAK,CAAc,SAAS,iDAAC;AACrC,IAAA,MAAM,GAAG,KAAK,CAAe,QAAQ,kDAAC;IACtC,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;AAChC,IAAA,KAAK,GAAG,KAAK,CAAc,MAAM,iDAAC;AAClC,IAAA,SAAS,GAAG,KAAK,CAAkB,UAAU,qDAAC;IAC9C,UAAU,GAAG,KAAK,CAAC,KAAK,uDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACpD,eAAe,GAAG,KAAK,CAAC,KAAK,4DAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACzD,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;AACtD,IAAA,YAAY,GAAG,KAAK,CAAS,EAAE,wDAAC;AAE7B,IAAA,WAAW,GAAG,MAAM,CAAC,KAAK,uDAAC;AAE3B,IAAA,WAAW,GAAG,QAAQ,CAAC,MACxC,aAAa,CACX,IAAI,CAAC,UAAU,EAAE,GAAG,gCAAgC,GAAG,aAAa,EACpE,UAAU,EACV,IAAI,CAAC,YAAY,EAAE,GAAG,kCAAkC,GAAG,EAAE,EAC7D,IAAI,CAAC,KAAK,EAAE,CACb,uDACF;AAEkB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAC1C,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,yDACrF;AAEkB,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,wDAAC;AAC9E,IAAA,aAAa,GAAG,QAAQ,CAAC,MAC1C,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC,yDAC3G;AAEkB,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,wDAAC;AAE5E,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAC1C,QAAA,MAAM,KAAK,GAA0D;AACnE,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,EAAE,EAAE,IAAI;SACT;AACD,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAC5B,IAAA,CAAC,oDAAC;AAEiB,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,QAAQ,mDAAC;AACjE,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,2DAAC;AACtE,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE;QAChC,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AAC/C,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;AACjC,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE;QACzE,OAAO,CAAA,EAAG,KAAK,CAAA,EAAG,IAAI,EAAE,CAAC,WAAW,EAAE;AACxC,IAAA,CAAC,oDAAC;IAEQ,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC5B;uGAjEW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxB7B,85BA0BA,EAAA,MAAA,EAAA,CAAA,6pBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDZY,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,cAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAUb,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,OAAA,EACX,CAAC,cAAc,CAAC,cACb,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,eAAe;AAC3B,qBAAA,EAAA,QAAA,EAAA,85BAAA,EAAA,MAAA,EAAA,CAAA,6pBAAA,CAAA,EAAA;;;MEJU,qBAAqB,CAAA;AAChB,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,MAAM,GAAG,KAAK,CAAgB,EAAE,kDAAC;AACjC,IAAA,IAAI,GAAG,KAAK,CAAC,CAAC,gDAAC;AACf,IAAA,KAAK,GAAG,KAAK,CAAc,SAAS,iDAAC;AACrC,IAAA,MAAM,GAAG,KAAK,CAAe,QAAQ,kDAAC;AACtC,IAAA,KAAK,GAAG,KAAK,CAAc,OAAO,iDAAC;IAEhC,WAAW,GAAG,QAAQ,CAAC,MACxC,aAAa,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAC3E;AAEkB,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAC/E,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC9F,IAAA,eAAe,GAAG,QAAQ,CAAC,MAC5C,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,2DAC/E;uGAhBU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBlC,gcAgBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FASf,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EACjB,CAAC,gBAAgB,CAAC,cACf,IAAI,EAAA,eAAA,EAEC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,eAAe;AAC3B,qBAAA,EAAA,QAAA,EAAA,gcAAA,EAAA;;;AEhBH;;AAEG;;;;"}