@agrotools1/at-components 0.6.28 → 0.6.31

package/dist/DatePicker/DatePickerHeader/DatePickerHeader.vue.js

@@ -44,7 +44,7 @@ function P(e, o, C, D, E, $) {
     ])
   ]);
 }
-const M = /* @__PURE__ */ m(k, [["render", P], ["__scopeId", "data-v-9f868dc3"]]);
+const M = /* @__PURE__ */ m(k, [["render", P], ["__scopeId", "data-v-618c1385"]]);
 export {
   M as default
 };

package/dist/DatePicker/DatePickerHeader/DatePickerHeader.vue2.js

@@ -33,10 +33,12 @@ const c = o({
     }
   },
   emits: ["update:datePickerMode", "simpleArrows"],
-  setup(e, t) {
+  setup(e, r) {
     return {
-      updateDatePickerMode: (r) => {
-        e.datePickerMode === r && (r = "calendar"), t.emit("update:datePickerMode", r);
+      updateDatePickerMode: (t) => {
+        setTimeout(() => {
+          e.datePickerMode === t && (t = "calendar"), r.emit("update:datePickerMode", t);
+        }, 100);
       }
     };
   }

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.d.ts

@@ -44,6 +44,7 @@ declare const _default: import('vue').DefineComponent<{
     changingIndex: import('vue').Ref<boolean>;
     currentPage: import('vue').ComputedRef<ISelection[]>;
     displayElements: import('vue').ComputedRef<ISelection[][]>;
+    delayedEmit: (elValue: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("updateCurrentPageIndex" | "elementSelected" | "updateCurrentSelector")[], "updateCurrentPageIndex" | "elementSelected" | "updateCurrentSelector", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     elements: {
         required: true;

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.vue.js

@@ -1,20 +1,20 @@
 import o from "./DatePickerListSelector.vue2.js";
 import { openBlock as r, createElementBlock as n, Fragment as a, renderList as s, normalizeClass as i, normalizeStyle as c, toDisplayString as l } from "vue";
 import "./DatePickerListSelector.scss.js";
-import m from "../../_virtual/_plugin-vue_export-helper.js";
-const d = { class: "AT-DATEPICKER_SELECTOR_container" }, u = ["disabled", "onClick"];
-function p(t, _, f, $, k, v) {
-  return r(), n("div", d, [
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "AT-DATEPICKER_SELECTOR_container" }, u = ["disabled", "onClick"];
+function p(t, _, f, k, v, C) {
+  return r(), n("div", m, [
     (r(!0), n(a, null, s(t.currentPage, (e) => (r(), n("button", {
       key: e.value,
       class: i({ current: e.value === t.currentPageValue }),
       disabled: !e.name,
       style: c({ width: `${100 / t.numColumns}%` }),
-      onClick: (C) => t.$emit("elementSelected", e.value)
+      onClick: (E) => t.delayedEmit(e.value)
     }, l(e.name), 15, u))), 128))
   ]);
 }
-const y = /* @__PURE__ */ m(o, [["render", p], ["__scopeId", "data-v-fd0a56c6"]]);
+const h = /* @__PURE__ */ d(o, [["render", p], ["__scopeId", "data-v-6bc96a05"]]);
 export {
-  y as default
+  h as default
 };

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, ref as v, computed as o, onMounted as y, watch as c } from "vue";
-const x = p({
+import { defineComponent as y, ref as v, computed as o, onMounted as h, watch as c } from "vue";
+const I = y({
   name: "AtDatePickerListSelector",
   props: {
     elements: {
@@ -44,9 +44,9 @@ const x = p({
         if (t !== void 0 && t.length < e.sizeLimit) {
           const i = Array.from({
             length: e.sizeLimit - t.length
-          }).map((h, g) => ({
+          }).map((P, p) => ({
             name: "",
-            value: String(g)
+            value: String(p)
           }));
           a.push(t.concat(i));
         } else
@@ -60,10 +60,14 @@ const x = p({
         ), a = u.value.indexOf(r);
         l("updateCurrentPageIndex", a);
       }
+    }, g = (n) => {
+      setTimeout(() => {
+        l("elementSelected", n);
+      }, 100);
     }, u = o(
       () => f(e.elements, e.sizeLimit)
     ), d = o(() => e.currentPageIndex >= 0 ? u.value[e.currentPageIndex] : u.value[0]);
-    return y(() => m()), c(
+    return h(() => m()), c(
       () => e.currentPageIndex,
       (n) => {
         n < 0 ? l("updateCurrentPageIndex", 0) : n >= u.value.length && l("updateCurrentPageIndex", u.value.length - 1);
@@ -78,9 +82,9 @@ const x = p({
         }
       },
       { deep: !0, immediate: !0 }
-    ), { changingIndex: s, currentPage: d, displayElements: u };
+    ), { changingIndex: s, currentPage: d, displayElements: u, delayedEmit: g };
   }
 });
 export {
-  x as default
+  I as default
 };

package/dist/Dropdown/Dropdown.core.vue.js

@@ -35,7 +35,7 @@ function _(e, t, k, y, w, E) {
     ], 2)
   ]);
 }
-const b = /* @__PURE__ */ $(a, [["render", _], ["__scopeId", "data-v-b5486c85"]]);
+const h = /* @__PURE__ */ $(a, [["render", _], ["__scopeId", "data-v-fa8d077e"]]);
 export {
-  b as default
+  h as default
 };

package/dist/Dropdown/Dropdown.core.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, ref as n, watch as E, onMounted as H, computed as I } from "vue";
-import L from "./DropdownContent/DropdownContent.vue.js";
-const q = A({
+import { defineComponent as q, ref as l, watch as F, onMounted as H, computed as U } from "vue";
+import G from "./DropdownContent/DropdownContent.vue.js";
+const M = q({
   name: "AtDropdown",
-  components: { DropdownContent: L },
+  components: { DropdownContent: G },
   props: {
     isOpen: {
       type: Boolean,
@@ -22,66 +22,75 @@ const q = A({
     }
   },
   emits: ["update:isOpen"],
-  setup(p, { emit: f }) {
-    const i = n(!1);
-    i.value = p.isOpen;
-    const l = n(), t = n(), o = n(), h = n(0), a = n(), r = n(), g = () => {
-      var m, x, O, w, C, D, S, W, $;
+  setup(r, { emit: f }) {
+    const u = l(!1);
+    u.value = r.isOpen;
+    const i = l(), a = l(), s = l(), h = l(0), n = l(), v = l(), g = () => {
+      var w, x, O, S, C, b, z, D, W, $, P, B;
       h.value = window.scrollY;
-      const e = (x = (m = t.value) == null ? void 0 : m.children[0]) == null ? void 0 : x.querySelector(
+      const o = (x = (w = a.value) == null ? void 0 : w.children[0]) == null ? void 0 : x.querySelector(
         ".AT-INPUT_error-message"
-      );
-      a.value = (O = t.value) == null ? void 0 : O.getBoundingClientRect();
-      const s = (((w = a.value) == null ? void 0 : w.y) ?? 0) + (((D = (C = t.value) == null ? void 0 : C.children[0]) == null ? void 0 : D.clientHeight) ?? 0) - ((e == null ? void 0 : e.clientHeight) ?? 0) + 8 + h.value, v = {
+      ), e = 1 / (Number.parseFloat((O = window.getComputedStyle(document.body)) == null ? void 0 : O.zoom) || 1);
+      n.value = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
+      const I = {
+        y: h.value * e
+      }, t = {
+        top: (((C = n.value) == null ? void 0 : C.top) ?? 0) * e,
+        right: (((b = n.value) == null ? void 0 : b.right) ?? 0) * e,
+        bottom: (((z = n.value) == null ? void 0 : z.bottom) ?? 0) * e,
+        left: (((D = n.value) == null ? void 0 : D.left) ?? 0) * e,
+        width: (((W = n.value) == null ? void 0 : W.width) ?? 0) * e,
+        height: ((($ = n.value) == null ? void 0 : $.height) ?? 0) * e
+      }, y = ((t == null ? void 0 : t.bottom) ?? 0) + ((o == null ? void 0 : o.clientHeight) ?? 0) + 8 + I.y, L = {
         left: () => {
-          var u, c, d;
-          o.value = {
-            x: ((u = a.value) == null ? void 0 : u.left) ?? 0,
-            y: s
-          }, r.value = {
-            top: `${((c = o.value) == null ? void 0 : c.y) || 0}px`,
-            left: `${((d = o.value) == null ? void 0 : d.x) || 0}px`
+          var c, p;
+          s.value = {
+            x: (t == null ? void 0 : t.left) ?? 0,
+            y
+          }, v.value = {
+            top: `${((c = s.value) == null ? void 0 : c.y) || 0}px`,
+            left: `${((p = s.value) == null ? void 0 : p.x) || 0}px`
           };
         },
         right: () => {
-          var u, c, d, P, z;
-          o.value = {
-            x: (((u = a.value) == null ? void 0 : u.left) ?? 0) - ((((c = l.value) == null ? void 0 : c.clientWidth) ?? 0) - (((d = t.value) == null ? void 0 : d.clientWidth) ?? 0)),
-            y: s
-          }, r.value = {
-            top: `${((P = o.value) == null ? void 0 : P.y) || 0}px`,
-            left: `${((z = o.value) == null ? void 0 : z.x) || 0}px`
+          var c, p, T, Y;
+          s.value = {
+            x: ((t == null ? void 0 : t.left) ?? 0) - ((((c = i.value) == null ? void 0 : c.clientWidth) ?? 0) - (((p = a.value) == null ? void 0 : p.clientWidth) ?? 0)),
+            y
+          }, v.value = {
+            top: `${((T = s.value) == null ? void 0 : T.y) || 0}px`,
+            left: `${((Y = s.value) == null ? void 0 : Y.x) || 0}px`
           };
         }
-      }, k = window.innerWidth - (((S = a.value) == null ? void 0 : S.right) ?? 0) <= (((W = l.value) == null ? void 0 : W.offsetWidth) ?? 0) ? "right" : p.position;
-      v[k](), p.fullSize && (r.value.width = `${(($ = t.value) == null ? void 0 : $.clientWidth) ?? 0}px`);
+      }, N = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= (((P = i.value) == null ? void 0 : P.offsetWidth) ?? 0) ? "right" : r.position;
+      L[N](), r.fullSize && (v.value.width = `${((B = a.value) == null ? void 0 : B.clientWidth) ?? 0}px`);
     };
-    E(
-      () => p.isOpen,
-      (e) => {
-        i.value = e, e && setTimeout(() => g(), 10);
+    F(
+      () => r.isOpen,
+      (o) => {
+        u.value = o, o && setTimeout(() => g(), 10);
       }
     );
-    const B = async () => f("update:isOpen", !0), y = async () => f("update:isOpen", !1), T = (e) => {
-      var s, v;
-      i.value && !((s = l == null ? void 0 : l.value) != null && s.contains(e.target)) && !((v = t.value) != null && v.contains(e.target)) && y();
-    }, Y = () => f("update:isOpen", !i.value);
+    const _ = async () => f("update:isOpen", !0), m = async () => f("update:isOpen", !1), k = (o) => {
+      var d, e;
+      u.value && !((d = i == null ? void 0 : i.value) != null && d.contains(o.target)) && !((e = a.value) != null && e.contains(o.target)) && m();
+    }, A = () => f("update:isOpen", !u.value);
     H(() => {
-      document.addEventListener("click", T), window.addEventListener("resize", g), g();
+      document.addEventListener("click", k), window.addEventListener("resize", g), g();
     });
-    const _ = I(() => ["dialog"]);
+    const E = U(() => ["dialog"]);
     return {
-      dialogIsOpen: i,
-      getDialogClass: _,
-      dialogElem: l,
-      triggerElem: t,
-      dialogStyle: r,
-      toggleDialog: Y,
-      openDialog: B,
-      closeDialog: y
+      dialogIsOpen: u,
+      getDialogClass: E,
+      dialogElem: i,
+      triggerElem: a,
+      dialogStyle: v,
+      toggleDialog: A,
+      openDialog: _,
+      closeDialog: m
     };
   }
 });
 export {
-  q as default
+  M as default
 };

package/dist/Dropdown/Dropdown.core.vue3.js

@@ -1,4 +1,4 @@
-const _ = "";
+const e = "";
 export {
-  _ as default
+  e as default
 };

package/dist/Modal/Modal.vue2.js

@@ -40,6 +40,8 @@ import "../Menu/Menu.vue3.js";
 import "./Modal.vue3.js";
 import "../Notifications/Notifications.vue2.js";
 import "../Notifications/Notifications.vue3.js";
+import "../Paginator/Paginator.vue2.js";
+import "../Paginator/Paginator.vue3.js";
 import "../ProgressBar/ProgressBar.vue2.js";
 import "../ProgressBar/ProgressBar.vue3.js";
 import "../RadioButton/RadioButton.vue2.js";
@@ -70,7 +72,7 @@ import "../Tooltip/Tooltip.vue3.js";
 import "../Upload/Upload.vue2.js";
 import "../Upload/Upload.vue3.js";
 import f from "./images/cross.svg.js";
-const zt = a({
+const It = a({
   name: "AtModal",
   components: { AtButton: l, AtCheckbox: u },
   props: {
@@ -132,5 +134,5 @@ const zt = a({
   }
 });
 export {
-  zt as default
+  It as default
 };

package/dist/Stepper/Stepper.vue.js

@@ -1,104 +1,104 @@
-import S from "./Stepper.vue2.js";
-import { resolveComponent as m, openBlock as s, createElementBlock as p, normalizeClass as t, createElementVNode as a, normalizeStyle as E, Fragment as h, renderList as v, createBlock as i, resolveDynamicComponent as l, createCommentVNode as n, toDisplayString as c, createVNode as $, withCtx as d, createTextVNode as u } from "vue";
+import I from "./Stepper.vue2.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as p, normalizeClass as o, createElementVNode as a, normalizeStyle as C, Fragment as v, renderList as f, createBlock as n, resolveDynamicComponent as c, createCommentVNode as i, toDisplayString as l, createVNode as y, withCtx as d, createTextVNode as u } from "vue";
 import "./Stepper.vue3.js";
-import C from "../_virtual/_plugin-vue_export-helper.js";
-function A(e, I, b, g, w, N) {
-  const y = m("AtParagraph"), f = m("AtTitle");
-  return s(), p("div", {
-    class: t(e.$props.direction === "vertical" ? "stepper-vertical" : "")
+import S from "../_virtual/_plugin-vue_export-helper.js";
+function A(e, E, g, w, N, b) {
+  const z = m("AtParagraph"), h = m("AtTitle");
+  return t(), p("div", {
+    class: o(e.$props.direction === "vertical" ? "stepper-vertical" : "")
   }, [
     a("div", {
       ref: "stepperElementCollection",
-      class: t([
+      class: o([
         "stepper",
         e.$props.direction === "vertical" ? "vertical-stepper" : "horizontal-stepper"
       ])
     }, [
       a("div", {
-        class: t([
+        class: o([
           "stepper-line",
           e.$props.direction === "vertical" ? "vertical-stepper-line" : "horizontal-stepper-line"
         ]),
-        style: E(e.handleDirection)
+        style: C(e.handleDirection)
       }, null, 6),
-      (s(!0), p(h, null, v(e.stepper, (r, o) => (s(), p("div", {
-        key: o,
+      (t(!0), p(v, null, f(e.stepper, (r, s) => (t(), p("div", {
+        key: s,
         ref_for: !0,
         ref: "stepperItemElementCollection",
-        class: t(["stepper-item", {
+        class: o(["stepper-item", {
           "stepper-item-horizontal": e.$props.direction === "horizontal" ? !0 : ""
         }])
       }, [
         a("div", {
-          class: t(["stepper-item-counter", {
-            current: e.$props.step === o,
+          class: o(["stepper-item-counter", {
+            current: e.$props.step === s,
             success: r.isSuccess === !0 && r.isError === !1,
             error: r.isError
           }])
         }, [
-          e.$props.step === o && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepIcon), {
+          e.showStepIcon(r, s) ? (t(), n(c(r.stepIcon), {
             key: 0,
             size: "20",
             class: "step-icon",
             color: "var(--at-primary-color-1)"
-          })) : n("", !0),
-          e.$props.step !== o && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepInactiveIcon), {
+          })) : i("", !0),
+          e.showStepInactiveItem(r, s) ? (t(), n(c(r.stepInactiveIcon), {
             key: 1,
             size: "20",
             color: "var(--at-dark-grey)"
-          })) : n("", !0),
-          r.isSuccess && r.isError === !1 ? (s(), i(l(e.AtCheckCircleSolidIcon), {
+          })) : i("", !0),
+          r.isSuccess && r.isError === !1 ? (t(), n(c(e.AtCheckCircleSolidIcon), {
             key: 2,
             size: "20",
             color: "var(--at-white)"
-          })) : n("", !0),
-          r.isError ? (s(), i(l(e.AtWarningSolidIcon), {
+          })) : i("", !0),
+          r.isError ? (t(), n(c(e.AtWarningSolidIcon), {
             key: 3,
             id: "errorIcon",
             size: "20",
             color: "var(--at-white )"
-          })) : n("", !0),
-          e.$props.numberedStep && r.isSuccess === !1 && r.isError === !1 ? (s(), p("span", {
+          })) : i("", !0),
+          e.showCurrentNumber(r) ? (t(), p("span", {
             key: 4,
-            class: t(["number", e.$props.step === o ? "current-number" : ""])
-          }, c(o + 1), 3)) : n("", !0)
+            class: o(["number", e.$props.step === s ? "current-number" : ""])
+          }, l(s + 1), 3)) : i("", !0)
         ], 2),
         a("div", {
-          class: t(["stepper-item-counter-content", {
+          class: o(["stepper-item-counter-content", {
             "stepper-item-counter-content-horizontal": e.$props.direction === "horizontal"
           }])
         }, [
-          $(y, {
+          y(z, {
             size: "p2",
             weight: "bold",
             class: "stepper-item-counter-content-title"
           }, {
             default: d(() => [
-              u(c(r.title), 1)
+              u(l(r.title), 1)
             ]),
             _: 2
           }, 1024),
-          Array.isArray(r.description) ? (s(!0), p(h, { key: 0 }, v(r.description, (z, k) => (s(), p("div", { key: k }, [
-            $(f, {
+          Array.isArray(r.description) ? (t(!0), p(v, { key: 0 }, f(r.description, (k, $) => (t(), p("div", { key: $ }, [
+            y(h, {
               as: "h6",
-              class: t(["stepper-item-counter-content-description", {
+              class: o(["stepper-item-counter-content-description", {
                 "horizontal-step-item-description": e.$props.direction === "horizontal"
               }])
             }, {
               default: d(() => [
-                u(c(z), 1)
+                u(l(k), 1)
               ]),
               _: 2
             }, 1032, ["class"])
-          ]))), 128)) : (s(), i(f, {
+          ]))), 128)) : (t(), n(h, {
             key: 1,
             as: "h6",
-            class: t(["stepper-item-counter-content-description", {
+            class: o(["stepper-item-counter-content-description", {
               "horizontal-step-item-description": e.$props.direction === "horizontal"
             }])
           }, {
             default: d(() => [
-              u(c(r.description), 1)
+              u(l(r.description), 1)
             ]),
             _: 2
           }, 1032, ["class"]))
@@ -107,7 +107,7 @@ function A(e, I, b, g, w, N) {
     ], 2)
   ], 2);
 }
-const P = /* @__PURE__ */ C(S, [["render", A], ["__scopeId", "data-v-4bd82960"]]);
+const P = /* @__PURE__ */ S(I, [["render", A], ["__scopeId", "data-v-3fd92058"]]);
 export {
   P as default
 };

package/dist/Stepper/Stepper.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as v, ref as a, reactive as g, watch as m, onMounted as S, watchEffect as I, computed as A } from "vue";
-import { AtCheckCircleSolidIcon as p } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCheckCircleSolidIcon/index.js";
-import { AtCircleQuestionSolidIcon as l } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleQuestionSolidIcon/index.js";
-import { AtWarningSolidIcon as d } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtWarningSolidIcon/index.js";
+import { defineComponent as g, ref as c, reactive as I, watch as A, onMounted as C, watchEffect as b, computed as E } from "vue";
+import { AtCheckCircleSolidIcon as d } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCheckCircleSolidIcon/index.js";
+import { AtCircleQuestionSolidIcon as i } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleQuestionSolidIcon/index.js";
+import { AtWarningSolidIcon as p } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtWarningSolidIcon/index.js";
 import { AtTipograph as h } from "../Tipograph/index.js";
-const q = v({
+const W = g({
   name: "Stepper",
   components: {
     AtTitle: h.Title,
     AtParagraph: h.Paragraph,
-    AtCheckCircleSolidIcon: p,
-    AtCircleQuestionSolidIcon: l,
-    AtWarningSolidIcon: d
+    AtCheckCircleSolidIcon: d,
+    AtCircleQuestionSolidIcon: i,
+    AtWarningSolidIcon: p
   },
   props: {
     steps: {
@@ -18,22 +18,22 @@ const q = v({
       default: () => [
         {
           title: "Step 1",
-          stepIcon: l,
-          stepInactiveIcon: l,
+          stepIcon: i,
+          stepInactiveIcon: i,
           isSuccess: !1,
           isError: !1
         },
         {
           title: "Step 2",
-          stepIcon: l,
-          stepInactiveIcon: l,
+          stepIcon: i,
+          stepInactiveIcon: i,
           isSuccess: !1,
           isError: !1
         },
         {
           title: "Step 3",
-          stepIcon: l,
-          stepInactiveIcon: l,
+          stepIcon: i,
+          stepInactiveIcon: i,
           isSuccess: !1,
           isError: !1
         }
@@ -44,7 +44,7 @@ const q = v({
       type: Number,
       default: 0,
       required: !0,
-      validator: (e) => typeof e == "number"
+      validator: (t) => typeof t == "number"
     },
     direction: {
       type: String,
@@ -55,52 +55,57 @@ const q = v({
       type: Boolean,
       required: !1,
       default: !1,
-      validator: (e) => typeof e == "boolean"
+      validator: (t) => typeof t == "boolean"
     }
   },
-  setup(e) {
-    const i = a(e.steps), f = a(null), s = g([]), n = a(0), c = a("");
-    m(
-      () => e.step,
+  setup(t) {
+    const n = c(t.steps), f = c(null), r = I([]), l = c(0), o = c("");
+    A(
+      () => t.step,
       () => {
-        e.step <= i.value.length && e.step >= 0 && r();
+        t.step <= n.value.length && t.step >= 0 && a();
       }
-    ), S(() => {
-      const t = f.value, o = s[s.length - 1];
-      if (e.direction === "vertical")
-        n.value = (t == null ? void 0 : t.offsetHeight) - (o == null ? void 0 : o.offsetHeight) + 34;
+    ), C(() => {
+      const e = f.value, s = r[r.length - 1];
+      if (t.direction === "vertical")
+        l.value = (e == null ? void 0 : e.offsetHeight) - (s == null ? void 0 : s.offsetHeight) + 34;
       else {
-        const u = s[0];
-        n.value = (u == null ? void 0 : u.offsetWidth) * (i.value.length - 1);
+        const u = r[0];
+        l.value = (u == null ? void 0 : u.offsetWidth) * (n.value.length - 1);
       }
-      e.step >= 0 && r();
+      t.step >= 0 && a();
     });
-    const r = () => {
-      let t = e.step;
-      for (; t !== 0; )
-        t--, t <= i.value.length - 1 && i.value[t].isError === !1 && (i.value[t].isSuccess = !0);
+    const a = () => {
+      let e = t.step;
+      for (; e !== 0; )
+        e--, e <= n.value.length - 1 && n.value[e].isError === !1 && (n.value[e].isSuccess = !0);
     };
-    return I(() => {
-      if (e.direction === "vertical") {
-        const t = `height:${e.steps.length > 1 ? n.value - 34 : 0}px; left: 15px; right: auto;`;
-        c.value = t;
+    b(() => {
+      if (t.direction === "vertical") {
+        const e = `height:${t.steps.length > 1 ? l.value - 34 : 0}px; left: 15px; right: auto;`;
+        o.value = e;
       } else {
-        const t = 18 * i.value.length, o = `width:${e.steps.length > 1 ? n.value + t : 0}px; left: 42px;`;
-        c.value = o;
+        const e = 18 * n.value.length, s = `width:${t.steps.length > 1 ? l.value + e : 0}px; left: 42px;`;
+        o.value = s;
       }
-      e.steps && (i.value = e.steps ?? []);
-    }), {
-      stepper: A(() => i.value),
-      incrementStep: r,
-      handleDirection: c,
-      barSize: n,
+      t.steps && (n.value = t.steps ?? []);
+    });
+    const S = (e, s) => t.step !== s && e.isSuccess === !1 && e.isError === !1 && t.numberedStep === !1, v = (e, s) => t.step === s && e.isSuccess === !1 && e.isError === !1 && t.numberedStep === !1, m = (e) => t.numberedStep && e.isSuccess === !1 && e.isError === !1;
+    return {
+      stepper: E(() => n.value),
+      incrementStep: a,
+      handleDirection: o,
+      barSize: l,
       stepperElementCollection: f,
-      stepperItemElementCollection: s,
-      AtCheckCircleSolidIcon: p,
-      AtWarningSolidIcon: d
+      stepperItemElementCollection: r,
+      showStepInactiveItem: S,
+      showStepIcon: v,
+      showCurrentNumber: m,
+      AtCheckCircleSolidIcon: d,
+      AtWarningSolidIcon: p
     };
   }
 });
 export {
-  q as default
+  W as default
 };

package/dist/Tooltip/Tooltip.vue.js

@@ -1,5 +1,5 @@
 import u from "./Tooltip.vue2.js";
-import { resolveComponent as n, openBlock as l, createElementBlock as s, createElementVNode as r, renderSlot as m, createBlock as f, Teleport as y, normalizeClass as c, normalizeStyle as v, createVNode as a, withCtx as C, createCommentVNode as i } from "vue";
+import { resolveComponent as n, openBlock as l, createElementBlock as s, createElementVNode as r, renderSlot as m, createBlock as f, Teleport as c, normalizeClass as y, normalizeStyle as v, createVNode as a, withCtx as C, createCommentVNode as i } from "vue";
 import "./Tooltip.vue3.js";
 import M from "../_virtual/_plugin-vue_export-helper.js";
 const k = {
@@ -9,7 +9,7 @@ const k = {
   ref: "tooltipChildren",
   class: "at-slot-content"
 }, w = ["innerHTML"];
-function T(o, e, $, b, S, g) {
+function T(o, e, $, S, b, g) {
   const p = n("AtCopySolidIcon"), d = n("AtParagraph");
   return l(), s("div", {
     class: "at-tooltip-container",
@@ -21,11 +21,11 @@ function T(o, e, $, b, S, g) {
         m(o.$slots, "default", {}, void 0, !0)
       ], 512)
     ], 512),
-    (l(), f(y, { to: "body" }, [
+    (l(), f(c, { to: "body" }, [
       o.visible ? (l(), s("div", {
         key: 0,
         ref: "tooltip",
-        class: c(["at-tooltip", o.tooltipClass]),
+        class: y(["at-tooltip", o.tooltipClass]),
         style: v(o.tooltipStyle),
         onMouseleave: e[1] || (e[1] = (...t) => o.handleMouseOut && o.handleMouseOut(...t))
       }, [
@@ -57,7 +57,7 @@ function T(o, e, $, b, S, g) {
     ]))
   ], 32);
 }
-const F = /* @__PURE__ */ M(u, [["render", T], ["__scopeId", "data-v-6dbf61de"]]);
+const F = /* @__PURE__ */ M(u, [["render", T], ["__scopeId", "data-v-5d74ca38"]]);
 export {
   F as default
 };