@shival99/z-ui 1.3.38 → 1.3.40

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { viewChild, input, output, signal, inject, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { viewChild, input, computed, output, signal, inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ZIconComponent } from '@shival99/z-ui/components/z-icon';
 import { ZTranslateService } from '@shival99/z-ui/services';
 import { zTransform, zMergeClasses } from '@shival99/z-ui/utils';
@@ -80,6 +80,8 @@ class ZTagsComponent {
     zAddPlaceholder = input('', ...(ngDevMode ? [{ debugName: "zAddPlaceholder" }] : []));
     zRandomColor = input(false, { ...(ngDevMode ? { debugName: "zRandomColor" } : {}), transform: zTransform });
     zTagClass = input('', ...(ngDevMode ? [{ debugName: "zTagClass" }] : []));
+    zLabelClass = input('', ...(ngDevMode ? [{ debugName: "zLabelClass" }] : []));
+    labelClasses = computed(() => zMergeClasses(this.zLabelClass()), ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
     zTagClose = output();
     zTagAdd = output();
     isAdding = signal(false, ...(ngDevMode ? [{ debugName: "isAdding" }] : []));
@@ -228,14 +230,14 @@ class ZTagsComponent {
         this.isAdding.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZTagsComponent, isStandalone: true, selector: "z-tags", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zTags: { classPropertyName: "zTags", publicName: "zTags", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zColor: { classPropertyName: "zColor", publicName: "zColor", isSignal: true, isRequired: false, transformFunction: null }, zClosable: { classPropertyName: "zClosable", publicName: "zClosable", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zAddable: { classPropertyName: "zAddable", publicName: "zAddable", isSignal: true, isRequired: false, transformFunction: null }, zAddText: { classPropertyName: "zAddText", publicName: "zAddText", isSignal: true, isRequired: false, transformFunction: null }, zAddPlaceholder: { classPropertyName: "zAddPlaceholder", publicName: "zAddPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, zRandomColor: { classPropertyName: "zRandomColor", publicName: "zRandomColor", isSignal: true, isRequired: false, transformFunction: null }, zTagClass: { classPropertyName: "zTagClass", publicName: "zTagClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zTagClose: "zTagClose", zTagAdd: "zTagAdd" }, host: { properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "_addInput", first: true, predicate: ["addInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"containerClasses()\">\n  @for (tag of zTags(); track tag.value) {\n    <span [class]=\"getTagClasses(tag)\" [style]=\"getTagStyle(tag)\">\n      <span>{{ tag.label }}</span>\n      @if (isClosable(tag)) {\n        <button\n          type=\"button\"\n          [class]=\"closeButtonClasses()\"\n          [disabled]=\"tag.disabled || zDisabled()\"\n          (click)=\"onRemoveTag(tag, $event)\"\n          [attr.aria-label]=\"'Remove ' + tag.label\">\n          <z-icon zType=\"lucideX\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        </button>\n      }\n    </span>\n  }\n\n  @if (zAddable() && !zDisabled()) {\n    @if (isAdding()) {\n      <input\n        #addInput\n        type=\"text\"\n        [class]=\"addInputClasses()\"\n        [placeholder]=\"effectiveAddPlaceholder()\"\n        (keydown.enter)=\"onAddConfirm($event)\"\n        (keydown.escape)=\"onAddCancel()\"\n        (blur)=\"onAddBlur()\" />\n    } @else {\n      <button type=\"button\" [class]=\"addButtonClasses()\" (click)=\"onAddClick()\">\n        <z-icon zType=\"lucidePlus\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        <span>{{ effectiveAddText() }}</span>\n      </button>\n    }\n  }\n</div>\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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZTagsComponent, isStandalone: true, selector: "z-tags", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zTags: { classPropertyName: "zTags", publicName: "zTags", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zColor: { classPropertyName: "zColor", publicName: "zColor", isSignal: true, isRequired: false, transformFunction: null }, zClosable: { classPropertyName: "zClosable", publicName: "zClosable", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zAddable: { classPropertyName: "zAddable", publicName: "zAddable", isSignal: true, isRequired: false, transformFunction: null }, zAddText: { classPropertyName: "zAddText", publicName: "zAddText", isSignal: true, isRequired: false, transformFunction: null }, zAddPlaceholder: { classPropertyName: "zAddPlaceholder", publicName: "zAddPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, zRandomColor: { classPropertyName: "zRandomColor", publicName: "zRandomColor", isSignal: true, isRequired: false, transformFunction: null }, zTagClass: { classPropertyName: "zTagClass", publicName: "zTagClass", isSignal: true, isRequired: false, transformFunction: null }, zLabelClass: { classPropertyName: "zLabelClass", publicName: "zLabelClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zTagClose: "zTagClose", zTagAdd: "zTagAdd" }, host: { properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "_addInput", first: true, predicate: ["addInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"containerClasses()\">\n  @for (tag of zTags(); track tag.value) {\n    <span [class]=\"getTagClasses(tag)\" [style]=\"getTagStyle(tag)\">\n      <span [class]=\"labelClasses()\">{{ tag.label }}</span>\n      @if (isClosable(tag)) {\n        <button\n          type=\"button\"\n          [class]=\"closeButtonClasses()\"\n          [disabled]=\"tag.disabled || zDisabled()\"\n          (click)=\"onRemoveTag(tag, $event)\"\n          [attr.aria-label]=\"'Remove ' + tag.label\">\n          <z-icon zType=\"lucideX\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        </button>\n      }\n    </span>\n  }\n\n  @if (zAddable() && !zDisabled()) {\n    @if (isAdding()) {\n      <input\n        #addInput\n        type=\"text\"\n        [class]=\"addInputClasses()\"\n        [placeholder]=\"effectiveAddPlaceholder()\"\n        (keydown.enter)=\"onAddConfirm($event)\"\n        (keydown.escape)=\"onAddCancel()\"\n        (blur)=\"onAddBlur()\" />\n    } @else {\n      <button type=\"button\" [class]=\"addButtonClasses()\" (click)=\"onAddClick()\">\n        <z-icon zType=\"lucidePlus\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        <span>{{ effectiveAddText() }}</span>\n      </button>\n    }\n  }\n</div>\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.6", ngImport: i0, type: ZTagsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'z-tags', imports: [ZIconComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'hostClasses()',
-                    }, template: "<div [class]=\"containerClasses()\">\n  @for (tag of zTags(); track tag.value) {\n    <span [class]=\"getTagClasses(tag)\" [style]=\"getTagStyle(tag)\">\n      <span>{{ tag.label }}</span>\n      @if (isClosable(tag)) {\n        <button\n          type=\"button\"\n          [class]=\"closeButtonClasses()\"\n          [disabled]=\"tag.disabled || zDisabled()\"\n          (click)=\"onRemoveTag(tag, $event)\"\n          [attr.aria-label]=\"'Remove ' + tag.label\">\n          <z-icon zType=\"lucideX\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        </button>\n      }\n    </span>\n  }\n\n  @if (zAddable() && !zDisabled()) {\n    @if (isAdding()) {\n      <input\n        #addInput\n        type=\"text\"\n        [class]=\"addInputClasses()\"\n        [placeholder]=\"effectiveAddPlaceholder()\"\n        (keydown.enter)=\"onAddConfirm($event)\"\n        (keydown.escape)=\"onAddCancel()\"\n        (blur)=\"onAddBlur()\" />\n    } @else {\n      <button type=\"button\" [class]=\"addButtonClasses()\" (click)=\"onAddClick()\">\n        <z-icon zType=\"lucidePlus\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        <span>{{ effectiveAddText() }}</span>\n      </button>\n    }\n  }\n</div>\n" }]
-        }], propDecorators: { _addInput: [{ type: i0.ViewChild, args: ['addInput', { isSignal: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTags", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zColor", required: false }] }], zClosable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClosable", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zAddable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAddable", required: false }] }], zAddText: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAddText", required: false }] }], zAddPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAddPlaceholder", required: false }] }], zRandomColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRandomColor", required: false }] }], zTagClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTagClass", required: false }] }], zTagClose: [{ type: i0.Output, args: ["zTagClose"] }], zTagAdd: [{ type: i0.Output, args: ["zTagAdd"] }] } });
+                    }, template: "<div [class]=\"containerClasses()\">\n  @for (tag of zTags(); track tag.value) {\n    <span [class]=\"getTagClasses(tag)\" [style]=\"getTagStyle(tag)\">\n      <span [class]=\"labelClasses()\">{{ tag.label }}</span>\n      @if (isClosable(tag)) {\n        <button\n          type=\"button\"\n          [class]=\"closeButtonClasses()\"\n          [disabled]=\"tag.disabled || zDisabled()\"\n          (click)=\"onRemoveTag(tag, $event)\"\n          [attr.aria-label]=\"'Remove ' + tag.label\">\n          <z-icon zType=\"lucideX\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        </button>\n      }\n    </span>\n  }\n\n  @if (zAddable() && !zDisabled()) {\n    @if (isAdding()) {\n      <input\n        #addInput\n        type=\"text\"\n        [class]=\"addInputClasses()\"\n        [placeholder]=\"effectiveAddPlaceholder()\"\n        (keydown.enter)=\"onAddConfirm($event)\"\n        (keydown.escape)=\"onAddCancel()\"\n        (blur)=\"onAddBlur()\" />\n    } @else {\n      <button type=\"button\" [class]=\"addButtonClasses()\" (click)=\"onAddClick()\">\n        <z-icon zType=\"lucidePlus\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        <span>{{ effectiveAddText() }}</span>\n      </button>\n    }\n  }\n</div>\n" }]
+        }], propDecorators: { _addInput: [{ type: i0.ViewChild, args: ['addInput', { isSignal: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTags", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zColor", required: false }] }], zClosable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClosable", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zAddable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAddable", required: false }] }], zAddText: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAddText", required: false }] }], zAddPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAddPlaceholder", required: false }] }], zRandomColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRandomColor", required: false }] }], zTagClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTagClass", required: false }] }], zLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLabelClass", required: false }] }], zTagClose: [{ type: i0.Output, args: ["zTagClose"] }], zTagAdd: [{ type: i0.Output, args: ["zTagAdd"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-tags.mjs","sources":["../../../../libs/core-ui/components/z-tags/z-tags.variants.ts","../../../../libs/core-ui/components/z-tags/z-tags.component.ts","../../../../libs/core-ui/components/z-tags/z-tags.component.html","../../../../libs/core-ui/components/z-tags/shival99-z-ui-components-z-tags.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zTagsContainerVariants = cva(['flex flex-wrap items-center'], {\n  variants: {\n    zSize: {\n      sm: 'gap-1',\n      default: 'gap-1.5',\n      lg: 'gap-2',\n    },\n  },\n  defaultVariants: {\n    zSize: 'default',\n  },\n});\n\nexport const zTagVariants = cva(\n  ['inline-flex items-center justify-center', 'rounded border font-medium', 'transition-colors duration-200'],\n  {\n    variants: {\n      zSize: {\n        sm: 'px-1.5 py-0.5 text-xs gap-1',\n        default: 'px-2 py-1 text-xs gap-1.5',\n        lg: 'px-2.5 py-1.5 text-sm gap-2',\n      },\n      zColor: {\n        default: 'bg-muted text-muted-foreground border-border hover:bg-muted/80',\n        primary: 'bg-primary/10 text-primary border-primary/20 hover:bg-primary/20',\n        success: 'bg-green-500/10 text-green-600 border-green-500/20 hover:bg-green-500/20 dark:text-green-400',\n        warning: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20 hover:bg-yellow-500/20 dark:text-yellow-400',\n        danger: 'bg-red-500/10 text-red-600 border-red-500/20 hover:bg-red-500/20 dark:text-red-400',\n        info: 'bg-blue-500/10 text-blue-600 border-blue-500/20 hover:bg-blue-500/20 dark:text-blue-400',\n      },\n      zClosable: {\n        true: '',\n        false: '',\n      },\n      zDisabled: {\n        true: 'opacity-50 cursor-not-allowed pointer-events-none',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n      zColor: 'default',\n      zClosable: false,\n      zDisabled: false,\n    },\n  }\n);\n\nexport const zTagCloseButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-full cursor-pointer',\n    'transition-colors duration-200',\n    'hover:bg-black/10 dark:hover:bg-white/10',\n    'outline-none focus:outline-none',\n  ],\n  {\n    variants: {\n      zSize: {\n        sm: 'size-3',\n        default: 'size-3.5',\n        lg: 'size-4',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n    },\n  }\n);\n\nexport type ZTagsContainerVariants = VariantProps<typeof zTagsContainerVariants>;\nexport type ZTagVariants = VariantProps<typeof zTagVariants>;\nexport type ZTagCloseButtonVariants = VariantProps<typeof zTagCloseButtonVariants>;\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport { ZTranslateService } from '@shival99/z-ui/services';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZTagColor, ZTagItem, ZTagRandomColorCache, ZTagSize } from './z-tags.types';\nimport { zTagCloseButtonVariants, zTagsContainerVariants, zTagVariants } from './z-tags.variants';\n\n@Component({\n  selector: 'z-tags',\n  imports: [ZIconComponent],\n  standalone: true,\n  templateUrl: './z-tags.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ZTagsComponent implements AfterViewInit {\n  private readonly _addInput = viewChild<ElementRef<HTMLInputElement>>('addInput');\n\n  public readonly class = input<ClassValue>('');\n  public readonly zTags = input<ZTagItem[]>([]);\n  public readonly zSize = input<ZTagSize>('default');\n  public readonly zColor = input<ZTagColor>('default');\n  public readonly zClosable = input(false, { transform: zTransform });\n  public readonly zDisabled = input(false, { transform: zTransform });\n  public readonly zAddable = input(false, { transform: zTransform });\n  public readonly zAddText = input<string>('');\n  public readonly zAddPlaceholder = input<string>('');\n  public readonly zRandomColor = input(false, { transform: zTransform });\n  public readonly zTagClass = input<ClassValue>('');\n\n  public readonly zTagClose = output<ZTagItem>();\n  public readonly zTagAdd = output<string>();\n\n  protected readonly isAdding = signal(false);\n  private readonly _pendingFocus = signal(false);\n  private readonly _randomColorCache = new Map<string | number, ZTagRandomColorCache>();\n\n  private readonly _zTranslate = inject(ZTranslateService);\n\n  protected readonly hostClasses = computed(() => zMergeClasses('inline-block', this.class()));\n\n  protected readonly containerClasses = computed(() => zTagsContainerVariants({ zSize: this.zSize() }));\n\n  protected readonly closeButtonClasses = computed(() => zTagCloseButtonVariants({ zSize: this.zSize() }));\n\n  protected readonly closeIconSize = computed(() => {\n    const sizeMap: Record<ZTagSize, '10' | '12' | '14'> = {\n      sm: '10',\n      default: '12',\n      lg: '14',\n    };\n    return sizeMap[this.zSize()];\n  });\n\n  protected readonly effectiveAddText = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zAddText() || this._zTranslate.instant('i18n_z_ui_tags_add');\n  });\n\n  protected readonly effectiveAddPlaceholder = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zAddPlaceholder() || this._zTranslate.instant('i18n_z_ui_tags_placeholder');\n  });\n\n  protected readonly addInputClasses = computed(() => {\n    const sizeClasses: Record<ZTagSize, string> = {\n      sm: 'px-1.5 py-0.5 text-xs w-16',\n      default: 'px-2 py-1 text-xs w-20',\n      lg: 'px-2.5 py-1.5 text-sm w-24',\n    };\n    return zMergeClasses(\n      'rounded-[6px] border border-input bg-white shadow-xs',\n      'dark:bg-input/30 dark:border-input',\n      'outline-none transition-[border-color,box-shadow] duration-200',\n      'focus:border-ring focus:ring-ring/50 focus:ring-[3px]',\n      'text-foreground placeholder:text-muted-foreground',\n      sizeClasses[this.zSize()]\n    );\n  });\n\n  protected readonly addButtonClasses = computed(() => {\n    const sizeClasses: Record<ZTagSize, string> = {\n      sm: 'px-1.5 py-0.5 text-xs gap-1',\n      default: 'px-2 py-1 text-xs gap-1.5',\n      lg: 'px-2.5 py-1.5 text-sm gap-2',\n    };\n    return zMergeClasses(\n      'inline-flex items-center justify-center',\n      'rounded border border-dashed border-border',\n      'text-muted-foreground cursor-pointer',\n      'transition-colors duration-200',\n      'hover:border-primary hover:text-primary hover:bg-primary/5',\n      sizeClasses[this.zSize()]\n    );\n  });\n\n  public ngAfterViewInit(): void {\n    if (this._pendingFocus()) {\n      const inputEl = this._addInput();\n      if (inputEl) {\n        inputEl.nativeElement.focus();\n        this._pendingFocus.set(false);\n      }\n    }\n  }\n\n  protected getTagClasses(tag: ZTagItem): string {\n    if (this.zRandomColor() && !tag.color) {\n      return zMergeClasses(this._getRandomColorClasses(tag), this.zTagClass());\n    }\n\n    return zMergeClasses(\n      zTagVariants({\n        zSize: this.zSize(),\n        zColor: tag.color || this.zColor(),\n        zClosable: this.isClosable(tag),\n        zDisabled: tag.disabled || this.zDisabled(),\n      }),\n      this.zTagClass()\n    );\n  }\n\n  protected getTagStyle(tag: ZTagItem): Record<string, string> | null {\n    if (!this.zRandomColor() || tag.color) {\n      return null;\n    }\n\n    const colors = this._getOrCreateRandomColor(tag.value);\n    return {\n      backgroundColor: colors.bg,\n      color: colors.text,\n      borderColor: colors.border,\n      '--hover-bg': colors.hoverBg,\n    } as Record<string, string>;\n  }\n\n  private _getRandomColorClasses(tag: ZTagItem): string {\n    const baseClasses = zTagVariants({\n      zSize: this.zSize(),\n      zColor: 'default',\n      zClosable: this.isClosable(tag),\n      zDisabled: tag.disabled || this.zDisabled(),\n    });\n\n    return baseClasses\n      .replace('bg-muted', '')\n      .replace('text-muted-foreground', '')\n      .replace('border-border', '')\n      .replace('hover:bg-muted/80', 'hover:opacity-80');\n  }\n\n  private _getOrCreateRandomColor(value: string | number): ZTagRandomColorCache {\n    const cached = this._randomColorCache.get(value);\n    if (cached) {\n      return cached;\n    }\n\n    const hue = Math.floor(Math.random() * 360);\n    const saturation = 70 + Math.floor(Math.random() * 20);\n    const lightness = 45 + Math.floor(Math.random() * 10);\n\n    const colors: ZTagRandomColorCache = {\n      bg: `hsl(${hue}, ${saturation}%, 95%)`,\n      text: `hsl(${hue}, ${saturation}%, ${lightness}%)`,\n      border: `hsl(${hue}, ${saturation}%, 85%)`,\n      hoverBg: `hsl(${hue}, ${saturation}%, 90%)`,\n    };\n\n    this._randomColorCache.set(value, colors);\n    return colors;\n  }\n\n  protected isClosable(tag: ZTagItem): boolean {\n    if (tag.disabled || this.zDisabled()) {\n      return false;\n    }\n\n    return tag.closable !== undefined ? tag.closable : this.zClosable();\n  }\n\n  protected onRemoveTag(tag: ZTagItem, event: Event): void {\n    event.stopPropagation();\n    if (tag.disabled || this.zDisabled()) {\n      return;\n    }\n    this._randomColorCache.delete(tag.value);\n    this.zTagClose.emit(tag);\n  }\n\n  protected onAddClick(): void {\n    this.isAdding.set(true);\n    this._pendingFocus.set(true);\n    setTimeout(() => {\n      const inputEl = this._addInput();\n      if (inputEl) {\n        inputEl.nativeElement.focus();\n      }\n    });\n  }\n\n  protected onAddConfirm(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const value = input.value.trim();\n    if (value) {\n      this.zTagAdd.emit(value);\n      input.value = '';\n    }\n    this.isAdding.set(false);\n  }\n\n  protected onAddCancel(): void {\n    this.isAdding.set(false);\n  }\n\n  protected onAddBlur(): void {\n    const inputEl = this._addInput();\n    const input = inputEl?.nativeElement;\n    if (input && input.value.trim()) {\n      this.zTagAdd.emit(input.value.trim());\n    }\n    this.isAdding.set(false);\n  }\n}\n","<div [class]=\"containerClasses()\">\n  @for (tag of zTags(); track tag.value) {\n    <span [class]=\"getTagClasses(tag)\" [style]=\"getTagStyle(tag)\">\n      <span>{{ tag.label }}</span>\n      @if (isClosable(tag)) {\n        <button\n          type=\"button\"\n          [class]=\"closeButtonClasses()\"\n          [disabled]=\"tag.disabled || zDisabled()\"\n          (click)=\"onRemoveTag(tag, $event)\"\n          [attr.aria-label]=\"'Remove ' + tag.label\">\n          <z-icon zType=\"lucideX\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        </button>\n      }\n    </span>\n  }\n\n  @if (zAddable() && !zDisabled()) {\n    @if (isAdding()) {\n      <input\n        #addInput\n        type=\"text\"\n        [class]=\"addInputClasses()\"\n        [placeholder]=\"effectiveAddPlaceholder()\"\n        (keydown.enter)=\"onAddConfirm($event)\"\n        (keydown.escape)=\"onAddCancel()\"\n        (blur)=\"onAddBlur()\" />\n    } @else {\n      <button type=\"button\" [class]=\"addButtonClasses()\" (click)=\"onAddClick()\">\n        <z-icon zType=\"lucidePlus\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        <span>{{ effectiveAddText() }}</span>\n      </button>\n    }\n  }\n</div>\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-tags.mjs","sources":["../../../../libs/core-ui/components/z-tags/z-tags.variants.ts","../../../../libs/core-ui/components/z-tags/z-tags.component.ts","../../../../libs/core-ui/components/z-tags/z-tags.component.html","../../../../libs/core-ui/components/z-tags/shival99-z-ui-components-z-tags.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zTagsContainerVariants = cva(['flex flex-wrap items-center'], {\n  variants: {\n    zSize: {\n      sm: 'gap-1',\n      default: 'gap-1.5',\n      lg: 'gap-2',\n    },\n  },\n  defaultVariants: {\n    zSize: 'default',\n  },\n});\n\nexport const zTagVariants = cva(\n  ['inline-flex items-center justify-center', 'rounded border font-medium', 'transition-colors duration-200'],\n  {\n    variants: {\n      zSize: {\n        sm: 'px-1.5 py-0.5 text-xs gap-1',\n        default: 'px-2 py-1 text-xs gap-1.5',\n        lg: 'px-2.5 py-1.5 text-sm gap-2',\n      },\n      zColor: {\n        default: 'bg-muted text-muted-foreground border-border hover:bg-muted/80',\n        primary: 'bg-primary/10 text-primary border-primary/20 hover:bg-primary/20',\n        success: 'bg-green-500/10 text-green-600 border-green-500/20 hover:bg-green-500/20 dark:text-green-400',\n        warning: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20 hover:bg-yellow-500/20 dark:text-yellow-400',\n        danger: 'bg-red-500/10 text-red-600 border-red-500/20 hover:bg-red-500/20 dark:text-red-400',\n        info: 'bg-blue-500/10 text-blue-600 border-blue-500/20 hover:bg-blue-500/20 dark:text-blue-400',\n      },\n      zClosable: {\n        true: '',\n        false: '',\n      },\n      zDisabled: {\n        true: 'opacity-50 cursor-not-allowed pointer-events-none',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n      zColor: 'default',\n      zClosable: false,\n      zDisabled: false,\n    },\n  }\n);\n\nexport const zTagCloseButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-full cursor-pointer',\n    'transition-colors duration-200',\n    'hover:bg-black/10 dark:hover:bg-white/10',\n    'outline-none focus:outline-none',\n  ],\n  {\n    variants: {\n      zSize: {\n        sm: 'size-3',\n        default: 'size-3.5',\n        lg: 'size-4',\n      },\n    },\n    defaultVariants: {\n      zSize: 'default',\n    },\n  }\n);\n\nexport type ZTagsContainerVariants = VariantProps<typeof zTagsContainerVariants>;\nexport type ZTagVariants = VariantProps<typeof zTagVariants>;\nexport type ZTagCloseButtonVariants = VariantProps<typeof zTagCloseButtonVariants>;\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport { ZTranslateService } from '@shival99/z-ui/services';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZTagColor, ZTagItem, ZTagRandomColorCache, ZTagSize } from './z-tags.types';\nimport { zTagCloseButtonVariants, zTagsContainerVariants, zTagVariants } from './z-tags.variants';\n\n@Component({\n  selector: 'z-tags',\n  imports: [ZIconComponent],\n  standalone: true,\n  templateUrl: './z-tags.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ZTagsComponent implements AfterViewInit {\n  private readonly _addInput = viewChild<ElementRef<HTMLInputElement>>('addInput');\n\n  public readonly class = input<ClassValue>('');\n  public readonly zTags = input<ZTagItem[]>([]);\n  public readonly zSize = input<ZTagSize>('default');\n  public readonly zColor = input<ZTagColor>('default');\n  public readonly zClosable = input(false, { transform: zTransform });\n  public readonly zDisabled = input(false, { transform: zTransform });\n  public readonly zAddable = input(false, { transform: zTransform });\n  public readonly zAddText = input<string>('');\n  public readonly zAddPlaceholder = input<string>('');\n  public readonly zRandomColor = input(false, { transform: zTransform });\n  public readonly zTagClass = input<ClassValue>('');\n  public readonly zLabelClass = input<ClassValue>('');\n\n  protected readonly labelClasses = computed(() => zMergeClasses(this.zLabelClass()));\n\n  public readonly zTagClose = output<ZTagItem>();\n  public readonly zTagAdd = output<string>();\n\n  protected readonly isAdding = signal(false);\n  private readonly _pendingFocus = signal(false);\n  private readonly _randomColorCache = new Map<string | number, ZTagRandomColorCache>();\n\n  private readonly _zTranslate = inject(ZTranslateService);\n\n  protected readonly hostClasses = computed(() => zMergeClasses('inline-block', this.class()));\n\n  protected readonly containerClasses = computed(() => zTagsContainerVariants({ zSize: this.zSize() }));\n\n  protected readonly closeButtonClasses = computed(() => zTagCloseButtonVariants({ zSize: this.zSize() }));\n\n  protected readonly closeIconSize = computed(() => {\n    const sizeMap: Record<ZTagSize, '10' | '12' | '14'> = {\n      sm: '10',\n      default: '12',\n      lg: '14',\n    };\n    return sizeMap[this.zSize()];\n  });\n\n  protected readonly effectiveAddText = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zAddText() || this._zTranslate.instant('i18n_z_ui_tags_add');\n  });\n\n  protected readonly effectiveAddPlaceholder = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zAddPlaceholder() || this._zTranslate.instant('i18n_z_ui_tags_placeholder');\n  });\n\n  protected readonly addInputClasses = computed(() => {\n    const sizeClasses: Record<ZTagSize, string> = {\n      sm: 'px-1.5 py-0.5 text-xs w-16',\n      default: 'px-2 py-1 text-xs w-20',\n      lg: 'px-2.5 py-1.5 text-sm w-24',\n    };\n    return zMergeClasses(\n      'rounded-[6px] border border-input bg-white shadow-xs',\n      'dark:bg-input/30 dark:border-input',\n      'outline-none transition-[border-color,box-shadow] duration-200',\n      'focus:border-ring focus:ring-ring/50 focus:ring-[3px]',\n      'text-foreground placeholder:text-muted-foreground',\n      sizeClasses[this.zSize()]\n    );\n  });\n\n  protected readonly addButtonClasses = computed(() => {\n    const sizeClasses: Record<ZTagSize, string> = {\n      sm: 'px-1.5 py-0.5 text-xs gap-1',\n      default: 'px-2 py-1 text-xs gap-1.5',\n      lg: 'px-2.5 py-1.5 text-sm gap-2',\n    };\n    return zMergeClasses(\n      'inline-flex items-center justify-center',\n      'rounded border border-dashed border-border',\n      'text-muted-foreground cursor-pointer',\n      'transition-colors duration-200',\n      'hover:border-primary hover:text-primary hover:bg-primary/5',\n      sizeClasses[this.zSize()]\n    );\n  });\n\n  public ngAfterViewInit(): void {\n    if (this._pendingFocus()) {\n      const inputEl = this._addInput();\n      if (inputEl) {\n        inputEl.nativeElement.focus();\n        this._pendingFocus.set(false);\n      }\n    }\n  }\n\n  protected getTagClasses(tag: ZTagItem): string {\n    if (this.zRandomColor() && !tag.color) {\n      return zMergeClasses(this._getRandomColorClasses(tag), this.zTagClass());\n    }\n\n    return zMergeClasses(\n      zTagVariants({\n        zSize: this.zSize(),\n        zColor: tag.color || this.zColor(),\n        zClosable: this.isClosable(tag),\n        zDisabled: tag.disabled || this.zDisabled(),\n      }),\n      this.zTagClass()\n    );\n  }\n\n  protected getTagStyle(tag: ZTagItem): Record<string, string> | null {\n    if (!this.zRandomColor() || tag.color) {\n      return null;\n    }\n\n    const colors = this._getOrCreateRandomColor(tag.value);\n    return {\n      backgroundColor: colors.bg,\n      color: colors.text,\n      borderColor: colors.border,\n      '--hover-bg': colors.hoverBg,\n    } as Record<string, string>;\n  }\n\n  private _getRandomColorClasses(tag: ZTagItem): string {\n    const baseClasses = zTagVariants({\n      zSize: this.zSize(),\n      zColor: 'default',\n      zClosable: this.isClosable(tag),\n      zDisabled: tag.disabled || this.zDisabled(),\n    });\n\n    return baseClasses\n      .replace('bg-muted', '')\n      .replace('text-muted-foreground', '')\n      .replace('border-border', '')\n      .replace('hover:bg-muted/80', 'hover:opacity-80');\n  }\n\n  private _getOrCreateRandomColor(value: string | number): ZTagRandomColorCache {\n    const cached = this._randomColorCache.get(value);\n    if (cached) {\n      return cached;\n    }\n\n    const hue = Math.floor(Math.random() * 360);\n    const saturation = 70 + Math.floor(Math.random() * 20);\n    const lightness = 45 + Math.floor(Math.random() * 10);\n\n    const colors: ZTagRandomColorCache = {\n      bg: `hsl(${hue}, ${saturation}%, 95%)`,\n      text: `hsl(${hue}, ${saturation}%, ${lightness}%)`,\n      border: `hsl(${hue}, ${saturation}%, 85%)`,\n      hoverBg: `hsl(${hue}, ${saturation}%, 90%)`,\n    };\n\n    this._randomColorCache.set(value, colors);\n    return colors;\n  }\n\n  protected isClosable(tag: ZTagItem): boolean {\n    if (tag.disabled || this.zDisabled()) {\n      return false;\n    }\n\n    return tag.closable !== undefined ? tag.closable : this.zClosable();\n  }\n\n  protected onRemoveTag(tag: ZTagItem, event: Event): void {\n    event.stopPropagation();\n    if (tag.disabled || this.zDisabled()) {\n      return;\n    }\n    this._randomColorCache.delete(tag.value);\n    this.zTagClose.emit(tag);\n  }\n\n  protected onAddClick(): void {\n    this.isAdding.set(true);\n    this._pendingFocus.set(true);\n    setTimeout(() => {\n      const inputEl = this._addInput();\n      if (inputEl) {\n        inputEl.nativeElement.focus();\n      }\n    });\n  }\n\n  protected onAddConfirm(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const value = input.value.trim();\n    if (value) {\n      this.zTagAdd.emit(value);\n      input.value = '';\n    }\n    this.isAdding.set(false);\n  }\n\n  protected onAddCancel(): void {\n    this.isAdding.set(false);\n  }\n\n  protected onAddBlur(): void {\n    const inputEl = this._addInput();\n    const input = inputEl?.nativeElement;\n    if (input && input.value.trim()) {\n      this.zTagAdd.emit(input.value.trim());\n    }\n    this.isAdding.set(false);\n  }\n}\n","<div [class]=\"containerClasses()\">\n  @for (tag of zTags(); track tag.value) {\n    <span [class]=\"getTagClasses(tag)\" [style]=\"getTagStyle(tag)\">\n      <span [class]=\"labelClasses()\">{{ tag.label }}</span>\n      @if (isClosable(tag)) {\n        <button\n          type=\"button\"\n          [class]=\"closeButtonClasses()\"\n          [disabled]=\"tag.disabled || zDisabled()\"\n          (click)=\"onRemoveTag(tag, $event)\"\n          [attr.aria-label]=\"'Remove ' + tag.label\">\n          <z-icon zType=\"lucideX\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        </button>\n      }\n    </span>\n  }\n\n  @if (zAddable() && !zDisabled()) {\n    @if (isAdding()) {\n      <input\n        #addInput\n        type=\"text\"\n        [class]=\"addInputClasses()\"\n        [placeholder]=\"effectiveAddPlaceholder()\"\n        (keydown.enter)=\"onAddConfirm($event)\"\n        (keydown.escape)=\"onAddCancel()\"\n        (blur)=\"onAddBlur()\" />\n    } @else {\n      <button type=\"button\" [class]=\"addButtonClasses()\" (click)=\"onAddClick()\">\n        <z-icon zType=\"lucidePlus\" [zSize]=\"closeIconSize()\" class=\"text-current\" />\n        <span>{{ effectiveAddText() }}</span>\n      </button>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAEa,sBAAsB,GAAG,GAAG,CAAC,CAAC,6BAA6B,CAAC,EAAE;AACzE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,EAAE,EAAE,OAAO;AACZ,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA;AAEM,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,yCAAyC,EAAE,4BAA4B,EAAE,gCAAgC,CAAC,EAC3G;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,gEAAgE;AACzE,YAAA,OAAO,EAAE,kEAAkE;AAC3E,YAAA,OAAO,EAAE,8FAA8F;AACvG,YAAA,OAAO,EAAE,mGAAmG;AAC5G,YAAA,MAAM,EAAE,oFAAoF;AAC5F,YAAA,IAAI,EAAE,yFAAyF;AAChG,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,mDAAmD;AACzD,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,SAAS,EAAE,KAAK;AACjB,KAAA;AACF,CAAA;AAGI,MAAM,uBAAuB,GAAG,GAAG,CACxC;IACE,yCAAyC;IACzC,6BAA6B;IAC7B,gCAAgC;IAChC,0CAA0C;IAC1C,iCAAiC;CAClC,EACD;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,EAAE,EAAE,QAAQ;AACb,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA;;MCtCU,cAAc,CAAA;AACR,IAAA,SAAS,GAAG,SAAS,CAA+B,UAAU,qDAAC;AAEhE,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAW,SAAS,iDAAC;AAClC,IAAA,MAAM,GAAG,KAAK,CAAY,SAAS,kDAAC;IACpC,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACnD,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACnD,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;AAClD,IAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;AAC5B,IAAA,eAAe,GAAG,KAAK,CAAS,EAAE,2DAAC;IACnC,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;AACtD,IAAA,SAAS,GAAG,KAAK,CAAa,EAAE,qDAAC;AACjC,IAAA,WAAW,GAAG,KAAK,CAAa,EAAE,uDAAC;AAEhC,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,wDAAC;IAEnE,SAAS,GAAG,MAAM,EAAY;IAC9B,OAAO,GAAG,MAAM,EAAU;AAEvB,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AAC1B,IAAA,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC;AAC7B,IAAA,iBAAiB,GAAG,IAAI,GAAG,EAAyC;AAEpE,IAAA,WAAW,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAErC,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,aAAa,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,uDAAC;AAEzE,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAM,sBAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,4DAAC;AAElF,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAM,uBAAuB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,8DAAC;AAErF,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,OAAO,GAAyC;AACpD,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,EAAE,EAAE,IAAI;SACT;AACD,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9B,IAAA,CAAC,yDAAC;AAEiB,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AAClD,QAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,oBAAoB,CAAC;AAC1E,IAAA,CAAC,4DAAC;AAEiB,IAAA,uBAAuB,GAAG,QAAQ,CAAC,MAAK;AACzD,QAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,4BAA4B,CAAC;AACzF,IAAA,CAAC,mEAAC;AAEiB,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACjD,QAAA,MAAM,WAAW,GAA6B;AAC5C,YAAA,EAAE,EAAE,4BAA4B;AAChC,YAAA,OAAO,EAAE,wBAAwB;AACjC,YAAA,EAAE,EAAE,4BAA4B;SACjC;QACD,OAAO,aAAa,CAClB,sDAAsD,EACtD,oCAAoC,EACpC,gEAAgE,EAChE,uDAAuD,EACvD,mDAAmD,EACnD,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAC1B;AACH,IAAA,CAAC,2DAAC;AAEiB,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AAClD,QAAA,MAAM,WAAW,GAA6B;AAC5C,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,EAAE,EAAE,6BAA6B;SAClC;QACD,OAAO,aAAa,CAClB,yCAAyC,EACzC,4CAA4C,EAC5C,sCAAsC,EACtC,gCAAgC,EAChC,4DAA4D,EAC5D,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAC1B;AACH,IAAA,CAAC,4DAAC;IAEK,eAAe,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;AACxB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;YAChC,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7B,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B;QACF;IACF;AAEU,IAAA,aAAa,CAAC,GAAa,EAAA;QACnC,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;AACrC,YAAA,OAAO,aAAa,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;QAC1E;QAEA,OAAO,aAAa,CAClB,YAAY,CAAC;AACX,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACnB,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;AAClC,YAAA,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;YAC/B,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE;AAC5C,SAAA,CAAC,EACF,IAAI,CAAC,SAAS,EAAE,CACjB;IACH;AAEU,IAAA,WAAW,CAAC,GAAa,EAAA;QACjC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,GAAG,CAAC,KAAK,EAAE;AACrC,YAAA,OAAO,IAAI;QACb;QAEA,MAAM,MAAM,GAAG,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,KAAK,CAAC;QACtD,OAAO;YACL,eAAe,EAAE,MAAM,CAAC,EAAE;YAC1B,KAAK,EAAE,MAAM,CAAC,IAAI;YAClB,WAAW,EAAE,MAAM,CAAC,MAAM;YAC1B,YAAY,EAAE,MAAM,CAAC,OAAO;SACH;IAC7B;AAEQ,IAAA,sBAAsB,CAAC,GAAa,EAAA;QAC1C,MAAM,WAAW,GAAG,YAAY,CAAC;AAC/B,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;YAC/B,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE;AAC5C,SAAA,CAAC;AAEF,QAAA,OAAO;AACJ,aAAA,OAAO,CAAC,UAAU,EAAE,EAAE;AACtB,aAAA,OAAO,CAAC,uBAAuB,EAAE,EAAE;AACnC,aAAA,OAAO,CAAC,eAAe,EAAE,EAAE;AAC3B,aAAA,OAAO,CAAC,mBAAmB,EAAE,kBAAkB,CAAC;IACrD;AAEQ,IAAA,uBAAuB,CAAC,KAAsB,EAAA;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;QAChD,IAAI,MAAM,EAAE;AACV,YAAA,OAAO,MAAM;QACf;AAEA,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;AAC3C,QAAA,MAAM,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC;AACtD,QAAA,MAAM,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC;AAErD,QAAA,MAAM,MAAM,GAAyB;AACnC,YAAA,EAAE,EAAE,CAAA,IAAA,EAAO,GAAG,CAAA,EAAA,EAAK,UAAU,CAAA,OAAA,CAAS;AACtC,YAAA,IAAI,EAAE,CAAA,IAAA,EAAO,GAAG,KAAK,UAAU,CAAA,GAAA,EAAM,SAAS,CAAA,EAAA,CAAI;AAClD,YAAA,MAAM,EAAE,CAAA,IAAA,EAAO,GAAG,CAAA,EAAA,EAAK,UAAU,CAAA,OAAA,CAAS;AAC1C,YAAA,OAAO,EAAE,CAAA,IAAA,EAAO,GAAG,CAAA,EAAA,EAAK,UAAU,CAAA,OAAA,CAAS;SAC5C;QAED,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC;AACzC,QAAA,OAAO,MAAM;IACf;AAEU,IAAA,UAAU,CAAC,GAAa,EAAA;QAChC,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpC,YAAA,OAAO,KAAK;QACd;AAEA,QAAA,OAAO,GAAG,CAAC,QAAQ,KAAK,SAAS,GAAG,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE;IACrE;IAEU,WAAW,CAAC,GAAa,EAAE,KAAY,EAAA;QAC/C,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpC;QACF;QACA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;IAC1B;IAEU,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;QAC5B,UAAU,CAAC,MAAK;AACd,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;YAChC,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;YAC/B;AACF,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,YAAY,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;QAChC,IAAI,KAAK,EAAE;AACT,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,YAAA,KAAK,CAAC,KAAK,GAAG,EAAE;QAClB;AACA,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;IAC1B;IAEU,WAAW,GAAA;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;IAC1B;IAEU,SAAS,GAAA;AACjB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;AAChC,QAAA,MAAM,KAAK,GAAG,OAAO,EAAE,aAAa;QACpC,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE;AAC/B,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACvC;AACA,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;IAC1B;uGAjNW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,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,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/B3B,quCAmCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDbY,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;;2FASb,cAAc,EAAA,UAAA,EAAA,CAAA;kBAX1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,EAAA,OAAA,EACT,CAAC,cAAc,CAAC,cACb,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,quCAAA,EAAA;uEAGoE,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEhCjF;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "1.3.38",
+  "version": "1.3.40",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 20+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",
@@ -132,10 +132,6 @@
       "types": "./types/shival99-z-ui-components-z-card.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-card.mjs"
     },
-    "./components/z-chat-ai": {
-      "types": "./types/shival99-z-ui-components-z-chat-ai.d.ts",
-      "default": "./fesm2022/shival99-z-ui-components-z-chat-ai.mjs"
-    },
     "./components/z-checkbox": {
       "types": "./types/shival99-z-ui-components-z-checkbox.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-checkbox.mjs"

package/types/shival99-z-ui-components-z-tags.d.ts

@@ -33,6 +33,8 @@ declare class ZTagsComponent implements AfterViewInit {
     readonly zAddPlaceholder: _angular_core.InputSignal<string>;
     readonly zRandomColor: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zTagClass: _angular_core.InputSignal<ClassValue>;
+    readonly zLabelClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
     readonly zTagClose: _angular_core.OutputEmitterRef<ZTagItem>;
     readonly zTagAdd: _angular_core.OutputEmitterRef<string>;
     protected readonly isAdding: _angular_core.WritableSignal<boolean>;
@@ -59,7 +61,7 @@ declare class ZTagsComponent implements AfterViewInit {
     protected onAddCancel(): void;
     protected onAddBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTagsComponent, "z-tags", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTags": { "alias": "zTags"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColor": { "alias": "zColor"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zAddable": { "alias": "zAddable"; "required": false; "isSignal": true; }; "zAddText": { "alias": "zAddText"; "required": false; "isSignal": true; }; "zAddPlaceholder": { "alias": "zAddPlaceholder"; "required": false; "isSignal": true; }; "zRandomColor": { "alias": "zRandomColor"; "required": false; "isSignal": true; }; "zTagClass": { "alias": "zTagClass"; "required": false; "isSignal": true; }; }, { "zTagClose": "zTagClose"; "zTagAdd": "zTagAdd"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTagsComponent, "z-tags", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTags": { "alias": "zTags"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColor": { "alias": "zColor"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zAddable": { "alias": "zAddable"; "required": false; "isSignal": true; }; "zAddText": { "alias": "zAddText"; "required": false; "isSignal": true; }; "zAddPlaceholder": { "alias": "zAddPlaceholder"; "required": false; "isSignal": true; }; "zRandomColor": { "alias": "zRandomColor"; "required": false; "isSignal": true; }; "zTagClass": { "alias": "zTagClass"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; }, { "zTagClose": "zTagClose"; "zTagAdd": "zTagAdd"; }, never, never, true, never>;
 }
 
 declare const zTagsContainerVariants: (props?: ({

package/fesm2022/shival99-z-ui-components-z-chat-ai.mjs

@@ -1,236 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, model, output, signal, viewChild, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { TranslatePipe } from '@ngx-translate/core';
-import { ZIconComponent } from '@shival99/z-ui/components/z-icon';
-import { zMergeClasses } from '@shival99/z-ui/utils';
-import { cva } from 'class-variance-authority';
-
-const zChatAiButtonWrapperVariants = cva(['z-chat-ai-button-wrapper', 'fixed z-[9999]'], {
-    variants: {
-        zPosition: {
-            'bottom-right': 'bottom-16 right-4',
-            'bottom-left': 'bottom-16 left-4',
-            'top-right': 'top-4 right-4',
-            'top-left': 'top-4 left-4',
-        },
-        zPulse: {
-            true: 'z-chat-ai-button-wrapper--pulse',
-            false: '',
-        },
-    },
-    defaultVariants: {
-        zPosition: 'bottom-right',
-        zPulse: true,
-    },
-});
-const zChatAiButtonVariants = cva([
-    'z-chat-ai-button',
-    'relative flex items-center justify-center rounded-full cursor-pointer size-14',
-    'bg-primary text-primary-foreground shadow-lg',
-    'transition-all duration-300 ease-out',
-    'hover:scale-105 hover:shadow-xl',
-    'focus:outline-none focus-visible:ring-4 focus-visible:ring-primary/30',
-]);
-const zChatAiContainerVariants = cva([
-    'z-chat-ai-container',
-    'fixed z-[9998] flex flex-col w-96 h-[520px]',
-    'bg-background border border-border rounded-2xl shadow-2xl',
-    'overflow-hidden',
-    'transition-all duration-300 ease-out',
-], {
-    variants: {
-        zPosition: {
-            'bottom-right': 'bottom-32 right-4',
-            'bottom-left': 'bottom-32 left-4',
-            'top-right': 'top-20 right-4',
-            'top-left': 'top-20 left-4',
-        },
-    },
-    defaultVariants: {
-        zPosition: 'bottom-right',
-    },
-});
-const zChatAiMessageVariants = cva([
-    'z-chat-ai-message',
-    'max-w-[85%] px-3.5 py-2.5 rounded-2xl',
-    'text-sm leading-relaxed',
-    'animate-in fade-in-0 slide-in-from-bottom-2 duration-300',
-], {
-    variants: {
-        zType: {
-            user: ['ml-auto', 'bg-primary text-primary-foreground', 'rounded-br-md'],
-            bot: ['mr-auto', 'bg-muted text-foreground', 'rounded-bl-md'],
-            system: ['mx-auto', 'bg-muted/50 text-muted-foreground', 'text-xs text-center'],
-        },
-    },
-    defaultVariants: {
-        zType: 'bot',
-    },
-});
-const zChatAiSuggestionVariants = cva([
-    'z-chat-ai-suggestion',
-    'inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full',
-    'text-xs font-medium whitespace-nowrap cursor-pointer',
-    'border transition-all duration-200',
-    'hover:scale-105 active:scale-95',
-], {
-    variants: {
-        zColor: {
-            default: 'bg-secondary text-secondary-foreground border-transparent hover:bg-secondary/80',
-            blue: 'bg-blue-100 text-blue-700 border-blue-200 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-400 dark:border-blue-800',
-            green: 'bg-green-100 text-green-700 border-green-200 hover:bg-green-200 dark:bg-green-900/30 dark:text-green-400 dark:border-green-800',
-            purple: 'bg-purple-100 text-purple-700 border-purple-200 hover:bg-purple-200 dark:bg-purple-900/30 dark:text-purple-400 dark:border-purple-800',
-            orange: 'bg-orange-100 text-orange-700 border-orange-200 hover:bg-orange-200 dark:bg-orange-900/30 dark:text-orange-400 dark:border-orange-800',
-            pink: 'bg-pink-100 text-pink-700 border-pink-200 hover:bg-pink-200 dark:bg-pink-900/30 dark:text-pink-400 dark:border-pink-800',
-            cyan: 'bg-cyan-100 text-cyan-700 border-cyan-200 hover:bg-cyan-200 dark:bg-cyan-900/30 dark:text-cyan-400 dark:border-cyan-800',
-            yellow: 'bg-yellow-100 text-yellow-700 border-yellow-200 hover:bg-yellow-200 dark:bg-yellow-900/30 dark:text-yellow-400 dark:border-yellow-800',
-        },
-    },
-    defaultVariants: {
-        zColor: 'default',
-    },
-});
-const zChatAiInputVariants = cva([
-    'flex w-full items-center gap-2 rounded-[6px] border border-input bg-white px-2 py-1.5 shadow-xs',
-    'transition-[border-color,box-shadow,background-color] duration-200',
-    'dark:bg-input/30 dark:border-input',
-    'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',
-]);
-
-class ZChatAiComponent {
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    zPosition = input('bottom-right', ...(ngDevMode ? [{ debugName: "zPosition" }] : []));
-    zPulse = input(true, ...(ngDevMode ? [{ debugName: "zPulse" }] : []));
-    zMessages = input([], ...(ngDevMode ? [{ debugName: "zMessages" }] : []));
-    zSuggestions = input([], ...(ngDevMode ? [{ debugName: "zSuggestions" }] : []));
-    zConfig = input({}, ...(ngDevMode ? [{ debugName: "zConfig" }] : []));
-    zTyping = input(false, ...(ngDevMode ? [{ debugName: "zTyping" }] : []));
-    zOpen = model(false, ...(ngDevMode ? [{ debugName: "zOpen" }] : []));
-    zOnSend = output();
-    zOnSuggestionClick = output();
-    zOnAttachmentRemove = output();
-    inputValue = signal('', ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
-    attachments = signal([], ...(ngDevMode ? [{ debugName: "attachments" }] : []));
-    fileInputRef = viewChild('fileInput', ...(ngDevMode ? [{ debugName: "fileInputRef" }] : []));
-    messagesContainerRef = viewChild('messagesContainer', ...(ngDevMode ? [{ debugName: "messagesContainerRef" }] : []));
-    buttonWrapperClasses = computed(() => zMergeClasses(zChatAiButtonWrapperVariants({
-        zPosition: this.zPosition(),
-        zPulse: this.zPulse(),
-    })), ...(ngDevMode ? [{ debugName: "buttonWrapperClasses" }] : []));
-    buttonClasses = computed(() => zMergeClasses(zChatAiButtonVariants()), ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
-    containerClasses = computed(() => zMergeClasses(zChatAiContainerVariants({
-        zPosition: this.zPosition(),
-    }), this.class()), ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-    inputClasses = computed(() => zMergeClasses(zChatAiInputVariants()), ...(ngDevMode ? [{ debugName: "inputClasses" }] : []));
-    config = computed(() => ({
-        title: this.zConfig().title ?? 'AI Assistant',
-        subtitle: this.zConfig().subtitle ?? 'How can I help you today?',
-        placeholder: this.zConfig().placeholder ?? 'Type a message...',
-        welcomeMessage: this.zConfig().welcomeMessage,
-        avatarUrl: this.zConfig().avatarUrl,
-        botName: this.zConfig().botName ?? 'Assistant',
-        maxFileSize: this.zConfig().maxFileSize ?? 10 * 1024 * 1024,
-        allowedFileTypes: this.zConfig().allowedFileTypes ?? ['image/*', '.pdf', '.doc', '.docx'],
-        maxFiles: this.zConfig().maxFiles ?? 5,
-    }), ...(ngDevMode ? [{ debugName: "config" }] : []));
-    toggleOpen() {
-        this.zOpen.update(v => !v);
-    }
-    close() {
-        this.zOpen.set(false);
-    }
-    getMessageClasses(type) {
-        return zChatAiMessageVariants({ zType: type });
-    }
-    getSuggestionClasses(color) {
-        return zChatAiSuggestionVariants({ zColor: color ?? 'default' });
-    }
-    sendMessage() {
-        const message = this.inputValue().trim();
-        if (!message && this.attachments().length === 0) {
-            return;
-        }
-        this.zOnSend.emit({
-            message,
-            attachments: [...this.attachments()],
-        });
-        this.inputValue.set('');
-        this.attachments.set([]);
-    }
-    onKeydown(event) {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            this.sendMessage();
-        }
-    }
-    onSuggestionClick(suggestion) {
-        this.zOnSuggestionClick.emit(suggestion);
-    }
-    openFileDialog() {
-        this.fileInputRef()?.nativeElement.click();
-    }
-    onFileSelect(event) {
-        const input = event.target;
-        const { files } = input;
-        if (!files) {
-            return;
-        }
-        const config = this.config();
-        const currentAttachments = this.attachments();
-        if (currentAttachments.length + files.length > config.maxFiles) {
-            return;
-        }
-        const newAttachments = [];
-        for (let i = 0; i < files.length; i++) {
-            const file = files[i];
-            if (file.size > config.maxFileSize) {
-                continue;
-            }
-            newAttachments.push({
-                id: crypto.randomUUID(),
-                name: file.name,
-                size: file.size,
-                type: file.type,
-                status: 'uploaded',
-            });
-        }
-        this.attachments.update(att => [...att, ...newAttachments]);
-        input.value = '';
-    }
-    removeAttachment(attachment) {
-        this.attachments.update(att => att.filter(a => a.id !== attachment.id));
-        this.zOnAttachmentRemove.emit(attachment);
-    }
-    formatFileSize(bytes) {
-        if (bytes < 1024) {
-            return bytes + ' B';
-        }
-        if (bytes < 1024 * 1024) {
-            return (bytes / 1024).toFixed(1) + ' KB';
-        }
-        return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
-    }
-    scrollToBottom() {
-        const container = this.messagesContainerRef()?.nativeElement;
-        if (container) {
-            container.scrollTop = container.scrollHeight;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZChatAiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZChatAiComponent, isStandalone: true, selector: "z-chat-ai", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zPulse: { classPropertyName: "zPulse", publicName: "zPulse", isSignal: true, isRequired: false, transformFunction: null }, zMessages: { classPropertyName: "zMessages", publicName: "zMessages", isSignal: true, isRequired: false, transformFunction: null }, zSuggestions: { classPropertyName: "zSuggestions", publicName: "zSuggestions", isSignal: true, isRequired: false, transformFunction: null }, zConfig: { classPropertyName: "zConfig", publicName: "zConfig", isSignal: true, isRequired: false, transformFunction: null }, zTyping: { classPropertyName: "zTyping", publicName: "zTyping", isSignal: true, isRequired: false, transformFunction: null }, zOpen: { classPropertyName: "zOpen", publicName: "zOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zOpen: "zOpenChange", zOnSend: "zOnSend", zOnSuggestionClick: "zOnSuggestionClick", zOnAttachmentRemove: "zOnAttachmentRemove" }, host: { classAttribute: "z-chat-ai" }, viewQueries: [{ propertyName: "fileInputRef", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }, { propertyName: "messagesContainerRef", first: true, predicate: ["messagesContainer"], descendants: true, isSignal: true }], exportAs: ["zChatAi"], ngImport: i0, template: "<div class=\"z-chat-ai-button-wrapper\" [class]=\"buttonWrapperClasses()\">\n  <button\n    type=\"button\"\n    [class]=\"buttonClasses()\"\n    (click)=\"toggleOpen()\"\n    [attr.aria-expanded]=\"zOpen()\"\n    aria-label=\"Toggle chat\">\n    <z-icon\n      [zType]=\"zOpen() ? 'lucideX' : 'lucideMessageCircle'\"\n      zSize=\"24\"\n      class=\"transition-transform duration-300\"\n      [class.rotate-90]=\"zOpen()\" />\n  </button>\n</div>\n\n@if (zOpen()) {\n  <div [class]=\"containerClasses()\">\n    <div class=\"z-chat-ai-header border-border bg-muted/30 flex items-center gap-3 border-b p-4\">\n      @if (config().avatarUrl) {\n        <img [src]=\"config().avatarUrl\" [alt]=\"config().botName\" class=\"size-10 rounded-full object-cover\" />\n      } @else {\n        <div class=\"bg-primary/10 flex size-10 items-center justify-center rounded-full\">\n          <z-icon zType=\"lucideBot\" zSize=\"20\" class=\"text-primary\" />\n        </div>\n      }\n      <div class=\"min-w-0 flex-1\">\n        <h3 class=\"truncate text-sm font-semibold\">{{ config().title }}</h3>\n        <p class=\"text-muted-foreground truncate text-xs\">{{ config().subtitle }}</p>\n      </div>\n      <button\n        type=\"button\"\n        class=\"hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors\"\n        (click)=\"close()\"\n        aria-label=\"Close chat\">\n        <z-icon zType=\"lucideX\" zSize=\"18\" />\n      </button>\n    </div>\n\n    <div #messagesContainer class=\"z-chat-ai-body flex-1 space-y-3 overflow-y-auto p-4\">\n      @if (config().welcomeMessage && zMessages().length === 0) {\n        <div class=\"py-8 text-center\">\n          <div class=\"bg-primary/10 mx-auto mb-4 flex size-16 items-center justify-center rounded-full\">\n            <z-icon zType=\"lucideSparkles\" zSize=\"28\" class=\"text-primary\" />\n          </div>\n          <p class=\"text-muted-foreground text-sm\">{{ config().welcomeMessage }}</p>\n        </div>\n      }\n\n      @for (message of zMessages(); track message.id) {\n        <div [class]=\"getMessageClasses(message.type)\">\n          <div class=\"whitespace-pre-wrap\">{{ message.content }}</div>\n          @if (message.attachments?.length) {\n            <div class=\"mt-2 flex flex-wrap gap-2\">\n              @for (attachment of message.attachments; track attachment.id) {\n                <div class=\"flex items-center gap-1.5 rounded bg-black/10 px-2 py-1 text-xs\">\n                  <z-icon zType=\"lucidePaperclip\" zSize=\"12\" />\n                  <span class=\"max-w-24 truncate\">{{ attachment.name }}</span>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n\n      @if (zTyping()) {\n        <div class=\"z-chat-ai-typing bg-muted mr-auto flex items-center gap-1 rounded-2xl rounded-bl-md px-4 py-3\">\n          <span class=\"z-chat-ai-typing-dot\"></span>\n          <span class=\"z-chat-ai-typing-dot\"></span>\n          <span class=\"z-chat-ai-typing-dot\"></span>\n        </div>\n      }\n    </div>\n\n    @if (zSuggestions().length > 0 && zMessages().length === 0) {\n      <div class=\"z-chat-ai-suggestions px-4 pb-2\">\n        <div class=\"scrollbar-hide flex gap-2 overflow-x-auto pb-2\">\n          @for (suggestion of zSuggestions(); track suggestion.id) {\n            <button\n              type=\"button\"\n              [class]=\"getSuggestionClasses(suggestion.color)\"\n              (click)=\"onSuggestionClick(suggestion)\">\n              @if (suggestion.icon) {\n                <z-icon [zType]=\"$any(suggestion.icon)\" zSize=\"14\" />\n              }\n              {{ suggestion.label }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n\n    <div class=\"z-chat-ai-footer border-border border-t p-4\">\n      @if (attachments().length > 0) {\n        <div class=\"mb-3 flex flex-wrap gap-2\">\n          @for (attachment of attachments(); track attachment.id) {\n            <div class=\"bg-muted flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs\">\n              <z-icon zType=\"lucideFile\" zSize=\"14\" />\n              <span class=\"max-w-24 truncate\">{{ attachment.name }}</span>\n              <span class=\"text-muted-foreground\">({{ formatFileSize(attachment.size) }})</span>\n              <button\n                type=\"button\"\n                class=\"hover:bg-destructive/20 text-muted-foreground hover:text-destructive flex size-4 items-center justify-center rounded-full transition-colors\"\n                (click)=\"removeAttachment(attachment)\">\n                <z-icon zType=\"lucideX\" zSize=\"12\" />\n              </button>\n            </div>\n          }\n        </div>\n      }\n\n      <div [class]=\"inputClasses()\">\n        <input\n          #fileInput\n          type=\"file\"\n          class=\"hidden\"\n          [accept]=\"config().allowedFileTypes.join(',')\"\n          multiple\n          (change)=\"onFileSelect($event)\" />\n        <button\n          type=\"button\"\n          class=\"hover:bg-muted text-muted-foreground hover:text-foreground flex size-8 shrink-0 items-center justify-center rounded-md transition-colors\"\n          (click)=\"openFileDialog()\"\n          [attr.aria-label]=\"'i18n_z_ui_chat_ai_attach' | translate\">\n          <z-icon zType=\"lucidePaperclip\" zSize=\"18\" />\n        </button>\n        <input\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm outline-none\"\n          [placeholder]=\"config().placeholder\"\n          [(ngModel)]=\"inputValue\"\n          (keydown)=\"onKeydown($event)\" />\n        <button\n          type=\"button\"\n          class=\"bg-primary text-primary-foreground hover:bg-primary/90 flex size-8 shrink-0 items-center justify-center rounded-md transition-colors disabled:cursor-not-allowed disabled:opacity-50\"\n          (click)=\"sendMessage()\"\n          [disabled]=\"!inputValue().trim() && attachments().length === 0\"\n          [attr.aria-label]=\"'i18n_z_ui_chat_ai_send' | translate\">\n          <z-icon zType=\"lucideSend\" zSize=\"16\" />\n        </button>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".z-chat-ai{display:contents}.z-chat-ai-button-wrapper{position:relative}.z-chat-ai-button-wrapper:before,.z-chat-ai-button-wrapper:after{content:\"\";position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,hsl(var(--primary)/.6) 0%,hsl(var(--primary)/.3) 40%,hsl(var(--primary)/.1) 70%,transparent 100%);transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;z-index:-1}.z-chat-ai-button-wrapper--pulse:before{animation:z-chat-ai-pulse-wave 2.5s infinite ease-out}.z-chat-ai-button-wrapper--pulse:after{animation:z-chat-ai-pulse-wave 2.5s infinite ease-out;animation-delay:1.25s;background:radial-gradient(circle,hsl(var(--primary)/.4) 0%,hsl(var(--primary)/.2) 50%,hsl(var(--primary)/.05) 80%,transparent 100%)}.z-chat-ai-button:before{content:\"\";position:absolute;inset:-3px;border-radius:50%;border:2px solid hsl(var(--primary)/.6);opacity:0;animation:z-chat-ai-border-pulse-1 2.5s infinite ease-out}.z-chat-ai-button:after{content:\"\";position:absolute;inset:-6px;border-radius:50%;border:1px solid hsl(var(--primary)/.4);opacity:0;animation:z-chat-ai-border-pulse-2 2.5s infinite ease-out;animation-delay:.3s}.z-chat-ai-container{animation:z-chat-ai-slide-up .3s ease-out}.z-chat-ai-body{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.z-chat-ai-body::-webkit-scrollbar{width:6px}.z-chat-ai-body::-webkit-scrollbar-track{background:transparent}.z-chat-ai-body::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.z-chat-ai-typing{min-height:32px}.z-chat-ai-typing-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--muted-foreground));animation:z-chat-ai-typing-bounce 1.4s ease-in-out infinite}.z-chat-ai-typing-dot:nth-child(1){animation-delay:0s}.z-chat-ai-typing-dot:nth-child(2){animation-delay:.2s}.z-chat-ai-typing-dot:nth-child(3){animation-delay:.4s}.z-chat-ai-suggestions .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.z-chat-ai-suggestions .scrollbar-hide::-webkit-scrollbar{display:none}@keyframes z-chat-ai-pulse-wave{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}10%{opacity:1}30%{transform:translate(-50%,-50%) scale(.85);opacity:.8}60%{transform:translate(-50%,-50%) scale(.95);opacity:.3}90%{transform:translate(-50%,-50%) scale(1);opacity:.1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes z-chat-ai-border-pulse-1{0%{opacity:0;transform:scale(1)}20%{opacity:1}60%{opacity:.6;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}@keyframes z-chat-ai-border-pulse-2{0%{opacity:0;transform:scale(1)}15%{opacity:.8}50%{opacity:.4;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}@keyframes z-chat-ai-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes z-chat-ai-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZChatAiComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'z-chat-ai', imports: [ZIconComponent, TranslatePipe, FormsModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        class: 'z-chat-ai',
-                    }, exportAs: 'zChatAi', template: "<div class=\"z-chat-ai-button-wrapper\" [class]=\"buttonWrapperClasses()\">\n  <button\n    type=\"button\"\n    [class]=\"buttonClasses()\"\n    (click)=\"toggleOpen()\"\n    [attr.aria-expanded]=\"zOpen()\"\n    aria-label=\"Toggle chat\">\n    <z-icon\n      [zType]=\"zOpen() ? 'lucideX' : 'lucideMessageCircle'\"\n      zSize=\"24\"\n      class=\"transition-transform duration-300\"\n      [class.rotate-90]=\"zOpen()\" />\n  </button>\n</div>\n\n@if (zOpen()) {\n  <div [class]=\"containerClasses()\">\n    <div class=\"z-chat-ai-header border-border bg-muted/30 flex items-center gap-3 border-b p-4\">\n      @if (config().avatarUrl) {\n        <img [src]=\"config().avatarUrl\" [alt]=\"config().botName\" class=\"size-10 rounded-full object-cover\" />\n      } @else {\n        <div class=\"bg-primary/10 flex size-10 items-center justify-center rounded-full\">\n          <z-icon zType=\"lucideBot\" zSize=\"20\" class=\"text-primary\" />\n        </div>\n      }\n      <div class=\"min-w-0 flex-1\">\n        <h3 class=\"truncate text-sm font-semibold\">{{ config().title }}</h3>\n        <p class=\"text-muted-foreground truncate text-xs\">{{ config().subtitle }}</p>\n      </div>\n      <button\n        type=\"button\"\n        class=\"hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors\"\n        (click)=\"close()\"\n        aria-label=\"Close chat\">\n        <z-icon zType=\"lucideX\" zSize=\"18\" />\n      </button>\n    </div>\n\n    <div #messagesContainer class=\"z-chat-ai-body flex-1 space-y-3 overflow-y-auto p-4\">\n      @if (config().welcomeMessage && zMessages().length === 0) {\n        <div class=\"py-8 text-center\">\n          <div class=\"bg-primary/10 mx-auto mb-4 flex size-16 items-center justify-center rounded-full\">\n            <z-icon zType=\"lucideSparkles\" zSize=\"28\" class=\"text-primary\" />\n          </div>\n          <p class=\"text-muted-foreground text-sm\">{{ config().welcomeMessage }}</p>\n        </div>\n      }\n\n      @for (message of zMessages(); track message.id) {\n        <div [class]=\"getMessageClasses(message.type)\">\n          <div class=\"whitespace-pre-wrap\">{{ message.content }}</div>\n          @if (message.attachments?.length) {\n            <div class=\"mt-2 flex flex-wrap gap-2\">\n              @for (attachment of message.attachments; track attachment.id) {\n                <div class=\"flex items-center gap-1.5 rounded bg-black/10 px-2 py-1 text-xs\">\n                  <z-icon zType=\"lucidePaperclip\" zSize=\"12\" />\n                  <span class=\"max-w-24 truncate\">{{ attachment.name }}</span>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n\n      @if (zTyping()) {\n        <div class=\"z-chat-ai-typing bg-muted mr-auto flex items-center gap-1 rounded-2xl rounded-bl-md px-4 py-3\">\n          <span class=\"z-chat-ai-typing-dot\"></span>\n          <span class=\"z-chat-ai-typing-dot\"></span>\n          <span class=\"z-chat-ai-typing-dot\"></span>\n        </div>\n      }\n    </div>\n\n    @if (zSuggestions().length > 0 && zMessages().length === 0) {\n      <div class=\"z-chat-ai-suggestions px-4 pb-2\">\n        <div class=\"scrollbar-hide flex gap-2 overflow-x-auto pb-2\">\n          @for (suggestion of zSuggestions(); track suggestion.id) {\n            <button\n              type=\"button\"\n              [class]=\"getSuggestionClasses(suggestion.color)\"\n              (click)=\"onSuggestionClick(suggestion)\">\n              @if (suggestion.icon) {\n                <z-icon [zType]=\"$any(suggestion.icon)\" zSize=\"14\" />\n              }\n              {{ suggestion.label }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n\n    <div class=\"z-chat-ai-footer border-border border-t p-4\">\n      @if (attachments().length > 0) {\n        <div class=\"mb-3 flex flex-wrap gap-2\">\n          @for (attachment of attachments(); track attachment.id) {\n            <div class=\"bg-muted flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs\">\n              <z-icon zType=\"lucideFile\" zSize=\"14\" />\n              <span class=\"max-w-24 truncate\">{{ attachment.name }}</span>\n              <span class=\"text-muted-foreground\">({{ formatFileSize(attachment.size) }})</span>\n              <button\n                type=\"button\"\n                class=\"hover:bg-destructive/20 text-muted-foreground hover:text-destructive flex size-4 items-center justify-center rounded-full transition-colors\"\n                (click)=\"removeAttachment(attachment)\">\n                <z-icon zType=\"lucideX\" zSize=\"12\" />\n              </button>\n            </div>\n          }\n        </div>\n      }\n\n      <div [class]=\"inputClasses()\">\n        <input\n          #fileInput\n          type=\"file\"\n          class=\"hidden\"\n          [accept]=\"config().allowedFileTypes.join(',')\"\n          multiple\n          (change)=\"onFileSelect($event)\" />\n        <button\n          type=\"button\"\n          class=\"hover:bg-muted text-muted-foreground hover:text-foreground flex size-8 shrink-0 items-center justify-center rounded-md transition-colors\"\n          (click)=\"openFileDialog()\"\n          [attr.aria-label]=\"'i18n_z_ui_chat_ai_attach' | translate\">\n          <z-icon zType=\"lucidePaperclip\" zSize=\"18\" />\n        </button>\n        <input\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm outline-none\"\n          [placeholder]=\"config().placeholder\"\n          [(ngModel)]=\"inputValue\"\n          (keydown)=\"onKeydown($event)\" />\n        <button\n          type=\"button\"\n          class=\"bg-primary text-primary-foreground hover:bg-primary/90 flex size-8 shrink-0 items-center justify-center rounded-md transition-colors disabled:cursor-not-allowed disabled:opacity-50\"\n          (click)=\"sendMessage()\"\n          [disabled]=\"!inputValue().trim() && attachments().length === 0\"\n          [attr.aria-label]=\"'i18n_z_ui_chat_ai_send' | translate\">\n          <z-icon zType=\"lucideSend\" zSize=\"16\" />\n        </button>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".z-chat-ai{display:contents}.z-chat-ai-button-wrapper{position:relative}.z-chat-ai-button-wrapper:before,.z-chat-ai-button-wrapper:after{content:\"\";position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,hsl(var(--primary)/.6) 0%,hsl(var(--primary)/.3) 40%,hsl(var(--primary)/.1) 70%,transparent 100%);transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;z-index:-1}.z-chat-ai-button-wrapper--pulse:before{animation:z-chat-ai-pulse-wave 2.5s infinite ease-out}.z-chat-ai-button-wrapper--pulse:after{animation:z-chat-ai-pulse-wave 2.5s infinite ease-out;animation-delay:1.25s;background:radial-gradient(circle,hsl(var(--primary)/.4) 0%,hsl(var(--primary)/.2) 50%,hsl(var(--primary)/.05) 80%,transparent 100%)}.z-chat-ai-button:before{content:\"\";position:absolute;inset:-3px;border-radius:50%;border:2px solid hsl(var(--primary)/.6);opacity:0;animation:z-chat-ai-border-pulse-1 2.5s infinite ease-out}.z-chat-ai-button:after{content:\"\";position:absolute;inset:-6px;border-radius:50%;border:1px solid hsl(var(--primary)/.4);opacity:0;animation:z-chat-ai-border-pulse-2 2.5s infinite ease-out;animation-delay:.3s}.z-chat-ai-container{animation:z-chat-ai-slide-up .3s ease-out}.z-chat-ai-body{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.z-chat-ai-body::-webkit-scrollbar{width:6px}.z-chat-ai-body::-webkit-scrollbar-track{background:transparent}.z-chat-ai-body::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.z-chat-ai-typing{min-height:32px}.z-chat-ai-typing-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--muted-foreground));animation:z-chat-ai-typing-bounce 1.4s ease-in-out infinite}.z-chat-ai-typing-dot:nth-child(1){animation-delay:0s}.z-chat-ai-typing-dot:nth-child(2){animation-delay:.2s}.z-chat-ai-typing-dot:nth-child(3){animation-delay:.4s}.z-chat-ai-suggestions .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.z-chat-ai-suggestions .scrollbar-hide::-webkit-scrollbar{display:none}@keyframes z-chat-ai-pulse-wave{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}10%{opacity:1}30%{transform:translate(-50%,-50%) scale(.85);opacity:.8}60%{transform:translate(-50%,-50%) scale(.95);opacity:.3}90%{transform:translate(-50%,-50%) scale(1);opacity:.1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes z-chat-ai-border-pulse-1{0%{opacity:0;transform:scale(1)}20%{opacity:1}60%{opacity:.6;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}@keyframes z-chat-ai-border-pulse-2{0%{opacity:0;transform:scale(1)}15%{opacity:.8}50%{opacity:.4;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}@keyframes z-chat-ai-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes z-chat-ai-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}\n"] }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPosition", required: false }] }], zPulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPulse", required: false }] }], zMessages: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMessages", required: false }] }], zSuggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSuggestions", required: false }] }], zConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "zConfig", required: false }] }], zTyping: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTyping", required: false }] }], zOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOpen", required: false }] }, { type: i0.Output, args: ["zOpenChange"] }], zOnSend: [{ type: i0.Output, args: ["zOnSend"] }], zOnSuggestionClick: [{ type: i0.Output, args: ["zOnSuggestionClick"] }], zOnAttachmentRemove: [{ type: i0.Output, args: ["zOnAttachmentRemove"] }], fileInputRef: [{ type: i0.ViewChild, args: ['fileInput', { isSignal: true }] }], messagesContainerRef: [{ type: i0.ViewChild, args: ['messagesContainer', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ZChatAiComponent, zChatAiButtonVariants, zChatAiButtonWrapperVariants, zChatAiContainerVariants, zChatAiInputVariants, zChatAiMessageVariants, zChatAiSuggestionVariants };
-//# sourceMappingURL=shival99-z-ui-components-z-chat-ai.mjs.map

package/fesm2022/shival99-z-ui-components-z-chat-ai.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"shival99-z-ui-components-z-chat-ai.mjs","sources":["../../../../libs/core-ui/components/z-chat-ai/z-chat-ai.variants.ts","../../../../libs/core-ui/components/z-chat-ai/z-chat-ai.component.ts","../../../../libs/core-ui/components/z-chat-ai/z-chat-ai.component.html","../../../../libs/core-ui/components/z-chat-ai/shival99-z-ui-components-z-chat-ai.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zChatAiButtonWrapperVariants = cva(['z-chat-ai-button-wrapper', 'fixed z-[9999]'], {\n  variants: {\n    zPosition: {\n      'bottom-right': 'bottom-16 right-4',\n      'bottom-left': 'bottom-16 left-4',\n      'top-right': 'top-4 right-4',\n      'top-left': 'top-4 left-4',\n    },\n    zPulse: {\n      true: 'z-chat-ai-button-wrapper--pulse',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    zPosition: 'bottom-right',\n    zPulse: true,\n  },\n});\n\nexport type ZChatAiButtonWrapperVariants = VariantProps<typeof zChatAiButtonWrapperVariants>;\n\nexport const zChatAiButtonVariants = cva([\n  'z-chat-ai-button',\n  'relative flex items-center justify-center rounded-full cursor-pointer size-14',\n  'bg-primary text-primary-foreground shadow-lg',\n  'transition-all duration-300 ease-out',\n  'hover:scale-105 hover:shadow-xl',\n  'focus:outline-none focus-visible:ring-4 focus-visible:ring-primary/30',\n]);\n\nexport type ZChatAiButtonVariants = VariantProps<typeof zChatAiButtonVariants>;\n\nexport const zChatAiContainerVariants = cva(\n  [\n    'z-chat-ai-container',\n    'fixed z-[9998] flex flex-col w-96 h-[520px]',\n    'bg-background border border-border rounded-2xl shadow-2xl',\n    'overflow-hidden',\n    'transition-all duration-300 ease-out',\n  ],\n  {\n    variants: {\n      zPosition: {\n        'bottom-right': 'bottom-32 right-4',\n        'bottom-left': 'bottom-32 left-4',\n        'top-right': 'top-20 right-4',\n        'top-left': 'top-20 left-4',\n      },\n    },\n    defaultVariants: {\n      zPosition: 'bottom-right',\n    },\n  }\n);\n\nexport type ZChatAiContainerVariants = VariantProps<typeof zChatAiContainerVariants>;\n\nexport const zChatAiMessageVariants = cva(\n  [\n    'z-chat-ai-message',\n    'max-w-[85%] px-3.5 py-2.5 rounded-2xl',\n    'text-sm leading-relaxed',\n    'animate-in fade-in-0 slide-in-from-bottom-2 duration-300',\n  ],\n  {\n    variants: {\n      zType: {\n        user: ['ml-auto', 'bg-primary text-primary-foreground', 'rounded-br-md'],\n        bot: ['mr-auto', 'bg-muted text-foreground', 'rounded-bl-md'],\n        system: ['mx-auto', 'bg-muted/50 text-muted-foreground', 'text-xs text-center'],\n      },\n    },\n    defaultVariants: {\n      zType: 'bot',\n    },\n  }\n);\n\nexport type ZChatAiMessageVariants = VariantProps<typeof zChatAiMessageVariants>;\n\nexport const zChatAiSuggestionVariants = cva(\n  [\n    'z-chat-ai-suggestion',\n    'inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full',\n    'text-xs font-medium whitespace-nowrap cursor-pointer',\n    'border transition-all duration-200',\n    'hover:scale-105 active:scale-95',\n  ],\n  {\n    variants: {\n      zColor: {\n        default: 'bg-secondary text-secondary-foreground border-transparent hover:bg-secondary/80',\n        blue: 'bg-blue-100 text-blue-700 border-blue-200 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-400 dark:border-blue-800',\n        green:\n          'bg-green-100 text-green-700 border-green-200 hover:bg-green-200 dark:bg-green-900/30 dark:text-green-400 dark:border-green-800',\n        purple:\n          'bg-purple-100 text-purple-700 border-purple-200 hover:bg-purple-200 dark:bg-purple-900/30 dark:text-purple-400 dark:border-purple-800',\n        orange:\n          'bg-orange-100 text-orange-700 border-orange-200 hover:bg-orange-200 dark:bg-orange-900/30 dark:text-orange-400 dark:border-orange-800',\n        pink: 'bg-pink-100 text-pink-700 border-pink-200 hover:bg-pink-200 dark:bg-pink-900/30 dark:text-pink-400 dark:border-pink-800',\n        cyan: 'bg-cyan-100 text-cyan-700 border-cyan-200 hover:bg-cyan-200 dark:bg-cyan-900/30 dark:text-cyan-400 dark:border-cyan-800',\n        yellow:\n          'bg-yellow-100 text-yellow-700 border-yellow-200 hover:bg-yellow-200 dark:bg-yellow-900/30 dark:text-yellow-400 dark:border-yellow-800',\n      },\n    },\n    defaultVariants: {\n      zColor: 'default',\n    },\n  }\n);\n\nexport type ZChatAiSuggestionVariants = VariantProps<typeof zChatAiSuggestionVariants>;\n\nexport const zChatAiInputVariants = cva([\n  'flex w-full items-center gap-2 rounded-[6px] border border-input bg-white px-2 py-1.5 shadow-xs',\n  'transition-[border-color,box-shadow,background-color] duration-200',\n  'dark:bg-input/30 dark:border-input',\n  'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',\n]);\n\nexport type ZChatAiInputVariants = VariantProps<typeof zChatAiInputVariants>;\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  input,\n  model,\n  output,\n  signal,\n  ViewEncapsulation,\n  viewChild,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type {\n  ZChatAiMessage,\n  ZChatAiSuggestion,\n  ZChatAiAttachment,\n  ZChatAiConfig,\n  ZChatAiSendEvent,\n  ZChatAiPosition,\n} from './z-chat-ai.types';\nimport {\n  zChatAiButtonVariants,\n  zChatAiButtonWrapperVariants,\n  zChatAiContainerVariants,\n  zChatAiMessageVariants,\n  zChatAiSuggestionVariants,\n  zChatAiInputVariants,\n} from './z-chat-ai.variants';\n\n@Component({\n  selector: 'z-chat-ai',\n  imports: [ZIconComponent, TranslatePipe, FormsModule],\n  standalone: true,\n  templateUrl: './z-chat-ai.component.html',\n  styleUrl: './z-chat-ai.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'z-chat-ai',\n  },\n  exportAs: 'zChatAi',\n})\nexport class ZChatAiComponent {\n  public readonly class = input<ClassValue>('');\n  public readonly zPosition = input<ZChatAiPosition>('bottom-right');\n  public readonly zPulse = input<boolean>(true);\n  public readonly zMessages = input<ZChatAiMessage[]>([]);\n  public readonly zSuggestions = input<ZChatAiSuggestion[]>([]);\n  public readonly zConfig = input<ZChatAiConfig>({});\n  public readonly zTyping = input<boolean>(false);\n  public readonly zOpen = model<boolean>(false);\n\n  public readonly zOnSend = output<ZChatAiSendEvent>();\n  public readonly zOnSuggestionClick = output<ZChatAiSuggestion>();\n  public readonly zOnAttachmentRemove = output<ZChatAiAttachment>();\n\n  protected readonly inputValue = signal('');\n  protected readonly attachments = signal<ZChatAiAttachment[]>([]);\n  protected readonly fileInputRef = viewChild<ElementRef<HTMLInputElement>>('fileInput');\n  protected readonly messagesContainerRef = viewChild<ElementRef<HTMLDivElement>>('messagesContainer');\n\n  protected readonly buttonWrapperClasses = computed(() =>\n    zMergeClasses(\n      zChatAiButtonWrapperVariants({\n        zPosition: this.zPosition(),\n        zPulse: this.zPulse(),\n      })\n    )\n  );\n\n  protected readonly buttonClasses = computed(() => zMergeClasses(zChatAiButtonVariants()));\n\n  protected readonly containerClasses = computed(() =>\n    zMergeClasses(\n      zChatAiContainerVariants({\n        zPosition: this.zPosition(),\n      }),\n      this.class()\n    )\n  );\n\n  protected readonly inputClasses = computed(() => zMergeClasses(zChatAiInputVariants()));\n\n  protected readonly config = computed(() => ({\n    title: this.zConfig().title ?? 'AI Assistant',\n    subtitle: this.zConfig().subtitle ?? 'How can I help you today?',\n    placeholder: this.zConfig().placeholder ?? 'Type a message...',\n    welcomeMessage: this.zConfig().welcomeMessage,\n    avatarUrl: this.zConfig().avatarUrl,\n    botName: this.zConfig().botName ?? 'Assistant',\n    maxFileSize: this.zConfig().maxFileSize ?? 10 * 1024 * 1024,\n    allowedFileTypes: this.zConfig().allowedFileTypes ?? ['image/*', '.pdf', '.doc', '.docx'],\n    maxFiles: this.zConfig().maxFiles ?? 5,\n  }));\n\n  protected toggleOpen(): void {\n    this.zOpen.update(v => !v);\n  }\n\n  protected close(): void {\n    this.zOpen.set(false);\n  }\n\n  protected getMessageClasses(type: ZChatAiMessage['type']): string {\n    return zChatAiMessageVariants({ zType: type });\n  }\n\n  protected getSuggestionClasses(color: ZChatAiSuggestion['color']): string {\n    return zChatAiSuggestionVariants({ zColor: color ?? 'default' });\n  }\n\n  protected sendMessage(): void {\n    const message = this.inputValue().trim();\n    if (!message && this.attachments().length === 0) {\n      return;\n    }\n\n    this.zOnSend.emit({\n      message,\n      attachments: [...this.attachments()],\n    });\n\n    this.inputValue.set('');\n    this.attachments.set([]);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      this.sendMessage();\n    }\n  }\n\n  protected onSuggestionClick(suggestion: ZChatAiSuggestion): void {\n    this.zOnSuggestionClick.emit(suggestion);\n  }\n\n  protected openFileDialog(): void {\n    this.fileInputRef()?.nativeElement.click();\n  }\n\n  protected onFileSelect(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const { files } = input;\n    if (!files) {\n      return;\n    }\n\n    const config = this.config();\n    const currentAttachments = this.attachments();\n\n    if (currentAttachments.length + files.length > config.maxFiles) {\n      return;\n    }\n\n    const newAttachments: ZChatAiAttachment[] = [];\n    for (let i = 0; i < files.length; i++) {\n      const file = files[i];\n      if (file.size > config.maxFileSize) {\n        continue;\n      }\n\n      newAttachments.push({\n        id: crypto.randomUUID(),\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        status: 'uploaded',\n      });\n    }\n\n    this.attachments.update(att => [...att, ...newAttachments]);\n    input.value = '';\n  }\n\n  protected removeAttachment(attachment: ZChatAiAttachment): void {\n    this.attachments.update(att => att.filter(a => a.id !== attachment.id));\n    this.zOnAttachmentRemove.emit(attachment);\n  }\n\n  protected formatFileSize(bytes: number): string {\n    if (bytes < 1024) {\n      return bytes + ' B';\n    }\n    if (bytes < 1024 * 1024) {\n      return (bytes / 1024).toFixed(1) + ' KB';\n    }\n    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';\n  }\n\n  protected scrollToBottom(): void {\n    const container = this.messagesContainerRef()?.nativeElement;\n    if (container) {\n      container.scrollTop = container.scrollHeight;\n    }\n  }\n}\n","<div class=\"z-chat-ai-button-wrapper\" [class]=\"buttonWrapperClasses()\">\n  <button\n    type=\"button\"\n    [class]=\"buttonClasses()\"\n    (click)=\"toggleOpen()\"\n    [attr.aria-expanded]=\"zOpen()\"\n    aria-label=\"Toggle chat\">\n    <z-icon\n      [zType]=\"zOpen() ? 'lucideX' : 'lucideMessageCircle'\"\n      zSize=\"24\"\n      class=\"transition-transform duration-300\"\n      [class.rotate-90]=\"zOpen()\" />\n  </button>\n</div>\n\n@if (zOpen()) {\n  <div [class]=\"containerClasses()\">\n    <div class=\"z-chat-ai-header border-border bg-muted/30 flex items-center gap-3 border-b p-4\">\n      @if (config().avatarUrl) {\n        <img [src]=\"config().avatarUrl\" [alt]=\"config().botName\" class=\"size-10 rounded-full object-cover\" />\n      } @else {\n        <div class=\"bg-primary/10 flex size-10 items-center justify-center rounded-full\">\n          <z-icon zType=\"lucideBot\" zSize=\"20\" class=\"text-primary\" />\n        </div>\n      }\n      <div class=\"min-w-0 flex-1\">\n        <h3 class=\"truncate text-sm font-semibold\">{{ config().title }}</h3>\n        <p class=\"text-muted-foreground truncate text-xs\">{{ config().subtitle }}</p>\n      </div>\n      <button\n        type=\"button\"\n        class=\"hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors\"\n        (click)=\"close()\"\n        aria-label=\"Close chat\">\n        <z-icon zType=\"lucideX\" zSize=\"18\" />\n      </button>\n    </div>\n\n    <div #messagesContainer class=\"z-chat-ai-body flex-1 space-y-3 overflow-y-auto p-4\">\n      @if (config().welcomeMessage && zMessages().length === 0) {\n        <div class=\"py-8 text-center\">\n          <div class=\"bg-primary/10 mx-auto mb-4 flex size-16 items-center justify-center rounded-full\">\n            <z-icon zType=\"lucideSparkles\" zSize=\"28\" class=\"text-primary\" />\n          </div>\n          <p class=\"text-muted-foreground text-sm\">{{ config().welcomeMessage }}</p>\n        </div>\n      }\n\n      @for (message of zMessages(); track message.id) {\n        <div [class]=\"getMessageClasses(message.type)\">\n          <div class=\"whitespace-pre-wrap\">{{ message.content }}</div>\n          @if (message.attachments?.length) {\n            <div class=\"mt-2 flex flex-wrap gap-2\">\n              @for (attachment of message.attachments; track attachment.id) {\n                <div class=\"flex items-center gap-1.5 rounded bg-black/10 px-2 py-1 text-xs\">\n                  <z-icon zType=\"lucidePaperclip\" zSize=\"12\" />\n                  <span class=\"max-w-24 truncate\">{{ attachment.name }}</span>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n\n      @if (zTyping()) {\n        <div class=\"z-chat-ai-typing bg-muted mr-auto flex items-center gap-1 rounded-2xl rounded-bl-md px-4 py-3\">\n          <span class=\"z-chat-ai-typing-dot\"></span>\n          <span class=\"z-chat-ai-typing-dot\"></span>\n          <span class=\"z-chat-ai-typing-dot\"></span>\n        </div>\n      }\n    </div>\n\n    @if (zSuggestions().length > 0 && zMessages().length === 0) {\n      <div class=\"z-chat-ai-suggestions px-4 pb-2\">\n        <div class=\"scrollbar-hide flex gap-2 overflow-x-auto pb-2\">\n          @for (suggestion of zSuggestions(); track suggestion.id) {\n            <button\n              type=\"button\"\n              [class]=\"getSuggestionClasses(suggestion.color)\"\n              (click)=\"onSuggestionClick(suggestion)\">\n              @if (suggestion.icon) {\n                <z-icon [zType]=\"$any(suggestion.icon)\" zSize=\"14\" />\n              }\n              {{ suggestion.label }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n\n    <div class=\"z-chat-ai-footer border-border border-t p-4\">\n      @if (attachments().length > 0) {\n        <div class=\"mb-3 flex flex-wrap gap-2\">\n          @for (attachment of attachments(); track attachment.id) {\n            <div class=\"bg-muted flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs\">\n              <z-icon zType=\"lucideFile\" zSize=\"14\" />\n              <span class=\"max-w-24 truncate\">{{ attachment.name }}</span>\n              <span class=\"text-muted-foreground\">({{ formatFileSize(attachment.size) }})</span>\n              <button\n                type=\"button\"\n                class=\"hover:bg-destructive/20 text-muted-foreground hover:text-destructive flex size-4 items-center justify-center rounded-full transition-colors\"\n                (click)=\"removeAttachment(attachment)\">\n                <z-icon zType=\"lucideX\" zSize=\"12\" />\n              </button>\n            </div>\n          }\n        </div>\n      }\n\n      <div [class]=\"inputClasses()\">\n        <input\n          #fileInput\n          type=\"file\"\n          class=\"hidden\"\n          [accept]=\"config().allowedFileTypes.join(',')\"\n          multiple\n          (change)=\"onFileSelect($event)\" />\n        <button\n          type=\"button\"\n          class=\"hover:bg-muted text-muted-foreground hover:text-foreground flex size-8 shrink-0 items-center justify-center rounded-md transition-colors\"\n          (click)=\"openFileDialog()\"\n          [attr.aria-label]=\"'i18n_z_ui_chat_ai_attach' | translate\">\n          <z-icon zType=\"lucidePaperclip\" zSize=\"18\" />\n        </button>\n        <input\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm outline-none\"\n          [placeholder]=\"config().placeholder\"\n          [(ngModel)]=\"inputValue\"\n          (keydown)=\"onKeydown($event)\" />\n        <button\n          type=\"button\"\n          class=\"bg-primary text-primary-foreground hover:bg-primary/90 flex size-8 shrink-0 items-center justify-center rounded-md transition-colors disabled:cursor-not-allowed disabled:opacity-50\"\n          (click)=\"sendMessage()\"\n          [disabled]=\"!inputValue().trim() && attachments().length === 0\"\n          [attr.aria-label]=\"'i18n_z_ui_chat_ai_send' | translate\">\n          <z-icon zType=\"lucideSend\" zSize=\"16\" />\n        </button>\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/types/shival99-z-ui-components-z-chat-ai.d.ts

@@ -1,120 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
-import { ClassValue } from 'clsx';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-
-type ZChatAiPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-type ZChatAiMessageType = 'user' | 'bot' | 'system';
-type ZChatAiSuggestionColor = 'default' | 'blue' | 'green' | 'purple' | 'orange' | 'pink' | 'cyan' | 'yellow';
-interface ZChatAiAttachment {
-    id: string;
-    name: string;
-    size: number;
-    type: string;
-    url?: string;
-    progress?: number;
-    status?: 'uploading' | 'uploaded' | 'error';
-}
-interface ZChatAiMessage {
-    id: string;
-    type: ZChatAiMessageType;
-    content: string;
-    timestamp: Date;
-    attachments?: ZChatAiAttachment[];
-    isTyping?: boolean;
-}
-interface ZChatAiSuggestion {
-    id: string;
-    label: string;
-    value: string;
-    color?: ZChatAiSuggestionColor;
-    icon?: string;
-}
-interface ZChatAiConfig {
-    title?: string;
-    subtitle?: string;
-    placeholder?: string;
-    welcomeMessage?: string;
-    avatarUrl?: string;
-    botName?: string;
-    maxFileSize?: number;
-    allowedFileTypes?: string[];
-    maxFiles?: number;
-}
-interface ZChatAiSendEvent {
-    message: string;
-    attachments: ZChatAiAttachment[];
-}
-
-declare class ZChatAiComponent {
-    readonly class: _angular_core.InputSignal<ClassValue>;
-    readonly zPosition: _angular_core.InputSignal<ZChatAiPosition>;
-    readonly zPulse: _angular_core.InputSignal<boolean>;
-    readonly zMessages: _angular_core.InputSignal<ZChatAiMessage[]>;
-    readonly zSuggestions: _angular_core.InputSignal<ZChatAiSuggestion[]>;
-    readonly zConfig: _angular_core.InputSignal<ZChatAiConfig>;
-    readonly zTyping: _angular_core.InputSignal<boolean>;
-    readonly zOpen: _angular_core.ModelSignal<boolean>;
-    readonly zOnSend: _angular_core.OutputEmitterRef<ZChatAiSendEvent>;
-    readonly zOnSuggestionClick: _angular_core.OutputEmitterRef<ZChatAiSuggestion>;
-    readonly zOnAttachmentRemove: _angular_core.OutputEmitterRef<ZChatAiAttachment>;
-    protected readonly inputValue: _angular_core.WritableSignal<string>;
-    protected readonly attachments: _angular_core.WritableSignal<ZChatAiAttachment[]>;
-    protected readonly fileInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected readonly messagesContainerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected readonly buttonWrapperClasses: _angular_core.Signal<string>;
-    protected readonly buttonClasses: _angular_core.Signal<string>;
-    protected readonly containerClasses: _angular_core.Signal<string>;
-    protected readonly inputClasses: _angular_core.Signal<string>;
-    protected readonly config: _angular_core.Signal<{
-        title: string;
-        subtitle: string;
-        placeholder: string;
-        welcomeMessage: string | undefined;
-        avatarUrl: string | undefined;
-        botName: string;
-        maxFileSize: number;
-        allowedFileTypes: string[];
-        maxFiles: number;
-    }>;
-    protected toggleOpen(): void;
-    protected close(): void;
-    protected getMessageClasses(type: ZChatAiMessage['type']): string;
-    protected getSuggestionClasses(color: ZChatAiSuggestion['color']): string;
-    protected sendMessage(): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    protected onSuggestionClick(suggestion: ZChatAiSuggestion): void;
-    protected openFileDialog(): void;
-    protected onFileSelect(event: Event): void;
-    protected removeAttachment(attachment: ZChatAiAttachment): void;
-    protected formatFileSize(bytes: number): string;
-    protected scrollToBottom(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZChatAiComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZChatAiComponent, "z-chat-ai", ["zChatAi"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zPulse": { "alias": "zPulse"; "required": false; "isSignal": true; }; "zMessages": { "alias": "zMessages"; "required": false; "isSignal": true; }; "zSuggestions": { "alias": "zSuggestions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zTyping": { "alias": "zTyping"; "required": false; "isSignal": true; }; "zOpen": { "alias": "zOpen"; "required": false; "isSignal": true; }; }, { "zOpen": "zOpenChange"; "zOnSend": "zOnSend"; "zOnSuggestionClick": "zOnSuggestionClick"; "zOnAttachmentRemove": "zOnAttachmentRemove"; }, never, never, true, never>;
-}
-
-declare const zChatAiButtonWrapperVariants: (props?: ({
-    zPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | null | undefined;
-    zPulse?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZChatAiButtonWrapperVariants = VariantProps<typeof zChatAiButtonWrapperVariants>;
-declare const zChatAiButtonVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type ZChatAiButtonVariants = VariantProps<typeof zChatAiButtonVariants>;
-declare const zChatAiContainerVariants: (props?: ({
-    zPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZChatAiContainerVariants = VariantProps<typeof zChatAiContainerVariants>;
-declare const zChatAiMessageVariants: (props?: ({
-    zType?: "user" | "bot" | "system" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZChatAiMessageVariants = VariantProps<typeof zChatAiMessageVariants>;
-declare const zChatAiSuggestionVariants: (props?: ({
-    zColor?: "default" | "blue" | "green" | "purple" | "orange" | "pink" | "cyan" | "yellow" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZChatAiSuggestionVariants = VariantProps<typeof zChatAiSuggestionVariants>;
-declare const zChatAiInputVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type ZChatAiInputVariants = VariantProps<typeof zChatAiInputVariants>;
-
-export { ZChatAiComponent, zChatAiButtonVariants, zChatAiButtonWrapperVariants, zChatAiContainerVariants, zChatAiInputVariants, zChatAiMessageVariants, zChatAiSuggestionVariants };
-export type { ZChatAiAttachment, ZChatAiButtonVariants, ZChatAiButtonWrapperVariants, ZChatAiConfig, ZChatAiContainerVariants, ZChatAiInputVariants, ZChatAiMessage, ZChatAiMessageType, ZChatAiMessageVariants, ZChatAiPosition, ZChatAiSendEvent, ZChatAiSuggestion, ZChatAiSuggestionColor, ZChatAiSuggestionVariants };