@shival99/z-ui 2.1.32 → 2.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-button-group.mjs","sources":["../../../../libs/core-ui/components/z-button-group/z-button-group.types.ts","../../../../libs/core-ui/components/z-button-group/z-button-group-item.directive.ts","../../../../libs/core-ui/components/z-button-group/z-button-group.variants.ts","../../../../libs/core-ui/components/z-button-group/z-button-group-separator.component.ts","../../../../libs/core-ui/components/z-button-group/z-button-group.component.ts","../../../../libs/core-ui/components/z-button-group/shival99-z-ui-components-z-button-group.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport type ZButtonGroupValue = string | number;\n\nexport interface ZButtonGroupHost {\n  _selectItem(value: ZButtonGroupValue, index: number): void;\n  _isItemActive(value: ZButtonGroupValue): boolean;\n}\n\nexport const Z_BUTTON_GROUP = new InjectionToken<ZButtonGroupHost>('Z_BUTTON_GROUP');\n","import { computed, Directive, inject, input, signal } from '@angular/core';\nimport { Z_BUTTON_GROUP, type ZButtonGroupValue } from './z-button-group.types';\n\n@Directive({\n  selector: '[z-button-group-item]',\n  standalone: true,\n  host: {\n    '[class.z-button-group-item-active]': 'isActive()',\n    '(click)': 'onClick()',\n  },\n  exportAs: 'zButtonGroupItem',\n})\nexport class ZButtonGroupItemDirective {\n  private readonly _group = inject(Z_BUTTON_GROUP, { optional: true });\n  private readonly _index = signal<number>(-1);\n\n  /** Khóa ổn định tùy chọn, ưu tiên hơn index khi xác định active. */\n  public readonly zValue = input<ZButtonGroupValue>();\n\n  private readonly _value = computed<ZButtonGroupValue>(() => this.zValue() ?? this._index());\n\n  public readonly isActive = computed(() => {\n    if (!this._group) {\n      return false;\n    }\n    return this._group._isItemActive(this._value());\n  });\n\n  public readonly index = this._index.asReadonly();\n  public _setIndex(index: number): void {\n    this._index.set(index);\n  }\n\n  protected onClick(): void {\n    if (!this._group) {\n      return;\n    }\n    this._group._selectItem(this._value(), this._index());\n  }\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zButtonGroupVariants = cva('inline-flex items-center [--radius:var(--radius)]', {\n  variants: {\n    zOrientation: {\n      horizontal: [\n        'flex-row',\n        // First child - only left border radius\n        '[&>*:first-child]:rounded-r-none',\n        // Last child - only right border radius\n        '[&>*:last-child]:rounded-l-none',\n        // Middle children - no border radius\n        '[&>*:not(:first-child):not(:last-child)]:rounded-none',\n        // Remove double borders between buttons\n        '[&>*:not(:first-child)]:border-l-0',\n        // Handle single child\n        '[&>*:only-child]:rounded-[var(--radius)]',\n        '[&>*:only-child]:border-l',\n        // Active item styling - use primary color from theme\n        '[&>*.z-button-group-item-active]:bg-primary',\n        '[&>*.z-button-group-item-active]:text-primary-foreground',\n        '[&>*.z-button-group-item-active]:border-primary',\n        '[&>*.z-button-group-item-active]:z-[1]',\n      ],\n      vertical: [\n        'flex-col',\n        // First child - only top border radius\n        '[&>*:first-child]:rounded-b-none',\n        // Last child - only bottom border radius\n        '[&>*:last-child]:rounded-t-none',\n        // Middle children - no border radius\n        '[&>*:not(:first-child):not(:last-child)]:rounded-none',\n        // Remove double borders between buttons\n        '[&>*:not(:first-child)]:border-t-0',\n        // Handle single child\n        '[&>*:only-child]:rounded-[var(--radius)]',\n        '[&>*:only-child]:border-t',\n        // Active item styling - use primary color from theme\n        '[&>*.z-button-group-item-active]:bg-primary',\n        '[&>*.z-button-group-item-active]:text-primary-foreground',\n        '[&>*.z-button-group-item-active]:border-primary',\n        '[&>*.z-button-group-item-active]:z-[1]',\n      ],\n    },\n  },\n  defaultVariants: {\n    zOrientation: 'horizontal',\n  },\n});\n\nexport const zButtonGroupSeparatorVariants = cva('shrink-0 bg-border', {\n  variants: {\n    zOrientation: {\n      horizontal: 'h-full w-px',\n      vertical: 'w-full h-px',\n    },\n  },\n  defaultVariants: {\n    zOrientation: 'horizontal',\n  },\n});\n\nexport type ZButtonGroupVariants = VariantProps<typeof zButtonGroupVariants>;\nexport type ZButtonGroupSeparatorVariants = VariantProps<typeof zButtonGroupSeparatorVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { zButtonGroupSeparatorVariants, type ZButtonGroupSeparatorVariants } from './z-button-group.variants';\n\n@Component({\n  selector: 'z-button-group-separator',\n  standalone: true,\n  template: ``,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'separator',\n    '[class]': 'zClasses()',\n  },\n  exportAs: 'zButtonGroupSeparator',\n})\nexport class ZButtonGroupSeparatorComponent {\n  public readonly zClass = input<ClassValue>('');\n  public readonly zOrientation = input<ZButtonGroupSeparatorVariants['zOrientation']>('horizontal');\n\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zButtonGroupSeparatorVariants({\n        zOrientation: this.zOrientation(),\n      }),\n      this.zClass()\n    )\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  model,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { ZButtonGroupItemDirective } from './z-button-group-item.directive';\nimport { type ZButtonGroupHost, type ZButtonGroupValue, Z_BUTTON_GROUP } from './z-button-group.types';\nimport { zButtonGroupVariants, type ZButtonGroupVariants } from './z-button-group.variants';\n\n@Component({\n  selector: 'z-button-group',\n  standalone: true,\n  template: `\n    <ng-content />\n  `,\n  providers: [\n    {\n      provide: Z_BUTTON_GROUP,\n      useExisting: ZButtonGroupComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'group',\n    '[class]': 'zClasses()',\n  },\n  exportAs: 'zButtonGroup',\n})\nexport class ZButtonGroupComponent implements ZButtonGroupHost {\n  public readonly zClass = input<ClassValue>('');\n  public readonly zOrientation = input<ZButtonGroupVariants['zOrientation']>('horizontal');\n\n  public readonly zActive = model<ZButtonGroupValue | null>(null);\n  public readonly zActiveIndexChange = output<number | null>();\n  public readonly zActiveValueChange = output<ZButtonGroupValue | null>();\n  private readonly _items = contentChildren(ZButtonGroupItemDirective);\n\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zButtonGroupVariants({\n        zOrientation: this.zOrientation(),\n      }),\n      this.zClass()\n    )\n  );\n\n  constructor() {\n    effect(() => {\n      const items = this._items();\n      items.forEach((item, index) => {\n        item._setIndex(index);\n      });\n    });\n  }\n\n  public _selectItem(value: ZButtonGroupValue, index: number): void {\n    const newValue = this.zActive() === value ? null : value;\n    this.zActive.set(newValue);\n    this.zActiveIndexChange.emit(newValue === null ? null : index);\n    this.zActiveValueChange.emit(newValue);\n  }\n\n  public _isItemActive(value: ZButtonGroupValue): boolean {\n    return this.zActive() === value;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shival99-z-ui-components-z-button-group.mjs","sources":["../../../../libs/core-ui/components/z-button-group/z-button-group.types.ts","../../../../libs/core-ui/components/z-button-group/z-button-group-item.directive.ts","../../../../libs/core-ui/components/z-button-group/z-button-group.variants.ts","../../../../libs/core-ui/components/z-button-group/z-button-group-separator.component.ts","../../../../libs/core-ui/components/z-button-group/z-button-group.component.ts","../../../../libs/core-ui/components/z-button-group/shival99-z-ui-components-z-button-group.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport type ZButtonGroupValue = string | number;\n\nexport interface ZButtonGroupHost {\n  _selectItem(value: ZButtonGroupValue, index: number): void;\n  _isItemActive(value: ZButtonGroupValue): boolean;\n}\n\nexport const Z_BUTTON_GROUP = new InjectionToken<ZButtonGroupHost>('Z_BUTTON_GROUP');\n","import { computed, Directive, inject, input, signal } from '@angular/core';\nimport { Z_BUTTON_GROUP, type ZButtonGroupValue } from './z-button-group.types';\n\n@Directive({\n  selector: '[z-button-group-item]',\n  standalone: true,\n  host: {\n    '[class.z-button-group-item-active]': 'isActive()',\n    '(click)': 'onClick()',\n  },\n  exportAs: 'zButtonGroupItem',\n})\nexport class ZButtonGroupItemDirective {\n  private readonly _group = inject(Z_BUTTON_GROUP, { optional: true });\n  private readonly _index = signal<number>(-1);\n\n  /** Khóa ổn định tùy chọn, ưu tiên hơn index khi xác định active. */\n  public readonly zValue = input<ZButtonGroupValue>();\n\n  private readonly _value = computed<ZButtonGroupValue>(() => this.zValue() ?? this._index());\n\n  public readonly isActive = computed(() => {\n    if (!this._group) {\n      return false;\n    }\n    return this._group._isItemActive(this._value());\n  });\n\n  public readonly index = this._index.asReadonly();\n  public _setIndex(index: number): void {\n    this._index.set(index);\n  }\n\n  protected onClick(): void {\n    if (!this._group) {\n      return;\n    }\n    this._group._selectItem(this._value(), this._index());\n  }\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zButtonGroupVariants = cva('inline-flex items-center [--radius:var(--radius)]', {\n  variants: {\n    zOrientation: {\n      horizontal: [\n        'flex-row',\n        // First child - only left border radius\n        '[&>*:first-child]:rounded-r-none',\n        // Last child - only right border radius\n        '[&>*:last-child]:rounded-l-none',\n        // Middle children - no border radius\n        '[&>*:not(:first-child):not(:last-child)]:rounded-none',\n        // Remove double borders between buttons\n        '[&>*:not(:first-child)]:border-l-0',\n        // Handle single child\n        '[&>*:only-child]:rounded-[var(--radius)]',\n        '[&>*:only-child]:border-l',\n        // Active item styling - use primary color from theme\n        '[&>*.z-button-group-item-active]:bg-primary',\n        '[&>*.z-button-group-item-active]:text-primary-foreground',\n        '[&>*.z-button-group-item-active]:border-primary',\n        '[&>*.z-button-group-item-active]:z-[1]',\n      ],\n      vertical: [\n        'flex-col',\n        // First child - only top border radius\n        '[&>*:first-child]:rounded-b-none',\n        // Last child - only bottom border radius\n        '[&>*:last-child]:rounded-t-none',\n        // Middle children - no border radius\n        '[&>*:not(:first-child):not(:last-child)]:rounded-none',\n        // Remove double borders between buttons\n        '[&>*:not(:first-child)]:border-t-0',\n        // Handle single child\n        '[&>*:only-child]:rounded-[var(--radius)]',\n        '[&>*:only-child]:border-t',\n        // Active item styling - use primary color from theme\n        '[&>*.z-button-group-item-active]:bg-primary',\n        '[&>*.z-button-group-item-active]:text-primary-foreground',\n        '[&>*.z-button-group-item-active]:border-primary',\n        '[&>*.z-button-group-item-active]:z-[1]',\n      ],\n    },\n  },\n  defaultVariants: {\n    zOrientation: 'horizontal',\n  },\n});\n\nexport const zButtonGroupSeparatorVariants = cva('shrink-0 bg-border', {\n  variants: {\n    zOrientation: {\n      horizontal: 'h-full w-px',\n      vertical: 'w-full h-px',\n    },\n  },\n  defaultVariants: {\n    zOrientation: 'horizontal',\n  },\n});\n\nexport type ZButtonGroupVariants = VariantProps<typeof zButtonGroupVariants>;\nexport type ZButtonGroupSeparatorVariants = VariantProps<typeof zButtonGroupSeparatorVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { zButtonGroupSeparatorVariants, type ZButtonGroupSeparatorVariants } from './z-button-group.variants';\n\n@Component({\n  selector: 'z-button-group-separator',\n  standalone: true,\n  template: ``,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'separator',\n    '[class]': 'zClasses()',\n  },\n  exportAs: 'zButtonGroupSeparator',\n})\nexport class ZButtonGroupSeparatorComponent {\n  public readonly zClass = input<ClassValue>('');\n  public readonly zOrientation = input<ZButtonGroupSeparatorVariants['zOrientation']>('horizontal');\n\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zButtonGroupSeparatorVariants({\n        zOrientation: this.zOrientation(),\n      }),\n      this.zClass()\n    )\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  model,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { ZButtonGroupItemDirective } from './z-button-group-item.directive';\nimport { type ZButtonGroupHost, type ZButtonGroupValue, Z_BUTTON_GROUP } from './z-button-group.types';\nimport { zButtonGroupVariants, type ZButtonGroupVariants } from './z-button-group.variants';\n\n@Component({\n  selector: 'z-button-group',\n  standalone: true,\n  template: `\n    <ng-content />\n  `,\n  providers: [\n    {\n      provide: Z_BUTTON_GROUP,\n      useExisting: ZButtonGroupComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'group',\n    '[class]': 'zClasses()',\n  },\n  exportAs: 'zButtonGroup',\n})\nexport class ZButtonGroupComponent implements ZButtonGroupHost {\n  public readonly zClass = input<ClassValue>('');\n  public readonly zOrientation = input<ZButtonGroupVariants['zOrientation']>('horizontal');\n\n  public readonly zActive = model<ZButtonGroupValue | null>(null);\n  public readonly zActiveIndexChange = output<number | null>();\n  public readonly zActiveValueChange = output<ZButtonGroupValue | null>();\n  private readonly _items = contentChildren(ZButtonGroupItemDirective);\n\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zButtonGroupVariants({\n        zOrientation: this.zOrientation(),\n      }),\n      this.zClass()\n    )\n  );\n\n  constructor() {\n    effect(() => {\n      const items = this._items();\n      items.forEach((item, index) => {\n        item._setIndex(index);\n      });\n    });\n  }\n\n  public _selectItem(value: ZButtonGroupValue, index: number): void {\n    const newValue = this.zActive() === value ? null : value;\n    this.zActive.set(newValue);\n    this.zActiveIndexChange.emit(newValue === null ? null : index);\n    this.zActiveValueChange.emit(newValue);\n  }\n\n  public _isItemActive(value: ZButtonGroupValue): boolean {\n    return this.zActive() === value;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -93,21 +93,33 @@ const zButtonVariants = cva("cursor-pointer relative inline-flex items-center ju
 
 class ZButtonComponent {
     _elementRef = inject((ElementRef));
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    zType = input('default', ...(ngDevMode ? [{ debugName: "zType" }] : []));
-    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
-    zShape = input('default', ...(ngDevMode ? [{ debugName: "zShape" }] : []));
-    zLabel = input('', ...(ngDevMode ? [{ debugName: "zLabel" }] : []));
-    zLoading = input(false, { ...(ngDevMode ? { debugName: "zLoading" } : {}), transform: zTransform });
-    zDisabled = input(false, ...(ngDevMode ? [{ debugName: "zDisabled" }] : []));
-    zTypeIcon = input(undefined, ...(ngDevMode ? [{ debugName: "zTypeIcon" }] : []));
-    zAnimatedTypeIcon = input(undefined, ...(ngDevMode ? [{ debugName: "zAnimatedTypeIcon" }] : []));
-    zAnimateIcon = input(false, { ...(ngDevMode ? { debugName: "zAnimateIcon" } : {}), transform: zTransform });
-    zAnimationTriggerIcon = input('manual', ...(ngDevMode ? [{ debugName: "zAnimationTriggerIcon" }] : []));
-    zSizeIcon = input('20', ...(ngDevMode ? [{ debugName: "zSizeIcon" }] : []));
-    zStrokeWidthIcon = input(2, ...(ngDevMode ? [{ debugName: "zStrokeWidthIcon" }] : []));
-    zWave = input(true, { ...(ngDevMode ? { debugName: "zWave" } : {}), transform: zTransform });
-    _zIconOnlyState = signal(false, ...(ngDevMode ? [{ debugName: "_zIconOnlyState" }] : []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    zType = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zType" }] : /* istanbul ignore next */ []));
+    zSize = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSize" }] : /* istanbul ignore next */ []));
+    zShape = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zShape" }] : /* istanbul ignore next */ []));
+    zLabel = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zLabel" }] : /* istanbul ignore next */ []));
+    zLoading = input(false, { ...(ngDevMode ? { debugName: "zLoading" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zDisabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zDisabled" }] : /* istanbul ignore next */ []));
+    zTypeIcon = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTypeIcon" }] : /* istanbul ignore next */ []));
+    zAnimatedTypeIcon = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zAnimatedTypeIcon" }] : /* istanbul ignore next */ []));
+    zAnimateIcon = input(false, { ...(ngDevMode ? { debugName: "zAnimateIcon" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zAnimationTriggerIcon = input('manual', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zAnimationTriggerIcon" }] : /* istanbul ignore next */ []));
+    zSizeIcon = input('20', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSizeIcon" }] : /* istanbul ignore next */ []));
+    zStrokeWidthIcon = input(2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zStrokeWidthIcon" }] : /* istanbul ignore next */ []));
+    zWave = input(true, { ...(ngDevMode ? { debugName: "zWave" } : /* istanbul ignore next */ {}), transform: zTransform });
+    _zIconOnlyState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_zIconOnlyState" }] : /* istanbul ignore next */ []));
     _mutationObserver = null;
     zIconOnly = this._zIconOnlyState.asReadonly();
     zClasses = computed(() => zMergeClasses(zButtonVariants({
@@ -116,7 +128,8 @@ class ZButtonComponent {
         zShape: this.zShape(),
         zLoading: this.zLoading(),
         zDisabled: this.zDisabled(),
-    }), this.class()), ...(ngDevMode ? [{ debugName: "zClasses" }] : []));
+    }), this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClasses" }] : /* istanbul ignore next */ []));
     constructor() {
         afterNextRender(() => {
             const check = () => {
@@ -173,10 +186,10 @@ class ZButtonComponent {
         };
         waveEl.addEventListener('animationend', onWaveAnimationEnd);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZButtonComponent, isStandalone: true, selector: "z-button, button[z-button], a[z-button]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zType: { classPropertyName: "zType", publicName: "zType", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zShape: { classPropertyName: "zShape", publicName: "zShape", isSignal: true, isRequired: false, transformFunction: null }, zLabel: { classPropertyName: "zLabel", publicName: "zLabel", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zTypeIcon: { classPropertyName: "zTypeIcon", publicName: "zTypeIcon", isSignal: true, isRequired: false, transformFunction: null }, zAnimatedTypeIcon: { classPropertyName: "zAnimatedTypeIcon", publicName: "zAnimatedTypeIcon", isSignal: true, isRequired: false, transformFunction: null }, zAnimateIcon: { classPropertyName: "zAnimateIcon", publicName: "zAnimateIcon", isSignal: true, isRequired: false, transformFunction: null }, zAnimationTriggerIcon: { classPropertyName: "zAnimationTriggerIcon", publicName: "zAnimationTriggerIcon", isSignal: true, isRequired: false, transformFunction: null }, zSizeIcon: { classPropertyName: "zSizeIcon", publicName: "zSizeIcon", isSignal: true, isRequired: false, transformFunction: null }, zStrokeWidthIcon: { classPropertyName: "zStrokeWidthIcon", publicName: "zStrokeWidthIcon", isSignal: true, isRequired: false, transformFunction: null }, zWave: { classPropertyName: "zWave", publicName: "zWave", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onWaveClick()" }, properties: { "class": "zClasses()", "attr.data-icon-only": "zIconOnly() || null" } }, exportAs: ["zButton"], ngImport: i0, template: "@if ((zTypeIcon() || zAnimatedTypeIcon()) && !zLoading()) {\n  <i\n    z-icon\n    [zType]=\"zTypeIcon() || 'lucideLoader'\"\n    [zAnimatedType]=\"zAnimatedTypeIcon()\"\n    [zAnimate]=\"zAnimateIcon()\"\n    [zAnimationTrigger]=\"zAnimationTriggerIcon()\"\n    [zSize]=\"zSizeIcon()\"\n    [zStrokeWidth]=\"zStrokeWidthIcon()\"></i>\n}\n@if (zLoading()) {\n  <i z-icon zType=\"lucideLoader\" class=\"z-animate-spin\" [zSize]=\"zSizeIcon()\" [zStrokeWidth]=\"2.8\"></i>\n}\n@if (zLabel()) {\n  <span>{{ zLabel() | translate }}</span>\n} @else {\n  <ng-content />\n}\n", styles: ["@property --z-button-shimmer-angle{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes z-button-shimmer-spin{to{--z-button-shimmer-angle: 360deg}}@keyframes z-button-heartbeat{0%{box-shadow:0 0 0 0 var(--z-button-heartbeat-color, var(--destructive))}50%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.z-button-shimmer{border-color:transparent;background:linear-gradient(var(--background),var(--background)) padding-box,conic-gradient(from var(--z-button-shimmer-angle),transparent 0deg,transparent 300deg,var(--primary) 326deg,transparent 352deg,transparent 360deg) border-box;animation:z-button-shimmer-spin 4s linear infinite}.z-button-shimmer:hover{background:linear-gradient(var(--background),var(--background)) padding-box,conic-gradient(from var(--z-button-shimmer-angle),transparent 0deg,transparent 300deg,var(--primary) 326deg,transparent 352deg,transparent 360deg) border-box}.z-button-heartbeat{--z-button-heartbeat-color: var(--destructive);animation:z-button-heartbeat 2s ease-in-out infinite;will-change:box-shadow}@media(prefers-reduced-motion:reduce){.z-button-shimmer,.z-button-heartbeat{animation:none}}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ZButtonComponent, isStandalone: true, selector: "z-button, button[z-button], a[z-button]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zType: { classPropertyName: "zType", publicName: "zType", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zShape: { classPropertyName: "zShape", publicName: "zShape", isSignal: true, isRequired: false, transformFunction: null }, zLabel: { classPropertyName: "zLabel", publicName: "zLabel", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zTypeIcon: { classPropertyName: "zTypeIcon", publicName: "zTypeIcon", isSignal: true, isRequired: false, transformFunction: null }, zAnimatedTypeIcon: { classPropertyName: "zAnimatedTypeIcon", publicName: "zAnimatedTypeIcon", isSignal: true, isRequired: false, transformFunction: null }, zAnimateIcon: { classPropertyName: "zAnimateIcon", publicName: "zAnimateIcon", isSignal: true, isRequired: false, transformFunction: null }, zAnimationTriggerIcon: { classPropertyName: "zAnimationTriggerIcon", publicName: "zAnimationTriggerIcon", isSignal: true, isRequired: false, transformFunction: null }, zSizeIcon: { classPropertyName: "zSizeIcon", publicName: "zSizeIcon", isSignal: true, isRequired: false, transformFunction: null }, zStrokeWidthIcon: { classPropertyName: "zStrokeWidthIcon", publicName: "zStrokeWidthIcon", isSignal: true, isRequired: false, transformFunction: null }, zWave: { classPropertyName: "zWave", publicName: "zWave", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onWaveClick()" }, properties: { "class": "zClasses()", "attr.data-icon-only": "zIconOnly() || null" } }, exportAs: ["zButton"], ngImport: i0, template: "@if ((zTypeIcon() || zAnimatedTypeIcon()) && !zLoading()) {\n  <i\n    z-icon\n    [zType]=\"zTypeIcon() || 'lucideLoader'\"\n    [zAnimatedType]=\"zAnimatedTypeIcon()\"\n    [zAnimate]=\"zAnimateIcon()\"\n    [zAnimationTrigger]=\"zAnimationTriggerIcon()\"\n    [zSize]=\"zSizeIcon()\"\n    [zStrokeWidth]=\"zStrokeWidthIcon()\"></i>\n}\n@if (zLoading()) {\n  <i z-icon zType=\"lucideLoader\" class=\"z-animate-spin\" [zSize]=\"zSizeIcon()\" [zStrokeWidth]=\"2.8\"></i>\n}\n@if (zLabel()) {\n  <span>{{ zLabel() | translate }}</span>\n} @else {\n  <ng-content />\n}\n", styles: ["@property --z-button-shimmer-angle{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes z-button-shimmer-spin{to{--z-button-shimmer-angle: 360deg}}@keyframes z-button-heartbeat{0%{box-shadow:0 0 0 0 var(--z-button-heartbeat-color, var(--destructive))}50%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.z-button-shimmer{border-color:transparent;background:linear-gradient(var(--background),var(--background)) padding-box,conic-gradient(from var(--z-button-shimmer-angle),transparent 0deg,transparent 300deg,var(--primary) 326deg,transparent 352deg,transparent 360deg) border-box;animation:z-button-shimmer-spin 4s linear infinite}.z-button-shimmer:hover{background:linear-gradient(var(--background),var(--background)) padding-box,conic-gradient(from var(--z-button-shimmer-angle),transparent 0deg,transparent 300deg,var(--primary) 326deg,transparent 352deg,transparent 360deg) border-box}.z-button-heartbeat{--z-button-heartbeat-color: var(--destructive);animation:z-button-heartbeat 2s ease-in-out infinite;will-change:box-shadow}@media(prefers-reduced-motion:reduce){.z-button-shimmer,.z-button-heartbeat{animation:none}}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'z-button, button[z-button], a[z-button]', imports: [ZIconComponent, TranslatePipe], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'zClasses()',

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

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-button.mjs","sources":["../../../../libs/core-ui/components/z-button/z-button.variants.ts","../../../../libs/core-ui/components/z-button/z-button.component.ts","../../../../libs/core-ui/components/z-button/z-button.component.html","../../../../libs/core-ui/components/z-button/shival99-z-ui-components-z-button.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zButtonVariants = cva(\n  \"cursor-pointer relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-[450] select-none transition-[background-color,border-color,color,box-shadow,opacity] duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      zType: {\n        default:\n          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 [--z-wave-color:var(--color-primary)]',\n        primary:\n          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 [--z-wave-color:var(--color-primary)]',\n        secondary:\n          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80 [--z-wave-color:var(--color-secondary-foreground)]',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 [--z-wave-color:var(--color-destructive)]',\n        'destructive-heartbeat':\n          'z-button-heartbeat bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 [--z-wave-color:var(--color-destructive)]',\n        success:\n          'bg-green-600 text-white shadow-xs hover:bg-green-700 focus-visible:ring-green-500/20 dark:bg-green-600 dark:hover:bg-green-700 [--z-wave-color:var(--color-green-600)]',\n        info: 'bg-blue-600 text-white shadow-xs hover:bg-blue-700 focus-visible:ring-blue-500/20 dark:bg-blue-600 dark:hover:bg-blue-700 [--z-wave-color:var(--color-blue-600)]',\n        warning:\n          'bg-amber-500 text-white shadow-xs hover:bg-amber-600 focus-visible:ring-amber-500/20 dark:bg-amber-500 dark:hover:bg-amber-600 [--z-wave-color:var(--color-amber-500)]',\n        error:\n          'bg-red-600 text-white shadow-xs hover:bg-red-700 focus-visible:ring-red-500/20 dark:bg-red-600 dark:hover:bg-red-700 [--z-wave-color:var(--color-red-600)]',\n\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 [--z-wave-color:var(--color-foreground)]',\n        'outline-primary':\n          'border border-primary text-primary bg-transparent shadow-xs hover:bg-primary hover:text-primary-foreground focus-visible:ring-primary/20 [--z-wave-color:var(--color-primary)]',\n        'outline-secondary':\n          'border border-secondary-foreground/20 text-secondary-foreground bg-transparent shadow-xs hover:bg-secondary hover:text-secondary-foreground focus-visible:ring-secondary/20 [--z-wave-color:var(--color-secondary-foreground)]',\n        'outline-success':\n          'border border-green-600 text-green-600 bg-transparent shadow-xs hover:bg-green-600 hover:text-white focus-visible:ring-green-500/20 dark:border-green-500 dark:text-green-500 dark:hover:bg-green-600 [--z-wave-color:var(--color-green-600)]',\n        'outline-info':\n          'border border-blue-600 text-blue-600 bg-transparent shadow-xs hover:bg-blue-600 hover:text-white focus-visible:ring-blue-500/20 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-blue-600 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning':\n          'border border-amber-500 text-amber-600 bg-transparent shadow-xs hover:bg-amber-500 hover:text-white focus-visible:ring-amber-500/20 dark:border-amber-400 dark:text-amber-400 dark:hover:bg-amber-500 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error':\n          'border border-red-600 text-red-600 bg-transparent shadow-xs hover:bg-red-600 hover:text-white focus-visible:ring-red-500/20 dark:border-red-500 dark:text-red-500 dark:hover:bg-red-600 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive':\n          'border border-destructive text-destructive bg-transparent shadow-xs hover:bg-destructive hover:text-white focus-visible:ring-destructive/20 [--z-wave-color:var(--color-destructive)]',\n        'outline-shimmer':\n          'z-button-shimmer border border-transparent bg-background text-foreground shadow-xs hover:bg-background dark:bg-background dark:hover:bg-background [--z-wave-color:var(--color-primary)]',\n        'outline-success-secondary':\n          'border bg-background shadow-xs hover:bg-green-600/10 hover:text-green-600 hover:border-green-600 dark:bg-input/30 dark:border-input dark:hover:bg-green-500/20 dark:hover:text-green-500 dark:hover:border-green-500 [--z-wave-color:var(--color-green-600)]',\n        'outline-info-secondary':\n          'border bg-background shadow-xs hover:bg-blue-600/10 hover:text-blue-600 hover:border-blue-600 dark:bg-input/30 dark:border-input dark:hover:bg-blue-500/20 dark:hover:text-blue-500 dark:hover:border-blue-500 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning-secondary':\n          'border bg-background shadow-xs hover:bg-amber-500/10 hover:text-amber-600 hover:border-amber-500 dark:bg-input/30 dark:border-input dark:hover:bg-amber-400/20 dark:hover:text-amber-400 dark:hover:border-amber-400 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error-secondary':\n          'border bg-background shadow-xs hover:bg-red-600/10 hover:text-red-600 hover:border-red-600 dark:bg-input/30 dark:border-input dark:hover:bg-red-500/20 dark:hover:text-red-500 dark:hover:border-red-500 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive-secondary':\n          'border bg-background shadow-xs hover:bg-destructive/10 hover:text-destructive hover:border-destructive dark:bg-input/30 dark:border-input dark:hover:bg-destructive/20 dark:hover:border-destructive [--z-wave-color:var(--color-destructive)]',\n        'outline-primary-secondary':\n          'border bg-background shadow-xs hover:bg-primary/10 hover:text-primary hover:border-primary dark:bg-input/30 dark:border-input dark:hover:bg-primary/20 dark:hover:border-primary [--z-wave-color:var(--color-primary)]',\n        'outline-primary-soft':\n          'border bg-background text-primary shadow-xs hover:bg-primary/10 hover:border-primary dark:bg-input/30 dark:border-input dark:hover:bg-primary/20 dark:hover:border-primary [--z-wave-color:var(--color-primary)]',\n        'outline-success-soft':\n          'border bg-background text-green-600 shadow-xs hover:bg-green-600/10 hover:border-green-600 dark:bg-input/30 dark:border-input dark:text-green-500 dark:hover:bg-green-500/20 dark:hover:border-green-500 [--z-wave-color:var(--color-green-600)]',\n        'outline-info-soft':\n          'border bg-background text-blue-600 shadow-xs hover:bg-blue-600/10 hover:border-blue-600 dark:bg-input/30 dark:border-input dark:text-blue-500 dark:hover:bg-blue-500/20 dark:hover:border-blue-500 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning-soft':\n          'border bg-background text-amber-600 shadow-xs hover:bg-amber-500/10 hover:border-amber-500 dark:bg-input/30 dark:border-input dark:text-amber-400 dark:hover:bg-amber-400/20 dark:hover:border-amber-400 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error-soft':\n          'border bg-background text-red-600 shadow-xs hover:bg-red-600/10 hover:border-red-600 dark:bg-input/30 dark:border-input dark:text-red-500 dark:hover:bg-red-500/20 dark:hover:border-red-500 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive-soft':\n          'border bg-background text-destructive shadow-xs hover:bg-destructive/10 hover:border-destructive dark:bg-input/30 dark:border-input dark:hover:bg-destructive/20 dark:hover:border-destructive [--z-wave-color:var(--color-destructive)]',\n        'outline-primary-soft-border':\n          'border border-primary! bg-background text-primary shadow-xs hover:bg-primary/10 dark:bg-input/30 dark:hover:bg-primary/20 [--z-wave-color:var(--color-primary)]',\n        'outline-success-soft-border':\n          'border border-green-600! bg-background text-green-600 shadow-xs hover:bg-green-600/10 dark:bg-input/30 dark:border-green-500! dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'outline-info-soft-border':\n          'border border-blue-600! bg-background text-blue-600 shadow-xs hover:bg-blue-600/10 dark:bg-input/30 dark:border-blue-500! dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning-soft-border':\n          'border border-amber-500! bg-background text-amber-600 shadow-xs hover:bg-amber-500/10 dark:bg-input/30 dark:border-amber-400! dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error-soft-border':\n          'border border-red-600! bg-background text-red-600 shadow-xs hover:bg-red-600/10 dark:bg-input/30 dark:border-red-500! dark:text-red-500 dark:hover:bg-red-500/20 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive-soft-border':\n          'border border-destructive! bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:bg-input/30 dark:hover:bg-destructive/20 [--z-wave-color:var(--color-destructive)]',\n\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 [--z-wave-color:var(--color-foreground)]',\n        'ghost-primary':\n          'text-primary hover:bg-primary/10 dark:hover:bg-primary/20 [--z-wave-color:var(--color-primary)]',\n        'ghost-success':\n          'text-green-600 hover:bg-green-600/10 dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'ghost-info':\n          'text-blue-600 hover:bg-blue-600/10 dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'ghost-warning':\n          'text-amber-600 hover:bg-amber-500/10 dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'ghost-error':\n          'text-red-600 hover:bg-red-600/10 dark:text-red-500 dark:hover:bg-red-500/20 [--z-wave-color:var(--color-red-600)]',\n        'ghost-destructive':\n          'text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/20 [--z-wave-color:var(--color-destructive)]',\n\n        subtle:\n          'bg-accent text-accent-foreground shadow-xs hover:bg-accent/80 dark:bg-accent/50 dark:hover:bg-accent/70 [--z-wave-color:var(--color-foreground)]',\n        'subtle-primary':\n          'bg-primary/10 text-primary shadow-xs hover:bg-primary/20 dark:bg-primary/15 dark:text-primary dark:hover:bg-primary/25 [--z-wave-color:var(--color-primary)]',\n        'subtle-success':\n          'bg-green-600/10 text-green-600 shadow-xs hover:bg-green-600/20 dark:bg-green-500/10 dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'subtle-info':\n          'bg-blue-600/10 text-blue-600 shadow-xs hover:bg-blue-600/20 dark:bg-blue-500/10 dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'subtle-warning':\n          'bg-amber-500/10 text-amber-600 shadow-xs hover:bg-amber-500/20 dark:bg-amber-400/10 dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'subtle-destructive':\n          'bg-destructive/10 text-destructive shadow-xs hover:bg-destructive/20 dark:bg-destructive/15 dark:text-destructive-foreground dark:hover:bg-destructive/25 [--z-wave-color:var(--color-destructive)]',\n        'subtle-outline':\n          'border border-border bg-accent text-accent-foreground shadow-xs hover:bg-accent/80 dark:border-input dark:bg-accent/50 dark:hover:bg-accent/70 [--z-wave-color:var(--color-foreground)]',\n        'subtle-primary-outline':\n          'border border-border bg-primary/10 text-primary shadow-xs hover:bg-primary/20 dark:border-input dark:bg-primary/15 dark:text-primary dark:hover:bg-primary/25 [--z-wave-color:var(--color-primary)]',\n        'subtle-success-outline':\n          'border border-border bg-green-600/10 text-green-600 shadow-xs hover:bg-green-600/20 dark:border-input dark:bg-green-500/10 dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'subtle-info-outline':\n          'border border-border bg-blue-600/10 text-blue-600 shadow-xs hover:bg-blue-600/20 dark:border-input dark:bg-blue-500/10 dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'subtle-warning-outline':\n          'border border-border bg-amber-500/10 text-amber-600 shadow-xs hover:bg-amber-500/20 dark:border-input dark:bg-amber-400/10 dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'subtle-destructive-outline':\n          'border border-border bg-destructive/10 text-destructive shadow-xs hover:bg-destructive/20 dark:border-input dark:bg-destructive/15 dark:text-destructive-foreground dark:hover:bg-destructive/25 [--z-wave-color:var(--color-destructive)]',\n\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      zSize: {\n        default: 'h-9 px-3 py-2 [&[data-icon-only]]:size-9 [&[data-icon-only]]:p-0',\n        xs: 'h-7 px-3 py-1 [&[data-icon-only]]:size-7 [&[data-icon-only]]:p-0',\n        sm: 'h-8 rounded-sm gap-1.5 px-3 [&[data-icon-only]]:size-8 [&[data-icon-only]]:p-0',\n        lg: 'h-10 rounded-sm px-3 [&[data-icon-only]]:size-10 [&[data-icon-only]]:p-0',\n        xl: 'h-12 rounded-sm px-3 text-base [&[data-icon-only]]:size-12 [&[data-icon-only]]:p-0',\n      },\n      zShape: {\n        default: 'rounded-sm',\n        circle: 'rounded-full',\n        square: 'rounded-none',\n      },\n      zLoading: {\n        true: 'opacity-50 pointer-events-none',\n      },\n      zDisabled: {\n        true: 'opacity-50 pointer-events-none',\n      },\n    },\n    defaultVariants: {\n      zType: 'default',\n      zSize: 'default',\n      zShape: 'default',\n    },\n  }\n);\n\nexport type ZButtonVariants = VariantProps<typeof zButtonVariants>;\n","import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n  type OnDestroy,\n} from '@angular/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport {\n  type ZAnimatedIcon,\n  type ZIconAnimationTrigger,\n  type ZIconVariants,\n  type ZIcon,\n} from '@shival99/z-ui/components/z-icon';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { zButtonVariants, type ZButtonVariants } from './z-button.variants';\n\n@Component({\n  selector: 'z-button, button[z-button], a[z-button]',\n  imports: [ZIconComponent, TranslatePipe],\n  standalone: true,\n  templateUrl: './z-button.component.html',\n  styleUrl: './z-button.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'zClasses()',\n    '[attr.data-icon-only]': 'zIconOnly() || null',\n    '(click)': 'onWaveClick()',\n  },\n  exportAs: 'zButton',\n})\nexport class ZButtonComponent implements OnDestroy {\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  public readonly class = input<ClassValue>('');\n  public readonly zType = input<ZButtonVariants['zType']>('default');\n  public readonly zSize = input<ZButtonVariants['zSize']>('default');\n  public readonly zShape = input<ZButtonVariants['zShape']>('default');\n  public readonly zLabel = input<string>('');\n  public readonly zLoading = input(false, { transform: zTransform });\n  public readonly zDisabled = input(false);\n  public readonly zTypeIcon = input<ZIcon | undefined>(undefined);\n  public readonly zAnimatedTypeIcon = input<ZAnimatedIcon | undefined>(undefined);\n  public readonly zAnimateIcon = input(false, { transform: zTransform });\n  public readonly zAnimationTriggerIcon = input<ZIconAnimationTrigger>('manual');\n  public readonly zSizeIcon = input<ZIconVariants['zSize']>('20');\n  public readonly zStrokeWidthIcon = input<number>(2);\n  public readonly zWave = input(true, { transform: zTransform });\n\n  private readonly _zIconOnlyState = signal(false);\n  private _mutationObserver: MutationObserver | null = null;\n\n  protected readonly zIconOnly = this._zIconOnlyState.asReadonly();\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zButtonVariants({\n        zType: this.zType(),\n        zSize: this.zSize(),\n        zShape: this.zShape(),\n        zLoading: this.zLoading(),\n        zDisabled: this.zDisabled(),\n      }),\n      this.class()\n    )\n  );\n\n  constructor() {\n    afterNextRender(() => {\n      const check = () => {\n        const el = this._elementRef.nativeElement;\n        const hasIcon = el.querySelector('z-icon, [z-icon]') !== null;\n        const children = Array.from<Node>(el.childNodes);\n        const hasText = children.some(node => {\n          if (node.nodeType === 3) {\n            return node.textContent?.trim() !== '';\n          }\n\n          if (node.nodeType === 1) {\n            const element = node as HTMLElement;\n            if (element.matches('z-icon, [z-icon]')) {\n              return false;\n            }\n\n            return element.textContent?.trim() !== '';\n          }\n\n          return false;\n        });\n\n        this._zIconOnlyState.set(hasIcon && !hasText);\n      };\n\n      check();\n      this._mutationObserver = new MutationObserver(check);\n      this._mutationObserver.observe(this._elementRef.nativeElement, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this._mutationObserver) {\n      this._mutationObserver.disconnect();\n      this._mutationObserver = null;\n    }\n  }\n\n  protected onWaveClick(): void {\n    const type = this.zType();\n    if (!this.zWave() || this.zLoading() || type === 'link') {\n      return;\n    }\n\n    const el = this._elementRef.nativeElement;\n    const waveEl = document.createElement('span');\n    waveEl.className = 'z-animate-wave';\n    el.appendChild(waveEl);\n    el.classList.add('z-wave-active');\n    const onWaveAnimationEnd = (event: AnimationEvent): void => {\n      if (event.animationName !== 'z-fade-effect') {\n        return;\n      }\n\n      waveEl.remove();\n      el.classList.remove('z-wave-active');\n      waveEl.removeEventListener('animationend', onWaveAnimationEnd);\n    };\n\n    waveEl.addEventListener('animationend', onWaveAnimationEnd);\n  }\n}\n","@if ((zTypeIcon() || zAnimatedTypeIcon()) && !zLoading()) {\n  <i\n    z-icon\n    [zType]=\"zTypeIcon() || 'lucideLoader'\"\n    [zAnimatedType]=\"zAnimatedTypeIcon()\"\n    [zAnimate]=\"zAnimateIcon()\"\n    [zAnimationTrigger]=\"zAnimationTriggerIcon()\"\n    [zSize]=\"zSizeIcon()\"\n    [zStrokeWidth]=\"zStrokeWidthIcon()\"></i>\n}\n@if (zLoading()) {\n  <i z-icon zType=\"lucideLoader\" class=\"z-animate-spin\" [zSize]=\"zSizeIcon()\" [zStrokeWidth]=\"2.8\"></i>\n}\n@if (zLabel()) {\n  <span>{{ zLabel() | translate }}</span>\n} @else {\n  <ng-content />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shival99-z-ui-components-z-button.mjs","sources":["../../../../libs/core-ui/components/z-button/z-button.variants.ts","../../../../libs/core-ui/components/z-button/z-button.component.ts","../../../../libs/core-ui/components/z-button/z-button.component.html","../../../../libs/core-ui/components/z-button/shival99-z-ui-components-z-button.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zButtonVariants = cva(\n  \"cursor-pointer relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-[450] select-none transition-[background-color,border-color,color,box-shadow,opacity] duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      zType: {\n        default:\n          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 [--z-wave-color:var(--color-primary)]',\n        primary:\n          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 [--z-wave-color:var(--color-primary)]',\n        secondary:\n          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80 [--z-wave-color:var(--color-secondary-foreground)]',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 [--z-wave-color:var(--color-destructive)]',\n        'destructive-heartbeat':\n          'z-button-heartbeat bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 [--z-wave-color:var(--color-destructive)]',\n        success:\n          'bg-green-600 text-white shadow-xs hover:bg-green-700 focus-visible:ring-green-500/20 dark:bg-green-600 dark:hover:bg-green-700 [--z-wave-color:var(--color-green-600)]',\n        info: 'bg-blue-600 text-white shadow-xs hover:bg-blue-700 focus-visible:ring-blue-500/20 dark:bg-blue-600 dark:hover:bg-blue-700 [--z-wave-color:var(--color-blue-600)]',\n        warning:\n          'bg-amber-500 text-white shadow-xs hover:bg-amber-600 focus-visible:ring-amber-500/20 dark:bg-amber-500 dark:hover:bg-amber-600 [--z-wave-color:var(--color-amber-500)]',\n        error:\n          'bg-red-600 text-white shadow-xs hover:bg-red-700 focus-visible:ring-red-500/20 dark:bg-red-600 dark:hover:bg-red-700 [--z-wave-color:var(--color-red-600)]',\n\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 [--z-wave-color:var(--color-foreground)]',\n        'outline-primary':\n          'border border-primary text-primary bg-transparent shadow-xs hover:bg-primary hover:text-primary-foreground focus-visible:ring-primary/20 [--z-wave-color:var(--color-primary)]',\n        'outline-secondary':\n          'border border-secondary-foreground/20 text-secondary-foreground bg-transparent shadow-xs hover:bg-secondary hover:text-secondary-foreground focus-visible:ring-secondary/20 [--z-wave-color:var(--color-secondary-foreground)]',\n        'outline-success':\n          'border border-green-600 text-green-600 bg-transparent shadow-xs hover:bg-green-600 hover:text-white focus-visible:ring-green-500/20 dark:border-green-500 dark:text-green-500 dark:hover:bg-green-600 [--z-wave-color:var(--color-green-600)]',\n        'outline-info':\n          'border border-blue-600 text-blue-600 bg-transparent shadow-xs hover:bg-blue-600 hover:text-white focus-visible:ring-blue-500/20 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-blue-600 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning':\n          'border border-amber-500 text-amber-600 bg-transparent shadow-xs hover:bg-amber-500 hover:text-white focus-visible:ring-amber-500/20 dark:border-amber-400 dark:text-amber-400 dark:hover:bg-amber-500 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error':\n          'border border-red-600 text-red-600 bg-transparent shadow-xs hover:bg-red-600 hover:text-white focus-visible:ring-red-500/20 dark:border-red-500 dark:text-red-500 dark:hover:bg-red-600 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive':\n          'border border-destructive text-destructive bg-transparent shadow-xs hover:bg-destructive hover:text-white focus-visible:ring-destructive/20 [--z-wave-color:var(--color-destructive)]',\n        'outline-shimmer':\n          'z-button-shimmer border border-transparent bg-background text-foreground shadow-xs hover:bg-background dark:bg-background dark:hover:bg-background [--z-wave-color:var(--color-primary)]',\n        'outline-success-secondary':\n          'border bg-background shadow-xs hover:bg-green-600/10 hover:text-green-600 hover:border-green-600 dark:bg-input/30 dark:border-input dark:hover:bg-green-500/20 dark:hover:text-green-500 dark:hover:border-green-500 [--z-wave-color:var(--color-green-600)]',\n        'outline-info-secondary':\n          'border bg-background shadow-xs hover:bg-blue-600/10 hover:text-blue-600 hover:border-blue-600 dark:bg-input/30 dark:border-input dark:hover:bg-blue-500/20 dark:hover:text-blue-500 dark:hover:border-blue-500 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning-secondary':\n          'border bg-background shadow-xs hover:bg-amber-500/10 hover:text-amber-600 hover:border-amber-500 dark:bg-input/30 dark:border-input dark:hover:bg-amber-400/20 dark:hover:text-amber-400 dark:hover:border-amber-400 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error-secondary':\n          'border bg-background shadow-xs hover:bg-red-600/10 hover:text-red-600 hover:border-red-600 dark:bg-input/30 dark:border-input dark:hover:bg-red-500/20 dark:hover:text-red-500 dark:hover:border-red-500 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive-secondary':\n          'border bg-background shadow-xs hover:bg-destructive/10 hover:text-destructive hover:border-destructive dark:bg-input/30 dark:border-input dark:hover:bg-destructive/20 dark:hover:border-destructive [--z-wave-color:var(--color-destructive)]',\n        'outline-primary-secondary':\n          'border bg-background shadow-xs hover:bg-primary/10 hover:text-primary hover:border-primary dark:bg-input/30 dark:border-input dark:hover:bg-primary/20 dark:hover:border-primary [--z-wave-color:var(--color-primary)]',\n        'outline-primary-soft':\n          'border bg-background text-primary shadow-xs hover:bg-primary/10 hover:border-primary dark:bg-input/30 dark:border-input dark:hover:bg-primary/20 dark:hover:border-primary [--z-wave-color:var(--color-primary)]',\n        'outline-success-soft':\n          'border bg-background text-green-600 shadow-xs hover:bg-green-600/10 hover:border-green-600 dark:bg-input/30 dark:border-input dark:text-green-500 dark:hover:bg-green-500/20 dark:hover:border-green-500 [--z-wave-color:var(--color-green-600)]',\n        'outline-info-soft':\n          'border bg-background text-blue-600 shadow-xs hover:bg-blue-600/10 hover:border-blue-600 dark:bg-input/30 dark:border-input dark:text-blue-500 dark:hover:bg-blue-500/20 dark:hover:border-blue-500 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning-soft':\n          'border bg-background text-amber-600 shadow-xs hover:bg-amber-500/10 hover:border-amber-500 dark:bg-input/30 dark:border-input dark:text-amber-400 dark:hover:bg-amber-400/20 dark:hover:border-amber-400 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error-soft':\n          'border bg-background text-red-600 shadow-xs hover:bg-red-600/10 hover:border-red-600 dark:bg-input/30 dark:border-input dark:text-red-500 dark:hover:bg-red-500/20 dark:hover:border-red-500 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive-soft':\n          'border bg-background text-destructive shadow-xs hover:bg-destructive/10 hover:border-destructive dark:bg-input/30 dark:border-input dark:hover:bg-destructive/20 dark:hover:border-destructive [--z-wave-color:var(--color-destructive)]',\n        'outline-primary-soft-border':\n          'border border-primary! bg-background text-primary shadow-xs hover:bg-primary/10 dark:bg-input/30 dark:hover:bg-primary/20 [--z-wave-color:var(--color-primary)]',\n        'outline-success-soft-border':\n          'border border-green-600! bg-background text-green-600 shadow-xs hover:bg-green-600/10 dark:bg-input/30 dark:border-green-500! dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'outline-info-soft-border':\n          'border border-blue-600! bg-background text-blue-600 shadow-xs hover:bg-blue-600/10 dark:bg-input/30 dark:border-blue-500! dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'outline-warning-soft-border':\n          'border border-amber-500! bg-background text-amber-600 shadow-xs hover:bg-amber-500/10 dark:bg-input/30 dark:border-amber-400! dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'outline-error-soft-border':\n          'border border-red-600! bg-background text-red-600 shadow-xs hover:bg-red-600/10 dark:bg-input/30 dark:border-red-500! dark:text-red-500 dark:hover:bg-red-500/20 [--z-wave-color:var(--color-red-600)]',\n        'outline-destructive-soft-border':\n          'border border-destructive! bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:bg-input/30 dark:hover:bg-destructive/20 [--z-wave-color:var(--color-destructive)]',\n\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 [--z-wave-color:var(--color-foreground)]',\n        'ghost-primary':\n          'text-primary hover:bg-primary/10 dark:hover:bg-primary/20 [--z-wave-color:var(--color-primary)]',\n        'ghost-success':\n          'text-green-600 hover:bg-green-600/10 dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'ghost-info':\n          'text-blue-600 hover:bg-blue-600/10 dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'ghost-warning':\n          'text-amber-600 hover:bg-amber-500/10 dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'ghost-error':\n          'text-red-600 hover:bg-red-600/10 dark:text-red-500 dark:hover:bg-red-500/20 [--z-wave-color:var(--color-red-600)]',\n        'ghost-destructive':\n          'text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/20 [--z-wave-color:var(--color-destructive)]',\n\n        subtle:\n          'bg-accent text-accent-foreground shadow-xs hover:bg-accent/80 dark:bg-accent/50 dark:hover:bg-accent/70 [--z-wave-color:var(--color-foreground)]',\n        'subtle-primary':\n          'bg-primary/10 text-primary shadow-xs hover:bg-primary/20 dark:bg-primary/15 dark:text-primary dark:hover:bg-primary/25 [--z-wave-color:var(--color-primary)]',\n        'subtle-success':\n          'bg-green-600/10 text-green-600 shadow-xs hover:bg-green-600/20 dark:bg-green-500/10 dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'subtle-info':\n          'bg-blue-600/10 text-blue-600 shadow-xs hover:bg-blue-600/20 dark:bg-blue-500/10 dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'subtle-warning':\n          'bg-amber-500/10 text-amber-600 shadow-xs hover:bg-amber-500/20 dark:bg-amber-400/10 dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'subtle-destructive':\n          'bg-destructive/10 text-destructive shadow-xs hover:bg-destructive/20 dark:bg-destructive/15 dark:text-destructive-foreground dark:hover:bg-destructive/25 [--z-wave-color:var(--color-destructive)]',\n        'subtle-outline':\n          'border border-border bg-accent text-accent-foreground shadow-xs hover:bg-accent/80 dark:border-input dark:bg-accent/50 dark:hover:bg-accent/70 [--z-wave-color:var(--color-foreground)]',\n        'subtle-primary-outline':\n          'border border-border bg-primary/10 text-primary shadow-xs hover:bg-primary/20 dark:border-input dark:bg-primary/15 dark:text-primary dark:hover:bg-primary/25 [--z-wave-color:var(--color-primary)]',\n        'subtle-success-outline':\n          'border border-border bg-green-600/10 text-green-600 shadow-xs hover:bg-green-600/20 dark:border-input dark:bg-green-500/10 dark:text-green-500 dark:hover:bg-green-500/20 [--z-wave-color:var(--color-green-600)]',\n        'subtle-info-outline':\n          'border border-border bg-blue-600/10 text-blue-600 shadow-xs hover:bg-blue-600/20 dark:border-input dark:bg-blue-500/10 dark:text-blue-500 dark:hover:bg-blue-500/20 [--z-wave-color:var(--color-blue-600)]',\n        'subtle-warning-outline':\n          'border border-border bg-amber-500/10 text-amber-600 shadow-xs hover:bg-amber-500/20 dark:border-input dark:bg-amber-400/10 dark:text-amber-400 dark:hover:bg-amber-400/20 [--z-wave-color:var(--color-amber-500)]',\n        'subtle-destructive-outline':\n          'border border-border bg-destructive/10 text-destructive shadow-xs hover:bg-destructive/20 dark:border-input dark:bg-destructive/15 dark:text-destructive-foreground dark:hover:bg-destructive/25 [--z-wave-color:var(--color-destructive)]',\n\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      zSize: {\n        default: 'h-9 px-3 py-2 [&[data-icon-only]]:size-9 [&[data-icon-only]]:p-0',\n        xs: 'h-7 px-3 py-1 [&[data-icon-only]]:size-7 [&[data-icon-only]]:p-0',\n        sm: 'h-8 rounded-sm gap-1.5 px-3 [&[data-icon-only]]:size-8 [&[data-icon-only]]:p-0',\n        lg: 'h-10 rounded-sm px-3 [&[data-icon-only]]:size-10 [&[data-icon-only]]:p-0',\n        xl: 'h-12 rounded-sm px-3 text-base [&[data-icon-only]]:size-12 [&[data-icon-only]]:p-0',\n      },\n      zShape: {\n        default: 'rounded-sm',\n        circle: 'rounded-full',\n        square: 'rounded-none',\n      },\n      zLoading: {\n        true: 'opacity-50 pointer-events-none',\n      },\n      zDisabled: {\n        true: 'opacity-50 pointer-events-none',\n      },\n    },\n    defaultVariants: {\n      zType: 'default',\n      zSize: 'default',\n      zShape: 'default',\n    },\n  }\n);\n\nexport type ZButtonVariants = VariantProps<typeof zButtonVariants>;\n","import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n  type OnDestroy,\n} from '@angular/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport {\n  type ZAnimatedIcon,\n  type ZIconAnimationTrigger,\n  type ZIconVariants,\n  type ZIcon,\n} from '@shival99/z-ui/components/z-icon';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { zButtonVariants, type ZButtonVariants } from './z-button.variants';\n\n@Component({\n  selector: 'z-button, button[z-button], a[z-button]',\n  imports: [ZIconComponent, TranslatePipe],\n  standalone: true,\n  templateUrl: './z-button.component.html',\n  styleUrl: './z-button.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'zClasses()',\n    '[attr.data-icon-only]': 'zIconOnly() || null',\n    '(click)': 'onWaveClick()',\n  },\n  exportAs: 'zButton',\n})\nexport class ZButtonComponent implements OnDestroy {\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  public readonly class = input<ClassValue>('');\n  public readonly zType = input<ZButtonVariants['zType']>('default');\n  public readonly zSize = input<ZButtonVariants['zSize']>('default');\n  public readonly zShape = input<ZButtonVariants['zShape']>('default');\n  public readonly zLabel = input<string>('');\n  public readonly zLoading = input(false, { transform: zTransform });\n  public readonly zDisabled = input(false);\n  public readonly zTypeIcon = input<ZIcon | undefined>(undefined);\n  public readonly zAnimatedTypeIcon = input<ZAnimatedIcon | undefined>(undefined);\n  public readonly zAnimateIcon = input(false, { transform: zTransform });\n  public readonly zAnimationTriggerIcon = input<ZIconAnimationTrigger>('manual');\n  public readonly zSizeIcon = input<ZIconVariants['zSize']>('20');\n  public readonly zStrokeWidthIcon = input<number>(2);\n  public readonly zWave = input(true, { transform: zTransform });\n\n  private readonly _zIconOnlyState = signal(false);\n  private _mutationObserver: MutationObserver | null = null;\n\n  protected readonly zIconOnly = this._zIconOnlyState.asReadonly();\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zButtonVariants({\n        zType: this.zType(),\n        zSize: this.zSize(),\n        zShape: this.zShape(),\n        zLoading: this.zLoading(),\n        zDisabled: this.zDisabled(),\n      }),\n      this.class()\n    )\n  );\n\n  constructor() {\n    afterNextRender(() => {\n      const check = () => {\n        const el = this._elementRef.nativeElement;\n        const hasIcon = el.querySelector('z-icon, [z-icon]') !== null;\n        const children = Array.from<Node>(el.childNodes);\n        const hasText = children.some(node => {\n          if (node.nodeType === 3) {\n            return node.textContent?.trim() !== '';\n          }\n\n          if (node.nodeType === 1) {\n            const element = node as HTMLElement;\n            if (element.matches('z-icon, [z-icon]')) {\n              return false;\n            }\n\n            return element.textContent?.trim() !== '';\n          }\n\n          return false;\n        });\n\n        this._zIconOnlyState.set(hasIcon && !hasText);\n      };\n\n      check();\n      this._mutationObserver = new MutationObserver(check);\n      this._mutationObserver.observe(this._elementRef.nativeElement, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this._mutationObserver) {\n      this._mutationObserver.disconnect();\n      this._mutationObserver = null;\n    }\n  }\n\n  protected onWaveClick(): void {\n    const type = this.zType();\n    if (!this.zWave() || this.zLoading() || type === 'link') {\n      return;\n    }\n\n    const el = this._elementRef.nativeElement;\n    const waveEl = document.createElement('span');\n    waveEl.className = 'z-animate-wave';\n    el.appendChild(waveEl);\n    el.classList.add('z-wave-active');\n    const onWaveAnimationEnd = (event: AnimationEvent): void => {\n      if (event.animationName !== 'z-fade-effect') {\n        return;\n      }\n\n      waveEl.remove();\n      el.classList.remove('z-wave-active');\n      waveEl.removeEventListener('animationend', onWaveAnimationEnd);\n    };\n\n    waveEl.addEventListener('animationend', onWaveAnimationEnd);\n  }\n}\n","@if ((zTypeIcon() || zAnimatedTypeIcon()) && !zLoading()) {\n  <i\n    z-icon\n    [zType]=\"zTypeIcon() || 'lucideLoader'\"\n    [zAnimatedType]=\"zAnimatedTypeIcon()\"\n    [zAnimate]=\"zAnimateIcon()\"\n    [zAnimationTrigger]=\"zAnimationTriggerIcon()\"\n    [zSize]=\"zSizeIcon()\"\n    [zStrokeWidth]=\"zStrokeWidthIcon()\"></i>\n}\n@if (zLoading()) {\n  <i z-icon zType=\"lucideLoader\" class=\"z-animate-spin\" [zSize]=\"zSizeIcon()\" [zStrokeWidth]=\"2.8\"></i>\n}\n@if (zLabel()) {\n  <span>{{ zLabel() | translate }}</span>\n} @else {\n  <ng-content />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,eAAe,GAAG,GAAG,CAChC,kiBAAkiB,EACliB;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EACL,wGAAwG;AAC1G,YAAA,OAAO,EACL,wGAAwG;AAC1G,YAAA,SAAS,EACP,2HAA2H;AAC7H,YAAA,WAAW,EACT,uMAAuM;AACzM,YAAA,uBAAuB,EACrB,0NAA0N;AAC5N,YAAA,OAAO,EACL,wKAAwK;AAC1K,YAAA,IAAI,EAAE,kKAAkK;AACxK,YAAA,OAAO,EACL,wKAAwK;AAC1K,YAAA,KAAK,EACH,4JAA4J;AAE9J,YAAA,OAAO,EACL,gLAAgL;AAClL,YAAA,iBAAiB,EACf,gLAAgL;AAClL,YAAA,mBAAmB,EACjB,gOAAgO;AAClO,YAAA,iBAAiB,EACf,+OAA+O;AACjP,YAAA,cAAc,EACZ,uOAAuO;AACzO,YAAA,iBAAiB,EACf,+OAA+O;AACjP,YAAA,eAAe,EACb,+NAA+N;AACjO,YAAA,qBAAqB,EACnB,uLAAuL;AACzL,YAAA,iBAAiB,EACf,0LAA0L;AAC5L,YAAA,2BAA2B,EACzB,8PAA8P;AAChQ,YAAA,wBAAwB,EACtB,uPAAuP;AACzP,YAAA,2BAA2B,EACzB,8PAA8P;AAChQ,YAAA,yBAAyB,EACvB,gPAAgP;AAClP,YAAA,+BAA+B,EAC7B,gPAAgP;AAClP,YAAA,2BAA2B,EACzB,wNAAwN;AAC1N,YAAA,sBAAsB,EACpB,kNAAkN;AACpN,YAAA,sBAAsB,EACpB,kPAAkP;AACpP,YAAA,mBAAmB,EACjB,2OAA2O;AAC7O,YAAA,sBAAsB,EACpB,kPAAkP;AACpP,YAAA,oBAAoB,EAClB,oOAAoO;AACtO,YAAA,0BAA0B,EACxB,0OAA0O;AAC5O,YAAA,6BAA6B,EAC3B,iKAAiK;AACnK,YAAA,6BAA6B,EAC3B,sNAAsN;AACxN,YAAA,0BAA0B,EACxB,+MAA+M;AACjN,YAAA,6BAA6B,EAC3B,sNAAsN;AACxN,YAAA,2BAA2B,EACzB,wMAAwM;AAC1M,YAAA,iCAAiC,EAC/B,qLAAqL;AAEvL,YAAA,KAAK,EACH,+GAA+G;AACjH,YAAA,eAAe,EACb,iGAAiG;AACnG,YAAA,eAAe,EACb,6HAA6H;AAC/H,YAAA,YAAY,EACV,wHAAwH;AAC1H,YAAA,eAAe,EACb,6HAA6H;AAC/H,YAAA,aAAa,EACX,mHAAmH;AACrH,YAAA,mBAAmB,EACjB,iHAAiH;AAEnH,YAAA,MAAM,EACJ,kJAAkJ;AACpJ,YAAA,gBAAgB,EACd,8JAA8J;AAChK,YAAA,gBAAgB,EACd,4KAA4K;AAC9K,YAAA,aAAa,EACX,qKAAqK;AACvK,YAAA,gBAAgB,EACd,4KAA4K;AAC9K,YAAA,oBAAoB,EAClB,qMAAqM;AACvM,YAAA,gBAAgB,EACd,yLAAyL;AAC3L,YAAA,wBAAwB,EACtB,qMAAqM;AACvM,YAAA,wBAAwB,EACtB,mNAAmN;AACrN,YAAA,qBAAqB,EACnB,4MAA4M;AAC9M,YAAA,wBAAwB,EACtB,mNAAmN;AACrN,YAAA,4BAA4B,EAC1B,4OAA4O;AAE9O,YAAA,IAAI,EAAE,iDAAiD;AACxD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,kEAAkE;AAC3E,YAAA,EAAE,EAAE,kEAAkE;AACtE,YAAA,EAAE,EAAE,gFAAgF;AACpF,YAAA,EAAE,EAAE,0EAA0E;AAC9E,YAAA,EAAE,EAAE,oFAAoF;AACzF,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,MAAM,EAAE,cAAc;AACtB,YAAA,MAAM,EAAE,cAAc;AACvB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,gCAAgC;AACvC,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,gCAAgC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA;;MC3GU,gBAAgB,CAAA;AACV,IAAA,WAAW,GAAG,MAAM,EAAC,UAAuB,EAAC;IAE9C,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;IAC7B,KAAK,GAAG,KAAK,CAA2B,SAAS;8EAAC;IAClD,KAAK,GAAG,KAAK,CAA2B,SAAS;8EAAC;IAClD,MAAM,GAAG,KAAK,CAA4B,SAAS;+EAAC;IACpD,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC;IAC1B,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IAClD,SAAS,GAAG,KAAK,CAAC,KAAK;kFAAC;IACxB,SAAS,GAAG,KAAK,CAAoB,SAAS;kFAAC;IAC/C,iBAAiB,GAAG,KAAK,CAA4B,SAAS;0FAAC;IAC/D,YAAY,GAAG,KAAK,CAAC,KAAK,oFAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACtD,qBAAqB,GAAG,KAAK,CAAwB,QAAQ;8FAAC;IAC9D,SAAS,GAAG,KAAK,CAAyB,IAAI;kFAAC;IAC/C,gBAAgB,GAAG,KAAK,CAAS,CAAC;yFAAC;IACnC,KAAK,GAAG,KAAK,CAAC,IAAI,6EAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IAE7C,eAAe,GAAG,MAAM,CAAC,KAAK;wFAAC;IACxC,iBAAiB,GAA4B,IAAI;AAEtC,IAAA,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;IAC7C,QAAQ,GAAG,QAAQ,CAAC,MACrC,aAAa,CACX,eAAe,CAAC;AACd,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,QAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,QAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,QAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC5B,KAAA,CAAC,EACF,IAAI,CAAC,KAAK,EAAE,CACb;iFACF;AAED,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;YACnB,MAAM,KAAK,GAAG,MAAK;AACjB,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;gBACzC,MAAM,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,KAAK,IAAI;gBAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAO,EAAE,CAAC,UAAU,CAAC;gBAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAG;AACnC,oBAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;wBACvB,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE;oBACxC;AAEA,oBAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;wBACvB,MAAM,OAAO,GAAG,IAAmB;AACnC,wBAAA,IAAI,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE;AACvC,4BAAA,OAAO,KAAK;wBACd;wBAEA,OAAO,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE;oBAC3C;AAEA,oBAAA,OAAO,KAAK;AACd,gBAAA,CAAC,CAAC;gBAEF,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC;AAC/C,YAAA,CAAC;AAED,YAAA,KAAK,EAAE;YACP,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC;YACpD,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AAC7D,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,OAAO,EAAE,IAAI;AACd,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;AACnC,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;QAC/B;IACF;IAEU,WAAW,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,KAAK,MAAM,EAAE;YACvD;QACF;AAEA,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;QACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC7C,QAAA,MAAM,CAAC,SAAS,GAAG,gBAAgB;AACnC,QAAA,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC;AACtB,QAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;AACjC,QAAA,MAAM,kBAAkB,GAAG,CAAC,KAAqB,KAAU;AACzD,YAAA,IAAI,KAAK,CAAC,aAAa,KAAK,eAAe,EAAE;gBAC3C;YACF;YAEA,MAAM,CAAC,MAAM,EAAE;AACf,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;AACpC,YAAA,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC;AAChE,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC;IAC7D;uGApGW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,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,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,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,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,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,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvC7B,0jBAkBA,EAAA,MAAA,EAAA,CAAA,6oCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDQY,cAAc,uKAAE,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAa5B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAf5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yCAAyC,WAC1C,CAAC,cAAc,EAAE,aAAa,CAAC,EAAA,UAAA,EAC5B,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,YAAY;AACvB,wBAAA,uBAAuB,EAAE,qBAAqB;AAC9C,wBAAA,SAAS,EAAE,eAAe;AAC3B,qBAAA,EAAA,QAAA,EACS,SAAS,EAAA,QAAA,EAAA,0jBAAA,EAAA,MAAA,EAAA,CAAA,6oCAAA,CAAA,EAAA;;;AErCrB;;AAEG;;;;"}