@shival99/z-ui 1.3.37 → 1.3.39

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

@@ -104,6 +104,43 @@ const zStepsArrowItemVariants = cva(['z-steps-arrow-item relative flex flex-1 fl
         status: 'pending',
     },
 });
+const zStepsDotVariants = cva(['rounded-full transition-all duration-200'], {
+    variants: {
+        size: {
+            sm: 'w-2 h-2',
+            default: 'w-2.5 h-2.5',
+            lg: 'w-3 h-3',
+        },
+        status: {
+            pending: 'bg-muted-foreground/30',
+            current: 'bg-primary ring-4 ring-primary/20',
+            completed: 'bg-primary ring-4 ring-primary/20',
+            error: 'bg-destructive ring-4 ring-destructive/20',
+        },
+    },
+    defaultVariants: {
+        size: 'default',
+        status: 'pending',
+    },
+});
+const zStepsDotLineVariants = cva(['transition-colors duration-200'], {
+    variants: {
+        orientation: {
+            vertical: 'w-px flex-1 min-h-14',
+            horizontal: 'h-px flex-1',
+        },
+        status: {
+            pending: 'bg-muted-foreground/20',
+            current: 'bg-muted-foreground/20',
+            completed: 'bg-primary',
+            error: 'bg-destructive/30',
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+        status: 'pending',
+    },
+});
 
 const RESPONSIVE_BREAKPOINT = 640;
 class ZStepsComponent {
@@ -190,6 +227,24 @@ class ZStepsComponent {
             return zMergeClasses(baseClasses, positionClass);
         });
     }, ...(ngDevMode ? [{ debugName: "getArrowClassesByIndex" }] : []));
+    getDotClassesByIndex = computed(() => {
+        const size = this.zSize();
+        const steps = this.mergedSteps();
+        const current = this.currentStep();
+        return steps.map((step, index) => {
+            const status = this._getStepStatus(step, index, current);
+            return zStepsDotVariants({ size, status });
+        });
+    }, ...(ngDevMode ? [{ debugName: "getDotClassesByIndex" }] : []));
+    getDotLineClassesByIndex = computed(() => {
+        const orientation = this.effectiveOrientation();
+        const steps = this.mergedSteps();
+        const current = this.currentStep();
+        return steps.map((step, index) => {
+            const status = this._getConnectorStatus(step, index, current);
+            return zStepsDotLineVariants({ orientation, status });
+        });
+    }, ...(ngDevMode ? [{ debugName: "getDotLineClassesByIndex" }] : []));
     defaultIconSize = computed(() => {
         const size = this.zSize();
         if (size === 'sm') {
@@ -322,13 +377,13 @@ class ZStepsComponent {
         this.zOnStepClick.emit(index);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZStepsComponent, isStandalone: true, selector: "z-steps", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zSteps: { classPropertyName: "zSteps", publicName: "zSteps", isSignal: true, isRequired: true, transformFunction: null }, zCurrent: { classPropertyName: "zCurrent", publicName: "zCurrent", isSignal: true, isRequired: false, transformFunction: null }, zOrientation: { classPropertyName: "zOrientation", publicName: "zOrientation", 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 }, zClickable: { classPropertyName: "zClickable", publicName: "zClickable", isSignal: true, isRequired: false, transformFunction: null }, zShowNumber: { classPropertyName: "zShowNumber", publicName: "zShowNumber", isSignal: true, isRequired: false, transformFunction: null }, zResponsive: { classPropertyName: "zResponsive", publicName: "zResponsive", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zOnStepClick: "zOnStepClick", zControl: "zControl" }, host: { classAttribute: "block" }, ngImport: i0, template: "<ol [class]=\"containerClasses()\">\n  @for (step of mergedSteps(); track $index; let i = $index; let last = $last) {\n    @if (effectiveOrientation() === 'vertical') {\n      <!-- Vertical Layout -->\n      <li\n        [class]=\"getItemClasses()\"\n        [class.!items-start]=\"!step.description && (step.title || step.icon)\"\n        [class.items-center]=\"!step.description && (step.title || step.icon)\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        <!-- Vertical Line -->\n        @if (!last) {\n          <div [class]=\"lineClasses()\"></div>\n        }\n\n        <!-- Step Icon -->\n        <span [class]=\"getIconClassesByStatus()[i]\">\n          @switch (stepStatuses()[i]) {\n            @case ('completed') {\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              } @else {\n                <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              }\n            }\n            @case ('error') {\n              <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n            }\n            @default {\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              } @else if (zShowNumber()) {\n                <span class=\"font-medium\">{{ i + 1 }}</span>\n              }\n            }\n          }\n        </span>\n\n        <!-- Content -->\n        @if (step.title || step.description) {\n          <div class=\"flex min-w-0 flex-col\" [style.padding-top.px]=\"!step.description ? iconWidth() / 5 : 0\">\n            @if (step.title) {\n              <h3 class=\"leading-tight font-medium\">{{ step.title }}</h3>\n            }\n            @if (step.description) {\n              <p class=\"text-muted-foreground mt-1 text-sm\">{{ step.description }}</p>\n            }\n          </div>\n        }\n      </li>\n    } @else {\n      <!-- Horizontal Layout -->\n      <li\n        [class]=\"zType() === 'arrow' ? 'flex-1' : 'flex-1 last:flex-none'\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        @if (zType() === 'arrow') {\n          <!-- Arrow Style -->\n          <div [class]=\"getArrowClassesByIndex()[i]\">\n            <div class=\"flex items-center gap-3.5\">\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" class=\"shrink-0\" />\n              }\n              <div class=\"flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"truncate text-sm leading-tight font-semibold whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"mt-1 truncate text-xs whitespace-nowrap opacity-80\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            </div>\n          </div>\n        } @else if (zType() === 'inline') {\n          <!-- Inline: Icon + Content + Line in one row -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Content Inline -->\n            @if (step.title || step.description) {\n              <div class=\"ms-3 flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"max-w-30 truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"text-muted-foreground mt-1 max-w-30 truncate text-xs whitespace-nowrap\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n        } @else {\n          <!-- Default: Icon + Line row, Content below -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n\n          <!-- Content Below -->\n          @if (step.title || step.description) {\n            <div\n              class=\"z-steps-content mt-3 flex flex-col text-center\"\n              [style.width.px]=\"150\"\n              [style.margin-left.px]=\"(iconWidth() - 150) / 2\">\n              @if (step.title) {\n                <h3\n                  z-tooltip\n                  [zContent]=\"step.title\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"top\"\n                  class=\"truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                  {{ step.title }}\n                </h3>\n              }\n              @if (step.description) {\n                <p\n                  z-tooltip\n                  [zContent]=\"step.description\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"bottom\"\n                  class=\"text-muted-foreground mt-1 truncate text-xs whitespace-nowrap\">\n                  {{ step.description }}\n                </p>\n              }\n            </div>\n          }\n        }\n      </li>\n    }\n  }\n</ol>\n", styles: ["z-steps ol li:not(:last-child)>div[class*=border-s]{height:calc(100% + 2rem)}z-steps ol li[class*=mb-6]:not(:last-child)>div[class*=border-s]{height:calc(100% + 1.5rem)}z-steps ol li[class*=mb-10]:not(:last-child)>div[class*=border-s]{height:calc(100% + 2.5rem)}z-steps .z-steps-arrow-item{position:relative;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease-out}z-steps .z-steps-arrow-item:hover{filter:brightness(.92)}z-steps .z-steps-arrow-first{border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}z-steps .z-steps-arrow-middle{margin-left:-8px;padding-left:calc(16px + 1rem);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}z-steps .z-steps-arrow-last{margin-left:-8px;padding-left:calc(16px + 1rem);border-radius:0 6px 6px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16px 50%)}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTrigger", "zTooltipType", "zTooltipSize", "zClass", "zShowDelay", "zHideDelay", "zArrow", "zDisabled", "zOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZStepsComponent, isStandalone: true, selector: "z-steps", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zSteps: { classPropertyName: "zSteps", publicName: "zSteps", isSignal: true, isRequired: true, transformFunction: null }, zCurrent: { classPropertyName: "zCurrent", publicName: "zCurrent", isSignal: true, isRequired: false, transformFunction: null }, zOrientation: { classPropertyName: "zOrientation", publicName: "zOrientation", 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 }, zClickable: { classPropertyName: "zClickable", publicName: "zClickable", isSignal: true, isRequired: false, transformFunction: null }, zShowNumber: { classPropertyName: "zShowNumber", publicName: "zShowNumber", isSignal: true, isRequired: false, transformFunction: null }, zResponsive: { classPropertyName: "zResponsive", publicName: "zResponsive", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zOnStepClick: "zOnStepClick", zControl: "zControl" }, host: { classAttribute: "block" }, ngImport: i0, template: "<ol [class]=\"containerClasses()\">\n  @for (step of mergedSteps(); track $index; let i = $index; let last = $last) {\n    @if (effectiveOrientation() === 'vertical') {\n      @if (zType() === 'dot') {\n        <!-- Vertical Dot Layout -->\n        <li\n          class=\"flex items-start gap-3\"\n          [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n          [class.cursor-not-allowed]=\"step.disabled\"\n          [class.opacity-50]=\"step.disabled\"\n          (click)=\"onStepClick(i)\">\n          <!-- Dot + Line Column -->\n          <div class=\"flex flex-col items-center\">\n            <!-- Dot -->\n            <span [class]=\"getDotClassesByIndex()[i]\" class=\"shrink-0\"></span>\n            <!-- Vertical Line -->\n            @if (!last) {\n              <div [class]=\"getDotLineClassesByIndex()[i]\" class=\"my-1.5\"></div>\n            }\n          </div>\n\n          <!-- Content (optional) -->\n          @if (step.title) {\n            <span\n              class=\"pt-0.5 text-sm\"\n              [class.text-foreground]=\"stepStatuses()[i] === 'current'\"\n              [class.font-medium]=\"stepStatuses()[i] === 'current'\"\n              [class.text-muted-foreground]=\"stepStatuses()[i] !== 'current'\">\n              {{ step.title }}\n            </span>\n          }\n        </li>\n      } @else {\n        <!-- Vertical Layout -->\n        <li\n          [class]=\"getItemClasses()\"\n          [class.!items-start]=\"!step.description && (step.title || step.icon)\"\n          [class.items-center]=\"!step.description && (step.title || step.icon)\"\n          [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n          [class.cursor-not-allowed]=\"step.disabled\"\n          [class.opacity-50]=\"step.disabled\"\n          (click)=\"onStepClick(i)\">\n          <!-- Vertical Line -->\n          @if (!last) {\n            <div [class]=\"lineClasses()\"></div>\n          }\n\n          <!-- Step Icon -->\n          <span [class]=\"getIconClassesByStatus()[i]\">\n            @switch (stepStatuses()[i]) {\n              @case ('completed') {\n                @if (step.icon) {\n                  <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                } @else {\n                  <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n              }\n              @case ('error') {\n                <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              }\n              @default {\n                @if (step.icon) {\n                  <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                } @else if (zShowNumber()) {\n                  <span class=\"font-medium\">{{ i + 1 }}</span>\n                }\n              }\n            }\n          </span>\n\n          <!-- Content -->\n          @if (step.title || step.description) {\n            <div class=\"flex min-w-0 flex-col\" [style.padding-top.px]=\"!step.description ? iconWidth() / 5 : 0\">\n              @if (step.title) {\n                <h3 class=\"leading-tight font-medium\">{{ step.title }}</h3>\n              }\n              @if (step.description) {\n                <p class=\"text-muted-foreground mt-1 text-sm\">{{ step.description }}</p>\n              }\n            </div>\n          }\n        </li>\n      }\n    } @else {\n      <!-- Horizontal Layout -->\n      <li\n        [class]=\"zType() === 'arrow' ? 'flex-1' : 'flex-1 last:flex-none'\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        @if (zType() === 'arrow') {\n          <!-- Arrow Style -->\n          <div [class]=\"getArrowClassesByIndex()[i]\">\n            <div class=\"flex items-center gap-3.5\">\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" class=\"shrink-0\" />\n              }\n              <div class=\"flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"truncate text-sm leading-tight font-semibold whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"mt-1 truncate text-xs whitespace-nowrap opacity-80\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            </div>\n          </div>\n        } @else if (zType() === 'dot') {\n          <!-- Dot Style: Simple dots with optional labels -->\n          <div class=\"flex items-center\">\n            <!-- Dot -->\n            <span [class]=\"getDotClassesByIndex()[i]\"></span>\n\n            <!-- Content (optional) -->\n            @if (step.title) {\n              <span\n                z-tooltip\n                [zContent]=\"step.title\"\n                [zAutoDetect]=\"true\"\n                zPosition=\"top\"\n                class=\"ms-2 max-w-20 truncate text-sm whitespace-nowrap\"\n                [class.text-foreground]=\"stepStatuses()[i] === 'current'\"\n                [class.text-muted-foreground]=\"stepStatuses()[i] !== 'current'\">\n                {{ step.title }}\n              </span>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getDotLineClassesByIndex()[i]\" class=\"mx-2 min-w-8\"></div>\n            }\n          </div>\n        } @else if (zType() === 'inline') {\n          <!-- Inline: Icon + Content + Line in one row -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Content Inline -->\n            @if (step.title || step.description) {\n              <div class=\"ms-3 flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"max-w-30 truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"text-muted-foreground mt-1 max-w-30 truncate text-xs whitespace-nowrap\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n        } @else {\n          <!-- Default: Icon + Line row, Content below -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n\n          <!-- Content Below -->\n          @if (step.title || step.description) {\n            <div\n              class=\"z-steps-content mt-3 flex flex-col text-center\"\n              [style.width.px]=\"150\"\n              [style.margin-left.px]=\"(iconWidth() - 150) / 2\">\n              @if (step.title) {\n                <h3\n                  z-tooltip\n                  [zContent]=\"step.title\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"top\"\n                  class=\"truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                  {{ step.title }}\n                </h3>\n              }\n              @if (step.description) {\n                <p\n                  z-tooltip\n                  [zContent]=\"step.description\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"bottom\"\n                  class=\"text-muted-foreground mt-1 truncate text-xs whitespace-nowrap\">\n                  {{ step.description }}\n                </p>\n              }\n            </div>\n          }\n        }\n      </li>\n    }\n  }\n</ol>\n", styles: ["z-steps ol li:not(:last-child)>div[class*=border-s]{height:calc(100% + 2rem)}z-steps ol li[class*=mb-6]:not(:last-child)>div[class*=border-s]{height:calc(100% + 1.5rem)}z-steps ol li[class*=mb-10]:not(:last-child)>div[class*=border-s]{height:calc(100% + 2.5rem)}z-steps .z-steps-arrow-item{position:relative;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease-out}z-steps .z-steps-arrow-item:hover{filter:brightness(.92)}z-steps .z-steps-arrow-first{border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}z-steps .z-steps-arrow-middle{margin-left:-8px;padding-left:calc(16px + 1rem);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}z-steps .z-steps-arrow-last{margin-left:-8px;padding-left:calc(16px + 1rem);border-radius:0 6px 6px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16px 50%)}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTrigger", "zTooltipType", "zTooltipSize", "zClass", "zShowDelay", "zHideDelay", "zArrow", "zDisabled", "zOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZStepsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'z-steps', imports: [ZIconComponent, ZTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'block',
-                    }, template: "<ol [class]=\"containerClasses()\">\n  @for (step of mergedSteps(); track $index; let i = $index; let last = $last) {\n    @if (effectiveOrientation() === 'vertical') {\n      <!-- Vertical Layout -->\n      <li\n        [class]=\"getItemClasses()\"\n        [class.!items-start]=\"!step.description && (step.title || step.icon)\"\n        [class.items-center]=\"!step.description && (step.title || step.icon)\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        <!-- Vertical Line -->\n        @if (!last) {\n          <div [class]=\"lineClasses()\"></div>\n        }\n\n        <!-- Step Icon -->\n        <span [class]=\"getIconClassesByStatus()[i]\">\n          @switch (stepStatuses()[i]) {\n            @case ('completed') {\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              } @else {\n                <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              }\n            }\n            @case ('error') {\n              <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n            }\n            @default {\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              } @else if (zShowNumber()) {\n                <span class=\"font-medium\">{{ i + 1 }}</span>\n              }\n            }\n          }\n        </span>\n\n        <!-- Content -->\n        @if (step.title || step.description) {\n          <div class=\"flex min-w-0 flex-col\" [style.padding-top.px]=\"!step.description ? iconWidth() / 5 : 0\">\n            @if (step.title) {\n              <h3 class=\"leading-tight font-medium\">{{ step.title }}</h3>\n            }\n            @if (step.description) {\n              <p class=\"text-muted-foreground mt-1 text-sm\">{{ step.description }}</p>\n            }\n          </div>\n        }\n      </li>\n    } @else {\n      <!-- Horizontal Layout -->\n      <li\n        [class]=\"zType() === 'arrow' ? 'flex-1' : 'flex-1 last:flex-none'\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        @if (zType() === 'arrow') {\n          <!-- Arrow Style -->\n          <div [class]=\"getArrowClassesByIndex()[i]\">\n            <div class=\"flex items-center gap-3.5\">\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" class=\"shrink-0\" />\n              }\n              <div class=\"flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"truncate text-sm leading-tight font-semibold whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"mt-1 truncate text-xs whitespace-nowrap opacity-80\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            </div>\n          </div>\n        } @else if (zType() === 'inline') {\n          <!-- Inline: Icon + Content + Line in one row -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Content Inline -->\n            @if (step.title || step.description) {\n              <div class=\"ms-3 flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"max-w-30 truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"text-muted-foreground mt-1 max-w-30 truncate text-xs whitespace-nowrap\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n        } @else {\n          <!-- Default: Icon + Line row, Content below -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n\n          <!-- Content Below -->\n          @if (step.title || step.description) {\n            <div\n              class=\"z-steps-content mt-3 flex flex-col text-center\"\n              [style.width.px]=\"150\"\n              [style.margin-left.px]=\"(iconWidth() - 150) / 2\">\n              @if (step.title) {\n                <h3\n                  z-tooltip\n                  [zContent]=\"step.title\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"top\"\n                  class=\"truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                  {{ step.title }}\n                </h3>\n              }\n              @if (step.description) {\n                <p\n                  z-tooltip\n                  [zContent]=\"step.description\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"bottom\"\n                  class=\"text-muted-foreground mt-1 truncate text-xs whitespace-nowrap\">\n                  {{ step.description }}\n                </p>\n              }\n            </div>\n          }\n        }\n      </li>\n    }\n  }\n</ol>\n", styles: ["z-steps ol li:not(:last-child)>div[class*=border-s]{height:calc(100% + 2rem)}z-steps ol li[class*=mb-6]:not(:last-child)>div[class*=border-s]{height:calc(100% + 1.5rem)}z-steps ol li[class*=mb-10]:not(:last-child)>div[class*=border-s]{height:calc(100% + 2.5rem)}z-steps .z-steps-arrow-item{position:relative;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease-out}z-steps .z-steps-arrow-item:hover{filter:brightness(.92)}z-steps .z-steps-arrow-first{border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}z-steps .z-steps-arrow-middle{margin-left:-8px;padding-left:calc(16px + 1rem);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}z-steps .z-steps-arrow-last{margin-left:-8px;padding-left:calc(16px + 1rem);border-radius:0 6px 6px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16px 50%)}\n"] }]
+                    }, template: "<ol [class]=\"containerClasses()\">\n  @for (step of mergedSteps(); track $index; let i = $index; let last = $last) {\n    @if (effectiveOrientation() === 'vertical') {\n      @if (zType() === 'dot') {\n        <!-- Vertical Dot Layout -->\n        <li\n          class=\"flex items-start gap-3\"\n          [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n          [class.cursor-not-allowed]=\"step.disabled\"\n          [class.opacity-50]=\"step.disabled\"\n          (click)=\"onStepClick(i)\">\n          <!-- Dot + Line Column -->\n          <div class=\"flex flex-col items-center\">\n            <!-- Dot -->\n            <span [class]=\"getDotClassesByIndex()[i]\" class=\"shrink-0\"></span>\n            <!-- Vertical Line -->\n            @if (!last) {\n              <div [class]=\"getDotLineClassesByIndex()[i]\" class=\"my-1.5\"></div>\n            }\n          </div>\n\n          <!-- Content (optional) -->\n          @if (step.title) {\n            <span\n              class=\"pt-0.5 text-sm\"\n              [class.text-foreground]=\"stepStatuses()[i] === 'current'\"\n              [class.font-medium]=\"stepStatuses()[i] === 'current'\"\n              [class.text-muted-foreground]=\"stepStatuses()[i] !== 'current'\">\n              {{ step.title }}\n            </span>\n          }\n        </li>\n      } @else {\n        <!-- Vertical Layout -->\n        <li\n          [class]=\"getItemClasses()\"\n          [class.!items-start]=\"!step.description && (step.title || step.icon)\"\n          [class.items-center]=\"!step.description && (step.title || step.icon)\"\n          [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n          [class.cursor-not-allowed]=\"step.disabled\"\n          [class.opacity-50]=\"step.disabled\"\n          (click)=\"onStepClick(i)\">\n          <!-- Vertical Line -->\n          @if (!last) {\n            <div [class]=\"lineClasses()\"></div>\n          }\n\n          <!-- Step Icon -->\n          <span [class]=\"getIconClassesByStatus()[i]\">\n            @switch (stepStatuses()[i]) {\n              @case ('completed') {\n                @if (step.icon) {\n                  <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                } @else {\n                  <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n              }\n              @case ('error') {\n                <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              }\n              @default {\n                @if (step.icon) {\n                  <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                } @else if (zShowNumber()) {\n                  <span class=\"font-medium\">{{ i + 1 }}</span>\n                }\n              }\n            }\n          </span>\n\n          <!-- Content -->\n          @if (step.title || step.description) {\n            <div class=\"flex min-w-0 flex-col\" [style.padding-top.px]=\"!step.description ? iconWidth() / 5 : 0\">\n              @if (step.title) {\n                <h3 class=\"leading-tight font-medium\">{{ step.title }}</h3>\n              }\n              @if (step.description) {\n                <p class=\"text-muted-foreground mt-1 text-sm\">{{ step.description }}</p>\n              }\n            </div>\n          }\n        </li>\n      }\n    } @else {\n      <!-- Horizontal Layout -->\n      <li\n        [class]=\"zType() === 'arrow' ? 'flex-1' : 'flex-1 last:flex-none'\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        @if (zType() === 'arrow') {\n          <!-- Arrow Style -->\n          <div [class]=\"getArrowClassesByIndex()[i]\">\n            <div class=\"flex items-center gap-3.5\">\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" class=\"shrink-0\" />\n              }\n              <div class=\"flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"truncate text-sm leading-tight font-semibold whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"mt-1 truncate text-xs whitespace-nowrap opacity-80\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            </div>\n          </div>\n        } @else if (zType() === 'dot') {\n          <!-- Dot Style: Simple dots with optional labels -->\n          <div class=\"flex items-center\">\n            <!-- Dot -->\n            <span [class]=\"getDotClassesByIndex()[i]\"></span>\n\n            <!-- Content (optional) -->\n            @if (step.title) {\n              <span\n                z-tooltip\n                [zContent]=\"step.title\"\n                [zAutoDetect]=\"true\"\n                zPosition=\"top\"\n                class=\"ms-2 max-w-20 truncate text-sm whitespace-nowrap\"\n                [class.text-foreground]=\"stepStatuses()[i] === 'current'\"\n                [class.text-muted-foreground]=\"stepStatuses()[i] !== 'current'\">\n                {{ step.title }}\n              </span>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getDotLineClassesByIndex()[i]\" class=\"mx-2 min-w-8\"></div>\n            }\n          </div>\n        } @else if (zType() === 'inline') {\n          <!-- Inline: Icon + Content + Line in one row -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Content Inline -->\n            @if (step.title || step.description) {\n              <div class=\"ms-3 flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"max-w-30 truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"text-muted-foreground mt-1 max-w-30 truncate text-xs whitespace-nowrap\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n        } @else {\n          <!-- Default: Icon + Line row, Content below -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n\n          <!-- Content Below -->\n          @if (step.title || step.description) {\n            <div\n              class=\"z-steps-content mt-3 flex flex-col text-center\"\n              [style.width.px]=\"150\"\n              [style.margin-left.px]=\"(iconWidth() - 150) / 2\">\n              @if (step.title) {\n                <h3\n                  z-tooltip\n                  [zContent]=\"step.title\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"top\"\n                  class=\"truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                  {{ step.title }}\n                </h3>\n              }\n              @if (step.description) {\n                <p\n                  z-tooltip\n                  [zContent]=\"step.description\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"bottom\"\n                  class=\"text-muted-foreground mt-1 truncate text-xs whitespace-nowrap\">\n                  {{ step.description }}\n                </p>\n              }\n            </div>\n          }\n        }\n      </li>\n    }\n  }\n</ol>\n", styles: ["z-steps ol li:not(:last-child)>div[class*=border-s]{height:calc(100% + 2rem)}z-steps ol li[class*=mb-6]:not(:last-child)>div[class*=border-s]{height:calc(100% + 1.5rem)}z-steps ol li[class*=mb-10]:not(:last-child)>div[class*=border-s]{height:calc(100% + 2.5rem)}z-steps .z-steps-arrow-item{position:relative;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease-out}z-steps .z-steps-arrow-item:hover{filter:brightness(.92)}z-steps .z-steps-arrow-first{border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}z-steps .z-steps-arrow-middle{margin-left:-8px;padding-left:calc(16px + 1rem);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}z-steps .z-steps-arrow-last{margin-left:-8px;padding-left:calc(16px + 1rem);border-radius:0 6px 6px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16px 50%)}\n"] }]
         }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSteps", required: true }] }], zCurrent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zCurrent", required: false }] }], zOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOrientation", required: false }] }], zType: [{ type: i0.Input, args: [{ isSignal: true, alias: "zType", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zClickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClickable", required: false }] }], zShowNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowNumber", required: false }] }], zResponsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "zResponsive", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zOnStepClick: [{ type: i0.Output, args: ["zOnStepClick"] }], zControl: [{ type: i0.Output, args: ["zControl"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-steps.mjs","sources":["../../../../libs/core-ui/components/z-steps/z-steps.variants.ts","../../../../libs/core-ui/components/z-steps/z-steps.component.ts","../../../../libs/core-ui/components/z-steps/z-steps.component.html","../../../../libs/core-ui/components/z-steps/shival99-z-ui-components-z-steps.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zStepsContainerVariants = cva(['relative list-none m-0 p-0'], {\n  variants: {\n    orientation: {\n      vertical: 'text-foreground',\n      horizontal: 'flex items-center w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nexport const zStepsItemVariants = cva(['relative flex items-start'], {\n  variants: {\n    orientation: {\n      vertical: 'last:mb-0',\n      horizontal: 'flex-1 last:flex-none',\n    },\n    size: {\n      sm: 'mb-6 ps-10 min-h-6',\n      default: 'mb-8 ps-12 min-h-8',\n      lg: 'mb-10 ps-14 min-h-10',\n    },\n  },\n  compoundVariants: [{ orientation: 'horizontal', class: 'mb-0 ps-0 min-h-0' }],\n  defaultVariants: {\n    orientation: 'vertical',\n    size: 'default',\n  },\n});\n\nexport const zStepsIconVariants = cva(\n  [\n    'absolute start-0 z-10 flex items-center justify-center rounded-full ring-6 ring-background transform-gpu transition-transform duration-200 ease-out hover:scale-110',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'w-6 h-6 text-xs',\n        default: 'w-8 h-8 text-sm',\n        lg: 'w-10 h-10 text-base',\n      },\n      status: {\n        pending: 'bg-background border border-input text-muted-foreground ring-muted',\n        current: 'bg-primary text-primary-foreground ring-primary/20',\n        completed: 'bg-primary text-primary-foreground ring-primary/20',\n        error: 'bg-destructive text-destructive-foreground ring-destructive/20',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'pending',\n    },\n  }\n);\n\nexport const zStepsLineVariants = cva(['absolute border-s border-input'], {\n  variants: {\n    size: {\n      sm: 'start-3 top-3 bottom-0',\n      default: 'start-4 top-4 bottom-0',\n      lg: 'start-5 top-5 bottom-0',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n});\n\nexport const zStepsConnectorVariants = cva(['transition-colors duration-200'], {\n  variants: {\n    orientation: {\n      vertical: 'hidden',\n      horizontal: 'flex-1 h-1 mx-4 rounded-full',\n    },\n    status: {\n      pending: 'bg-input',\n      current: 'bg-input',\n      completed: 'bg-primary',\n      error: 'bg-destructive/30',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n    status: 'pending',\n  },\n});\n\nexport const zStepsArrowItemVariants = cva(\n  ['z-steps-arrow-item relative flex flex-1 flex-col justify-center transition-all duration-200'],\n  {\n    variants: {\n      size: {\n        sm: 'min-w-[120px] py-2 px-4',\n        default: 'min-w-[150px] py-3 px-5',\n        lg: 'min-w-[180px] py-4 px-6',\n      },\n      status: {\n        pending: 'bg-muted text-muted-foreground',\n        current: 'bg-primary text-primary-foreground z-steps-arrow-active',\n        completed: 'bg-primary text-primary-foreground z-steps-arrow-active',\n        error: 'bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'pending',\n    },\n  }\n);\n\nexport type ZStepsContainerVariants = VariantProps<typeof zStepsContainerVariants>;\nexport type ZStepsItemVariants = VariantProps<typeof zStepsItemVariants>;\nexport type ZStepsIconVariants = VariantProps<typeof zStepsIconVariants>;\nexport type ZStepsLineVariants = VariantProps<typeof zStepsLineVariants>;\nexport type ZStepsConnectorVariants = VariantProps<typeof zStepsConnectorVariants>;\nexport type ZStepsArrowItemVariants = VariantProps<typeof zStepsArrowItemVariants>;\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ZIconComponent, ZIconVariants } from '@shival99/z-ui/components/z-icon';\nimport { ZTooltipDirective } from '@shival99/z-ui/components/z-tooltip';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type {\n  ZStepItem,\n  ZStepsControl,\n  ZStepsOrientation,\n  ZStepsSize,\n  ZStepsStatus,\n  ZStepsType,\n} from './z-steps.types';\nimport {\n  zStepsArrowItemVariants,\n  zStepsConnectorVariants,\n  zStepsContainerVariants,\n  zStepsIconVariants,\n  zStepsItemVariants,\n  zStepsLineVariants,\n} from './z-steps.variants';\n\nconst RESPONSIVE_BREAKPOINT = 640;\n\n@Component({\n  selector: 'z-steps',\n  imports: [ZIconComponent, ZTooltipDirective],\n  templateUrl: './z-steps.component.html',\n  styleUrl: './z-steps.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'block',\n  },\n})\nexport class ZStepsComponent implements AfterViewInit {\n  private readonly _elementRef = inject(ElementRef);\n  private readonly _destroyRef = inject(DestroyRef);\n  private _resizeObserver: ResizeObserver | null = null;\n\n  public readonly class = input<ClassValue>('');\n  public readonly zSteps = input.required<ZStepItem[]>();\n  public readonly zCurrent = input<number>(0);\n  public readonly zOrientation = input<ZStepsOrientation>('vertical');\n  public readonly zType = input<ZStepsType>('default');\n  public readonly zSize = input<ZStepsSize>('default');\n  public readonly zClickable = input(false, { transform: zTransform });\n  public readonly zShowNumber = input(true, { transform: zTransform });\n  public readonly zResponsive = input(true, { transform: zTransform });\n  public readonly zDisabled = input(false, { transform: zTransform });\n\n  public readonly zOnStepClick = output<number>();\n  public readonly zControl = output<ZStepsControl>();\n\n  private readonly _internalCurrent = signal<number | null>(null);\n  private readonly _stepOverrides = signal<Map<number, Partial<ZStepItem>>>(new Map());\n\n  protected readonly isResponsiveVertical = signal(false);\n\n  protected readonly currentStep = computed(() => this._internalCurrent() ?? this.zCurrent());\n\n  protected readonly mergedSteps = computed(() => {\n    const steps = this.zSteps();\n    const overrides = this._stepOverrides();\n    return steps.map((step, index) => {\n      const override = overrides.get(index);\n      return override ? { ...step, ...override } : step;\n    });\n  });\n\n  protected readonly effectiveOrientation = computed<ZStepsOrientation>(() => {\n    if (this.zResponsive() && this.isResponsiveVertical()) {\n      return 'vertical';\n    }\n    return this.zOrientation();\n  });\n\n  protected readonly containerClasses = computed(() =>\n    zMergeClasses(\n      zStepsContainerVariants({\n        orientation: this.effectiveOrientation(),\n      }),\n      this.class()\n    )\n  );\n\n  protected readonly getItemClasses = computed(() =>\n    zStepsItemVariants({\n      orientation: this.effectiveOrientation(),\n      size: this.zSize(),\n    })\n  );\n\n  protected readonly getIconClassesByStatus = computed(() => {\n    const size = this.zSize();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n\n    return steps.map((step, index) => {\n      const status = this._getStepStatus(step, index, current);\n      const baseClasses = zStepsIconVariants({ size, status });\n      return zMergeClasses(baseClasses, step.iconClass);\n    });\n  });\n\n  protected readonly lineClasses = computed(() => zStepsLineVariants({ size: this.zSize() }));\n\n  protected readonly getConnectorClassesByIndex = computed(() => {\n    const orientation = this.effectiveOrientation();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n\n    return steps.map((step, index) => {\n      const status = this._getConnectorStatus(step, index, current);\n      return zStepsConnectorVariants({ orientation, status });\n    });\n  });\n\n  protected readonly stepStatuses = computed(() => {\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n    return steps.map((step, index) => this._getStepStatus(step, index, current));\n  });\n\n  protected readonly getArrowClassesByIndex = computed(() => {\n    const size = this.zSize();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n    const total = steps.length;\n\n    return steps.map((step, index) => {\n      const status = this._getStepStatus(step, index, current);\n      const baseClasses = zStepsArrowItemVariants({ size, status });\n\n      let positionClass = 'z-steps-arrow-middle';\n      if (index === 0) {\n        positionClass = 'z-steps-arrow-first';\n      }\n      if (index === total - 1) {\n        positionClass = 'z-steps-arrow-last';\n      }\n\n      return zMergeClasses(baseClasses, positionClass);\n    });\n  });\n\n  protected readonly defaultIconSize = computed<NonNullable<ZIconVariants['zSize']>>(() => {\n    const size = this.zSize();\n    if (size === 'sm') {\n      return '16';\n    }\n    if (size === 'lg') {\n      return '24';\n    }\n    return '20';\n  });\n\n  protected readonly getIconSizeByIndex = computed(() => {\n    const defaultSize = this.defaultIconSize();\n    const steps = this.mergedSteps();\n    return steps.map(step => step.iconSize ?? defaultSize);\n  });\n\n  protected readonly iconWidth = computed(() => {\n    const size = this.zSize();\n    if (size === 'sm') {\n      return 24;\n    }\n    if (size === 'lg') {\n      return 40;\n    }\n    return 32;\n  });\n\n  ngAfterViewInit(): void {\n    if (this.zResponsive() && this.zOrientation() === 'horizontal') {\n      this._setupResizeObserver();\n    }\n\n    this._destroyRef.onDestroy(() => {\n      this._resizeObserver?.disconnect();\n    });\n\n    this.zControl.emit({\n      setActive: (index: number) => {\n        if (this.zDisabled()) {\n          return;\n        }\n        if (index >= 0 && index < this.zSteps().length) {\n          this._internalCurrent.set(index);\n        }\n      },\n      next: () => {\n        if (this.zDisabled()) {\n          return;\n        }\n        const current = this.currentStep();\n        const total = this.zSteps().length;\n        if (current < total - 1) {\n          this._internalCurrent.set(current + 1);\n        }\n      },\n      prev: () => {\n        if (this.zDisabled()) {\n          return;\n        }\n        const current = this.currentStep();\n        if (current > 0) {\n          this._internalCurrent.set(current - 1);\n        }\n      },\n      reset: () => {\n        if (this.zDisabled()) {\n          return;\n        }\n        this._internalCurrent.set(0);\n        this._stepOverrides.set(new Map());\n      },\n      setDisabled: (index: number, disabled: boolean) => {\n        if (this.zDisabled()) {\n          return;\n        }\n        this._updateStepOverride(index, { disabled });\n      },\n      setStatus: (index: number, status: ZStepsStatus) => {\n        if (this.zDisabled()) {\n          return;\n        }\n        this._updateStepOverride(index, { status });\n      },\n      getCurrent: () => this.currentStep(),\n      getTotal: () => this.zSteps().length,\n    });\n  }\n\n  private _updateStepOverride(index: number, override: Partial<ZStepItem>): void {\n    const overrides = new Map(this._stepOverrides());\n    const existing = overrides.get(index) || {};\n    overrides.set(index, { ...existing, ...override });\n    this._stepOverrides.set(overrides);\n  }\n\n  private _setupResizeObserver(): void {\n    const container = this._elementRef.nativeElement;\n    this._resizeObserver = new ResizeObserver(entries => {\n      const width = entries[0]?.contentRect.width || 0;\n      this.isResponsiveVertical.set(width < RESPONSIVE_BREAKPOINT);\n    });\n\n    this._resizeObserver.observe(container);\n  }\n\n  private _getStepStatus(step: ZStepItem, index: number, current: number): ZStepsStatus {\n    if (step.status) {\n      return step.status;\n    }\n\n    if (index < current) {\n      return 'completed';\n    }\n\n    if (index === current) {\n      return 'current';\n    }\n\n    return 'pending';\n  }\n\n  private _getConnectorStatus(step: ZStepItem, index: number, current: number): ZStepsStatus {\n    if (step.status === 'error') {\n      return 'error';\n    }\n\n    if (index < current) {\n      return 'completed';\n    }\n\n    return 'pending';\n  }\n\n  protected onStepClick(index: number): void {\n    if (this.zDisabled()) {\n      return;\n    }\n\n    const step = this.zSteps()[index];\n    if (step.disabled) {\n      return;\n    }\n\n    if (!this.zClickable()) {\n      return;\n    }\n\n    this.zOnStepClick.emit(index);\n  }\n}\n","<ol [class]=\"containerClasses()\">\n  @for (step of mergedSteps(); track $index; let i = $index; let last = $last) {\n    @if (effectiveOrientation() === 'vertical') {\n      <!-- Vertical Layout -->\n      <li\n        [class]=\"getItemClasses()\"\n        [class.!items-start]=\"!step.description && (step.title || step.icon)\"\n        [class.items-center]=\"!step.description && (step.title || step.icon)\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        <!-- Vertical Line -->\n        @if (!last) {\n          <div [class]=\"lineClasses()\"></div>\n        }\n\n        <!-- Step Icon -->\n        <span [class]=\"getIconClassesByStatus()[i]\">\n          @switch (stepStatuses()[i]) {\n            @case ('completed') {\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              } @else {\n                <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              }\n            }\n            @case ('error') {\n              <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n            }\n            @default {\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              } @else if (zShowNumber()) {\n                <span class=\"font-medium\">{{ i + 1 }}</span>\n              }\n            }\n          }\n        </span>\n\n        <!-- Content -->\n        @if (step.title || step.description) {\n          <div class=\"flex min-w-0 flex-col\" [style.padding-top.px]=\"!step.description ? iconWidth() / 5 : 0\">\n            @if (step.title) {\n              <h3 class=\"leading-tight font-medium\">{{ step.title }}</h3>\n            }\n            @if (step.description) {\n              <p class=\"text-muted-foreground mt-1 text-sm\">{{ step.description }}</p>\n            }\n          </div>\n        }\n      </li>\n    } @else {\n      <!-- Horizontal Layout -->\n      <li\n        [class]=\"zType() === 'arrow' ? 'flex-1' : 'flex-1 last:flex-none'\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        @if (zType() === 'arrow') {\n          <!-- Arrow Style -->\n          <div [class]=\"getArrowClassesByIndex()[i]\">\n            <div class=\"flex items-center gap-3.5\">\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" class=\"shrink-0\" />\n              }\n              <div class=\"flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"truncate text-sm leading-tight font-semibold whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"mt-1 truncate text-xs whitespace-nowrap opacity-80\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            </div>\n          </div>\n        } @else if (zType() === 'inline') {\n          <!-- Inline: Icon + Content + Line in one row -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Content Inline -->\n            @if (step.title || step.description) {\n              <div class=\"ms-3 flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"max-w-30 truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"text-muted-foreground mt-1 max-w-30 truncate text-xs whitespace-nowrap\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n        } @else {\n          <!-- Default: Icon + Line row, Content below -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n\n          <!-- Content Below -->\n          @if (step.title || step.description) {\n            <div\n              class=\"z-steps-content mt-3 flex flex-col text-center\"\n              [style.width.px]=\"150\"\n              [style.margin-left.px]=\"(iconWidth() - 150) / 2\">\n              @if (step.title) {\n                <h3\n                  z-tooltip\n                  [zContent]=\"step.title\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"top\"\n                  class=\"truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                  {{ step.title }}\n                </h3>\n              }\n              @if (step.description) {\n                <p\n                  z-tooltip\n                  [zContent]=\"step.description\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"bottom\"\n                  class=\"text-muted-foreground mt-1 truncate text-xs whitespace-nowrap\">\n                  {{ step.description }}\n                </p>\n              }\n            </div>\n          }\n        }\n      </li>\n    }\n  }\n</ol>\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-steps.mjs","sources":["../../../../libs/core-ui/components/z-steps/z-steps.variants.ts","../../../../libs/core-ui/components/z-steps/z-steps.component.ts","../../../../libs/core-ui/components/z-steps/z-steps.component.html","../../../../libs/core-ui/components/z-steps/shival99-z-ui-components-z-steps.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zStepsContainerVariants = cva(['relative list-none m-0 p-0'], {\n  variants: {\n    orientation: {\n      vertical: 'text-foreground',\n      horizontal: 'flex items-center w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nexport const zStepsItemVariants = cva(['relative flex items-start'], {\n  variants: {\n    orientation: {\n      vertical: 'last:mb-0',\n      horizontal: 'flex-1 last:flex-none',\n    },\n    size: {\n      sm: 'mb-6 ps-10 min-h-6',\n      default: 'mb-8 ps-12 min-h-8',\n      lg: 'mb-10 ps-14 min-h-10',\n    },\n  },\n  compoundVariants: [{ orientation: 'horizontal', class: 'mb-0 ps-0 min-h-0' }],\n  defaultVariants: {\n    orientation: 'vertical',\n    size: 'default',\n  },\n});\n\nexport const zStepsIconVariants = cva(\n  [\n    'absolute start-0 z-10 flex items-center justify-center rounded-full ring-6 ring-background transform-gpu transition-transform duration-200 ease-out hover:scale-110',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'w-6 h-6 text-xs',\n        default: 'w-8 h-8 text-sm',\n        lg: 'w-10 h-10 text-base',\n      },\n      status: {\n        pending: 'bg-background border border-input text-muted-foreground ring-muted',\n        current: 'bg-primary text-primary-foreground ring-primary/20',\n        completed: 'bg-primary text-primary-foreground ring-primary/20',\n        error: 'bg-destructive text-destructive-foreground ring-destructive/20',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'pending',\n    },\n  }\n);\n\nexport const zStepsLineVariants = cva(['absolute border-s border-input'], {\n  variants: {\n    size: {\n      sm: 'start-3 top-3 bottom-0',\n      default: 'start-4 top-4 bottom-0',\n      lg: 'start-5 top-5 bottom-0',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n});\n\nexport const zStepsConnectorVariants = cva(['transition-colors duration-200'], {\n  variants: {\n    orientation: {\n      vertical: 'hidden',\n      horizontal: 'flex-1 h-1 mx-4 rounded-full',\n    },\n    status: {\n      pending: 'bg-input',\n      current: 'bg-input',\n      completed: 'bg-primary',\n      error: 'bg-destructive/30',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n    status: 'pending',\n  },\n});\n\nexport const zStepsArrowItemVariants = cva(\n  ['z-steps-arrow-item relative flex flex-1 flex-col justify-center transition-all duration-200'],\n  {\n    variants: {\n      size: {\n        sm: 'min-w-[120px] py-2 px-4',\n        default: 'min-w-[150px] py-3 px-5',\n        lg: 'min-w-[180px] py-4 px-6',\n      },\n      status: {\n        pending: 'bg-muted text-muted-foreground',\n        current: 'bg-primary text-primary-foreground z-steps-arrow-active',\n        completed: 'bg-primary text-primary-foreground z-steps-arrow-active',\n        error: 'bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'pending',\n    },\n  }\n);\n\nexport const zStepsDotVariants = cva(['rounded-full transition-all duration-200'], {\n  variants: {\n    size: {\n      sm: 'w-2 h-2',\n      default: 'w-2.5 h-2.5',\n      lg: 'w-3 h-3',\n    },\n    status: {\n      pending: 'bg-muted-foreground/30',\n      current: 'bg-primary ring-4 ring-primary/20',\n      completed: 'bg-primary ring-4 ring-primary/20',\n      error: 'bg-destructive ring-4 ring-destructive/20',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n    status: 'pending',\n  },\n});\n\nexport const zStepsDotLineVariants = cva(['transition-colors duration-200'], {\n  variants: {\n    orientation: {\n      vertical: 'w-px flex-1 min-h-14',\n      horizontal: 'h-px flex-1',\n    },\n    status: {\n      pending: 'bg-muted-foreground/20',\n      current: 'bg-muted-foreground/20',\n      completed: 'bg-primary',\n      error: 'bg-destructive/30',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    status: 'pending',\n  },\n});\n\nexport type ZStepsContainerVariants = VariantProps<typeof zStepsContainerVariants>;\nexport type ZStepsItemVariants = VariantProps<typeof zStepsItemVariants>;\nexport type ZStepsIconVariants = VariantProps<typeof zStepsIconVariants>;\nexport type ZStepsLineVariants = VariantProps<typeof zStepsLineVariants>;\nexport type ZStepsConnectorVariants = VariantProps<typeof zStepsConnectorVariants>;\nexport type ZStepsArrowItemVariants = VariantProps<typeof zStepsArrowItemVariants>;\nexport type ZStepsDotVariants = VariantProps<typeof zStepsDotVariants>;\nexport type ZStepsDotLineVariants = VariantProps<typeof zStepsDotLineVariants>;\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ZIconComponent, ZIconVariants } from '@shival99/z-ui/components/z-icon';\nimport { ZTooltipDirective } from '@shival99/z-ui/components/z-tooltip';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type {\n  ZStepItem,\n  ZStepsControl,\n  ZStepsOrientation,\n  ZStepsSize,\n  ZStepsStatus,\n  ZStepsType,\n} from './z-steps.types';\nimport {\n  zStepsArrowItemVariants,\n  zStepsConnectorVariants,\n  zStepsContainerVariants,\n  zStepsDotLineVariants,\n  zStepsDotVariants,\n  zStepsIconVariants,\n  zStepsItemVariants,\n  zStepsLineVariants,\n} from './z-steps.variants';\n\nconst RESPONSIVE_BREAKPOINT = 640;\n\n@Component({\n  selector: 'z-steps',\n  imports: [ZIconComponent, ZTooltipDirective],\n  templateUrl: './z-steps.component.html',\n  styleUrl: './z-steps.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'block',\n  },\n})\nexport class ZStepsComponent implements AfterViewInit {\n  private readonly _elementRef = inject(ElementRef);\n  private readonly _destroyRef = inject(DestroyRef);\n  private _resizeObserver: ResizeObserver | null = null;\n\n  public readonly class = input<ClassValue>('');\n  public readonly zSteps = input.required<ZStepItem[]>();\n  public readonly zCurrent = input<number>(0);\n  public readonly zOrientation = input<ZStepsOrientation>('vertical');\n  public readonly zType = input<ZStepsType>('default');\n  public readonly zSize = input<ZStepsSize>('default');\n  public readonly zClickable = input(false, { transform: zTransform });\n  public readonly zShowNumber = input(true, { transform: zTransform });\n  public readonly zResponsive = input(true, { transform: zTransform });\n  public readonly zDisabled = input(false, { transform: zTransform });\n\n  public readonly zOnStepClick = output<number>();\n  public readonly zControl = output<ZStepsControl>();\n\n  private readonly _internalCurrent = signal<number | null>(null);\n  private readonly _stepOverrides = signal<Map<number, Partial<ZStepItem>>>(new Map());\n\n  protected readonly isResponsiveVertical = signal(false);\n\n  protected readonly currentStep = computed(() => this._internalCurrent() ?? this.zCurrent());\n\n  protected readonly mergedSteps = computed(() => {\n    const steps = this.zSteps();\n    const overrides = this._stepOverrides();\n    return steps.map((step, index) => {\n      const override = overrides.get(index);\n      return override ? { ...step, ...override } : step;\n    });\n  });\n\n  protected readonly effectiveOrientation = computed<ZStepsOrientation>(() => {\n    if (this.zResponsive() && this.isResponsiveVertical()) {\n      return 'vertical';\n    }\n    return this.zOrientation();\n  });\n\n  protected readonly containerClasses = computed(() =>\n    zMergeClasses(\n      zStepsContainerVariants({\n        orientation: this.effectiveOrientation(),\n      }),\n      this.class()\n    )\n  );\n\n  protected readonly getItemClasses = computed(() =>\n    zStepsItemVariants({\n      orientation: this.effectiveOrientation(),\n      size: this.zSize(),\n    })\n  );\n\n  protected readonly getIconClassesByStatus = computed(() => {\n    const size = this.zSize();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n\n    return steps.map((step, index) => {\n      const status = this._getStepStatus(step, index, current);\n      const baseClasses = zStepsIconVariants({ size, status });\n      return zMergeClasses(baseClasses, step.iconClass);\n    });\n  });\n\n  protected readonly lineClasses = computed(() => zStepsLineVariants({ size: this.zSize() }));\n\n  protected readonly getConnectorClassesByIndex = computed(() => {\n    const orientation = this.effectiveOrientation();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n\n    return steps.map((step, index) => {\n      const status = this._getConnectorStatus(step, index, current);\n      return zStepsConnectorVariants({ orientation, status });\n    });\n  });\n\n  protected readonly stepStatuses = computed(() => {\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n    return steps.map((step, index) => this._getStepStatus(step, index, current));\n  });\n\n  protected readonly getArrowClassesByIndex = computed(() => {\n    const size = this.zSize();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n    const total = steps.length;\n\n    return steps.map((step, index) => {\n      const status = this._getStepStatus(step, index, current);\n      const baseClasses = zStepsArrowItemVariants({ size, status });\n\n      let positionClass = 'z-steps-arrow-middle';\n      if (index === 0) {\n        positionClass = 'z-steps-arrow-first';\n      }\n      if (index === total - 1) {\n        positionClass = 'z-steps-arrow-last';\n      }\n\n      return zMergeClasses(baseClasses, positionClass);\n    });\n  });\n\n  protected readonly getDotClassesByIndex = computed(() => {\n    const size = this.zSize();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n\n    return steps.map((step, index) => {\n      const status = this._getStepStatus(step, index, current);\n      return zStepsDotVariants({ size, status });\n    });\n  });\n\n  protected readonly getDotLineClassesByIndex = computed(() => {\n    const orientation = this.effectiveOrientation();\n    const steps = this.mergedSteps();\n    const current = this.currentStep();\n\n    return steps.map((step, index) => {\n      const status = this._getConnectorStatus(step, index, current);\n      return zStepsDotLineVariants({ orientation, status });\n    });\n  });\n\n  protected readonly defaultIconSize = computed<NonNullable<ZIconVariants['zSize']>>(() => {\n    const size = this.zSize();\n    if (size === 'sm') {\n      return '16';\n    }\n    if (size === 'lg') {\n      return '24';\n    }\n    return '20';\n  });\n\n  protected readonly getIconSizeByIndex = computed(() => {\n    const defaultSize = this.defaultIconSize();\n    const steps = this.mergedSteps();\n    return steps.map(step => step.iconSize ?? defaultSize);\n  });\n\n  protected readonly iconWidth = computed(() => {\n    const size = this.zSize();\n    if (size === 'sm') {\n      return 24;\n    }\n    if (size === 'lg') {\n      return 40;\n    }\n    return 32;\n  });\n\n  ngAfterViewInit(): void {\n    if (this.zResponsive() && this.zOrientation() === 'horizontal') {\n      this._setupResizeObserver();\n    }\n\n    this._destroyRef.onDestroy(() => {\n      this._resizeObserver?.disconnect();\n    });\n\n    this.zControl.emit({\n      setActive: (index: number) => {\n        if (this.zDisabled()) {\n          return;\n        }\n        if (index >= 0 && index < this.zSteps().length) {\n          this._internalCurrent.set(index);\n        }\n      },\n      next: () => {\n        if (this.zDisabled()) {\n          return;\n        }\n        const current = this.currentStep();\n        const total = this.zSteps().length;\n        if (current < total - 1) {\n          this._internalCurrent.set(current + 1);\n        }\n      },\n      prev: () => {\n        if (this.zDisabled()) {\n          return;\n        }\n        const current = this.currentStep();\n        if (current > 0) {\n          this._internalCurrent.set(current - 1);\n        }\n      },\n      reset: () => {\n        if (this.zDisabled()) {\n          return;\n        }\n        this._internalCurrent.set(0);\n        this._stepOverrides.set(new Map());\n      },\n      setDisabled: (index: number, disabled: boolean) => {\n        if (this.zDisabled()) {\n          return;\n        }\n        this._updateStepOverride(index, { disabled });\n      },\n      setStatus: (index: number, status: ZStepsStatus) => {\n        if (this.zDisabled()) {\n          return;\n        }\n        this._updateStepOverride(index, { status });\n      },\n      getCurrent: () => this.currentStep(),\n      getTotal: () => this.zSteps().length,\n    });\n  }\n\n  private _updateStepOverride(index: number, override: Partial<ZStepItem>): void {\n    const overrides = new Map(this._stepOverrides());\n    const existing = overrides.get(index) || {};\n    overrides.set(index, { ...existing, ...override });\n    this._stepOverrides.set(overrides);\n  }\n\n  private _setupResizeObserver(): void {\n    const container = this._elementRef.nativeElement;\n    this._resizeObserver = new ResizeObserver(entries => {\n      const width = entries[0]?.contentRect.width || 0;\n      this.isResponsiveVertical.set(width < RESPONSIVE_BREAKPOINT);\n    });\n\n    this._resizeObserver.observe(container);\n  }\n\n  private _getStepStatus(step: ZStepItem, index: number, current: number): ZStepsStatus {\n    if (step.status) {\n      return step.status;\n    }\n\n    if (index < current) {\n      return 'completed';\n    }\n\n    if (index === current) {\n      return 'current';\n    }\n\n    return 'pending';\n  }\n\n  private _getConnectorStatus(step: ZStepItem, index: number, current: number): ZStepsStatus {\n    if (step.status === 'error') {\n      return 'error';\n    }\n\n    if (index < current) {\n      return 'completed';\n    }\n\n    return 'pending';\n  }\n\n  protected onStepClick(index: number): void {\n    if (this.zDisabled()) {\n      return;\n    }\n\n    const step = this.zSteps()[index];\n    if (step.disabled) {\n      return;\n    }\n\n    if (!this.zClickable()) {\n      return;\n    }\n\n    this.zOnStepClick.emit(index);\n  }\n}\n","<ol [class]=\"containerClasses()\">\n  @for (step of mergedSteps(); track $index; let i = $index; let last = $last) {\n    @if (effectiveOrientation() === 'vertical') {\n      @if (zType() === 'dot') {\n        <!-- Vertical Dot Layout -->\n        <li\n          class=\"flex items-start gap-3\"\n          [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n          [class.cursor-not-allowed]=\"step.disabled\"\n          [class.opacity-50]=\"step.disabled\"\n          (click)=\"onStepClick(i)\">\n          <!-- Dot + Line Column -->\n          <div class=\"flex flex-col items-center\">\n            <!-- Dot -->\n            <span [class]=\"getDotClassesByIndex()[i]\" class=\"shrink-0\"></span>\n            <!-- Vertical Line -->\n            @if (!last) {\n              <div [class]=\"getDotLineClassesByIndex()[i]\" class=\"my-1.5\"></div>\n            }\n          </div>\n\n          <!-- Content (optional) -->\n          @if (step.title) {\n            <span\n              class=\"pt-0.5 text-sm\"\n              [class.text-foreground]=\"stepStatuses()[i] === 'current'\"\n              [class.font-medium]=\"stepStatuses()[i] === 'current'\"\n              [class.text-muted-foreground]=\"stepStatuses()[i] !== 'current'\">\n              {{ step.title }}\n            </span>\n          }\n        </li>\n      } @else {\n        <!-- Vertical Layout -->\n        <li\n          [class]=\"getItemClasses()\"\n          [class.!items-start]=\"!step.description && (step.title || step.icon)\"\n          [class.items-center]=\"!step.description && (step.title || step.icon)\"\n          [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n          [class.cursor-not-allowed]=\"step.disabled\"\n          [class.opacity-50]=\"step.disabled\"\n          (click)=\"onStepClick(i)\">\n          <!-- Vertical Line -->\n          @if (!last) {\n            <div [class]=\"lineClasses()\"></div>\n          }\n\n          <!-- Step Icon -->\n          <span [class]=\"getIconClassesByStatus()[i]\">\n            @switch (stepStatuses()[i]) {\n              @case ('completed') {\n                @if (step.icon) {\n                  <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                } @else {\n                  <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n              }\n              @case ('error') {\n                <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n              }\n              @default {\n                @if (step.icon) {\n                  <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                } @else if (zShowNumber()) {\n                  <span class=\"font-medium\">{{ i + 1 }}</span>\n                }\n              }\n            }\n          </span>\n\n          <!-- Content -->\n          @if (step.title || step.description) {\n            <div class=\"flex min-w-0 flex-col\" [style.padding-top.px]=\"!step.description ? iconWidth() / 5 : 0\">\n              @if (step.title) {\n                <h3 class=\"leading-tight font-medium\">{{ step.title }}</h3>\n              }\n              @if (step.description) {\n                <p class=\"text-muted-foreground mt-1 text-sm\">{{ step.description }}</p>\n              }\n            </div>\n          }\n        </li>\n      }\n    } @else {\n      <!-- Horizontal Layout -->\n      <li\n        [class]=\"zType() === 'arrow' ? 'flex-1' : 'flex-1 last:flex-none'\"\n        [class.cursor-pointer]=\"zClickable() && !step.disabled\"\n        [class.cursor-not-allowed]=\"step.disabled\"\n        [class.opacity-50]=\"step.disabled\"\n        (click)=\"onStepClick(i)\">\n        @if (zType() === 'arrow') {\n          <!-- Arrow Style -->\n          <div [class]=\"getArrowClassesByIndex()[i]\">\n            <div class=\"flex items-center gap-3.5\">\n              @if (step.icon) {\n                <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" class=\"shrink-0\" />\n              }\n              <div class=\"flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"truncate text-sm leading-tight font-semibold whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"mt-1 truncate text-xs whitespace-nowrap opacity-80\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            </div>\n          </div>\n        } @else if (zType() === 'dot') {\n          <!-- Dot Style: Simple dots with optional labels -->\n          <div class=\"flex items-center\">\n            <!-- Dot -->\n            <span [class]=\"getDotClassesByIndex()[i]\"></span>\n\n            <!-- Content (optional) -->\n            @if (step.title) {\n              <span\n                z-tooltip\n                [zContent]=\"step.title\"\n                [zAutoDetect]=\"true\"\n                zPosition=\"top\"\n                class=\"ms-2 max-w-20 truncate text-sm whitespace-nowrap\"\n                [class.text-foreground]=\"stepStatuses()[i] === 'current'\"\n                [class.text-muted-foreground]=\"stepStatuses()[i] !== 'current'\">\n                {{ step.title }}\n              </span>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getDotLineClassesByIndex()[i]\" class=\"mx-2 min-w-8\"></div>\n            }\n          </div>\n        } @else if (zType() === 'inline') {\n          <!-- Inline: Icon + Content + Line in one row -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Content Inline -->\n            @if (step.title || step.description) {\n              <div class=\"ms-3 flex min-w-0 flex-col\">\n                @if (step.title) {\n                  <h3\n                    z-tooltip\n                    [zContent]=\"step.title\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"top\"\n                    class=\"max-w-30 truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                    {{ step.title }}\n                  </h3>\n                }\n                @if (step.description) {\n                  <p\n                    z-tooltip\n                    [zContent]=\"step.description\"\n                    [zAutoDetect]=\"true\"\n                    zPosition=\"bottom\"\n                    class=\"text-muted-foreground mt-1 max-w-30 truncate text-xs whitespace-nowrap\">\n                    {{ step.description }}\n                  </p>\n                }\n              </div>\n            }\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n        } @else {\n          <!-- Default: Icon + Line row, Content below -->\n          <div class=\"flex items-center\">\n            <!-- Step Icon -->\n            <span [class]=\"getIconClassesByStatus()[i]\" class=\"relative! start-auto! shrink-0\">\n              @switch (stepStatuses()[i]) {\n                @case ('completed') {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else {\n                    <z-icon zType=\"lucideCheck\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  }\n                }\n                @case ('error') {\n                  <z-icon zType=\"lucideX\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                }\n                @default {\n                  @if (step.icon) {\n                    <z-icon [zType]=\"step.icon\" [zSize]=\"getIconSizeByIndex()[i]\" />\n                  } @else if (zShowNumber()) {\n                    <span class=\"font-medium\">{{ i + 1 }}</span>\n                  }\n                }\n              }\n            </span>\n\n            <!-- Horizontal Line -->\n            @if (!last) {\n              <div [class]=\"getConnectorClassesByIndex()[i]\"></div>\n            }\n          </div>\n\n          <!-- Content Below -->\n          @if (step.title || step.description) {\n            <div\n              class=\"z-steps-content mt-3 flex flex-col text-center\"\n              [style.width.px]=\"150\"\n              [style.margin-left.px]=\"(iconWidth() - 150) / 2\">\n              @if (step.title) {\n                <h3\n                  z-tooltip\n                  [zContent]=\"step.title\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"top\"\n                  class=\"truncate text-sm leading-tight font-medium whitespace-nowrap\">\n                  {{ step.title }}\n                </h3>\n              }\n              @if (step.description) {\n                <p\n                  z-tooltip\n                  [zContent]=\"step.description\"\n                  [zAutoDetect]=\"true\"\n                  zPosition=\"bottom\"\n                  class=\"text-muted-foreground mt-1 truncate text-xs whitespace-nowrap\">\n                  {{ step.description }}\n                </p>\n              }\n            </div>\n          }\n        }\n      </li>\n    }\n  }\n</ol>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAEa,uBAAuB,GAAG,GAAG,CAAC,CAAC,4BAA4B,CAAC,EAAE;AACzE,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,iBAAiB;AAC3B,YAAA,UAAU,EAAE,0BAA0B;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,WAAW,EAAE,UAAU;AACxB,KAAA;AACF,CAAA;MAEY,kBAAkB,GAAG,GAAG,CAAC,CAAC,2BAA2B,CAAC,EAAE;AACnE,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,UAAU,EAAE,uBAAuB;AACpC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,oBAAoB;AACxB,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,EAAE,EAAE,sBAAsB;AAC3B,SAAA;AACF,KAAA;IACD,gBAAgB,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;AAC7E,IAAA,eAAe,EAAE;AACf,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACF,CAAA;AAEM,MAAM,kBAAkB,GAAG,GAAG,CACnC;IACE,qKAAqK;CACtK,EACD;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,oEAAoE;AAC7E,YAAA,OAAO,EAAE,oDAAoD;AAC7D,YAAA,SAAS,EAAE,oDAAoD;AAC/D,YAAA,KAAK,EAAE,gEAAgE;AACxE,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA;MAGU,kBAAkB,GAAG,GAAG,CAAC,CAAC,gCAAgC,CAAC,EAAE;AACxE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,wBAAwB;AAC5B,YAAA,OAAO,EAAE,wBAAwB;AACjC,YAAA,EAAE,EAAE,wBAAwB;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACF,CAAA;MAEY,uBAAuB,GAAG,GAAG,CAAC,CAAC,gCAAgC,CAAC,EAAE;AAC7E,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,UAAU,EAAE,8BAA8B;AAC3C,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,KAAK,EAAE,mBAAmB;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA;MAEY,uBAAuB,GAAG,GAAG,CACxC,CAAC,6FAA6F,CAAC,EAC/F;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,yBAAyB;AAC7B,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,EAAE,EAAE,yBAAyB;AAC9B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,gCAAgC;AACzC,YAAA,OAAO,EAAE,yDAAyD;AAClE,YAAA,SAAS,EAAE,yDAAyD;AACpE,YAAA,KAAK,EAAE,4CAA4C;AACpD,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA;AAGI,MAAM,iBAAiB,GAAG,GAAG,CAAC,CAAC,0CAA0C,CAAC,EAAE;AACjF,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,EAAE,EAAE,SAAS;AACd,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,wBAAwB;AACjC,YAAA,OAAO,EAAE,mCAAmC;AAC5C,YAAA,SAAS,EAAE,mCAAmC;AAC9C,YAAA,KAAK,EAAE,2CAA2C;AACnD,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,qBAAqB,GAAG,GAAG,CAAC,CAAC,gCAAgC,CAAC,EAAE;AAC3E,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,sBAAsB;AAChC,YAAA,UAAU,EAAE,aAAa;AAC1B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,wBAAwB;AACjC,YAAA,OAAO,EAAE,wBAAwB;AACjC,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,KAAK,EAAE,mBAAmB;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;;AClHF,MAAM,qBAAqB,GAAG,GAAG;MAapB,eAAe,CAAA;AACT,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IACzC,eAAe,GAA0B,IAAI;AAErC,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAe;AACtC,IAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,oDAAC;AAC3B,IAAA,YAAY,GAAG,KAAK,CAAoB,UAAU,wDAAC;AACnD,IAAA,KAAK,GAAG,KAAK,CAAa,SAAS,iDAAC;AACpC,IAAA,KAAK,GAAG,KAAK,CAAa,SAAS,iDAAC;IACpC,UAAU,GAAG,KAAK,CAAC,KAAK,uDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACpD,WAAW,GAAG,KAAK,CAAC,IAAI,wDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACpD,WAAW,GAAG,KAAK,CAAC,IAAI,wDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IACpD,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IAEnD,YAAY,GAAG,MAAM,EAAU;IAC/B,QAAQ,GAAG,MAAM,EAAiB;AAEjC,IAAA,gBAAgB,GAAG,MAAM,CAAgB,IAAI,4DAAC;AAC9C,IAAA,cAAc,GAAG,MAAM,CAAkC,IAAI,GAAG,EAAE,0DAAC;AAEjE,IAAA,oBAAoB,GAAG,MAAM,CAAC,KAAK,gEAAC;AAEpC,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,uDAAC;AAExE,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAC3B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE;QACvC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;YAC/B,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AACrC,YAAA,OAAO,QAAQ,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI;AACnD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,uDAAC;AAEiB,IAAA,oBAAoB,GAAG,QAAQ,CAAoB,MAAK;QACzE,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,oBAAoB,EAAE,EAAE;AACrD,YAAA,OAAO,UAAU;QACnB;AACA,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE;AAC5B,IAAA,CAAC,gEAAC;IAEiB,gBAAgB,GAAG,QAAQ,CAAC,MAC7C,aAAa,CACX,uBAAuB,CAAC;AACtB,QAAA,WAAW,EAAE,IAAI,CAAC,oBAAoB,EAAE;AACzC,KAAA,CAAC,EACF,IAAI,CAAC,KAAK,EAAE,CACb,4DACF;AAEkB,IAAA,cAAc,GAAG,QAAQ,CAAC,MAC3C,kBAAkB,CAAC;AACjB,QAAA,WAAW,EAAE,IAAI,CAAC,oBAAoB,EAAE;AACxC,QAAA,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,KAAA,CAAC,0DACH;AAEkB,IAAA,sBAAsB,GAAG,QAAQ,CAAC,MAAK;AACxD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAElC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC;YACxD,MAAM,WAAW,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACxD,OAAO,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC;AACnD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,kEAAC;AAEiB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,uDAAC;AAExE,IAAA,0BAA0B,GAAG,QAAQ,CAAC,MAAK;AAC5D,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE;AAC/C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAElC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC;YAC7D,OAAO,uBAAuB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACzD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,sEAAC;AAEiB,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC9C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAClC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AAC9E,IAAA,CAAC,wDAAC;AAEiB,IAAA,sBAAsB,GAAG,QAAQ,CAAC,MAAK;AACxD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;AAClC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM;QAE1B,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC;YACxD,MAAM,WAAW,GAAG,uBAAuB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YAE7D,IAAI,aAAa,GAAG,sBAAsB;AAC1C,YAAA,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,aAAa,GAAG,qBAAqB;YACvC;AACA,YAAA,IAAI,KAAK,KAAK,KAAK,GAAG,CAAC,EAAE;gBACvB,aAAa,GAAG,oBAAoB;YACtC;AAEA,YAAA,OAAO,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC;AAClD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,kEAAC;AAEiB,IAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAK;AACtD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAElC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC;YACxD,OAAO,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC5C,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,gEAAC;AAEiB,IAAA,wBAAwB,GAAG,QAAQ,CAAC,MAAK;AAC1D,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE;AAC/C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAElC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC;YAC7D,OAAO,qBAAqB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACvD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,oEAAC;AAEiB,IAAA,eAAe,GAAG,QAAQ,CAAsC,MAAK;AACtF,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACjB,YAAA,OAAO,IAAI;QACb;AACA,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACjB,YAAA,OAAO,IAAI;QACb;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,2DAAC;AAEiB,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AACpD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC;AACxD,IAAA,CAAC,8DAAC;AAEiB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACjB,YAAA,OAAO,EAAE;QACX;AACA,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACjB,YAAA,OAAO,EAAE;QACX;AACA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC,qDAAC;IAEF,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,YAAY,EAAE;YAC9D,IAAI,CAAC,oBAAoB,EAAE;QAC7B;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAK;AAC9B,YAAA,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE;AACpC,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;oBACpB;gBACF;AACA,gBAAA,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE;AAC9C,oBAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClC;YACF,CAAC;YACD,IAAI,EAAE,MAAK;AACT,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;oBACpB;gBACF;AACA,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;gBAClC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM;AAClC,gBAAA,IAAI,OAAO,GAAG,KAAK,GAAG,CAAC,EAAE;oBACvB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC;gBACxC;YACF,CAAC;YACD,IAAI,EAAE,MAAK;AACT,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;oBACpB;gBACF;AACA,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;AAClC,gBAAA,IAAI,OAAO,GAAG,CAAC,EAAE;oBACf,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC;gBACxC;YACF,CAAC;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;oBACpB;gBACF;AACA,gBAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC5B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC;YACpC,CAAC;AACD,YAAA,WAAW,EAAE,CAAC,KAAa,EAAE,QAAiB,KAAI;AAChD,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;oBACpB;gBACF;gBACA,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC;YAC/C,CAAC;AACD,YAAA,SAAS,EAAE,CAAC,KAAa,EAAE,MAAoB,KAAI;AACjD,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;oBACpB;gBACF;gBACA,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC;YAC7C,CAAC;AACD,YAAA,UAAU,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE;YACpC,QAAQ,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM;AACrC,SAAA,CAAC;IACJ;IAEQ,mBAAmB,CAAC,KAAa,EAAE,QAA4B,EAAA;QACrE,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAChD,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE;AAC3C,QAAA,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;AAClD,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC;IACpC;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;QAChD,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,OAAO,IAAG;AAClD,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;YAChD,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,GAAG,qBAAqB,CAAC;AAC9D,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC;IACzC;AAEQ,IAAA,cAAc,CAAC,IAAe,EAAE,KAAa,EAAE,OAAe,EAAA;AACpE,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC,MAAM;QACpB;AAEA,QAAA,IAAI,KAAK,GAAG,OAAO,EAAE;AACnB,YAAA,OAAO,WAAW;QACpB;AAEA,QAAA,IAAI,KAAK,KAAK,OAAO,EAAE;AACrB,YAAA,OAAO,SAAS;QAClB;AAEA,QAAA,OAAO,SAAS;IAClB;AAEQ,IAAA,mBAAmB,CAAC,IAAe,EAAE,KAAa,EAAE,OAAe,EAAA;AACzE,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,EAAE;AAC3B,YAAA,OAAO,OAAO;QAChB;AAEA,QAAA,IAAI,KAAK,GAAG,OAAO,EAAE;AACnB,YAAA,OAAO,WAAW;QACpB;AAEA,QAAA,OAAO,SAAS;IAClB;AAEU,IAAA,WAAW,CAAC,KAAa,EAAA;AACjC,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpB;QACF;QAEA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC;AACjC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;QACF;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;YACtB;QACF;AAEA,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;uGA1RW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,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,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjD5B,y8UA6QA,EAAA,MAAA,EAAA,CAAA,u5BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrOY,cAAc,0HAAE,iBAAiB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,cAAA,EAAA,QAAA,EAAA,YAAA,EAAA,YAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAShC,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,OAAA,EACV,CAAC,cAAc,EAAE,iBAAiB,CAAC,EAAA,eAAA,EAG3B,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,OAAO;AACf,qBAAA,EAAA,QAAA,EAAA,y8UAAA,EAAA,MAAA,EAAA,CAAA,u5BAAA,CAAA,EAAA;;;AE/CH;;AAEG;;;;"}

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

@@ -79,6 +79,7 @@ class ZTagsComponent {
     zAddText = input('', ...(ngDevMode ? [{ debugName: "zAddText" }] : []));
     zAddPlaceholder = input('', ...(ngDevMode ? [{ debugName: "zAddPlaceholder" }] : []));
     zRandomColor = input(false, { ...(ngDevMode ? { debugName: "zRandomColor" } : {}), transform: zTransform });
+    zTagClass = input('', ...(ngDevMode ? [{ debugName: "zTagClass" }] : []));
     zTagClose = output();
     zTagAdd = output();
     isAdding = signal(false, ...(ngDevMode ? [{ debugName: "isAdding" }] : []));
@@ -131,14 +132,14 @@ class ZTagsComponent {
     }
     getTagClasses(tag) {
         if (this.zRandomColor() && !tag.color) {
-            return this._getRandomColorClasses(tag);
+            return zMergeClasses(this._getRandomColorClasses(tag), this.zTagClass());
         }
-        return zTagVariants({
+        return zMergeClasses(zTagVariants({
             zSize: this.zSize(),
             zColor: tag.color || this.zColor(),
             zClosable: this.isClosable(tag),
             zDisabled: tag.disabled || this.zDisabled(),
-        });
+        }), this.zTagClass());
     }
     getTagStyle(tag) {
         if (!this.zRandomColor() || tag.color) {
@@ -227,14 +228,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 } }, 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 } }, 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 });
 }
 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 }] }], zTagClose: [{ type: i0.Output, args: ["zTagClose"] }], zTagAdd: [{ type: i0.Output, args: ["zTagAdd"] }] } });
+        }], 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"] }] } });
 
 /**
  * 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\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 this._getRandomColorClasses(tag);\n    }\n\n    return zTagVariants({\n      zSize: this.zSize(),\n      zColor: tag.color || this.zColor(),\n      zClosable: this.isClosable(tag),\n      zDisabled: tag.disabled || this.zDisabled(),\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\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":";;;;;;;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;IAEjC,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;uGA9MW,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,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,0sCAmCA,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,0sCAAA,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,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/fesm2022/shival99-z-ui-i18n.mjs

@@ -161,6 +161,15 @@ const Z_UI_EN_TRANSLATIONS = {
     i18n_z_ui_empty_error_description: 'An error occurred while loading data. Please try again later.',
     // Steps
     i18n_z_ui_steps_title: 'Steps',
+    // Chat AI
+    i18n_z_ui_chat_ai_title: 'AI Assistant',
+    i18n_z_ui_chat_ai_subtitle: 'How can I help you today?',
+    i18n_z_ui_chat_ai_placeholder: 'Type a message...',
+    i18n_z_ui_chat_ai_send: 'Send message',
+    i18n_z_ui_chat_ai_attach: 'Attach file',
+    i18n_z_ui_chat_ai_close: 'Close chat',
+    i18n_z_ui_chat_ai_toggle: 'Toggle chat',
+    i18n_z_ui_chat_ai_typing: 'Typing...',
     // HTTP
     i18n_z_ui_http_network_offline: 'Network is offline',
     i18n_z_ui_http_error_default: 'An error occurred',
@@ -332,6 +341,15 @@ const Z_UI_VI_TRANSLATIONS = {
     i18n_z_ui_empty_error_description: 'Có lỗi xảy ra khi tải dữ liệu. Vui lòng thử lại sau.',
     // Steps
     i18n_z_ui_steps_title: 'Các bước',
+    // Chat AI
+    i18n_z_ui_chat_ai_title: 'Trợ lý AI',
+    i18n_z_ui_chat_ai_subtitle: 'Tôi có thể giúp gì cho bạn?',
+    i18n_z_ui_chat_ai_placeholder: 'Nhập tin nhắn...',
+    i18n_z_ui_chat_ai_send: 'Gửi tin nhắn',
+    i18n_z_ui_chat_ai_attach: 'Đính kèm file',
+    i18n_z_ui_chat_ai_close: 'Đóng chat',
+    i18n_z_ui_chat_ai_toggle: 'Bật/tắt chat',
+    i18n_z_ui_chat_ai_typing: 'Đang nhập...',
     // HTTP
     i18n_z_ui_http_network_offline: 'Không có kết nối mạng',
     i18n_z_ui_http_error_default: 'Đã xảy ra lỗi',

package/fesm2022/shival99-z-ui-i18n.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-i18n.mjs","sources":["../../../../libs/core-ui/i18n/types/i18n.types.ts","../../../../libs/core-ui/i18n/en.ts","../../../../libs/core-ui/i18n/vi.ts","../../../../libs/core-ui/i18n/i18n.ts","../../../../libs/core-ui/i18n/index.ts","../../../../libs/core-ui/i18n/shival99-z-ui-i18n.ts"],"sourcesContent":["/**\n * Z-UI Internationalization Types\n */\n\nexport type ZUILanguage = 'en' | 'vi' | string;\n\nexport interface ZUITranslations {\n  [key: string]: string;\n}\n\nexport interface ZUITranslationSet {\n  en: ZUITranslations;\n  vi: ZUITranslations;\n  [lang: string]: ZUITranslations;\n}\n","export const Z_UI_EN_TRANSLATIONS: Record<string, string> = {\n  // Table\n  i18n_z_ui_table_filter_min: 'Min',\n  i18n_z_ui_table_filter_max: 'Max',\n  i18n_z_ui_table_filter_all: 'All',\n  i18n_z_ui_table_filter_search: 'Search...',\n  i18n_z_ui_table_filter_date: 'Select date',\n  i18n_z_ui_table_filter_date_range: 'Select date range',\n  i18n_z_ui_table_no_data: 'No data available',\n  i18n_z_ui_table_no_results: 'No results found',\n  i18n_z_ui_table_loading: 'Loading...',\n  i18n_z_ui_table_search: 'Search...',\n  i18n_z_ui_table_settings: 'Settings',\n  i18n_z_ui_table_columns: 'Columns',\n  i18n_z_ui_table_show_all: 'Show all',\n  i18n_z_ui_table_hide_all: 'Hide all',\n  i18n_z_ui_table_move_left: 'Move left',\n  i18n_z_ui_table_move_right: 'Move right',\n  i18n_z_ui_table_pin_left: 'Pin left',\n  i18n_z_ui_table_pin_right: 'Pin right',\n  i18n_z_ui_table_pin_top: 'Pin top',\n  i18n_z_ui_table_pin_bottom: 'Pin bottom',\n  i18n_z_ui_table_unpin: 'Unpin',\n  i18n_z_ui_table_sort_asc: 'Sort ascending',\n  i18n_z_ui_table_sort_desc: 'Sort descending',\n  i18n_z_ui_table_clear_sort: 'Clear sort',\n  i18n_z_ui_table_filter: 'Filter',\n  i18n_z_ui_table_clear_filter: 'Clear filter',\n  i18n_z_ui_table_rows_per_page: 'Rows per page',\n  i18n_z_ui_table_total_rows: '{total} total rows',\n  i18n_z_ui_table_of: 'of',\n  i18n_z_ui_table_selected: 'selected',\n  i18n_z_ui_table_expand_all: 'Expand all',\n  i18n_z_ui_table_collapse_all: 'Collapse all',\n  i18n_z_ui_table_settings_title: 'Table Settings',\n  i18n_z_ui_table_display_settings: 'Display Settings',\n  i18n_z_ui_table_display_settings_desc: 'Customize table appearance',\n  i18n_z_ui_table_horizontal_border: 'Horizontal Border',\n  i18n_z_ui_table_vertical_border: 'Vertical Border',\n  i18n_z_ui_table_header_footer_shadow: 'Header/Footer Shadow',\n  i18n_z_ui_table_column_settings: 'Column Settings',\n  i18n_z_ui_table_column_settings_desc: 'Toggle visibility, drag to reorder, and pin columns',\n  i18n_z_ui_table_pinned_columns: 'Pinned Columns',\n  i18n_z_ui_table_left: 'LEFT',\n  i18n_z_ui_table_right: 'RIGHT',\n\n  // Calendar\n  i18n_z_ui_calendar_today: 'Today',\n  i18n_z_ui_calendar_clear: 'Clear',\n  i18n_z_ui_calendar_ok: 'OK',\n  i18n_z_ui_calendar_cancel: 'Cancel',\n  i18n_z_ui_calendar_start_date: 'Start date',\n  i18n_z_ui_calendar_end_date: 'End date',\n  i18n_z_ui_calendar_select_date: 'Select date',\n  i18n_z_ui_calendar_select_time: 'Select time',\n  i18n_z_ui_calendar_this_week: 'This week',\n  i18n_z_ui_calendar_last_week: 'Last week',\n  i18n_z_ui_calendar_this_month: 'This month',\n  i18n_z_ui_calendar_last_month: 'Last month',\n  i18n_z_ui_calendar_last_7_days: 'Last 7 days',\n  i18n_z_ui_calendar_last_30_days: 'Last 30 days',\n  i18n_z_ui_calendar_last_90_days: 'Last 90 days',\n  i18n_z_ui_calendar_this_year: 'This year',\n  i18n_z_ui_calendar_last_year: 'Last year',\n  i18n_z_ui_calendar_this_quarter: 'This quarter',\n  i18n_z_ui_calendar_now: 'Now',\n  i18n_z_ui_calendar_required: 'Please select a date',\n  i18n_z_ui_calendar_start: 'Start',\n  i18n_z_ui_calendar_end: 'End',\n  i18n_z_ui_calendar_time: 'Time',\n\n  // Editor\n  i18n_z_ui_editor_placeholder: 'Enter content...',\n  i18n_z_ui_editor_required: 'This field is required',\n  i18n_z_ui_editor_min_length: 'Minimum {min} characters',\n  i18n_z_ui_editor_max_length: 'Maximum {max} characters',\n  i18n_z_ui_editor_invalid: 'Invalid value',\n\n  // Checkbox\n  i18n_z_ui_checkbox_check_all: 'Check All',\n\n  // Code\n  i18n_z_ui_code_copied: 'Code copied!',\n\n  // Input\n  i18n_z_ui_input_required: 'This field is required',\n  i18n_z_ui_input_min_length: 'Minimum {min} characters',\n  i18n_z_ui_input_max_length: 'Maximum {max} characters',\n  i18n_z_ui_input_email: 'Invalid email format',\n  i18n_z_ui_input_pattern: 'Invalid format',\n  i18n_z_ui_input_min: 'Minimum value is {min}',\n  i18n_z_ui_input_max: 'Maximum value is {max}',\n\n  // Select\n  i18n_z_ui_select_placeholder: 'Select...',\n  i18n_z_ui_select_no_options: 'No options available',\n  i18n_z_ui_select_no_results: 'No results found',\n  i18n_z_ui_select_loading: 'Loading...',\n  i18n_z_ui_select_select_all: 'Select all',\n  i18n_z_ui_select_clear_all: 'Clear all',\n  i18n_z_ui_select_selected: '{count} selected',\n  i18n_z_ui_select_search: 'Search...',\n  i18n_z_ui_select_required: 'Please select a value',\n\n  // Modal\n  i18n_z_ui_modal_close: 'Close',\n  i18n_z_ui_modal_confirm: 'Confirm',\n  i18n_z_ui_modal_cancel: 'Cancel',\n\n  // Drawer\n  i18n_z_ui_drawer_close: 'Close',\n\n  // Upload\n  i18n_z_ui_upload_drag_drop: 'Drag files here',\n  i18n_z_ui_upload_drop_here: 'Drop files here',\n  i18n_z_ui_upload_or: 'or',\n  i18n_z_ui_upload_browse: 'browse',\n  i18n_z_ui_upload_uploading: 'Uploading...',\n  i18n_z_ui_upload_uploaded: 'Uploaded',\n  i18n_z_ui_upload_failed: 'Upload failed',\n  i18n_z_ui_upload_remove: 'Remove',\n  i18n_z_ui_upload_max_size: 'File size exceeds {size} limit',\n  i18n_z_ui_upload_max_files: 'Maximum {count} files allowed',\n  i18n_z_ui_upload_invalid_type: 'File type not allowed',\n  i18n_z_ui_upload_accepted: 'Accepted',\n  i18n_z_ui_upload_required: 'Please select a file',\n\n  // Pagination\n  i18n_z_ui_pagination_first: 'First',\n  i18n_z_ui_pagination_last: 'Last',\n  i18n_z_ui_pagination_next: 'Next',\n  i18n_z_ui_pagination_previous: 'Previous',\n  i18n_z_ui_pagination_page: 'Page',\n  i18n_z_ui_pagination_of: 'of',\n  i18n_z_ui_pagination_total_label: 'Total {total} items',\n  i18n_z_ui_pagination_per_page: '/ page',\n  i18n_z_ui_pagination_go_to: 'Go to',\n\n  // Common\n  i18n_z_ui_common_select: 'Select value...',\n  i18n_z_ui_common_loading: 'Loading...',\n  i18n_z_ui_common_save: 'Save',\n  i18n_z_ui_common_cancel: 'Cancel',\n  i18n_z_ui_common_confirm: 'Confirm',\n  i18n_z_ui_common_delete: 'Delete',\n  i18n_z_ui_common_edit: 'Edit',\n  i18n_z_ui_common_add: 'Add',\n  i18n_z_ui_common_search: 'Search',\n  i18n_z_ui_common_clear: 'Clear',\n  i18n_z_ui_common_reset: 'Reset',\n  i18n_z_ui_common_apply: 'Apply',\n  i18n_z_ui_common_yes: 'Yes',\n  i18n_z_ui_common_no: 'No',\n  i18n_z_ui_common_ok: 'OK',\n  i18n_z_ui_common_error: 'Error',\n  i18n_z_ui_common_success: 'Success',\n  i18n_z_ui_common_warning: 'Warning',\n  i18n_z_ui_common_info: 'Info',\n\n  // Toast\n  i18n_z_ui_toast_close: 'Close',\n\n  // Tags\n  i18n_z_ui_tags_add: 'Add',\n  i18n_z_ui_tags_placeholder: 'New tag',\n\n  // Empty\n  i18n_z_ui_empty_no_data: 'No data available',\n  i18n_z_ui_empty_no_results: 'No results found',\n  i18n_z_ui_empty_error_message: 'Something went wrong',\n  i18n_z_ui_empty_error_description: 'An error occurred while loading data. Please try again later.',\n\n  // Steps\n  i18n_z_ui_steps_title: 'Steps',\n\n  // HTTP\n  i18n_z_ui_http_network_offline: 'Network is offline',\n  i18n_z_ui_http_error_default: 'An error occurred',\n  i18n_z_ui_http_error_failed_to_fetch: 'Failed to connect to {url}',\n  i18n_z_ui_http_error_400: 'Bad request',\n  i18n_z_ui_http_error_401_permission: 'You do not have permission',\n  i18n_z_ui_http_error_401_expired: 'Session expired',\n  i18n_z_ui_http_error_403: 'Access forbidden',\n  i18n_z_ui_http_error_404: 'Resource not found',\n  i18n_z_ui_http_error_500: 'Internal server error',\n};\n","export const Z_UI_VI_TRANSLATIONS: Record<string, string> = {\n  // Table\n  i18n_z_ui_table_filter_min: 'Tối thiểu',\n  i18n_z_ui_table_filter_max: 'Tối đa',\n  i18n_z_ui_table_filter_all: 'Tất cả',\n  i18n_z_ui_table_filter_search: 'Tìm kiếm...',\n  i18n_z_ui_table_filter_date: 'Chọn ngày',\n  i18n_z_ui_table_filter_date_range: 'Chọn khoảng ngày',\n  i18n_z_ui_table_no_data: 'Không có dữ liệu',\n  i18n_z_ui_table_no_results: 'Không tìm thấy kết quả',\n  i18n_z_ui_table_loading: 'Đang tải...',\n  i18n_z_ui_table_search: 'Tìm kiếm...',\n  i18n_z_ui_table_settings: 'Cài đặt',\n  i18n_z_ui_table_columns: 'Cột',\n  i18n_z_ui_table_show_all: 'Hiện tất cả',\n  i18n_z_ui_table_hide_all: 'Ẩn tất cả',\n  i18n_z_ui_table_move_left: 'Di chuyển trái',\n  i18n_z_ui_table_move_right: 'Di chuyển phải',\n  i18n_z_ui_table_pin_left: 'Ghim trái',\n  i18n_z_ui_table_pin_right: 'Ghim phải',\n  i18n_z_ui_table_pin_top: 'Ghim lên đầu',\n  i18n_z_ui_table_pin_bottom: 'Ghim xuống cuối',\n  i18n_z_ui_table_unpin: 'Bỏ ghim',\n  i18n_z_ui_table_sort_asc: 'Sắp xếp tăng dần',\n  i18n_z_ui_table_sort_desc: 'Sắp xếp giảm dần',\n  i18n_z_ui_table_clear_sort: 'Bỏ sắp xếp',\n  i18n_z_ui_table_filter: 'Lọc',\n  i18n_z_ui_table_clear_filter: 'Xóa bộ lọc',\n  i18n_z_ui_table_rows_per_page: 'Số dòng mỗi trang',\n  i18n_z_ui_table_total_rows: '{total} tổng số dòng',\n  i18n_z_ui_table_of: 'của',\n  i18n_z_ui_table_selected: 'đã chọn',\n  i18n_z_ui_table_expand_all: 'Mở rộng tất cả',\n  i18n_z_ui_table_collapse_all: 'Thu gọn tất cả',\n  i18n_z_ui_table_settings_title: 'Cài đặt bảng',\n  i18n_z_ui_table_display_settings: 'Cài đặt hiển thị',\n  i18n_z_ui_table_display_settings_desc: 'Tùy chỉnh giao diện bảng',\n  i18n_z_ui_table_horizontal_border: 'Viền ngang',\n  i18n_z_ui_table_vertical_border: 'Viền dọc',\n  i18n_z_ui_table_header_footer_shadow: 'Đổ bóng Header/Footer',\n  i18n_z_ui_table_column_settings: 'Cài đặt cột',\n  i18n_z_ui_table_column_settings_desc: 'Bật/tắt hiển thị, kéo thả để sắp xếp, và ghim cột',\n  i18n_z_ui_table_pinned_columns: 'Cột đã ghim',\n  i18n_z_ui_table_left: 'TRÁI',\n  i18n_z_ui_table_right: 'PHẢI',\n\n  // Calendar\n  i18n_z_ui_calendar_today: 'Hôm nay',\n  i18n_z_ui_calendar_clear: 'Xóa',\n  i18n_z_ui_calendar_ok: 'Đồng ý',\n  i18n_z_ui_calendar_cancel: 'Hủy',\n  i18n_z_ui_calendar_start_date: 'Từ ngày',\n  i18n_z_ui_calendar_end_date: 'Đến ngày',\n  i18n_z_ui_calendar_select_date: 'Chọn ngày',\n  i18n_z_ui_calendar_select_time: 'Chọn giờ',\n  i18n_z_ui_calendar_this_week: 'Tuần này',\n  i18n_z_ui_calendar_last_week: 'Tuần trước',\n  i18n_z_ui_calendar_this_month: 'Tháng này',\n  i18n_z_ui_calendar_last_month: 'Tháng trước',\n  i18n_z_ui_calendar_last_7_days: '7 ngày qua',\n  i18n_z_ui_calendar_last_30_days: '30 ngày qua',\n  i18n_z_ui_calendar_last_90_days: '90 ngày qua',\n  i18n_z_ui_calendar_this_year: 'Năm nay',\n  i18n_z_ui_calendar_last_year: 'Năm trước',\n  i18n_z_ui_calendar_this_quarter: 'Quý này',\n  i18n_z_ui_calendar_now: 'Bây giờ',\n  i18n_z_ui_calendar_required: 'Vui lòng chọn ngày',\n  i18n_z_ui_calendar_start: 'Bắt đầu',\n  i18n_z_ui_calendar_end: 'Kết thúc',\n  i18n_z_ui_calendar_time: 'Giờ',\n\n  // Editor\n  i18n_z_ui_editor_placeholder: 'Nhập nội dung...',\n  i18n_z_ui_editor_required: 'Trường này là bắt buộc',\n  i18n_z_ui_editor_min_length: 'Tối thiểu {min} ký tự',\n  i18n_z_ui_editor_max_length: 'Tối đa {max} ký tự',\n  i18n_z_ui_editor_invalid: 'Giá trị không hợp lệ',\n\n  // Checkbox\n  i18n_z_ui_checkbox_check_all: 'Chọn tất cả',\n\n  // Code\n  i18n_z_ui_code_copied: 'Đã sao chép code!',\n\n  // Input\n  i18n_z_ui_input_required: 'Trường này là bắt buộc',\n  i18n_z_ui_input_min_length: 'Tối thiểu {min} ký tự',\n  i18n_z_ui_input_max_length: 'Tối đa {max} ký tự',\n  i18n_z_ui_input_email: 'Định dạng email không hợp lệ',\n  i18n_z_ui_input_pattern: 'Định dạng không hợp lệ',\n  i18n_z_ui_input_min: 'Giá trị tối thiểu là {min}',\n  i18n_z_ui_input_max: 'Giá trị tối đa là {max}',\n\n  // Select\n  i18n_z_ui_select_placeholder: 'Chọn...',\n  i18n_z_ui_select_no_options: 'Không có tùy chọn',\n  i18n_z_ui_select_no_results: 'Không tìm thấy kết quả',\n  i18n_z_ui_select_loading: 'Đang tải...',\n  i18n_z_ui_select_select_all: 'Chọn tất cả',\n  i18n_z_ui_select_clear_all: 'Bỏ chọn tất cả',\n  i18n_z_ui_select_selected: 'Đã chọn {count}',\n  i18n_z_ui_select_search: 'Tìm kiếm...',\n  i18n_z_ui_select_required: 'Vui lòng chọn giá trị',\n\n  // Modal\n  i18n_z_ui_modal_close: 'Đóng',\n  i18n_z_ui_modal_confirm: 'Xác nhận',\n  i18n_z_ui_modal_cancel: 'Hủy',\n\n  // Drawer\n  i18n_z_ui_drawer_close: 'Đóng',\n\n  // Upload\n  i18n_z_ui_upload_drag_drop: 'Kéo file vào đây',\n  i18n_z_ui_upload_drop_here: 'Thả file vào đây',\n  i18n_z_ui_upload_or: 'hoặc',\n  i18n_z_ui_upload_browse: 'chọn file',\n  i18n_z_ui_upload_uploading: 'Đang tải lên...',\n  i18n_z_ui_upload_uploaded: 'Đã tải lên',\n  i18n_z_ui_upload_failed: 'Tải lên thất bại',\n  i18n_z_ui_upload_remove: 'Xóa',\n  i18n_z_ui_upload_max_size: 'Kích thước file vượt quá {size}',\n  i18n_z_ui_upload_max_files: 'Tối đa {count} file được phép',\n  i18n_z_ui_upload_invalid_type: 'Loại file không được phép',\n  i18n_z_ui_upload_accepted: 'Chấp nhận',\n  i18n_z_ui_upload_required: 'Vui lòng chọn file',\n\n  // Pagination\n  i18n_z_ui_pagination_first: 'Đầu',\n  i18n_z_ui_pagination_last: 'Cuối',\n  i18n_z_ui_pagination_next: 'Tiếp',\n  i18n_z_ui_pagination_previous: 'Trước',\n  i18n_z_ui_pagination_page: 'Trang',\n  i18n_z_ui_pagination_of: 'của',\n  i18n_z_ui_pagination_total_label: 'Tổng {total} mục',\n  i18n_z_ui_pagination_per_page: '/ trang',\n  i18n_z_ui_pagination_go_to: 'Đến trang',\n\n  // Common\n  i18n_z_ui_common_select: 'Chọn giá trị...',\n  i18n_z_ui_common_loading: 'Đang tải...',\n  i18n_z_ui_common_save: 'Lưu',\n  i18n_z_ui_common_cancel: 'Hủy',\n  i18n_z_ui_common_confirm: 'Xác nhận',\n  i18n_z_ui_common_delete: 'Xóa',\n  i18n_z_ui_common_edit: 'Sửa',\n  i18n_z_ui_common_add: 'Thêm',\n  i18n_z_ui_common_search: 'Tìm kiếm',\n  i18n_z_ui_common_clear: 'Xóa',\n  i18n_z_ui_common_reset: 'Đặt lại',\n  i18n_z_ui_common_apply: 'Áp dụng',\n  i18n_z_ui_common_yes: 'Có',\n  i18n_z_ui_common_no: 'Không',\n  i18n_z_ui_common_ok: 'OK',\n  i18n_z_ui_common_error: 'Lỗi',\n  i18n_z_ui_common_success: 'Thành công',\n  i18n_z_ui_common_warning: 'Cảnh báo',\n  i18n_z_ui_common_info: 'Thông tin',\n\n  // Toast\n  i18n_z_ui_toast_close: 'Đóng',\n\n  // Tags\n  i18n_z_ui_tags_add: 'Thêm',\n  i18n_z_ui_tags_placeholder: 'Tag mới',\n\n  // Empty\n  i18n_z_ui_empty_no_data: 'Không có dữ liệu',\n  i18n_z_ui_empty_no_results: 'Không tìm thấy kết quả',\n  i18n_z_ui_empty_error_message: 'Đã xảy ra lỗi',\n  i18n_z_ui_empty_error_description: 'Có lỗi xảy ra khi tải dữ liệu. Vui lòng thử lại sau.',\n\n  // Steps\n  i18n_z_ui_steps_title: 'Các bước',\n\n  // HTTP\n  i18n_z_ui_http_network_offline: 'Không có kết nối mạng',\n  i18n_z_ui_http_error_default: 'Đã xảy ra lỗi',\n  i18n_z_ui_http_error_failed_to_fetch: 'Không thể kết nối đến {url}',\n  i18n_z_ui_http_error_400: 'Yêu cầu không hợp lệ',\n  i18n_z_ui_http_error_401_permission: 'Bạn không có quyền truy cập',\n  i18n_z_ui_http_error_401_expired: 'Phiên đăng nhập đã hết hạn',\n  i18n_z_ui_http_error_403: 'Truy cập bị từ chối',\n  i18n_z_ui_http_error_404: 'Không tìm thấy tài nguyên',\n  i18n_z_ui_http_error_500: 'Lỗi máy chủ nội bộ',\n};\n","/**\n * Z-UI Internationalization\n *\n * This module provides default translations for all Z-UI components.\n * Users can override any translation by providing their own values.\n *\n * Key format: i18n_z_ui_{component}_{key}\n * Example: i18n_z_ui_table_noData\n */\n\nimport { Z_UI_EN_TRANSLATIONS } from './en';\nimport { type ZUILanguage, type ZUITranslations, type ZUITranslationSet } from './types';\nimport { Z_UI_VI_TRANSLATIONS } from './vi';\n\nexport const Z_UI_TRANSLATIONS: ZUITranslationSet = {\n  en: Z_UI_EN_TRANSLATIONS,\n  vi: Z_UI_VI_TRANSLATIONS,\n};\n\nexport function getZUITranslations(lang: ZUILanguage): ZUITranslations {\n  return Z_UI_TRANSLATIONS[lang] ?? Z_UI_TRANSLATIONS['en'];\n}\n\nexport function mergeTranslations(lang: ZUILanguage, customTranslations?: ZUITranslations): ZUITranslations {\n  const defaults = getZUITranslations(lang);\n  if (!customTranslations) {\n    return defaults;\n  }\n  return { ...defaults, ...customTranslations };\n}\n\nexport function getZUITranslationKeys(): string[] {\n  return Object.keys(Z_UI_EN_TRANSLATIONS);\n}\n","// Types\nexport * from './types';\n\n// Translations\nexport { Z_UI_EN_TRANSLATIONS } from './en';\nexport { Z_UI_VI_TRANSLATIONS } from './vi';\n\n// Functions and constants\nexport { Z_UI_TRANSLATIONS, getZUITranslations, mergeTranslations, getZUITranslationKeys } from './i18n';\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-i18n.mjs","sources":["../../../../libs/core-ui/i18n/types/i18n.types.ts","../../../../libs/core-ui/i18n/en.ts","../../../../libs/core-ui/i18n/vi.ts","../../../../libs/core-ui/i18n/i18n.ts","../../../../libs/core-ui/i18n/index.ts","../../../../libs/core-ui/i18n/shival99-z-ui-i18n.ts"],"sourcesContent":["/**\n * Z-UI Internationalization Types\n */\n\nexport type ZUILanguage = 'en' | 'vi' | string;\n\nexport interface ZUITranslations {\n  [key: string]: string;\n}\n\nexport interface ZUITranslationSet {\n  en: ZUITranslations;\n  vi: ZUITranslations;\n  [lang: string]: ZUITranslations;\n}\n","export const Z_UI_EN_TRANSLATIONS: Record<string, string> = {\n  // Table\n  i18n_z_ui_table_filter_min: 'Min',\n  i18n_z_ui_table_filter_max: 'Max',\n  i18n_z_ui_table_filter_all: 'All',\n  i18n_z_ui_table_filter_search: 'Search...',\n  i18n_z_ui_table_filter_date: 'Select date',\n  i18n_z_ui_table_filter_date_range: 'Select date range',\n  i18n_z_ui_table_no_data: 'No data available',\n  i18n_z_ui_table_no_results: 'No results found',\n  i18n_z_ui_table_loading: 'Loading...',\n  i18n_z_ui_table_search: 'Search...',\n  i18n_z_ui_table_settings: 'Settings',\n  i18n_z_ui_table_columns: 'Columns',\n  i18n_z_ui_table_show_all: 'Show all',\n  i18n_z_ui_table_hide_all: 'Hide all',\n  i18n_z_ui_table_move_left: 'Move left',\n  i18n_z_ui_table_move_right: 'Move right',\n  i18n_z_ui_table_pin_left: 'Pin left',\n  i18n_z_ui_table_pin_right: 'Pin right',\n  i18n_z_ui_table_pin_top: 'Pin top',\n  i18n_z_ui_table_pin_bottom: 'Pin bottom',\n  i18n_z_ui_table_unpin: 'Unpin',\n  i18n_z_ui_table_sort_asc: 'Sort ascending',\n  i18n_z_ui_table_sort_desc: 'Sort descending',\n  i18n_z_ui_table_clear_sort: 'Clear sort',\n  i18n_z_ui_table_filter: 'Filter',\n  i18n_z_ui_table_clear_filter: 'Clear filter',\n  i18n_z_ui_table_rows_per_page: 'Rows per page',\n  i18n_z_ui_table_total_rows: '{total} total rows',\n  i18n_z_ui_table_of: 'of',\n  i18n_z_ui_table_selected: 'selected',\n  i18n_z_ui_table_expand_all: 'Expand all',\n  i18n_z_ui_table_collapse_all: 'Collapse all',\n  i18n_z_ui_table_settings_title: 'Table Settings',\n  i18n_z_ui_table_display_settings: 'Display Settings',\n  i18n_z_ui_table_display_settings_desc: 'Customize table appearance',\n  i18n_z_ui_table_horizontal_border: 'Horizontal Border',\n  i18n_z_ui_table_vertical_border: 'Vertical Border',\n  i18n_z_ui_table_header_footer_shadow: 'Header/Footer Shadow',\n  i18n_z_ui_table_column_settings: 'Column Settings',\n  i18n_z_ui_table_column_settings_desc: 'Toggle visibility, drag to reorder, and pin columns',\n  i18n_z_ui_table_pinned_columns: 'Pinned Columns',\n  i18n_z_ui_table_left: 'LEFT',\n  i18n_z_ui_table_right: 'RIGHT',\n\n  // Calendar\n  i18n_z_ui_calendar_today: 'Today',\n  i18n_z_ui_calendar_clear: 'Clear',\n  i18n_z_ui_calendar_ok: 'OK',\n  i18n_z_ui_calendar_cancel: 'Cancel',\n  i18n_z_ui_calendar_start_date: 'Start date',\n  i18n_z_ui_calendar_end_date: 'End date',\n  i18n_z_ui_calendar_select_date: 'Select date',\n  i18n_z_ui_calendar_select_time: 'Select time',\n  i18n_z_ui_calendar_this_week: 'This week',\n  i18n_z_ui_calendar_last_week: 'Last week',\n  i18n_z_ui_calendar_this_month: 'This month',\n  i18n_z_ui_calendar_last_month: 'Last month',\n  i18n_z_ui_calendar_last_7_days: 'Last 7 days',\n  i18n_z_ui_calendar_last_30_days: 'Last 30 days',\n  i18n_z_ui_calendar_last_90_days: 'Last 90 days',\n  i18n_z_ui_calendar_this_year: 'This year',\n  i18n_z_ui_calendar_last_year: 'Last year',\n  i18n_z_ui_calendar_this_quarter: 'This quarter',\n  i18n_z_ui_calendar_now: 'Now',\n  i18n_z_ui_calendar_required: 'Please select a date',\n  i18n_z_ui_calendar_start: 'Start',\n  i18n_z_ui_calendar_end: 'End',\n  i18n_z_ui_calendar_time: 'Time',\n\n  // Editor\n  i18n_z_ui_editor_placeholder: 'Enter content...',\n  i18n_z_ui_editor_required: 'This field is required',\n  i18n_z_ui_editor_min_length: 'Minimum {min} characters',\n  i18n_z_ui_editor_max_length: 'Maximum {max} characters',\n  i18n_z_ui_editor_invalid: 'Invalid value',\n\n  // Checkbox\n  i18n_z_ui_checkbox_check_all: 'Check All',\n\n  // Code\n  i18n_z_ui_code_copied: 'Code copied!',\n\n  // Input\n  i18n_z_ui_input_required: 'This field is required',\n  i18n_z_ui_input_min_length: 'Minimum {min} characters',\n  i18n_z_ui_input_max_length: 'Maximum {max} characters',\n  i18n_z_ui_input_email: 'Invalid email format',\n  i18n_z_ui_input_pattern: 'Invalid format',\n  i18n_z_ui_input_min: 'Minimum value is {min}',\n  i18n_z_ui_input_max: 'Maximum value is {max}',\n\n  // Select\n  i18n_z_ui_select_placeholder: 'Select...',\n  i18n_z_ui_select_no_options: 'No options available',\n  i18n_z_ui_select_no_results: 'No results found',\n  i18n_z_ui_select_loading: 'Loading...',\n  i18n_z_ui_select_select_all: 'Select all',\n  i18n_z_ui_select_clear_all: 'Clear all',\n  i18n_z_ui_select_selected: '{count} selected',\n  i18n_z_ui_select_search: 'Search...',\n  i18n_z_ui_select_required: 'Please select a value',\n\n  // Modal\n  i18n_z_ui_modal_close: 'Close',\n  i18n_z_ui_modal_confirm: 'Confirm',\n  i18n_z_ui_modal_cancel: 'Cancel',\n\n  // Drawer\n  i18n_z_ui_drawer_close: 'Close',\n\n  // Upload\n  i18n_z_ui_upload_drag_drop: 'Drag files here',\n  i18n_z_ui_upload_drop_here: 'Drop files here',\n  i18n_z_ui_upload_or: 'or',\n  i18n_z_ui_upload_browse: 'browse',\n  i18n_z_ui_upload_uploading: 'Uploading...',\n  i18n_z_ui_upload_uploaded: 'Uploaded',\n  i18n_z_ui_upload_failed: 'Upload failed',\n  i18n_z_ui_upload_remove: 'Remove',\n  i18n_z_ui_upload_max_size: 'File size exceeds {size} limit',\n  i18n_z_ui_upload_max_files: 'Maximum {count} files allowed',\n  i18n_z_ui_upload_invalid_type: 'File type not allowed',\n  i18n_z_ui_upload_accepted: 'Accepted',\n  i18n_z_ui_upload_required: 'Please select a file',\n\n  // Pagination\n  i18n_z_ui_pagination_first: 'First',\n  i18n_z_ui_pagination_last: 'Last',\n  i18n_z_ui_pagination_next: 'Next',\n  i18n_z_ui_pagination_previous: 'Previous',\n  i18n_z_ui_pagination_page: 'Page',\n  i18n_z_ui_pagination_of: 'of',\n  i18n_z_ui_pagination_total_label: 'Total {total} items',\n  i18n_z_ui_pagination_per_page: '/ page',\n  i18n_z_ui_pagination_go_to: 'Go to',\n\n  // Common\n  i18n_z_ui_common_select: 'Select value...',\n  i18n_z_ui_common_loading: 'Loading...',\n  i18n_z_ui_common_save: 'Save',\n  i18n_z_ui_common_cancel: 'Cancel',\n  i18n_z_ui_common_confirm: 'Confirm',\n  i18n_z_ui_common_delete: 'Delete',\n  i18n_z_ui_common_edit: 'Edit',\n  i18n_z_ui_common_add: 'Add',\n  i18n_z_ui_common_search: 'Search',\n  i18n_z_ui_common_clear: 'Clear',\n  i18n_z_ui_common_reset: 'Reset',\n  i18n_z_ui_common_apply: 'Apply',\n  i18n_z_ui_common_yes: 'Yes',\n  i18n_z_ui_common_no: 'No',\n  i18n_z_ui_common_ok: 'OK',\n  i18n_z_ui_common_error: 'Error',\n  i18n_z_ui_common_success: 'Success',\n  i18n_z_ui_common_warning: 'Warning',\n  i18n_z_ui_common_info: 'Info',\n\n  // Toast\n  i18n_z_ui_toast_close: 'Close',\n\n  // Tags\n  i18n_z_ui_tags_add: 'Add',\n  i18n_z_ui_tags_placeholder: 'New tag',\n\n  // Empty\n  i18n_z_ui_empty_no_data: 'No data available',\n  i18n_z_ui_empty_no_results: 'No results found',\n  i18n_z_ui_empty_error_message: 'Something went wrong',\n  i18n_z_ui_empty_error_description: 'An error occurred while loading data. Please try again later.',\n\n  // Steps\n  i18n_z_ui_steps_title: 'Steps',\n\n  // Chat AI\n  i18n_z_ui_chat_ai_title: 'AI Assistant',\n  i18n_z_ui_chat_ai_subtitle: 'How can I help you today?',\n  i18n_z_ui_chat_ai_placeholder: 'Type a message...',\n  i18n_z_ui_chat_ai_send: 'Send message',\n  i18n_z_ui_chat_ai_attach: 'Attach file',\n  i18n_z_ui_chat_ai_close: 'Close chat',\n  i18n_z_ui_chat_ai_toggle: 'Toggle chat',\n  i18n_z_ui_chat_ai_typing: 'Typing...',\n\n  // HTTP\n  i18n_z_ui_http_network_offline: 'Network is offline',\n  i18n_z_ui_http_error_default: 'An error occurred',\n  i18n_z_ui_http_error_failed_to_fetch: 'Failed to connect to {url}',\n  i18n_z_ui_http_error_400: 'Bad request',\n  i18n_z_ui_http_error_401_permission: 'You do not have permission',\n  i18n_z_ui_http_error_401_expired: 'Session expired',\n  i18n_z_ui_http_error_403: 'Access forbidden',\n  i18n_z_ui_http_error_404: 'Resource not found',\n  i18n_z_ui_http_error_500: 'Internal server error',\n};\n","export const Z_UI_VI_TRANSLATIONS: Record<string, string> = {\n  // Table\n  i18n_z_ui_table_filter_min: 'Tối thiểu',\n  i18n_z_ui_table_filter_max: 'Tối đa',\n  i18n_z_ui_table_filter_all: 'Tất cả',\n  i18n_z_ui_table_filter_search: 'Tìm kiếm...',\n  i18n_z_ui_table_filter_date: 'Chọn ngày',\n  i18n_z_ui_table_filter_date_range: 'Chọn khoảng ngày',\n  i18n_z_ui_table_no_data: 'Không có dữ liệu',\n  i18n_z_ui_table_no_results: 'Không tìm thấy kết quả',\n  i18n_z_ui_table_loading: 'Đang tải...',\n  i18n_z_ui_table_search: 'Tìm kiếm...',\n  i18n_z_ui_table_settings: 'Cài đặt',\n  i18n_z_ui_table_columns: 'Cột',\n  i18n_z_ui_table_show_all: 'Hiện tất cả',\n  i18n_z_ui_table_hide_all: 'Ẩn tất cả',\n  i18n_z_ui_table_move_left: 'Di chuyển trái',\n  i18n_z_ui_table_move_right: 'Di chuyển phải',\n  i18n_z_ui_table_pin_left: 'Ghim trái',\n  i18n_z_ui_table_pin_right: 'Ghim phải',\n  i18n_z_ui_table_pin_top: 'Ghim lên đầu',\n  i18n_z_ui_table_pin_bottom: 'Ghim xuống cuối',\n  i18n_z_ui_table_unpin: 'Bỏ ghim',\n  i18n_z_ui_table_sort_asc: 'Sắp xếp tăng dần',\n  i18n_z_ui_table_sort_desc: 'Sắp xếp giảm dần',\n  i18n_z_ui_table_clear_sort: 'Bỏ sắp xếp',\n  i18n_z_ui_table_filter: 'Lọc',\n  i18n_z_ui_table_clear_filter: 'Xóa bộ lọc',\n  i18n_z_ui_table_rows_per_page: 'Số dòng mỗi trang',\n  i18n_z_ui_table_total_rows: '{total} tổng số dòng',\n  i18n_z_ui_table_of: 'của',\n  i18n_z_ui_table_selected: 'đã chọn',\n  i18n_z_ui_table_expand_all: 'Mở rộng tất cả',\n  i18n_z_ui_table_collapse_all: 'Thu gọn tất cả',\n  i18n_z_ui_table_settings_title: 'Cài đặt bảng',\n  i18n_z_ui_table_display_settings: 'Cài đặt hiển thị',\n  i18n_z_ui_table_display_settings_desc: 'Tùy chỉnh giao diện bảng',\n  i18n_z_ui_table_horizontal_border: 'Viền ngang',\n  i18n_z_ui_table_vertical_border: 'Viền dọc',\n  i18n_z_ui_table_header_footer_shadow: 'Đổ bóng Header/Footer',\n  i18n_z_ui_table_column_settings: 'Cài đặt cột',\n  i18n_z_ui_table_column_settings_desc: 'Bật/tắt hiển thị, kéo thả để sắp xếp, và ghim cột',\n  i18n_z_ui_table_pinned_columns: 'Cột đã ghim',\n  i18n_z_ui_table_left: 'TRÁI',\n  i18n_z_ui_table_right: 'PHẢI',\n\n  // Calendar\n  i18n_z_ui_calendar_today: 'Hôm nay',\n  i18n_z_ui_calendar_clear: 'Xóa',\n  i18n_z_ui_calendar_ok: 'Đồng ý',\n  i18n_z_ui_calendar_cancel: 'Hủy',\n  i18n_z_ui_calendar_start_date: 'Từ ngày',\n  i18n_z_ui_calendar_end_date: 'Đến ngày',\n  i18n_z_ui_calendar_select_date: 'Chọn ngày',\n  i18n_z_ui_calendar_select_time: 'Chọn giờ',\n  i18n_z_ui_calendar_this_week: 'Tuần này',\n  i18n_z_ui_calendar_last_week: 'Tuần trước',\n  i18n_z_ui_calendar_this_month: 'Tháng này',\n  i18n_z_ui_calendar_last_month: 'Tháng trước',\n  i18n_z_ui_calendar_last_7_days: '7 ngày qua',\n  i18n_z_ui_calendar_last_30_days: '30 ngày qua',\n  i18n_z_ui_calendar_last_90_days: '90 ngày qua',\n  i18n_z_ui_calendar_this_year: 'Năm nay',\n  i18n_z_ui_calendar_last_year: 'Năm trước',\n  i18n_z_ui_calendar_this_quarter: 'Quý này',\n  i18n_z_ui_calendar_now: 'Bây giờ',\n  i18n_z_ui_calendar_required: 'Vui lòng chọn ngày',\n  i18n_z_ui_calendar_start: 'Bắt đầu',\n  i18n_z_ui_calendar_end: 'Kết thúc',\n  i18n_z_ui_calendar_time: 'Giờ',\n\n  // Editor\n  i18n_z_ui_editor_placeholder: 'Nhập nội dung...',\n  i18n_z_ui_editor_required: 'Trường này là bắt buộc',\n  i18n_z_ui_editor_min_length: 'Tối thiểu {min} ký tự',\n  i18n_z_ui_editor_max_length: 'Tối đa {max} ký tự',\n  i18n_z_ui_editor_invalid: 'Giá trị không hợp lệ',\n\n  // Checkbox\n  i18n_z_ui_checkbox_check_all: 'Chọn tất cả',\n\n  // Code\n  i18n_z_ui_code_copied: 'Đã sao chép code!',\n\n  // Input\n  i18n_z_ui_input_required: 'Trường này là bắt buộc',\n  i18n_z_ui_input_min_length: 'Tối thiểu {min} ký tự',\n  i18n_z_ui_input_max_length: 'Tối đa {max} ký tự',\n  i18n_z_ui_input_email: 'Định dạng email không hợp lệ',\n  i18n_z_ui_input_pattern: 'Định dạng không hợp lệ',\n  i18n_z_ui_input_min: 'Giá trị tối thiểu là {min}',\n  i18n_z_ui_input_max: 'Giá trị tối đa là {max}',\n\n  // Select\n  i18n_z_ui_select_placeholder: 'Chọn...',\n  i18n_z_ui_select_no_options: 'Không có tùy chọn',\n  i18n_z_ui_select_no_results: 'Không tìm thấy kết quả',\n  i18n_z_ui_select_loading: 'Đang tải...',\n  i18n_z_ui_select_select_all: 'Chọn tất cả',\n  i18n_z_ui_select_clear_all: 'Bỏ chọn tất cả',\n  i18n_z_ui_select_selected: 'Đã chọn {count}',\n  i18n_z_ui_select_search: 'Tìm kiếm...',\n  i18n_z_ui_select_required: 'Vui lòng chọn giá trị',\n\n  // Modal\n  i18n_z_ui_modal_close: 'Đóng',\n  i18n_z_ui_modal_confirm: 'Xác nhận',\n  i18n_z_ui_modal_cancel: 'Hủy',\n\n  // Drawer\n  i18n_z_ui_drawer_close: 'Đóng',\n\n  // Upload\n  i18n_z_ui_upload_drag_drop: 'Kéo file vào đây',\n  i18n_z_ui_upload_drop_here: 'Thả file vào đây',\n  i18n_z_ui_upload_or: 'hoặc',\n  i18n_z_ui_upload_browse: 'chọn file',\n  i18n_z_ui_upload_uploading: 'Đang tải lên...',\n  i18n_z_ui_upload_uploaded: 'Đã tải lên',\n  i18n_z_ui_upload_failed: 'Tải lên thất bại',\n  i18n_z_ui_upload_remove: 'Xóa',\n  i18n_z_ui_upload_max_size: 'Kích thước file vượt quá {size}',\n  i18n_z_ui_upload_max_files: 'Tối đa {count} file được phép',\n  i18n_z_ui_upload_invalid_type: 'Loại file không được phép',\n  i18n_z_ui_upload_accepted: 'Chấp nhận',\n  i18n_z_ui_upload_required: 'Vui lòng chọn file',\n\n  // Pagination\n  i18n_z_ui_pagination_first: 'Đầu',\n  i18n_z_ui_pagination_last: 'Cuối',\n  i18n_z_ui_pagination_next: 'Tiếp',\n  i18n_z_ui_pagination_previous: 'Trước',\n  i18n_z_ui_pagination_page: 'Trang',\n  i18n_z_ui_pagination_of: 'của',\n  i18n_z_ui_pagination_total_label: 'Tổng {total} mục',\n  i18n_z_ui_pagination_per_page: '/ trang',\n  i18n_z_ui_pagination_go_to: 'Đến trang',\n\n  // Common\n  i18n_z_ui_common_select: 'Chọn giá trị...',\n  i18n_z_ui_common_loading: 'Đang tải...',\n  i18n_z_ui_common_save: 'Lưu',\n  i18n_z_ui_common_cancel: 'Hủy',\n  i18n_z_ui_common_confirm: 'Xác nhận',\n  i18n_z_ui_common_delete: 'Xóa',\n  i18n_z_ui_common_edit: 'Sửa',\n  i18n_z_ui_common_add: 'Thêm',\n  i18n_z_ui_common_search: 'Tìm kiếm',\n  i18n_z_ui_common_clear: 'Xóa',\n  i18n_z_ui_common_reset: 'Đặt lại',\n  i18n_z_ui_common_apply: 'Áp dụng',\n  i18n_z_ui_common_yes: 'Có',\n  i18n_z_ui_common_no: 'Không',\n  i18n_z_ui_common_ok: 'OK',\n  i18n_z_ui_common_error: 'Lỗi',\n  i18n_z_ui_common_success: 'Thành công',\n  i18n_z_ui_common_warning: 'Cảnh báo',\n  i18n_z_ui_common_info: 'Thông tin',\n\n  // Toast\n  i18n_z_ui_toast_close: 'Đóng',\n\n  // Tags\n  i18n_z_ui_tags_add: 'Thêm',\n  i18n_z_ui_tags_placeholder: 'Tag mới',\n\n  // Empty\n  i18n_z_ui_empty_no_data: 'Không có dữ liệu',\n  i18n_z_ui_empty_no_results: 'Không tìm thấy kết quả',\n  i18n_z_ui_empty_error_message: 'Đã xảy ra lỗi',\n  i18n_z_ui_empty_error_description: 'Có lỗi xảy ra khi tải dữ liệu. Vui lòng thử lại sau.',\n\n  // Steps\n  i18n_z_ui_steps_title: 'Các bước',\n\n  // Chat AI\n  i18n_z_ui_chat_ai_title: 'Trợ lý AI',\n  i18n_z_ui_chat_ai_subtitle: 'Tôi có thể giúp gì cho bạn?',\n  i18n_z_ui_chat_ai_placeholder: 'Nhập tin nhắn...',\n  i18n_z_ui_chat_ai_send: 'Gửi tin nhắn',\n  i18n_z_ui_chat_ai_attach: 'Đính kèm file',\n  i18n_z_ui_chat_ai_close: 'Đóng chat',\n  i18n_z_ui_chat_ai_toggle: 'Bật/tắt chat',\n  i18n_z_ui_chat_ai_typing: 'Đang nhập...',\n\n  // HTTP\n  i18n_z_ui_http_network_offline: 'Không có kết nối mạng',\n  i18n_z_ui_http_error_default: 'Đã xảy ra lỗi',\n  i18n_z_ui_http_error_failed_to_fetch: 'Không thể kết nối đến {url}',\n  i18n_z_ui_http_error_400: 'Yêu cầu không hợp lệ',\n  i18n_z_ui_http_error_401_permission: 'Bạn không có quyền truy cập',\n  i18n_z_ui_http_error_401_expired: 'Phiên đăng nhập đã hết hạn',\n  i18n_z_ui_http_error_403: 'Truy cập bị từ chối',\n  i18n_z_ui_http_error_404: 'Không tìm thấy tài nguyên',\n  i18n_z_ui_http_error_500: 'Lỗi máy chủ nội bộ',\n};\n","/**\n * Z-UI Internationalization\n *\n * This module provides default translations for all Z-UI components.\n * Users can override any translation by providing their own values.\n *\n * Key format: i18n_z_ui_{component}_{key}\n * Example: i18n_z_ui_table_noData\n */\n\nimport { Z_UI_EN_TRANSLATIONS } from './en';\nimport { type ZUILanguage, type ZUITranslations, type ZUITranslationSet } from './types';\nimport { Z_UI_VI_TRANSLATIONS } from './vi';\n\nexport const Z_UI_TRANSLATIONS: ZUITranslationSet = {\n  en: Z_UI_EN_TRANSLATIONS,\n  vi: Z_UI_VI_TRANSLATIONS,\n};\n\nexport function getZUITranslations(lang: ZUILanguage): ZUITranslations {\n  return Z_UI_TRANSLATIONS[lang] ?? Z_UI_TRANSLATIONS['en'];\n}\n\nexport function mergeTranslations(lang: ZUILanguage, customTranslations?: ZUITranslations): ZUITranslations {\n  const defaults = getZUITranslations(lang);\n  if (!customTranslations) {\n    return defaults;\n  }\n  return { ...defaults, ...customTranslations };\n}\n\nexport function getZUITranslationKeys(): string[] {\n  return Object.keys(Z_UI_EN_TRANSLATIONS);\n}\n","// Types\nexport * from './types';\n\n// Translations\nexport { Z_UI_EN_TRANSLATIONS } from './en';\nexport { Z_UI_VI_TRANSLATIONS } from './vi';\n\n// Functions and constants\nexport { Z_UI_TRANSLATIONS, getZUITranslations, mergeTranslations, getZUITranslationKeys } from './i18n';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "1.3.37",
+  "version": "1.3.39",
   "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",

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

@@ -6,7 +6,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 type ZStepsOrientation = 'vertical' | 'horizontal';
-type ZStepsType = 'default' | 'inline' | 'arrow';
+type ZStepsType = 'default' | 'inline' | 'arrow' | 'dot';
 type ZStepsSize = 'sm' | 'default' | 'lg';
 type ZStepsStatus = 'pending' | 'current' | 'completed' | 'error';
 interface ZStepItem {
@@ -58,6 +58,8 @@ declare class ZStepsComponent implements AfterViewInit {
     protected readonly getConnectorClassesByIndex: _angular_core.Signal<string[]>;
     protected readonly stepStatuses: _angular_core.Signal<ZStepsStatus[]>;
     protected readonly getArrowClassesByIndex: _angular_core.Signal<string[]>;
+    protected readonly getDotClassesByIndex: _angular_core.Signal<string[]>;
+    protected readonly getDotLineClassesByIndex: _angular_core.Signal<string[]>;
     protected readonly defaultIconSize: _angular_core.Signal<NonNullable<"10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | null | undefined>>;
     protected readonly getIconSizeByIndex: _angular_core.Signal<NonNullable<"10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | null | undefined>[]>;
     protected readonly iconWidth: _angular_core.Signal<24 | 40 | 32>;

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

@@ -32,6 +32,7 @@ declare class ZTagsComponent implements AfterViewInit {
     readonly zAddText: _angular_core.InputSignal<string>;
     readonly zAddPlaceholder: _angular_core.InputSignal<string>;
     readonly zRandomColor: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zTagClass: _angular_core.InputSignal<ClassValue>;
     readonly zTagClose: _angular_core.OutputEmitterRef<ZTagItem>;
     readonly zTagAdd: _angular_core.OutputEmitterRef<string>;
     protected readonly isAdding: _angular_core.WritableSignal<boolean>;
@@ -58,7 +59,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; }; }, { "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; }; }, { "zTagClose": "zTagClose"; "zTagAdd": "zTagAdd"; }, never, never, true, never>;
 }
 
 declare const zTagsContainerVariants: (props?: ({