@shival99/z-ui 2.1.32 → 2.2.0

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

@@ -103,26 +103,43 @@ const zAvatarGroupVariants = cva('inline-flex items-center', {
 });
 
 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" }] : []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    zSrc = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSrc" }] : /* istanbul ignore next */ []));
+    zName = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zName" }] : /* istanbul ignore next */ []));
+    zAlt = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zAlt" }] : /* istanbul ignore next */ []));
+    zIcon = input('lucideUser', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zIcon" }] : /* istanbul ignore next */ []));
+    zSize = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSize" }] : /* istanbul ignore next */ []));
+    zShape = input('circle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zShape" }] : /* istanbul ignore next */ []));
+    zStatus = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zStatus" }] : /* istanbul ignore next */ []));
+    zRing = input('none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zRing" }] : /* istanbul ignore next */ []));
+    zFallback = input('initials', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zFallback" }] : /* istanbul ignore next */ []));
+    zShowLabel = input(false, { ...(ngDevMode ? { debugName: "zShowLabel" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zStatusAnimated = input(false, { ...(ngDevMode ? { debugName: "zStatusAnimated" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zInteractive = input(false, { ...(ngDevMode ? { debugName: "zInteractive" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zDescription = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zDescription" }] : /* istanbul ignore next */ []));
+    imageFailed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "imageFailed" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => zMergeClasses(this.zShowLabel() ? 'inline-flex items-center gap-3' : 'inline-flex', 'relative', this.zInteractive() ? 'z-avatar--interactive hover:z-10' : '', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    avatarClasses = computed(() => zAvatarVariants({ zSize: this.zSize(), zShape: this.zShape(), zRing: this.zRing() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "avatarClasses" }] : /* istanbul ignore next */ []));
+    imageClasses = computed(() => zAvatarImageVariants({ zShape: this.zShape() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "imageClasses" }] : /* istanbul ignore next */ []));
+    statusClasses = computed(() => zAvatarStatusVariants({ zSize: this.zSize(), zStatus: this.zStatus(), zAnimated: this.zStatusAnimated() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "statusClasses" }] : /* istanbul ignore next */ []));
+    labelClasses = computed(() => zAvatarLabelVariants({ zSize: this.zSize() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
     iconSize = computed(() => {
         const sizes = {
             xs: '12',
@@ -132,9 +149,12 @@ class ZAvatarComponent {
             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" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    altText = computed(() => this.zAlt() || this.zName() || 'Avatar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "altText" }] : /* istanbul ignore next */ []));
+    shouldShowImage = computed(() => !!this.zSrc() && !this.imageFailed(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shouldShowImage" }] : /* istanbul ignore next */ []));
     initials = computed(() => {
         const name = this.zName().trim();
         if (!name) {
@@ -144,14 +164,15 @@ class ZAvatarComponent {
         const first = parts[0]?.[0] ?? '';
         const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';
         return `${first}${last}`.toUpperCase();
-    }, ...(ngDevMode ? [{ debugName: "initials" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
     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", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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", "zAnimatedType", "zAnimate", "zAnimationTrigger", "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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'z-avatar', imports: [ZIconComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'hostClasses()',
@@ -159,20 +180,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
         }], 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 });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    zItems = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zItems" }] : /* istanbul ignore next */ []));
+    zMax = input(5, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zMax" }] : /* istanbul ignore next */ []));
+    zSize = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSize" }] : /* istanbul ignore next */ []));
+    zShape = input('circle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zShape" }] : /* istanbul ignore next */ []));
+    zRing = input('muted', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zRing" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => zMergeClasses(zAvatarGroupVariants({ zSize: this.zSize() }), this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    visibleItems = computed(() => this.zItems().slice(0, Math.max(0, this.zMax())), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []));
+    overflowCount = computed(() => Math.max(0, this.zItems().length - this.visibleItems().length), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
+    overflowClasses = computed(() => zAvatarVariants({ zSize: this.zSize(), zShape: this.zShape(), zRing: 'none' }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", 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()',

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

@@ -1 +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":"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"}
+{"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":"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"}

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

@@ -74,20 +74,30 @@ const zBreadcrumbSeparatorVariants = cva(['text-muted-foreground/60 flex shrink-
 
 class ZBreadcrumbComponent {
     zItemClick = output();
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    zItems = input([], ...(ngDevMode ? [{ debugName: "zItems" }] : []));
-    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
-    zSeparator = input('lucideChevronRight', ...(ngDevMode ? [{ debugName: "zSeparator" }] : []));
-    zSeparatorSize = input('14', ...(ngDevMode ? [{ debugName: "zSeparatorSize" }] : []));
-    zHomeIcon = input(undefined, ...(ngDevMode ? [{ debugName: "zHomeIcon" }] : []));
-    zShowHome = input(false, { ...(ngDevMode ? { debugName: "zShowHome" } : {}), transform: zTransform });
-    listClasses = computed(() => zMergeClasses(zBreadcrumbVariants({ zSize: this.zSize() }), this.class()), ...(ngDevMode ? [{ debugName: "listClasses" }] : []));
-    homeClasses = computed(() => zBreadcrumbHomeVariants({ zSize: this.zSize() }), ...(ngDevMode ? [{ debugName: "homeClasses" }] : []));
-    separatorClasses = computed(() => zBreadcrumbSeparatorVariants({ zSize: this.zSize() }), ...(ngDevMode ? [{ debugName: "separatorClasses" }] : []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    zItems = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zItems" }] : /* istanbul ignore next */ []));
+    zSize = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSize" }] : /* istanbul ignore next */ []));
+    zSeparator = input('lucideChevronRight', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSeparator" }] : /* istanbul ignore next */ []));
+    zSeparatorSize = input('14', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSeparatorSize" }] : /* istanbul ignore next */ []));
+    zHomeIcon = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zHomeIcon" }] : /* istanbul ignore next */ []));
+    zShowHome = input(false, { ...(ngDevMode ? { debugName: "zShowHome" } : /* istanbul ignore next */ {}), transform: zTransform });
+    listClasses = computed(() => zMergeClasses(zBreadcrumbVariants({ zSize: this.zSize() }), this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listClasses" }] : /* istanbul ignore next */ []));
+    homeClasses = computed(() => zBreadcrumbHomeVariants({ zSize: this.zSize() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "homeClasses" }] : /* istanbul ignore next */ []));
+    separatorClasses = computed(() => zBreadcrumbSeparatorVariants({ zSize: this.zSize() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separatorClasses" }] : /* istanbul ignore next */ []));
     separatorIsIcon = computed(() => {
         const separator = this.zSeparator();
         return separator.startsWith('lucide') || separator.startsWith('sax');
-    }, ...(ngDevMode ? [{ debugName: "separatorIsIcon" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separatorIsIcon" }] : /* istanbul ignore next */ []));
     displayItems = computed(() => this.zItems().map((item, index, items) => {
         const isLast = index === items.length - 1;
         return {
@@ -99,17 +109,18 @@ class ZBreadcrumbComponent {
                 isDisabled: item.disabled ?? false,
             }),
         };
-    }), ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
     onItemClick(item, isLast) {
         if (isLast || item.disabled) {
             return;
         }
         this.zItemClick.emit(item);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZBreadcrumbComponent, isStandalone: true, selector: "z-breadcrumb", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zItems: { classPropertyName: "zItems", publicName: "zItems", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zSeparator: { classPropertyName: "zSeparator", publicName: "zSeparator", isSignal: true, isRequired: false, transformFunction: null }, zSeparatorSize: { classPropertyName: "zSeparatorSize", publicName: "zSeparatorSize", isSignal: true, isRequired: false, transformFunction: null }, zHomeIcon: { classPropertyName: "zHomeIcon", publicName: "zHomeIcon", isSignal: true, isRequired: false, transformFunction: null }, zShowHome: { classPropertyName: "zShowHome", publicName: "zShowHome", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zItemClick: "zItemClick" }, host: { classAttribute: "block min-w-0" }, ngImport: i0, template: "<nav aria-label=\"Breadcrumb\">\n  <ol data-slot=\"breadcrumb-list\" [class]=\"listClasses()\">\n    @if (zShowHome() && zHomeIcon()) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        <span\n          data-slot=\"breadcrumb-link\"\n          [class]=\"homeClasses()\"\n          (click)=\"onItemClick({ label: 'Home', path: '/' }, false)\">\n          <z-icon [zType]=\"zHomeIcon()!\" [zSize]=\"zSeparatorSize()\" />\n        </span>\n      </li>\n\n      @if (zItems().length > 0) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n\n    @for (item of displayItems(); track item.label) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        @if (item.path && !item.isLast && !item.disabled) {\n          <a\n            data-slot=\"breadcrumb-link\"\n            [routerLink]=\"item.path\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </a>\n        } @else {\n          <span\n            [attr.data-slot]=\"item.isLast ? 'breadcrumb-page' : 'breadcrumb-link'\"\n            [attr.aria-current]=\"item.isLast ? 'page' : null\"\n            [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </span>\n        }\n      </li>\n\n      @if (!item.isLast) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n  </ol>\n</nav>\n", dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ZBreadcrumbComponent, isStandalone: true, selector: "z-breadcrumb", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zItems: { classPropertyName: "zItems", publicName: "zItems", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zSeparator: { classPropertyName: "zSeparator", publicName: "zSeparator", isSignal: true, isRequired: false, transformFunction: null }, zSeparatorSize: { classPropertyName: "zSeparatorSize", publicName: "zSeparatorSize", isSignal: true, isRequired: false, transformFunction: null }, zHomeIcon: { classPropertyName: "zHomeIcon", publicName: "zHomeIcon", isSignal: true, isRequired: false, transformFunction: null }, zShowHome: { classPropertyName: "zShowHome", publicName: "zShowHome", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zItemClick: "zItemClick" }, host: { classAttribute: "block min-w-0" }, ngImport: i0, template: "<nav aria-label=\"Breadcrumb\">\n  <ol data-slot=\"breadcrumb-list\" [class]=\"listClasses()\">\n    @if (zShowHome() && zHomeIcon()) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        <span\n          data-slot=\"breadcrumb-link\"\n          [class]=\"homeClasses()\"\n          (click)=\"onItemClick({ label: 'Home', path: '/' }, false)\">\n          <z-icon [zType]=\"zHomeIcon()!\" [zSize]=\"zSeparatorSize()\" />\n        </span>\n      </li>\n\n      @if (zItems().length > 0) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n\n    @for (item of displayItems(); track item.label) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        @if (item.path && !item.isLast && !item.disabled) {\n          <a\n            data-slot=\"breadcrumb-link\"\n            [routerLink]=\"item.path\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </a>\n        } @else {\n          <span\n            [attr.data-slot]=\"item.isLast ? 'breadcrumb-page' : 'breadcrumb-link'\"\n            [attr.aria-current]=\"item.isLast ? 'page' : null\"\n            [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </span>\n        }\n      </li>\n\n      @if (!item.isLast) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n  </ol>\n</nav>\n", dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'z-breadcrumb', imports: [ZIconComponent, RouterLink, TranslatePipe], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'block min-w-0',

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

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-breadcrumb.mjs","sources":["../../../../libs/core-ui/components/z-breadcrumb/z-breadcrumb.variants.ts","../../../../libs/core-ui/components/z-breadcrumb/z-breadcrumb.component.ts","../../../../libs/core-ui/components/z-breadcrumb/z-breadcrumb.component.html","../../../../libs/core-ui/components/z-breadcrumb/shival99-z-ui-components-z-breadcrumb.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zBreadcrumbVariants = cva(\n  ['text-muted-foreground flex min-w-0 flex-wrap items-center gap-1.5 break-words'],\n  {\n    variants: {\n      zSize: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n    },\n  }\n);\n\nexport const zBreadcrumbItemVariants = cva(['inline-flex min-w-0 items-center gap-2 transition-colors duration-150'], {\n  variants: {\n    zSize: {\n      sm: 'gap-1',\n      default: 'gap-2',\n      lg: 'gap-2',\n    },\n    isActive: {\n      true: 'text-foreground font-normal',\n      false: 'text-muted-foreground hover:text-foreground cursor-pointer',\n    },\n    isDisabled: {\n      true: 'text-muted-foreground/50 cursor-not-allowed pointer-events-none',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    {\n      isActive: true,\n      isDisabled: true,\n      class: 'text-muted-foreground/50',\n    },\n  ],\n  defaultVariants: {\n    zSize: 'default',\n    isActive: false,\n    isDisabled: false,\n  },\n});\n\nexport const zBreadcrumbHomeVariants = cva(\n  ['text-muted-foreground hover:text-foreground inline-flex items-center gap-2 transition-colors duration-150'],\n  {\n    variants: {\n      zSize: {\n        sm: 'gap-1',\n        default: 'gap-2',\n        lg: 'gap-2',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n    },\n  }\n);\n\nexport const zBreadcrumbSeparatorVariants = cva(['text-muted-foreground/60 flex shrink-0 items-center'], {\n  variants: {\n    zSize: {\n      sm: '[&_z-icon]:size-3',\n      default: '[&_z-icon]:size-3.5',\n      lg: '[&_z-icon]:size-4',\n    },\n  },\n  defaultVariants: {\n    zSize: 'default',\n  },\n});\n\nexport type ZBreadcrumbVariants = VariantProps<typeof zBreadcrumbVariants>;\nexport type ZBreadcrumbItemVariants = VariantProps<typeof zBreadcrumbItemVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, output, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport type { ZIconVariants, ZIcon } from '@shival99/z-ui/components/z-icon';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZBreadcrumbItem, ZBreadcrumbSeparator } from './z-breadcrumb.types';\nimport {\n  zBreadcrumbHomeVariants,\n  zBreadcrumbItemVariants,\n  zBreadcrumbSeparatorVariants,\n  zBreadcrumbVariants,\n  type ZBreadcrumbVariants,\n} from './z-breadcrumb.variants';\n\n@Component({\n  selector: 'z-breadcrumb',\n  imports: [ZIconComponent, RouterLink, TranslatePipe],\n  standalone: true,\n  templateUrl: './z-breadcrumb.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'block min-w-0',\n  },\n})\nexport class ZBreadcrumbComponent {\n  public readonly zItemClick = output<ZBreadcrumbItem>();\n\n  public readonly class = input<ClassValue>('');\n  public readonly zItems = input<ZBreadcrumbItem[]>([]);\n  public readonly zSize = input<ZBreadcrumbVariants['zSize']>('default');\n  public readonly zSeparator = input<ZBreadcrumbSeparator>('lucideChevronRight');\n  public readonly zSeparatorSize = input<ZIconVariants['zSize']>('14');\n  public readonly zHomeIcon = input<ZIcon | undefined>(undefined);\n  public readonly zShowHome = input(false, { transform: zTransform });\n\n  protected readonly listClasses = computed(() =>\n    zMergeClasses(zBreadcrumbVariants({ zSize: this.zSize() }), this.class())\n  );\n\n  protected readonly homeClasses = computed(() => zBreadcrumbHomeVariants({ zSize: this.zSize() }));\n  protected readonly separatorClasses = computed(() => zBreadcrumbSeparatorVariants({ zSize: this.zSize() }));\n  protected readonly separatorIsIcon = computed(() => {\n    const separator = this.zSeparator();\n    return separator.startsWith('lucide') || separator.startsWith('sax');\n  });\n\n  protected readonly displayItems = computed(() =>\n    this.zItems().map((item, index, items) => {\n      const isLast = index === items.length - 1;\n\n      return {\n        ...item,\n        isLast,\n        className: zBreadcrumbItemVariants({\n          zSize: this.zSize(),\n          isActive: isLast,\n          isDisabled: item.disabled ?? false,\n        }),\n      };\n    })\n  );\n\n  protected onItemClick(item: ZBreadcrumbItem, isLast: boolean): void {\n    if (isLast || item.disabled) {\n      return;\n    }\n\n    this.zItemClick.emit(item);\n  }\n}\n","<nav aria-label=\"Breadcrumb\">\n  <ol data-slot=\"breadcrumb-list\" [class]=\"listClasses()\">\n    @if (zShowHome() && zHomeIcon()) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        <span\n          data-slot=\"breadcrumb-link\"\n          [class]=\"homeClasses()\"\n          (click)=\"onItemClick({ label: 'Home', path: '/' }, false)\">\n          <z-icon [zType]=\"zHomeIcon()!\" [zSize]=\"zSeparatorSize()\" />\n        </span>\n      </li>\n\n      @if (zItems().length > 0) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n\n    @for (item of displayItems(); track item.label) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        @if (item.path && !item.isLast && !item.disabled) {\n          <a\n            data-slot=\"breadcrumb-link\"\n            [routerLink]=\"item.path\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </a>\n        } @else {\n          <span\n            [attr.data-slot]=\"item.isLast ? 'breadcrumb-page' : 'breadcrumb-link'\"\n            [attr.aria-current]=\"item.isLast ? 'page' : null\"\n            [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </span>\n        }\n      </li>\n\n      @if (!item.isLast) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n  </ol>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shival99-z-ui-components-z-breadcrumb.mjs","sources":["../../../../libs/core-ui/components/z-breadcrumb/z-breadcrumb.variants.ts","../../../../libs/core-ui/components/z-breadcrumb/z-breadcrumb.component.ts","../../../../libs/core-ui/components/z-breadcrumb/z-breadcrumb.component.html","../../../../libs/core-ui/components/z-breadcrumb/shival99-z-ui-components-z-breadcrumb.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zBreadcrumbVariants = cva(\n  ['text-muted-foreground flex min-w-0 flex-wrap items-center gap-1.5 break-words'],\n  {\n    variants: {\n      zSize: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n    },\n  }\n);\n\nexport const zBreadcrumbItemVariants = cva(['inline-flex min-w-0 items-center gap-2 transition-colors duration-150'], {\n  variants: {\n    zSize: {\n      sm: 'gap-1',\n      default: 'gap-2',\n      lg: 'gap-2',\n    },\n    isActive: {\n      true: 'text-foreground font-normal',\n      false: 'text-muted-foreground hover:text-foreground cursor-pointer',\n    },\n    isDisabled: {\n      true: 'text-muted-foreground/50 cursor-not-allowed pointer-events-none',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    {\n      isActive: true,\n      isDisabled: true,\n      class: 'text-muted-foreground/50',\n    },\n  ],\n  defaultVariants: {\n    zSize: 'default',\n    isActive: false,\n    isDisabled: false,\n  },\n});\n\nexport const zBreadcrumbHomeVariants = cva(\n  ['text-muted-foreground hover:text-foreground inline-flex items-center gap-2 transition-colors duration-150'],\n  {\n    variants: {\n      zSize: {\n        sm: 'gap-1',\n        default: 'gap-2',\n        lg: 'gap-2',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n    },\n  }\n);\n\nexport const zBreadcrumbSeparatorVariants = cva(['text-muted-foreground/60 flex shrink-0 items-center'], {\n  variants: {\n    zSize: {\n      sm: '[&_z-icon]:size-3',\n      default: '[&_z-icon]:size-3.5',\n      lg: '[&_z-icon]:size-4',\n    },\n  },\n  defaultVariants: {\n    zSize: 'default',\n  },\n});\n\nexport type ZBreadcrumbVariants = VariantProps<typeof zBreadcrumbVariants>;\nexport type ZBreadcrumbItemVariants = VariantProps<typeof zBreadcrumbItemVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, output, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport type { ZIconVariants, ZIcon } from '@shival99/z-ui/components/z-icon';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZBreadcrumbItem, ZBreadcrumbSeparator } from './z-breadcrumb.types';\nimport {\n  zBreadcrumbHomeVariants,\n  zBreadcrumbItemVariants,\n  zBreadcrumbSeparatorVariants,\n  zBreadcrumbVariants,\n  type ZBreadcrumbVariants,\n} from './z-breadcrumb.variants';\n\n@Component({\n  selector: 'z-breadcrumb',\n  imports: [ZIconComponent, RouterLink, TranslatePipe],\n  standalone: true,\n  templateUrl: './z-breadcrumb.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'block min-w-0',\n  },\n})\nexport class ZBreadcrumbComponent {\n  public readonly zItemClick = output<ZBreadcrumbItem>();\n\n  public readonly class = input<ClassValue>('');\n  public readonly zItems = input<ZBreadcrumbItem[]>([]);\n  public readonly zSize = input<ZBreadcrumbVariants['zSize']>('default');\n  public readonly zSeparator = input<ZBreadcrumbSeparator>('lucideChevronRight');\n  public readonly zSeparatorSize = input<ZIconVariants['zSize']>('14');\n  public readonly zHomeIcon = input<ZIcon | undefined>(undefined);\n  public readonly zShowHome = input(false, { transform: zTransform });\n\n  protected readonly listClasses = computed(() =>\n    zMergeClasses(zBreadcrumbVariants({ zSize: this.zSize() }), this.class())\n  );\n\n  protected readonly homeClasses = computed(() => zBreadcrumbHomeVariants({ zSize: this.zSize() }));\n  protected readonly separatorClasses = computed(() => zBreadcrumbSeparatorVariants({ zSize: this.zSize() }));\n  protected readonly separatorIsIcon = computed(() => {\n    const separator = this.zSeparator();\n    return separator.startsWith('lucide') || separator.startsWith('sax');\n  });\n\n  protected readonly displayItems = computed(() =>\n    this.zItems().map((item, index, items) => {\n      const isLast = index === items.length - 1;\n\n      return {\n        ...item,\n        isLast,\n        className: zBreadcrumbItemVariants({\n          zSize: this.zSize(),\n          isActive: isLast,\n          isDisabled: item.disabled ?? false,\n        }),\n      };\n    })\n  );\n\n  protected onItemClick(item: ZBreadcrumbItem, isLast: boolean): void {\n    if (isLast || item.disabled) {\n      return;\n    }\n\n    this.zItemClick.emit(item);\n  }\n}\n","<nav aria-label=\"Breadcrumb\">\n  <ol data-slot=\"breadcrumb-list\" [class]=\"listClasses()\">\n    @if (zShowHome() && zHomeIcon()) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        <span\n          data-slot=\"breadcrumb-link\"\n          [class]=\"homeClasses()\"\n          (click)=\"onItemClick({ label: 'Home', path: '/' }, false)\">\n          <z-icon [zType]=\"zHomeIcon()!\" [zSize]=\"zSeparatorSize()\" />\n        </span>\n      </li>\n\n      @if (zItems().length > 0) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n\n    @for (item of displayItems(); track item.label) {\n      <li data-slot=\"breadcrumb-item\" class=\"inline-flex items-center gap-1.5\">\n        @if (item.path && !item.isLast && !item.disabled) {\n          <a\n            data-slot=\"breadcrumb-link\"\n            [routerLink]=\"item.path\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </a>\n        } @else {\n          <span\n            [attr.data-slot]=\"item.isLast ? 'breadcrumb-page' : 'breadcrumb-link'\"\n            [attr.aria-current]=\"item.isLast ? 'page' : null\"\n            [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n            [class]=\"item.className\"\n            (click)=\"onItemClick(item, item.isLast)\">\n            @if (item.icon) {\n              <z-icon [zType]=\"item.icon\" [zSize]=\"zSeparatorSize()\" />\n            }\n            <span class=\"truncate\">{{ item.label | translate }}</span>\n          </span>\n        }\n      </li>\n\n      @if (!item.isLast) {\n        <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" [class]=\"separatorClasses()\">\n          @if (separatorIsIcon()) {\n            <z-icon [zType]=\"$any(zSeparator())\" [zSize]=\"zSeparatorSize()\" />\n          } @else {\n            <span>{{ zSeparator() }}</span>\n          }\n        </li>\n      }\n    }\n  </ol>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/shival99-z-ui-components-z-button-group.mjs

@@ -7,16 +7,20 @@ const Z_BUTTON_GROUP = new InjectionToken('Z_BUTTON_GROUP');
 
 class ZButtonGroupItemDirective {
     _group = inject(Z_BUTTON_GROUP, { optional: true });
-    _index = signal(-1, ...(ngDevMode ? [{ debugName: "_index" }] : []));
+    _index = signal(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_index" }] : /* istanbul ignore next */ []));
     /** Khóa ổn định tùy chọn, ưu tiên hơn index khi xác định active. */
-    zValue = input(...(ngDevMode ? [undefined, { debugName: "zValue" }] : []));
-    _value = computed(() => this.zValue() ?? this._index(), ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    zValue = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zValue" }] : /* istanbul ignore next */ []));
+    _value = computed(() => this.zValue() ?? this._index(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
     isActive = computed(() => {
         if (!this._group) {
             return false;
         }
         return this._group._isItemActive(this._value());
-    }, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
     index = this._index.asReadonly();
     _setIndex(index) {
         this._index.set(index);
@@ -27,10 +31,10 @@ class ZButtonGroupItemDirective {
         }
         this._group._selectItem(this._value(), this._index());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ZButtonGroupItemDirective, isStandalone: true, selector: "[z-button-group-item]", inputs: { zValue: { classPropertyName: "zValue", publicName: "zValue", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class.z-button-group-item-active": "isActive()" } }, exportAs: ["zButtonGroupItem"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ZButtonGroupItemDirective, isStandalone: true, selector: "[z-button-group-item]", inputs: { zValue: { classPropertyName: "zValue", publicName: "zValue", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class.z-button-group-item-active": "isActive()" } }, exportAs: ["zButtonGroupItem"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonGroupItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonGroupItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[z-button-group-item]',
@@ -103,15 +107,18 @@ const zButtonGroupSeparatorVariants = cva('shrink-0 bg-border', {
 });
 
 class ZButtonGroupSeparatorComponent {
-    zClass = input('', ...(ngDevMode ? [{ debugName: "zClass" }] : []));
-    zOrientation = input('horizontal', ...(ngDevMode ? [{ debugName: "zOrientation" }] : []));
+    zClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClass" }] : /* istanbul ignore next */ []));
+    zOrientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zOrientation" }] : /* istanbul ignore next */ []));
     zClasses = computed(() => zMergeClasses(zButtonGroupSeparatorVariants({
         zOrientation: this.zOrientation(),
-    }), this.zClass()), ...(ngDevMode ? [{ debugName: "zClasses" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonGroupSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.9", type: ZButtonGroupSeparatorComponent, isStandalone: true, selector: "z-button-group-separator", inputs: { zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zOrientation: { classPropertyName: "zOrientation", publicName: "zOrientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "zClasses()" } }, exportAs: ["zButtonGroupSeparator"], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    }), this.zClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonGroupSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: ZButtonGroupSeparatorComponent, isStandalone: true, selector: "z-button-group-separator", inputs: { zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zOrientation: { classPropertyName: "zOrientation", publicName: "zOrientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "zClasses()" } }, exportAs: ["zButtonGroupSeparator"], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonGroupSeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonGroupSeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'z-button-group-separator',
@@ -128,15 +135,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
         }], propDecorators: { zClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClass", required: false }] }], zOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOrientation", required: false }] }] } });
 
 class ZButtonGroupComponent {
-    zClass = input('', ...(ngDevMode ? [{ debugName: "zClass" }] : []));
-    zOrientation = input('horizontal', ...(ngDevMode ? [{ debugName: "zOrientation" }] : []));
-    zActive = model(null, ...(ngDevMode ? [{ debugName: "zActive" }] : []));
+    zClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClass" }] : /* istanbul ignore next */ []));
+    zOrientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zOrientation" }] : /* istanbul ignore next */ []));
+    zActive = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zActive" }] : /* istanbul ignore next */ []));
     zActiveIndexChange = output();
     zActiveValueChange = output();
-    _items = contentChildren(ZButtonGroupItemDirective, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+    _items = contentChildren(ZButtonGroupItemDirective, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
     zClasses = computed(() => zMergeClasses(zButtonGroupVariants({
         zOrientation: this.zOrientation(),
-    }), this.zClass()), ...(ngDevMode ? [{ debugName: "zClasses" }] : []));
+    }), this.zClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClasses" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const items = this._items();
@@ -154,8 +166,8 @@ class ZButtonGroupComponent {
     _isItemActive(value) {
         return this.zActive() === value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: ZButtonGroupComponent, isStandalone: true, selector: "z-button-group", inputs: { zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zOrientation: { classPropertyName: "zOrientation", publicName: "zOrientation", isSignal: true, isRequired: false, transformFunction: null }, zActive: { classPropertyName: "zActive", publicName: "zActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zActive: "zActiveChange", zActiveIndexChange: "zActiveIndexChange", zActiveValueChange: "zActiveValueChange" }, host: { attributes: { "role": "group" }, properties: { "class": "zClasses()" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: ZButtonGroupComponent, isStandalone: true, selector: "z-button-group", inputs: { zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zOrientation: { classPropertyName: "zOrientation", publicName: "zOrientation", isSignal: true, isRequired: false, transformFunction: null }, zActive: { classPropertyName: "zActive", publicName: "zActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zActive: "zActiveChange", zActiveIndexChange: "zActiveIndexChange", zActiveValueChange: "zActiveValueChange" }, host: { attributes: { "role": "group" }, properties: { "class": "zClasses()" } }, providers: [
             {
                 provide: Z_BUTTON_GROUP,
                 useExisting: ZButtonGroupComponent,
@@ -164,7 +176,7 @@ class ZButtonGroupComponent {
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'z-button-group',