@appsbd/vue3-appsbd-ui 1.0.9 → 1.0.10

package/dist/vue3-appsbd-ui.es.js

@@ -1,4 +1,4 @@
-import { reactive as gc, useAttrs as Qt, useSlots as sr, computed as W, openBlock as D, createBlock as ne, resolveDynamicComponent as $t, mergeProps as st, unref as k, withCtx as X, createElementBlock as E, Fragment as Se, renderSlot as $, createCommentVNode as B, createElementVNode as z, normalizeClass as K, h as hi, renderList as $e, createVNode as he, createTextVNode as q, toDisplayString as G, getCurrentInstance as nn, resolveComponent as xn, resolveDirective as di, withDirectives as Ne, vShow as Sr, normalizeStyle as rt, ref as te, onMounted as Wt, onUnmounted as Dn, watch as Tt, nextTick as nr, Teleport as Ks, Transition as Vv, useModel as mc, mergeModels as Es, onErrorCaptured as FC, createSlots as tr, withModifiers as ft, provide as mn, normalizeProps as sa, guardReactiveProps as Xi, inject as Cr, vModelCheckbox as HC, onBeforeUnmount as yc, withKeys as co, vModelText as yn, triggerRef as Io, vModelDynamic as GC, defineComponent as WC, shallowRef as hl, toRefs as UC, watchEffect as dg, isRef as YC, createApp as Pb, TransitionGroup as ZC } from "vue";
+import { reactive as gc, useAttrs as Qt, useSlots as sr, computed as W, openBlock as D, createBlock as ne, resolveDynamicComponent as $t, mergeProps as lt, unref as k, withCtx as X, createElementBlock as E, Fragment as Se, renderSlot as $, createCommentVNode as B, createElementVNode as z, normalizeClass as K, h as hi, renderList as $e, createVNode as he, createTextVNode as q, toDisplayString as G, getCurrentInstance as nn, resolveComponent as xn, resolveDirective as di, withDirectives as Ne, vShow as Sr, normalizeStyle as rt, ref as te, onMounted as Wt, onUnmounted as Dn, watch as Tt, nextTick as nr, Teleport as Ks, Transition as Vv, useModel as mc, mergeModels as Es, onErrorCaptured as FC, createSlots as tr, withModifiers as ft, provide as mn, normalizeProps as sa, guardReactiveProps as Xi, inject as Cr, vModelCheckbox as HC, onBeforeUnmount as yc, withKeys as co, vModelText as yn, triggerRef as Io, vModelDynamic as GC, defineComponent as WC, shallowRef as hl, toRefs as UC, watchEffect as dg, isRef as YC, createApp as Pb, TransitionGroup as ZC } from "vue";
 import { Form as Rb, ErrorMessage as Ma, Field as An } from "vee-validate";
 import { createGettext as XC, useGettext as jC } from "vue3-gettext";
 import { Dropdown as qC } from "bootstrap";
@@ -256,7 +256,7 @@ const i2 = (r, t, e = {}) => {
       var s;
       return e.iconPosition !== void 0 && e.iconPosition !== null ? e.iconPosition : ((s = xe.button) == null ? void 0 : s.iconPosition) ?? "left";
     }), o = W(() => e.mode === "router-link" ? "router-link" : e.mode === "link" ? "a" : "button");
-    return (s, l) => (D(), ne($t(o.value), st({ class: "apbd-btn btn" }, k(t), {
+    return (s, l) => (D(), ne($t(o.value), lt({ class: "apbd-btn btn" }, k(t), {
       class: {
         "apbd-animated": r.isAnimated,
         "with-icon-divider": r.showIconDivider,
@@ -395,7 +395,7 @@ const i2 = (r, t, e = {}) => {
   },
   setup(r) {
     const t = r, e = Qt(), n = sr(), a = W(() => t.containerClass !== void 0 && t.containerClass !== null ? t.containerClass : xe.inputContainerClass ?? ""), i = W(() => t.borderBottomVariant ? `border-bottom-${t.borderBottomVariant}` : "");
-    return (o, s) => (D(), E("div", st({
+    return (o, s) => (D(), E("div", lt({
       class: ["abpd-card card", [a.value, r.variation, r.bgColorVariant, i.value, { "tile-card": r.isTileCard }, { "border-card": r.isBorderCard }]]
     }, k(e)), [
       k(n).header ? (D(), E("div", {
@@ -1295,14 +1295,14 @@ const $2 = (r) => {
 function J2(r, t, e, n, a, i) {
   var u, c, f, h, d;
   const o = xn("AbResponseMsg"), s = xn("Form"), l = di("translate");
-  return D(), E("div", st({ class: "modal fade show apbd-modal" }, r.$attrs, {
+  return D(), E("div", lt({ class: "modal fade show apbd-modal" }, r.$attrs, {
     class: { "modal-border-0": !i.effectiveIsModalBorder },
     tabindex: "-1",
     role: "dialog",
     "aria-labelledby": "exampleModalCenterTitle",
     "aria-hidden": "true"
   }), [
-    z("div", st(r.$attrs, {
+    z("div", lt(r.$attrs, {
       class: [e.modalSize + (e.isModalCenter ? " modal-dialog-centered" : ""), "modal-dialog"],
       role: "document"
     }), [
@@ -1621,9 +1621,9 @@ const Fb = /* @__PURE__ */ Ut(W2, [["render", J2]]), eT = ["aria-valuenow", "ari
   setup(r) {
     return (t, e) => {
       var n, a, i, o, s, l, u, c, f, h, d, v, p, g;
-      return D(), E("div", st({
-        class: [t.effectiveContainerClass, t.dynamicIconBorder]
-      }, t.$attrs, { class: "apbd-input-container" }), [
+      return D(), E("div", {
+        class: K([[t.effectiveContainerClass, t.dynamicIconBorder], "apbd-input-container"])
+      }, [
         (r.label || t.$slots.label) && !r.isHideLabel ? (D(), E("label", {
           key: 0,
           class: "form-label",
@@ -1658,7 +1658,7 @@ const Fb = /* @__PURE__ */ Ut(W2, [["render", J2]]), eT = ["aria-valuenow", "ari
               he(k(sd))
             ])
           ])) : B("", !0),
-          he(k(An), st({ class: "form-control" }, this.$attrs, {
+          he(k(An), lt({ class: "form-control" }, t.$attrs, {
             class: [r.inputClass || ((u = t.$attrs) == null ? void 0 : u.class), t.effectiveSize ? `form-control-${t.effectiveSize}` : "", { "mega-input-field": r.isCodeInput }],
             disabled: (c = t.$attrs) == null ? void 0 : c.disabled,
             id: (f = t.$attrs) == null ? void 0 : f.id,
@@ -1667,7 +1667,7 @@ const Fb = /* @__PURE__ */ Ut(W2, [["render", J2]]), eT = ["aria-valuenow", "ari
             placeholder: k(j)(r.placeholder),
             label: k(j)(r.label ?? r.type),
             name: t.generatedName,
-            value: r.modelValue ? r.modelValue : (v = this.$attrs) == null ? void 0 : v.value,
+            value: r.modelValue ? r.modelValue : (v = t.$attrs) == null ? void 0 : v.value,
             maxlength: r.maxlength,
             onInput: e[1] || (e[1] = (m) => (t.$emit("input", m.target.value), t.$emit("update:modelValue", m))),
             onKeyup: e[2] || (e[2] = (m) => t.$emit("keyup", m)),
@@ -1708,7 +1708,7 @@ const Fb = /* @__PURE__ */ Ut(W2, [["render", J2]]), eT = ["aria-valuenow", "ari
             q(G(k(j)(r.hints)), 1)
           ])
         ])) : B("", !0)
-      ], 16);
+      ], 2);
     };
   }
 }), uT = ["for"], cT = {
@@ -2236,7 +2236,7 @@ const dl = /* @__PURE__ */ new Set(), fd = {
       s.val !== void 0 && s.val !== null && (a.value === void 0 || a.value === null || a.value === "" || Array.isArray(a.value) && a.value.length === 0) && (v.value || (a.value = p(s.val)));
     }), (g, m) => {
       var y, b;
-      return D(), E("div", st({ class: "apbd-checkbox" }, k(e), {
+      return D(), E("div", lt({ class: "apbd-checkbox" }, k(e), {
         class: [
           f.value,
           d.value ? "apbd-radio-input-container" : "",
@@ -2677,7 +2677,7 @@ const dl = /* @__PURE__ */ new Set(), fd = {
       ye.value === "date" ? ie.value === 0 ? (ie.value = 11, le.value--) : ie.value-- : ye.value === "month" ? le.value-- : ye.value === "year" && (qe.value -= 12);
     }, Xe = () => {
       ye.value === "date" ? ie.value === 11 ? (ie.value = 0, le.value++) : ie.value++ : ye.value === "month" ? le.value++ : ye.value === "year" && (qe.value += 12);
-    }, lt = (Z) => {
+    }, st = (Z) => {
       ie.value = Z, ye.value = "date";
     }, je = (Z) => {
       le.value = Z, ye.value = "month";
@@ -2834,7 +2834,7 @@ const dl = /* @__PURE__ */ new Set(), fd = {
                     type: "button",
                     key: Ye,
                     class: K(["cal-month-cell", { "is-selected": ie.value === Ye }]),
-                    onClick: ft((gt) => lt(Ye), ["stop"])
+                    onClick: ft((gt) => st(Ye), ["stop"])
                   }, G(ce), 11, HT))), 128))
                 ])) : ye.value === "year" ? (D(), E("div", GT, [
                   (D(!0), E(Se, null, $e(ve.value, (ce) => (D(), E("button", {
@@ -3114,7 +3114,7 @@ const dl = /* @__PURE__ */ new Set(), fd = {
     const o = Qt(), s = r, l = W(() => s.size !== void 0 && s.size !== null ? s.size : xe.size ?? "md");
     return (u, c) => {
       var f;
-      return D(), E("div", st({ class: "apbd-avatar" }, k(o), {
+      return D(), E("div", lt({ class: "apbd-avatar" }, k(o), {
         class: [
           (f = k(o)) == null ? void 0 : f.class,
           `avatar-${l.value}`,
@@ -3394,7 +3394,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
       h();
     }), (d, v) => {
       var p, g, m, y, b, _, w, S, x, C, T, M, A, I, R;
-      return D(), E("div", st({ class: "apbd-toggle" }, k(t), { class: l.value }), [
+      return D(), E("div", lt({ class: "apbd-toggle" }, k(t), { class: l.value }), [
         ((p = k(e)) != null && p.label || r.label) && r.variant === "column" ? (D(), E("label", {
           key: 0,
           class: "form-label",
@@ -3710,7 +3710,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
               q(G(k(j)(r.prefix)), 1)
             ])
           ])) : B("", !0),
-          he(k(An), st({ label: r.label }, k(a), {
+          he(k(An), lt({ label: r.label }, k(a), {
             value: r.modelValue ? r.modelValue : (le = k(a)) == null ? void 0 : le.value,
             name: v.value,
             id: (qe = k(a)) == null ? void 0 : qe.id,
@@ -3719,7 +3719,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
             "onUpdate:modelValue": O[1] || (O[1] = (Ae) => y.value = Ae)
           }), {
             default: X(() => {
-              var Ae, ue, ve, Ke, Ge, Xe, lt;
+              var Ae, ue, ve, Ke, Ge, Xe, st;
               return [
                 z("div", {
                   ref_key: "multiselectRef",
@@ -3736,7 +3736,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
                   ]),
                   disabled: (Ge = k(a)) == null ? void 0 : Ge.disabled,
                   id: (Xe = k(a)) == null ? void 0 : Xe.id,
-                  style: rt((lt = k(a)) == null ? void 0 : lt.style),
+                  style: rt((st = k(a)) == null ? void 0 : st.style),
                   tabindex: "0",
                   onMousedown: ft(P, ["prevent"]),
                   onKeydown: F
@@ -3876,7 +3876,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
     const t = Qt(), e = sr(), n = r, a = W(() => n.size !== void 0 && n.size !== null ? n.size : xe.size ?? "md");
     return (i, o) => {
       var s;
-      return D(), E("span", st({ class: "apbd-badge badge d-inline-flex align-items-center justify-content-center" }, k(t), {
+      return D(), E("span", lt({ class: "apbd-badge badge d-inline-flex align-items-center justify-content-center" }, k(t), {
         class: [
           (s = k(t)) == null ? void 0 : s.class,
           {
@@ -4304,7 +4304,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
               ])
             ]),
             default: X(() => [
-              z("a", st({ class: "nav-link-custom" }, c.value), [
+              z("a", lt({ class: "nav-link-custom" }, c.value), [
                 z("div", QM, [
                   $(v.$slots, "icon", {}, () => [
                     he(k(lf))
@@ -4328,7 +4328,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
             ]),
             _: 3
           }, 8, ["trigger", "auto-hide"])) : (D(), E(Se, { key: 1 }, [
-            (b = k(u)) != null && b.href || f.value ? (D(), E("a", st({
+            (b = k(u)) != null && b.href || f.value ? (D(), E("a", lt({
               key: 0,
               class: "nav-link-custom",
               href: (_ = k(u)) != null && _.href && !f.value ? (w = k(u)) == null ? void 0 : w.href : null,
@@ -4354,7 +4354,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
                 class: K(["sub-menu-icon", { collapsed: e.value }]),
                 "stroke-width": 1
               }, null, 8, ["class"])) : B("", !0)
-            ], 16, aD)) : Ne((D(), ne(g, st({
+            ], 16, aD)) : Ne((D(), ne(g, lt({
               key: 1,
               class: ["nav-link-custom", { "parent-is-menu": k(d) }],
               to: (S = k(u)) == null ? void 0 : S.to
@@ -4914,7 +4914,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
       const Me = Y(oe), Q = (Array.isArray(V.value) ? [...V.value] : []).filter((Ie) => (e.object ? Ie[e.valueKey] : Ie) !== Me);
       V.value = Q, n("change", Q);
     }
-    function lt() {
+    function st() {
       R.value ? V.value = [] : V.value = null, f.value = "", n("clear"), n("change", V.value), ve(), s.value && s.value.focus();
     }
     function je() {
@@ -5047,7 +5047,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
               q(G(k(j)(r.prefix)), 1)
             ])
           ])) : B("", !0),
-          he(k(An), st({
+          he(k(An), lt({
             label: r.label,
             name: T.value,
             id: (Ye = k(i)) == null ? void 0 : Ye.id,
@@ -5151,7 +5151,7 @@ const hM = /* @__PURE__ */ Ut(cM, [["render", fM]]), dM = ["for"], vM = ["for"],
                       qe.value && !M.value && !I.value ? (D(), E("div", {
                         key: 1,
                         class: "multiselect-clear",
-                        onMousedown: ft(lt, ["prevent", "stop"])
+                        onMousedown: ft(st, ["prevent", "stop"])
                       }, [...Me[4] || (Me[4] = [
                         z("div", { class: "clear-icon-wrapper" }, [
                           z("svg", {
@@ -5919,7 +5919,7 @@ const rA = ["for"], nA = {
             q(G(k(j)(r.label)), 1)
           ], !0)
         ], 8, rA)) : B("", !0),
-        z("input", st({
+        z("input", lt({
           ref_key: "afuInput",
           ref: a,
           class: "afu-input"
@@ -6814,7 +6814,7 @@ const rA = ["for"], nA = {
         (D(!0), E(Se, null, $e(r.options, (f, h) => {
           var d;
           return D(), E("div", { key: h }, [
-            Ne(z("input", st({
+            Ne(z("input", lt({
               id: a.value + h,
               type: ((d = k(e)) == null ? void 0 : d.type) || "radio",
               name: a.value,
@@ -7080,7 +7080,7 @@ const rA = ["for"], nA = {
       C ? y() : b();
     }), Dn(() => {
       window.removeEventListener("resize", c), b(), t.value && t.value.removeEventListener("wheel", p), x && t.value && x.disconnect();
-    }), (C, T) => (D(), E("div", st({
+    }), (C, T) => (D(), E("div", lt({
       class: ["apbd-carousel-wrapper", [
         i.value ? "apbd-carousel-vertical" : "",
         a.navOutside ? "apbd-carousel-nav-outside" : "",
@@ -7578,7 +7578,7 @@ const rA = ["for"], nA = {
                                 ]]),
                                 style: { width: "var(--ab-wizard-trigger-size)", height: "var(--ab-wizard-trigger-size)", "min-width": "var(--ab-wizard-trigger-size)", "min-height": "var(--ab-wizard-trigger-size)" }
                               }, [
-                                $(V.$slots, "step-icon", st({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
+                                $(V.$slots, "step-icon", lt({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
                                   H(le) === "completed" ? (D(), ne(k(id), {
                                     key: 0,
                                     class: "icon-sm"
@@ -7609,7 +7609,7 @@ const rA = ["for"], nA = {
                                   textAlign: le === 0 ? "start" : le === i.value.length - 1 ? "end" : "center"
                                 } : {})
                               }, [
-                                $(V.$slots, "step-label", st({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
+                                $(V.$slots, "step-label", lt({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
                                   z("span", {
                                     class: K(["ab-wizard-title fw-semibold transition-all", H(le) === "active" || H(le) === "completed" ? "text-primary" : ""])
                                   }, G(k(j)(ie.title)), 3),
@@ -7669,7 +7669,7 @@ const rA = ["for"], nA = {
                     _: 1
                   }, 8, ["disabled"])),
                   z("div", Ck, [
-                    s.value ? $(V.$slots, "loader", sa(st({ key: 0 }, { isLoading: s.value, variant: "inline", isModal: !0, currentIndex: o.value })), () => [
+                    s.value ? $(V.$slots, "loader", sa(lt({ key: 0 }, { isLoading: s.value, variant: "inline", isModal: !0, currentIndex: o.value })), () => [
                       z("div", Tk, [
                         Ne((D(), E("span", Mk, [...O[8] || (O[8] = [
                           q("Loading...", -1)
@@ -7786,7 +7786,7 @@ const rA = ["for"], nA = {
                   ]]),
                   style: { width: "var(--ab-wizard-trigger-size)", height: "var(--ab-wizard-trigger-size)", "min-width": "var(--ab-wizard-trigger-size)", "min-height": "var(--ab-wizard-trigger-size)" }
                 }, [
-                  $(V.$slots, "step-icon", st({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
+                  $(V.$slots, "step-icon", lt({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
                     H(le) === "completed" ? (D(), ne(k(id), {
                       key: 0,
                       class: "icon-sm"
@@ -7817,7 +7817,7 @@ const rA = ["for"], nA = {
                     textAlign: le === 0 ? "start" : le === i.value.length - 1 ? "end" : "center"
                   } : {})
                 }, [
-                  $(V.$slots, "step-label", st({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
+                  $(V.$slots, "step-label", lt({ ref_for: !0 }, { step: ie, index: le, state: H(le) }), () => [
                     z("span", {
                       class: K(["ab-wizard-title fw-semibold transition-all", H(le) === "active" || H(le) === "completed" ? "text-primary" : ""])
                     }, G(k(j)(ie.title)), 3),
@@ -7862,7 +7862,7 @@ const rA = ["for"], nA = {
                 _: 1
               }, 8, ["disabled"]),
               z("div", Hk, [
-                s.value ? $(V.$slots, "loader", sa(st({ key: 0 }, { isLoading: s.value, variant: "inline", isModal: !1, currentIndex: o.value })), () => [
+                s.value ? $(V.$slots, "loader", sa(lt({ key: 0 }, { isLoading: s.value, variant: "inline", isModal: !1, currentIndex: o.value })), () => [
                   z("div", Gk, [
                     Ne((D(), E("span", Wk, [...O[12] || (O[12] = [
                       q("Loading...", -1)
@@ -8112,7 +8112,7 @@ const rA = ["for"], nA = {
     return (p, g) => {
       var m, y, b, _, w;
       return D(), E(Se, null, [
-        ["text", "password", "email", "number", "url", "textarea"].includes(r.type) ? (D(), ne(vn, st({
+        ["text", "password", "email", "number", "url", "textarea"].includes(r.type) ? (D(), ne(vn, lt({
           key: 0,
           modelValue: v.value,
           "onUpdate:modelValue": g[0] || (g[0] = (S) => v.value = S)
@@ -8184,7 +8184,7 @@ const rA = ["for"], nA = {
             key: "5"
           } : void 0
         ]), 1040, ["modelValue", "label", "placeholder", "hints", "name", "isCodeInput", "maxlength", "minlength", "rules", "type", "isLeftIconBorder", "isRightIconBorder", "passIconPosition", "isHideLabel", "iconPosition", "as", "containerClass", "size"])) : B("", !0),
-        ["select", "multiselect"].includes(r.type) ? (D(), ne(no, st({
+        ["select", "multiselect"].includes(r.type) ? (D(), ne(no, lt({
           key: 1,
           size: h.value,
           modelValue: v.value,
@@ -8269,7 +8269,7 @@ const rA = ["for"], nA = {
             key: "5"
           } : void 0
         ]), 1040, ["size", "modelValue", "options", "label", "placeholder", "hints", "name", "id", "style", "max", "rules", "object", "valueKey", "labelKey", "mode", "disabled", "searchable", "isLeftIconBorder", "isRightIconBorder", "isHideLabel", "iconPosition", "containerClass", "onSearch", "isAjaxSearch", "hideSelected", "loading", "appendToBody"])) : B("", !0),
-        r.type == "tag" ? (D(), ne(Gb, st({
+        r.type == "tag" ? (D(), ne(Gb, lt({
           key: 2,
           modelValue: v.value,
           "onUpdate:modelValue": g[6] || (g[6] = (S) => v.value = S),
@@ -8798,7 +8798,7 @@ const jb = /* @__PURE__ */ Ut(dI, [["render", pI], ["__scopeId", "data-v-e4a05fc
       }, [
         $(i.$slots, "action")
       ]),
-      e.value ? (D(), ne(Fb, st({ key: 0 }, i.$attrs, { onClose: a }), tr({ _: 2 }, [
+      e.value ? (D(), ne(Fb, lt({ key: 0 }, i.$attrs, { onClose: a }), tr({ _: 2 }, [
         i.$slots.title ? {
           name: "headerTitle",
           fn: X(() => [
@@ -8928,7 +8928,7 @@ const jb = /* @__PURE__ */ Ut(dI, [["render", pI], ["__scopeId", "data-v-e4a05fc
     }
   },
   setup(r) {
-    return (t, e) => (D(), E("div", st({
+    return (t, e) => (D(), E("div", lt({
       class: ["abpd-pricing-card", [{ "is-active": r.active, "is-recommended": r.recommended, "is-highlighted": r.variant === "highlighted", "is-minimal": r.variant === "minimal", "is-badge-price": r.variant === "badge-price" }, `is-${r.color}`]]
     }, t.$attrs), [
       r.recommended ? (D(), E("div", CI, [
@@ -21359,8 +21359,8 @@ function rv(r, t) {
       function ye(pe, Ae, ue, ve, Ke) {
         var Ge = a ? 1 : e, Xe = Kt(Ke, pe * Ge, Ae * Ge, ue * Ge, ve * Ge, o.color, o.symbolKeepAspect);
         if (a) {
-          var lt = n.painter.renderOneToVNode(Xe);
-          lt && S.children.push(lt);
+          var st = n.painter.renderOneToVNode(Xe);
+          st && S.children.push(st);
         } else
           mS(C, Xe);
       }
@@ -27694,21 +27694,21 @@ function r$(r) {
         }
         qe = ye ? "center" : P === "edge" ? se > 0 ? "right" : "left" : se > 0 ? "left" : "right";
       }
-      var Xe = Math.PI, lt = 0, je = I.get("rotate");
+      var Xe = Math.PI, st = 0, je = I.get("rotate");
       if (at(je))
-        lt = je * (Xe / 180);
+        st = je * (Xe / 180);
       else if (R === "center")
-        lt = 0;
+        st = 0;
       else if (je === "radial" || je === !0) {
         var mt = se < 0 ? -U + Xe : -U;
-        lt = mt;
+        st = mt;
       } else if (je === "tangential" && R !== "outside" && R !== "outer") {
         var pt = Math.atan2(se, fe);
         pt < 0 && (pt = Xe * 2 + pt);
         var Pn = fe > 0;
-        Pn && (pt = Xe + pt), lt = pt - Xe;
+        Pn && (pt = Xe + pt), st = pt - Xe;
       }
-      if (i = !!lt, T.x = me, T.y = ie, T.rotation = lt, T.setStyle({
+      if (i = !!st, T.x = me, T.y = ie, T.rotation = st, T.setStyle({
         verticalAlign: "middle"
       }), ye) {
         T.setStyle({
@@ -31797,8 +31797,8 @@ function K3(r, t, e, n, a, i, o, s, l, u) {
       Ge.fill = Ke;
       var Xe = qa(x);
       Xe.fill = x.get("borderColor");
-      var lt = qa(C);
-      lt.fill = C.get("borderColor");
+      var st = qa(C);
+      st.fill = C.get("borderColor");
       var je = qa(T);
       if (je.fill = T.get("borderColor"), Ae) {
         var mt = d - 2 * p;
@@ -31816,7 +31816,7 @@ function K3(r, t, e, n, a, i, o, s, l, u) {
         );
       } else
         pe.removeTextContent();
-      pe.setStyle(Ge), pe.ensureState("emphasis").style = Xe, pe.ensureState("blur").style = lt, pe.ensureState("select").style = je, Gu(pe);
+      pe.setStyle(Ge), pe.ensureState("emphasis").style = Xe, pe.ensureState("blur").style = st, pe.ensureState("select").style = je, Gu(pe);
     }
     ye.add(pe);
   }
@@ -31836,8 +31836,8 @@ function K3(r, t, e, n, a, i, o, s, l, u) {
       pe.invisible = !1;
       var Ke = o.getVisual("style"), Ge = Ke.fill, Xe = u1(S);
       Xe.fill = Ge, Xe.decal = Ke.decal;
-      var lt = qa(x), je = qa(C), mt = qa(T);
-      fe(pe, Ge, Ke.opacity, null), pe.setStyle(Xe), pe.ensureState("emphasis").style = lt, pe.ensureState("blur").style = je, pe.ensureState("select").style = mt, Gu(pe);
+      var st = qa(x), je = qa(C), mt = qa(T);
+      fe(pe, Ge, Ke.opacity, null), pe.setStyle(Xe), pe.ensureState("emphasis").style = st, pe.ensureState("blur").style = je, pe.ensureState("select").style = mt, Gu(pe);
     }
     ye.add(pe);
   }
@@ -31855,16 +31855,16 @@ function K3(r, t, e, n, a, i, o, s, l, u) {
     });
     var Xe = ye.getTextContent();
     if (Xe) {
-      var lt = Xe.style, je = Gv(lt.padding || 0);
+      var st = Xe.style, je = Gv(st.padding || 0);
       ue && (ye.setTextConfig({
         layoutRect: ue
       }), Xe.disableLabelLayout = !0), Xe.beforeUpdate = function() {
         var pt = Math.max((ue ? ue.width : ye.shape.width) - je[1] - je[3], 0), Pn = Math.max((ue ? ue.height : ye.shape.height) - je[0] - je[2], 0);
-        (lt.width !== pt || lt.height !== Pn) && Xe.setStyle({
+        (st.width !== pt || st.height !== Pn) && Xe.setStyle({
           width: pt,
           height: Pn
         });
-      }, lt.truncateMinChar = 2, lt.lineOverflow = "truncate", me(lt, ue, c);
+      }, st.truncateMinChar = 2, st.lineOverflow = "truncate", me(st, ue, c);
       var mt = Xe.getState("emphasis");
       me(mt ? mt.style : null, ue, c);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsbd/vue3-appsbd-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Reusable Vue 3 component library",
   "type": "module",
   "main": "./dist/vue3-appsbd-ui.cjs.js",