metronics-vue 1.0.12 → 1.2.12

package/dist/metronics-vue.es.js

@@ -1,7 +1,7 @@
 var Cn = Object.defineProperty;
 var Sn = (i, s, t) => s in i ? Cn(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
 var m = (i, s, t) => Sn(i, typeof s != "symbol" ? s + "" : s, t);
-import { defineComponent as dt, createElementBlock as L, openBlock as I, normalizeClass as q, renderSlot as B, normalizeStyle as Qe, createCommentVNode as R, createTextVNode as ct, toDisplayString as V, resolveComponent as G, createBlock as st, resolveDynamicComponent as Ee, withCtx as mt, Fragment as et, createElementVNode as M, createVNode as it, mergeProps as tn, withDirectives as le, vShow as In, renderList as yt, vModelCheckbox as ze, vModelSelect as An, withKeys as Ln, provide as Tn, createApp as en, ref as Pn, computed as nn, nextTick as Mn } from "vue";
+import { defineComponent as dt, createElementBlock as A, openBlock as I, normalizeClass as q, renderSlot as B, normalizeStyle as Qe, createCommentVNode as R, createTextVNode as ct, toDisplayString as V, resolveComponent as G, createBlock as st, resolveDynamicComponent as Ee, withCtx as mt, Fragment as J, createElementVNode as M, createVNode as it, mergeProps as tn, withDirectives as le, vShow as In, renderList as yt, vModelCheckbox as ze, vModelSelect as An, withKeys as Ln, provide as Tn, createApp as en, ref as Pn, computed as nn, nextTick as Mn } from "vue";
 const Y = {
   geUID(i = "") {
     return i + Math.floor(Math.random() * (/* @__PURE__ */ new Date()).getTime());
@@ -260,7 +260,7 @@ const Y = {
     !i || Yt[t] === null || (i.removeEventListener(s, Yt[t]), delete Yt[t]);
   }
 };
-var J = "top", at = "bottom", ot = "right", Q = "left", xe = "auto", ee = [J, at, ot, Q], zt = "start", Qt = "end", $n = "clippingParents", sn = "viewport", Zt = "popper", Dn = "reference", Ve = /* @__PURE__ */ ee.reduce(function(i, s) {
+var Q = "top", at = "bottom", ot = "right", tt = "left", xe = "auto", ee = [Q, at, ot, tt], zt = "start", Qt = "end", $n = "clippingParents", sn = "viewport", Zt = "popper", Dn = "reference", Ve = /* @__PURE__ */ ee.reduce(function(i, s) {
   return i.concat([s + "-" + zt, s + "-" + Qt]);
 }, []), rn = /* @__PURE__ */ [].concat(ee, [xe]).reduce(function(i, s) {
   return i.concat([s, s + "-" + zt, s + "-" + Qt]);
@@ -466,9 +466,9 @@ var Jn = function(s, t) {
   })) : s, cn(typeof s != "number" ? s : dn(s, ee));
 };
 function Qn(i) {
-  var s, t = i.state, e = i.name, n = i.options, r = t.elements.arrow, a = t.modifiersData.popperOffsets, o = ht(t.placement), l = Ce(o), c = [Q, ot].indexOf(o) >= 0, d = c ? "height" : "width";
+  var s, t = i.state, e = i.name, n = i.options, r = t.elements.arrow, a = t.modifiersData.popperOffsets, o = ht(t.placement), l = Ce(o), c = [tt, ot].indexOf(o) >= 0, d = c ? "height" : "width";
   if (!(!r || !a)) {
-    var h = Jn(n.padding, t), b = Oe(r), p = l === "y" ? J : Q, y = l === "y" ? at : ot, E = t.rects.reference[d] + t.rects.reference[l] - a[l] - t.rects.popper[d], k = a[l] - t.rects.reference[l], u = ne(r), g = u ? l === "y" ? u.clientHeight || 0 : u.clientWidth || 0 : 0, f = E / 2 - k / 2, v = h[p], S = g - b[d] - h[y], $ = g / 2 - b[d] / 2 + f, D = Xt(v, $, S), C = l;
+    var h = Jn(n.padding, t), b = Oe(r), p = l === "y" ? Q : tt, y = l === "y" ? at : ot, E = t.rects.reference[d] + t.rects.reference[l] - a[l] - t.rects.popper[d], k = a[l] - t.rects.reference[l], u = ne(r), g = u ? l === "y" ? u.clientHeight || 0 : u.clientWidth || 0 : 0, f = E / 2 - k / 2, v = h[p], S = g - b[d] - h[y], $ = g / 2 - b[d] / 2 + f, D = Xt(v, $, S), C = l;
     t.modifiersData[e] = (s = {}, s[C] = D, s.centerOffset = D - $, s);
   }
 }
@@ -510,10 +510,10 @@ function Fe(i) {
     y: E
   };
   p = k.x, E = k.y;
-  var u = a.hasOwnProperty("x"), g = a.hasOwnProperty("y"), f = Q, v = J, S = window;
+  var u = a.hasOwnProperty("x"), g = a.hasOwnProperty("y"), f = tt, v = Q, S = window;
   if (c) {
     var $ = ne(t), D = "clientHeight", C = "clientWidth";
-    if ($ === nt(t) && ($ = Et(t), _t($).position !== "static" && o === "absolute" && (D = "scrollHeight", C = "scrollWidth")), $ = $, n === J || (n === Q || n === ot) && r === Qt) {
+    if ($ === nt(t) && ($ = Et(t), _t($).position !== "static" && o === "absolute" && (D = "scrollHeight", C = "scrollWidth")), $ = $, n === Q || (n === tt || n === ot) && r === Qt) {
       v = at;
       var x = h && $ === S && S.visualViewport ? S.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -521,13 +521,13 @@ function Fe(i) {
       );
       E -= x - e.height, E *= l ? 1 : -1;
     }
-    if (n === Q || (n === J || n === at) && r === Qt) {
+    if (n === tt || (n === Q || n === at) && r === Qt) {
       f = ot;
-      var A = h && $ === S && S.visualViewport ? S.visualViewport.width : (
+      var L = h && $ === S && S.visualViewport ? S.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         $[C]
       );
-      p -= A - e.width, p *= l ? 1 : -1;
+      p -= L - e.width, p *= l ? 1 : -1;
     }
   }
   var O = Object.assign({
@@ -697,7 +697,7 @@ function pi(i, s, t, e) {
 function hn(i) {
   var s = i.reference, t = i.element, e = i.placement, n = e ? ht(e) : null, r = e ? Ft(e) : null, a = s.x + s.width / 2 - t.width / 2, o = s.y + s.height / 2 - t.height / 2, l;
   switch (n) {
-    case J:
+    case Q:
       l = {
         x: a,
         y: s.y - t.height
@@ -715,7 +715,7 @@ function hn(i) {
         y: o
       };
       break;
-    case Q:
+    case tt:
       l = {
         x: s.x - t.width,
         y: o
@@ -747,7 +747,7 @@ function te(i, s) {
     reference: $,
     element: f,
     placement: n
-  }), C = ye(Object.assign({}, f, D)), x = b === Zt ? C : $, A = {
+  }), C = ye(Object.assign({}, f, D)), x = b === Zt ? C : $, L = {
     top: S.top - x.top + u.top,
     bottom: x.bottom - S.bottom + u.bottom,
     left: S.left - x.left + u.left,
@@ -755,12 +755,12 @@ function te(i, s) {
   }, O = i.modifiersData.offset;
   if (b === Zt && O) {
     var P = O[n];
-    Object.keys(A).forEach(function(T) {
-      var j = [ot, at].indexOf(T) >= 0 ? 1 : -1, z = [J, at].indexOf(T) >= 0 ? "y" : "x";
-      A[T] += P[z] * j;
+    Object.keys(L).forEach(function(T) {
+      var j = [ot, at].indexOf(T) >= 0 ? 1 : -1, z = [Q, at].indexOf(T) >= 0 ? "y" : "x";
+      L[T] += P[z] * j;
     });
   }
-  return A;
+  return L;
 }
 function gi(i, s) {
   s === void 0 && (s = {});
@@ -800,17 +800,17 @@ function _i(i) {
         flipVariations: y,
         allowedAutoPlacements: E
       }) : bt);
-    }, []), S = s.rects.reference, $ = s.rects.popper, D = /* @__PURE__ */ new Map(), C = !0, x = v[0], A = 0; A < v.length; A++) {
-      var O = v[A], P = ht(O), T = Ft(O) === zt, j = [J, at].indexOf(P) >= 0, z = j ? "width" : "height", K = te(s, {
+    }, []), S = s.rects.reference, $ = s.rects.popper, D = /* @__PURE__ */ new Map(), C = !0, x = v[0], L = 0; L < v.length; L++) {
+      var O = v[L], P = ht(O), T = Ft(O) === zt, j = [Q, at].indexOf(P) >= 0, z = j ? "width" : "height", K = te(s, {
         placement: O,
         boundary: d,
         rootBoundary: h,
         altBoundary: b,
         padding: c
-      }), tt = j ? T ? ot : Q : T ? at : J;
-      S[z] > $[z] && (tt = ce(tt));
-      var xt = ce(tt), kt = [];
-      if (r && kt.push(K[P] <= 0), o && kt.push(K[tt] <= 0, K[xt] <= 0), kt.every(function(qt) {
+      }), et = j ? T ? ot : tt : T ? at : Q;
+      S[z] > $[z] && (et = ce(et));
+      var xt = ce(et), kt = [];
+      if (r && kt.push(K[P] <= 0), o && kt.push(K[et] <= 0, K[xt] <= 0), kt.every(function(qt) {
         return qt;
       })) {
         x = O, C = !1;
@@ -858,7 +858,7 @@ function We(i, s, t) {
   };
 }
 function Ye(i) {
-  return [J, ot, at, Q].some(function(s) {
+  return [Q, ot, at, tt].some(function(s) {
     return i[s] >= 0;
   });
 }
@@ -886,10 +886,10 @@ const wi = {
   fn: vi
 };
 function yi(i, s, t) {
-  var e = ht(i), n = [Q, J].indexOf(e) >= 0 ? -1 : 1, r = typeof t == "function" ? t(Object.assign({}, s, {
+  var e = ht(i), n = [tt, Q].indexOf(e) >= 0 ? -1 : 1, r = typeof t == "function" ? t(Object.assign({}, s, {
     placement: i
   })) : t, a = r[0], o = r[1];
-  return a = a || 0, o = (o || 0) * n, [Q, ot].indexOf(e) >= 0 ? {
+  return a = a || 0, o = (o || 0) * n, [tt, ot].indexOf(e) >= 0 ? {
     x: o,
     y: a
   } : {
@@ -936,7 +936,7 @@ function Si(i) {
     altBoundary: d
   }), u = ht(s.placement), g = Ft(s.placement), f = !g, v = Ce(u), S = Ci(v), $ = s.modifiersData.popperOffsets, D = s.rects.reference, C = s.rects.popper, x = typeof E == "function" ? E(Object.assign({}, s.rects, {
     placement: s.placement
-  })) : E, A = typeof x == "number" ? {
+  })) : E, L = typeof x == "number" ? {
     mainAxis: x,
     altAxis: x
   } : Object.assign({
@@ -948,14 +948,14 @@ function Si(i) {
   };
   if ($) {
     if (r) {
-      var T, j = v === "y" ? J : Q, z = v === "y" ? at : ot, K = v === "y" ? "height" : "width", tt = $[v], xt = tt + k[j], kt = tt - k[z], ie = p ? -C[K] / 2 : 0, ge = g === zt ? D[K] : C[K], Kt = g === zt ? -C[K] : -D[K], se = s.elements.arrow, qt = p && se ? Oe(se) : {
+      var T, j = v === "y" ? Q : tt, z = v === "y" ? at : ot, K = v === "y" ? "height" : "width", et = $[v], xt = et + k[j], kt = et - k[z], ie = p ? -C[K] / 2 : 0, ge = g === zt ? D[K] : C[K], Kt = g === zt ? -C[K] : -D[K], se = s.elements.arrow, qt = p && se ? Oe(se) : {
         width: 0,
         height: 0
-      }, bt = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ln(), Wt = bt[j], re = bt[z], Ot = Xt(0, D[K], qt[K]), me = f ? D[K] / 2 - ie - Ot - Wt - A.mainAxis : ge - Ot - Wt - A.mainAxis, wn = f ? -D[K] / 2 + ie + Ot + re + A.mainAxis : Kt + Ot + re + A.mainAxis, _e = s.elements.arrow && ne(s.elements.arrow), yn = _e ? v === "y" ? _e.clientTop || 0 : _e.clientLeft || 0 : 0, Pe = (T = O == null ? void 0 : O[v]) != null ? T : 0, En = tt + me - Pe - yn, xn = tt + wn - Pe, Me = Xt(p ? ue(xt, En) : xt, tt, p ? Rt(kt, xn) : kt);
-      $[v] = Me, P[v] = Me - tt;
+      }, bt = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ln(), Wt = bt[j], re = bt[z], Ot = Xt(0, D[K], qt[K]), me = f ? D[K] / 2 - ie - Ot - Wt - L.mainAxis : ge - Ot - Wt - L.mainAxis, wn = f ? -D[K] / 2 + ie + Ot + re + L.mainAxis : Kt + Ot + re + L.mainAxis, _e = s.elements.arrow && ne(s.elements.arrow), yn = _e ? v === "y" ? _e.clientTop || 0 : _e.clientLeft || 0 : 0, Pe = (T = O == null ? void 0 : O[v]) != null ? T : 0, En = et + me - Pe - yn, xn = et + wn - Pe, Me = Xt(p ? ue(xt, En) : xt, et, p ? Rt(kt, xn) : kt);
+      $[v] = Me, P[v] = Me - et;
     }
     if (o) {
-      var $e, kn = v === "x" ? J : Q, On = v === "x" ? at : ot, Ct = $[S], ae = S === "y" ? "height" : "width", De = Ct + k[kn], Ne = Ct - k[On], be = [J, Q].indexOf(u) !== -1, Be = ($e = O == null ? void 0 : O[S]) != null ? $e : 0, Re = be ? De : Ct - D[ae] - C[ae] - Be + A.altAxis, je = be ? Ct + D[ae] + C[ae] - Be - A.altAxis : Ne, qe = p && be ? Gn(Re, Ct, je) : Xt(p ? Re : De, Ct, p ? je : Ne);
+      var $e, kn = v === "x" ? Q : tt, On = v === "x" ? at : ot, Ct = $[S], ae = S === "y" ? "height" : "width", De = Ct + k[kn], Ne = Ct - k[On], be = [Q, tt].indexOf(u) !== -1, Be = ($e = O == null ? void 0 : O[S]) != null ? $e : 0, Re = be ? De : Ct - D[ae] - C[ae] - Be + L.altAxis, je = be ? Ct + D[ae] + C[ae] - Be - L.altAxis : Ne, qe = p && be ? Gn(Re, Ct, je) : Xt(p ? Re : De, Ct, p ? je : Ne);
       $[S] = qe, P[S] = qe - Ct;
     }
     s.modifiersData[e] = P;
@@ -1100,8 +1100,8 @@ function Bi(i) {
             d.rects = {
               reference: Pi(g, ne(f), d.options.strategy === "fixed"),
               popper: Oe(f)
-            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(A) {
-              return d.modifiersData[A.name] = Object.assign({}, A.data);
+            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(L) {
+              return d.modifiersData[L.name] = Object.assign({}, L.data);
             });
             for (var v = 0; v < d.orderedModifiers.length; v++) {
               if (d.reset === !0) {
@@ -4579,7 +4579,7 @@ const N = (i, s) => {
   }
 });
 function zi(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: q(["card", { "card-grid": i.grid }])
   }, [
     B(i.$slots, "default")
@@ -4587,19 +4587,19 @@ function zi(i, s, t, e, n, r) {
 }
 const fn = /* @__PURE__ */ N(qi, [["render", zi]]), Vi = {}, Hi = { class: "card-header" };
 function Fi(i, s) {
-  return I(), L("div", Hi, [
+  return I(), A("div", Hi, [
     B(i.$slots, "default")
   ]);
 }
 const pn = /* @__PURE__ */ N(Vi, [["render", Fi]]), Ui = {}, Ki = { class: "card-body" };
 function Wi(i, s) {
-  return I(), L("div", Ki, [
+  return I(), A("div", Ki, [
     B(i.$slots, "default")
   ]);
 }
 const gn = /* @__PURE__ */ N(Ui, [["render", Wi]]), Yi = {}, Zi = { class: "card-title" };
 function Xi(i, s) {
-  return I(), L("h3", Zi, [
+  return I(), A("h3", Zi, [
     B(i.$slots, "default")
   ]);
 }
@@ -4642,7 +4642,7 @@ const mn = /* @__PURE__ */ N(Yi, [["render", Xi]]), Gi = {
   }
 };
 function Ji(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: q(["overflow-hidden flex items-center justify-center", { "rounded-full": t.roundedFull, [r.avatarType]: !0 }]),
     style: Qe({ width: `${t.size}px`, height: `${t.size}px` })
   }, [
@@ -4705,7 +4705,7 @@ const Qi = /* @__PURE__ */ N(Gi, [["render", Ji]]), ts = dt({
   }
 });
 function es(i, s, t, e, n, r) {
-  return I(), L("span", {
+  return I(), A("span", {
     class: q(["badge gap-1.5", {
       [i.badgeType]: !0,
       [i.badgeSize]: !0,
@@ -4713,7 +4713,7 @@ function es(i, s, t, e, n, r) {
       "badge-pill": i.pilled
     }])
   }, [
-    i.withDot ? (I(), L("span", {
+    i.withDot ? (I(), A("span", {
       key: 0,
       class: q(["badge badge-dot size-1.5", { [i.badgeType]: !0 }])
     }, null, 2)) : R("", !0),
@@ -4737,7 +4737,7 @@ const ns = /* @__PURE__ */ N(ts, [["render", es]]), is = dt({
   }
 });
 function ss(i, s, t, e, n, r) {
-  return I(), L("i", {
+  return I(), A("i", {
     class: q(i.icon)
   }, null, 2);
 }
@@ -4840,7 +4840,7 @@ function os(i, s, t, e, n, r) {
             }, null, 8, ["name", "type"])) : R("", !0)
           ];
         }),
-        i.label ? (I(), L("span", {
+        i.label ? (I(), A("span", {
           key: 0,
           textContent: V(i.label)
         }, null, 8, as)) : R("", !0),
@@ -4857,7 +4857,7 @@ function os(i, s, t, e, n, r) {
 }
 const Te = /* @__PURE__ */ N(rs, [["render", os]]), ls = {}, cs = { class: "flex items-center text-sm font-normal text-gray-500 dark:text-gray-400 gap-2" };
 function ds(i, s) {
-  return I(), L("div", cs, [
+  return I(), A("div", cs, [
     B(i.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -4880,7 +4880,7 @@ const us = /* @__PURE__ */ N(ls, [["render", ds], ["__scopeId", "data-v-32659562
 });
 function fs(i, s, t, e, n, r) {
   const a = G("router-link");
-  return I(), L(et, null, [
+  return I(), A(J, null, [
     s[0] || (s[0] = M("span", { class: "kt-breadcrumbs-separator text-gray-400 text-sm" }, " / ", -1)),
     it(a, {
       class: q(["kt-breadcrumbs-el cursor-default", { "hover:text-primary cursor-pointer": !i.noLink }]),
@@ -4902,7 +4902,7 @@ const ps = /* @__PURE__ */ N(hs, [["render", fs]]), gs = dt({
   }
 }), ms = ["data-menu-accordion-expand-all"];
 function _s(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: "menu",
     "data-menu": "true",
     "data-menu-accordion-expand-all": i.expandAll
@@ -4919,7 +4919,7 @@ const bs = /* @__PURE__ */ N(gs, [["render", _s]]), vs = dt({
   }
 }), ws = ["data-menu-item-toggle", "data-menu-item-trigger", "data-menu-item-offset", "data-menu-item-placement"];
 function ys(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: q(["menu-item", { "menu-item-accordion": i.type === "accordion", "menu-item-dropdown": i.type === "dropdown" }]),
     "data-menu-item-toggle": i.type,
     "data-menu-item-trigger": i.trigger,
@@ -4987,7 +4987,7 @@ function Os(i, s, t, e, n, r) {
         class: q(["menu-title text-sm font-medium menu-item-here:text-gray-900 menu-item-active:text-gray-900 menu-link-hover:text-gray-900", { "text-gray-100 dark:text-gray-900": i.active, [i.textColor]: i.textColor }])
       }, V(i.label), 3),
       B(i.$slots, "right", {}, () => [
-        i.showArrow ? (I(), L("span", ks, [
+        i.showArrow ? (I(), A("span", ks, [
           it(a, {
             type: "filled",
             name: "down",
@@ -5014,7 +5014,7 @@ const Cs = /* @__PURE__ */ N(xs, [["render", Os]]), Ss = dt({
   }
 });
 function Is(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: q([{ "menu-accordion": i.type == "accordion", "menu-dropdown": i.type == "dropdown", "menu-default": i.useDefault }, "ml-6 my-2"])
   }, [
     B(i.$slots, "default")
@@ -5051,7 +5051,7 @@ const As = /* @__PURE__ */ N(Ss, [["render", Is]]), Ls = {
 }, Ts = { class: "pagination" };
 function Ps(i, s, t, e, n, r) {
   const a = G("KtButton");
-  return I(), L("div", Ts, [
+  return I(), A("div", Ts, [
     t.arrows ? (I(), st(a, {
       key: 0,
       "icon-only": "",
@@ -5059,7 +5059,7 @@ function Ps(i, s, t, e, n, r) {
       onClick: s[0] || (s[0] = (o) => i.$emit("update:modelValue", t.modelValue - 1)),
       icon: { name: "black-left", type: "outline" }
     }, null, 8, ["disabled"])) : R("", !0),
-    (I(!0), L(et, null, yt(r.visiblePages, (o) => (I(), st(a, {
+    (I(!0), A(J, null, yt(r.visiblePages, (o) => (I(), st(a, {
       label: o,
       class: q({ active: o === t.modelValue }),
       onClick: (l) => i.$emit("update:modelValue", o),
@@ -5190,7 +5190,7 @@ const _n = /* @__PURE__ */ N(Ls, [["render", Ps]]), Ms = {
 }, Ks = ["value"], Ws = ["align"], Ys = { class: "card-footer justify-center md:justify-between flex-col md:flex-row gap-5 text-gray-600 text-2sm font-medium" }, Zs = { class: "flex items-center gap-2" }, Xs = ["value"], Gs = { class: "flex items-center gap-4" };
 function Js(i, s, t, e, n, r) {
   const a = G("KtCardTitle"), o = G("KtCardHeader"), l = G("KtPagination"), c = G("KtCardBody"), d = G("KtCard");
-  return I(), L("div", $s, [
+  return I(), A("div", $s, [
     it(d, {
       class: "min-w-full",
       grid: ""
@@ -5221,7 +5221,7 @@ function Js(i, s, t, e, n, r) {
                 M("thead", null, [
                   B(i.$slots, "header", {}, () => [
                     M("tr", null, [
-                      t.multipleSelect ? (I(), L("th", Ns, [
+                      t.multipleSelect ? (I(), A("th", Ns, [
                         le(M("input", {
                           class: "checkbox checkbox-sm",
                           type: "checkbox",
@@ -5231,7 +5231,7 @@ function Js(i, s, t, e, n, r) {
                           [ze, r.selectAll]
                         ])
                       ])) : R("", !0),
-                      (I(!0), L(et, null, yt(t.columns, (h, b) => (I(), L("th", {
+                      (I(!0), A(J, null, yt(t.columns, (h, b) => (I(), A("th", {
                         class: q(h.headerClasses),
                         align: r.alignment(b),
                         width: h.width ? h.width : "300px"
@@ -5240,7 +5240,7 @@ function Js(i, s, t, e, n, r) {
                   ])
                 ]),
                 M("tbody", null, [
-                  t.loading ? (I(), L("tr", Rs, [
+                  t.loading ? (I(), A("tr", Rs, [
                     M("td", {
                       colspan: t.columns.length + (t.multipleSelect ? 1 : 0)
                     }, s[4] || (s[4] = [
@@ -5252,7 +5252,7 @@ function Js(i, s, t, e, n, r) {
                     ]), 8, js)
                   ])) : R("", !0),
                   B(i.$slots, "no-data", {}, () => [
-                    !t.loading && t.rows.length == 0 ? (I(), L("tr", qs, [
+                    !t.loading && t.rows.length == 0 ? (I(), A("tr", qs, [
                       M("td", {
                         colspan: t.columns.length
                       }, [
@@ -5270,8 +5270,8 @@ function Js(i, s, t, e, n, r) {
                       ], 8, zs)
                     ])) : R("", !0)
                   ]),
-                  t.loading ? R("", !0) : (I(!0), L(et, { key: 1 }, yt(r.data, (h) => B(i.$slots, "body", {}, () => [
-                    (I(), L("tr", {
+                  t.loading ? R("", !0) : (I(!0), A(J, { key: 1 }, yt(r.data, (h) => B(i.$slots, "body", {}, () => [
+                    (I(), A("tr", {
                       key: h.id,
                       onClick: (b) => t.selectable && r.selectRow(h),
                       class: q({
@@ -5279,7 +5279,7 @@ function Js(i, s, t, e, n, r) {
                         "bg-blue-100 dark:bg-blue-900 hover:bg-blue-200 dark:hover:bg-blue-800": n.selectedRow === h
                       })
                     }, [
-                      t.multipleSelect ? (I(), L("td", Us, [
+                      t.multipleSelect ? (I(), A("td", Us, [
                         le(M("input", {
                           class: "checkbox checkbox-sm",
                           "onUpdate:modelValue": s[2] || (s[2] = (b) => n.selectedItem = b),
@@ -5290,7 +5290,7 @@ function Js(i, s, t, e, n, r) {
                           [ze, n.selectedItem]
                         ])
                       ])) : R("", !0),
-                      (I(!0), L(et, null, yt(t.columns, (b, p) => B(i.$slots, `body-cell-${b.name}`, {
+                      (I(!0), A(J, null, yt(t.columns, (b, p) => B(i.$slots, `body-cell-${b.name}`, {
                         align: r.alignment(p),
                         row: h
                       }, () => [
@@ -5311,7 +5311,7 @@ function Js(i, s, t, e, n, r) {
                     "onUpdate:modelValue": s[3] || (s[3] = (h) => n.perPage = h),
                     class: "select select-sm w-16"
                   }, [
-                    (I(!0), L(et, null, yt(t.rowsPerPageOptions, (h) => (I(), L("option", {
+                    (I(!0), A(J, null, yt(t.rowsPerPageOptions, (h) => (I(), A("option", {
                       value: h,
                       key: h
                     }, V(h), 9, Xs))), 128))
@@ -5364,7 +5364,7 @@ const Qs = /* @__PURE__ */ N(Ms, [["render", Js]]), tr = {
   class: "switch-label order-1 text-sm text-gray-700"
 };
 function sr(i, s, t, e, n, r) {
-  return I(), L("label", er, [
+  return I(), A("label", er, [
     M("input", {
       name: "check",
       type: "checkbox",
@@ -5373,12 +5373,12 @@ function sr(i, s, t, e, n, r) {
       disabled: t.disabled,
       class: "order-2"
     }, null, 40, nr),
-    t.label ? (I(), L("span", ir, V(t.label), 1)) : R("", !0)
+    t.label ? (I(), A("span", ir, V(t.label), 1)) : R("", !0)
   ]);
 }
 const rr = /* @__PURE__ */ N(tr, [["render", sr]]), ar = {}, or = { class: "menu-separator" };
 function lr(i, s) {
-  return I(), L("div", or);
+  return I(), A("div", or);
 }
 const cr = /* @__PURE__ */ N(ar, [["render", lr]]), dr = {
   props: {
@@ -5450,10 +5450,10 @@ const cr = /* @__PURE__ */ N(ar, [["render", lr]]), dr = {
 function gr(i, s, t, e, n, r) {
   var o, l;
   const a = G("kt-icon");
-  return I(), L(et, null, [
-    t.label ? (I(), L("label", ur, [
+  return I(), A(J, null, [
+    t.label ? (I(), A("label", ur, [
       ct(V(t.label) + ": ", 1),
-      t.required ? (I(), L("span", hr, " * ")) : R("", !0)
+      t.required ? (I(), A("span", hr, " * ")) : R("", !0)
     ])) : R("", !0),
     M("div", {
       class: q({
@@ -5481,7 +5481,7 @@ function gr(i, s, t, e, n, r) {
         onBlur: s[3] || (s[3] = (...c) => r.onBlur && r.onBlur(...c))
       }, null, 42, fr)
     ], 2),
-    r.inputRequired && n.touched ? (I(), L("span", pr, " This field is required! ")) : R("", !0)
+    r.inputRequired && n.touched ? (I(), A("span", pr, " This field is required! ")) : R("", !0)
   ], 64);
 }
 const mr = /* @__PURE__ */ N(dr, [["render", gr]]), _r = {
@@ -5498,7 +5498,7 @@ const mr = /* @__PURE__ */ N(dr, [["render", gr]]), _r = {
   }
 }, br = { class: "flex flex-col gap-1 w-full" }, vr = { class: "text-md font-semibold text-gray-700" };
 function wr(i, s, t, e, n, r) {
-  return I(), L("div", br, [
+  return I(), A("div", br, [
     M("span", vr, V(t.label), 1),
     M("span", {
       class: q(["text-sm font-normal uppercase text-gray-600 p-2 border border-gray-500 rounded-md", { "border-dashed": t.dashed }])
@@ -5557,10 +5557,10 @@ const yr = /* @__PURE__ */ N(_r, [["render", wr]]), Er = {
   class: "text-xs text-red-500"
 };
 function Sr(i, s, t, e, n, r) {
-  return I(), L(et, null, [
+  return I(), A(J, null, [
     M("label", xr, [
       ct(V(t.label) + " ", 1),
-      t.required ? (I(), L("span", kr, " * ")) : R("", !0)
+      t.required ? (I(), A("span", kr, " * ")) : R("", !0)
     ]),
     M("textarea", {
       class: q(["textarea text-gray-700", { [r.inputSize]: !0, "border-danger": r.inputRequired && n.isFocused }]),
@@ -5571,12 +5571,12 @@ function Sr(i, s, t, e, n, r) {
       onInput: s[0] || (s[0] = (a) => i.$emit("update:modelValue", a.target.value)),
       onFocus: s[1] || (s[1] = (a) => n.isFocused = !0)
     }, null, 42, Or),
-    r.inputRequired && n.isFocused ? (I(), L("span", Cr, " *This field is required ")) : R("", !0)
+    r.inputRequired && n.isFocused ? (I(), A("span", Cr, " *This field is required ")) : R("", !0)
   ], 64);
 }
 const Ir = /* @__PURE__ */ N(Er, [["render", Sr]]), Ar = {
   props: {
-    modelValue: [String, Number],
+    modelValue: [String, Number, Array],
     // Fix type declaration
     options: {
       type: Array,
@@ -5610,7 +5610,11 @@ const Ir = /* @__PURE__ */ N(Er, [["render", Sr]]), Ar = {
       type: Boolean,
       default: !1
     },
-    label: String
+    label: String,
+    multiple: {
+      type: Boolean,
+      default: !1
+    }
   },
   data() {
     return {
@@ -5628,13 +5632,20 @@ const Ir = /* @__PURE__ */ N(Er, [["render", Sr]]), Ar = {
       return "";
     },
     inputRequired() {
-      return this.required && !this.modelValue;
+      return this.required ? this.multiple ? !this.modelValue.length : !this.modelValue : !1;
     }
   },
   methods: {
     handleInput(i) {
-      const s = i.target.value;
-      this.$emit("update:modelValue", s === "close" ? "" : s);
+      if (this.multiple) {
+        const s = Array.from(i.target.selectedOptions).map(
+          (t) => t.value
+        );
+        this.$emit("update:modelValue", s);
+      } else {
+        const s = i.target.value;
+        this.$emit("update:modelValue", s === "close" ? "" : s);
+      }
     }
   }
 }, Lr = {
@@ -5655,10 +5666,10 @@ const Ir = /* @__PURE__ */ N(Er, [["render", Sr]]), Ar = {
   class: "text-xs text-red-500"
 };
 function Br(i, s, t, e, n, r) {
-  return I(), L(et, null, [
-    t.label ? (I(), L("label", Lr, [
+  return I(), A(J, null, [
+    t.label ? (I(), A("label", Lr, [
       ct(V(t.label) + " ", 1),
-      t.required ? (I(), L("span", Tr, " *")) : R("", !0)
+      t.required ? (I(), A("span", Tr, " *")) : R("", !0)
     ])) : R("", !0),
     M("select", {
       class: q(["select", { [r.inputSize]: !0, "border-danger": r.inputRequired && n.isFocused }]),
@@ -5667,14 +5678,14 @@ function Br(i, s, t, e, n, r) {
       value: t.modelValue,
       disabled: t.disabled
     }, [
-      t.resetBtn ? (I(), L("option", Mr, "Reset Selection")) : R("", !0),
+      t.resetBtn ? (I(), A("option", Mr, "Reset Selection")) : R("", !0),
       M("option", $r, "Select " + V(t.placeholder), 1),
-      (I(!0), L(et, null, yt(t.options, (a) => (I(), L("option", {
+      (I(!0), A(J, null, yt(t.options, (a) => (I(), A("option", {
         key: a[t.optionValue],
         value: a[t.optionValue]
       }, V(a[t.optionLabel]), 9, Dr))), 128))
     ], 42, Pr),
-    r.inputRequired && n.isFocused ? (I(), L("span", Nr, " *This field is required ")) : R("", !0)
+    r.inputRequired && n.isFocused ? (I(), A("span", Nr, " *This field is required ")) : R("", !0)
   ], 64);
 }
 const Ge = /* @__PURE__ */ N(Ar, [["render", Br]]), Rr = {
@@ -5718,7 +5729,7 @@ const Ge = /* @__PURE__ */ N(Ar, [["render", Br]]), Rr = {
   }
 }, jr = ["data-modal-backdrop-static"];
 function qr(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: "modal flex items-center",
     ref: "dialog",
     "data-modal-backdrop-static": t.persistent
@@ -5971,8 +5982,8 @@ function Fr() {
         };
       }, function(t, e, n) {
         function r(C, x) {
-          for (var A = 0; A < C.length; A++) {
-            var O = C[A], P = k[O.id];
+          for (var L = 0; L < C.length; L++) {
+            var O = C[L], P = k[O.id];
             if (P) {
               P.refs++;
               for (var T = 0; T < P.parts.length; T++) P.parts[T](O.parts[T]);
@@ -5984,20 +5995,20 @@ function Fr() {
           }
         }
         function a(C, x) {
-          for (var A = [], O = {}, P = 0; P < C.length; P++) {
-            var T = C[P], j = x.base ? T[0] + x.base : T[0], z = T[1], K = T[2], tt = T[3], xt = { css: z, media: K, sourceMap: tt };
-            O[j] ? O[j].parts.push(xt) : A.push(O[j] = { id: j, parts: [xt] });
+          for (var L = [], O = {}, P = 0; P < C.length; P++) {
+            var T = C[P], j = x.base ? T[0] + x.base : T[0], z = T[1], K = T[2], et = T[3], xt = { css: z, media: K, sourceMap: et };
+            O[j] ? O[j].parts.push(xt) : L.push(O[j] = { id: j, parts: [xt] });
           }
-          return A;
+          return L;
         }
         function o(C, x) {
-          var A = g(C.insertInto);
-          if (!A) throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
+          var L = g(C.insertInto);
+          if (!L) throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
           var O = S[S.length - 1];
-          if (C.insertAt === "top") O ? O.nextSibling ? A.insertBefore(x, O.nextSibling) : A.appendChild(x) : A.insertBefore(x, A.firstChild), S.push(x);
+          if (C.insertAt === "top") O ? O.nextSibling ? L.insertBefore(x, O.nextSibling) : L.appendChild(x) : L.insertBefore(x, L.firstChild), S.push(x);
           else {
             if (C.insertAt !== "bottom") throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-            A.appendChild(x);
+            L.appendChild(x);
           }
         }
         function l(C) {
@@ -6015,12 +6026,12 @@ function Fr() {
           return C.attrs.type = "text/css", C.attrs.rel = "stylesheet", h(x, C.attrs), o(C, x), x;
         }
         function h(C, x) {
-          Object.keys(x).forEach(function(A) {
-            C.setAttribute(A, x[A]);
+          Object.keys(x).forEach(function(L) {
+            C.setAttribute(L, x[L]);
           });
         }
         function b(C, x) {
-          var A, O, P, T;
+          var L, O, P, T;
           if (x.transform && C.css) {
             if (!(T = x.transform(C.css))) return function() {
             };
@@ -6028,11 +6039,11 @@ function Fr() {
           }
           if (x.singleton) {
             var j = v++;
-            A = f || (f = c(x)), O = p.bind(null, A, j, !1), P = p.bind(null, A, j, !0);
-          } else C.sourceMap && typeof URL == "function" && typeof URL.createObjectURL == "function" && typeof URL.revokeObjectURL == "function" && typeof Blob == "function" && typeof btoa == "function" ? (A = d(x), O = E.bind(null, A, x), P = function() {
-            l(A), A.href && URL.revokeObjectURL(A.href);
-          }) : (A = c(x), O = y.bind(null, A), P = function() {
-            l(A);
+            L = f || (f = c(x)), O = p.bind(null, L, j, !1), P = p.bind(null, L, j, !0);
+          } else C.sourceMap && typeof URL == "function" && typeof URL.createObjectURL == "function" && typeof URL.revokeObjectURL == "function" && typeof Blob == "function" && typeof btoa == "function" ? (L = d(x), O = E.bind(null, L, x), P = function() {
+            l(L), L.href && URL.revokeObjectURL(L.href);
+          }) : (L = c(x), O = y.bind(null, L), P = function() {
+            l(L);
           });
           return O(C), function(z) {
             if (z) {
@@ -6041,8 +6052,8 @@ function Fr() {
             } else P();
           };
         }
-        function p(C, x, A, O) {
-          var P = A ? "" : O.css;
+        function p(C, x, L, O) {
+          var P = L ? "" : O.css;
           if (C.styleSheet) C.styleSheet.cssText = D(x, P);
           else {
             var T = document.createTextNode(P), j = C.childNodes;
@@ -6050,15 +6061,15 @@ function Fr() {
           }
         }
         function y(C, x) {
-          var A = x.css, O = x.media;
-          if (O && C.setAttribute("media", O), C.styleSheet) C.styleSheet.cssText = A;
+          var L = x.css, O = x.media;
+          if (O && C.setAttribute("media", O), C.styleSheet) C.styleSheet.cssText = L;
           else {
             for (; C.firstChild; ) C.removeChild(C.firstChild);
-            C.appendChild(document.createTextNode(A));
+            C.appendChild(document.createTextNode(L));
           }
         }
-        function E(C, x, A) {
-          var O = A.css, P = A.sourceMap, T = x.convertToAbsoluteUrls === void 0 && P;
+        function E(C, x, L) {
+          var O = L.css, P = L.sourceMap, T = x.convertToAbsoluteUrls === void 0 && P;
           (x.convertToAbsoluteUrls || T) && (O = $(O)), P && (O += `
 /*# sourceMappingURL=data:application/json;base64,` + btoa(unescape(encodeURIComponent(JSON.stringify(P)))) + " */");
           var j = new Blob([O], { type: "text/css" }), z = C.href;
@@ -6073,8 +6084,8 @@ function Fr() {
           return window && document && document.all && !window.atob;
         }), g = /* @__PURE__ */ function(C) {
           var x = {};
-          return function(A) {
-            return x[A] === void 0 && (x[A] = C.call(this, A)), x[A];
+          return function(L) {
+            return x[L] === void 0 && (x[L] = C.call(this, L)), x[L];
           };
         }(function(C) {
           return document.querySelector(C);
@@ -6082,10 +6093,10 @@ function Fr() {
         t.exports = function(C, x) {
           if (typeof DEBUG < "u" && DEBUG && typeof document != "object") throw new Error("The style-loader cannot be used in a non-browser environment");
           x = x || {}, x.attrs = typeof x.attrs == "object" ? x.attrs : {}, x.singleton || (x.singleton = u()), x.insertInto || (x.insertInto = "head"), x.insertAt || (x.insertAt = "bottom");
-          var A = a(C, x);
-          return r(A, x), function(O) {
-            for (var P = [], T = 0; T < A.length; T++) {
-              var j = A[T], z = k[j.id];
+          var L = a(C, x);
+          return r(L, x), function(O) {
+            for (var P = [], T = 0; T < L.length; T++) {
+              var j = L[T], z = k[j.id];
               z.refs--, P.push(z);
             }
             O && r(a(O, x), x);
@@ -6100,8 +6111,8 @@ function Fr() {
         };
         var D = /* @__PURE__ */ function() {
           var C = [];
-          return function(x, A) {
-            return C[x] = A, C.filter(Boolean).join(`
+          return function(x, L) {
+            return C[x] = L, C.filter(Boolean).join(`
 `);
           };
         }();
@@ -6225,8 +6236,8 @@ function Fr() {
                 function S(C, x) {
                   try {
                     if (x && (typeof x == "object" || typeof x == "function")) {
-                      var A = x.then;
-                      if (typeof A == "function") return void A.call(x, function(O) {
+                      var L = x.then;
+                      if (typeof L == "function") return void L.call(x, function(O) {
                         S(C, O);
                       }, v);
                     }
@@ -6613,8 +6624,8 @@ function Fr() {
           }).forEach(function(O) {
             C.classList.add(O);
           }), g && k === d.CONFIRM_KEY && C.classList.add(c), C.textContent = f;
-          var A = {};
-          return A[k] = v, p.setActionValue(A), p.setActionOptionsFor(k, { closeModal: $ }), C.addEventListener("click", function() {
+          var L = {};
+          return L[k] = v, p.setActionValue(L), p.setActionOptionsFor(k, { closeModal: $ }), C.addEventListener("click", function() {
             return b.onAction(k);
           }), D;
         }, E = function(k, u) {
@@ -6699,10 +6710,10 @@ function Fr() {
           r.default.timer && clearTimeout(r.default.timer), O && (r.default.timer = window.setTimeout(function() {
             return a.onAction(l.CANCEL_KEY);
           }, O));
-        }, A = function(O) {
+        }, L = function(O) {
           O.closeOnEsc ? document.addEventListener("keyup", E) : document.removeEventListener("keyup", E), O.dangerMode ? g() : f(), $(), C(O.closeOnClickOutside), x(O.timer);
         };
-        e.default = A;
+        e.default = L;
       }, function(t, e, n) {
         Object.defineProperty(e, "__esModule", { value: !0 });
         var r = n(1), a = n(3), o = n(37), l = n(38), c = { title: null, text: null, icon: null, buttons: a.defaultButtonList, content: null, className: null, closeOnClickOutside: !0, closeOnEsc: !0, dangerMode: !1, timer: null }, d = Object.assign({}, c);
@@ -6770,7 +6781,7 @@ function Fr() {
 var Ur = Fr();
 const ut = /* @__PURE__ */ Vr(Ur);
 let bn = 1;
-const ro = () => {
+const ao = () => {
   const i = Pn(null);
   function s() {
     i.value.hide();
@@ -6918,7 +6929,7 @@ const ro = () => {
 }), Yr = ["textContent"];
 function Zr(i, s, t, e, n, r) {
   const a = G("kt-button");
-  return I(), L("div", {
+  return I(), A("div", {
     class: q(["modal-header bg-inherit", { "kt-dialog-header-fixed": i.fixed }])
   }, [
     B(i.$slots, "default", {}, () => [
@@ -6939,13 +6950,13 @@ function Zr(i, s, t, e, n, r) {
 }
 const Xr = /* @__PURE__ */ N(Wr, [["render", Zr], ["__scopeId", "data-v-b6ffd26d"]]), Gr = {}, Jr = { class: "modal-body md:min-h-[30vh] p-5" };
 function Qr(i, s) {
-  return I(), L("div", Jr, [
+  return I(), A("div", Jr, [
     B(i.$slots, "default")
   ]);
 }
 const ta = /* @__PURE__ */ N(Gr, [["render", Qr]]), ea = {}, na = { class: "modal-footer justify-end" };
 function ia(i, s) {
-  return I(), L("div", na, [
+  return I(), A("div", na, [
     B(i.$slots, "default")
   ]);
 }
@@ -6954,7 +6965,7 @@ const sa = /* @__PURE__ */ N(ea, [["render", ia]]), ra = {}, aa = {
   style: { maxWidth: "800px", maxHeight: "90vh" }
 };
 function oa(i, s) {
-  return I(), L("div", aa, [
+  return I(), A("div", aa, [
     B(i.$slots, "default")
   ]);
 }
@@ -7033,7 +7044,7 @@ const ua = /* @__PURE__ */ N(ca, [["render", da]]), ha = {
 function fa(i, s, t, e, n, r) {
   var o, l;
   const a = G("kt-icon");
-  return t.btnTab ? (I(), L("button", {
+  return t.btnTab ? (I(), A("button", {
     key: 1,
     class: "btn btn-icon",
     onClick: s[1] || (s[1] = (c) => r.selectTab(t.name)),
@@ -7043,7 +7054,7 @@ function fa(i, s, t, e, n, r) {
       name: t.icon,
       class: q({ "text-primary": r.active === t.name })
     }, null, 8, ["name", "class"])
-  ])) : (I(), L("button", {
+  ])) : (I(), A("button", {
     key: 0,
     class: q(["tab", { active: r.active === t.name }]),
     onClick: s[0] || (s[0] = (c) => r.selectTab(t.name)),
@@ -7071,7 +7082,7 @@ const pa = /* @__PURE__ */ N(ha, [["render", fa]]), ga = {
   }
 }, ma = { key: 0 };
 function _a(i, s, t, e, n, r) {
-  return r.isActive ? (I(), L("div", ma, [
+  return r.isActive ? (I(), A("div", ma, [
     B(i.$slots, "default")
   ])) : R("", !0);
 }
@@ -7084,7 +7095,7 @@ const ba = /* @__PURE__ */ N(ga, [["render", _a]]), va = {
   }
 }, wa = { "data-tabs": "true" };
 function ya(i, s, t, e, n, r) {
-  return I(), L("div", wa, [
+  return I(), A("div", wa, [
     B(i.$slots, "default")
   ]);
 }
@@ -7104,7 +7115,7 @@ const Ea = /* @__PURE__ */ N(va, [["render", ya]]), xa = {
   }
 };
 function ka(i, s, t, e, n, r) {
-  return I(), L("div", {
+  return I(), A("div", {
     class: q({ "btn-tabs": t.btnTabs, tabs: !t.btnTabs })
   }, [
     B(i.$slots, "default")
@@ -7132,27 +7143,32 @@ const Oa = /* @__PURE__ */ N(xa, [["render", ka]]), Ca = {
       return (i == null ? void 0 : i.label) || "Unnamed Page";
     }
   }
-}, Sa = { class: "text-gray-900 text-lg font-semibold" };
-function Ia(i, s, t, e, n, r) {
+}, Sa = { class: "text-gray-900 text-lg font-semibold" }, Ia = {
+  key: 1,
+  class: "text-gray-500"
+};
+function Aa(i, s, t, e, n, r) {
   const a = G("kt-breadcrumbs-el"), o = G("kt-breadcrumbs");
-  return I(), L("div", null, [
+  return I(), A("div", null, [
     M("h1", Sa, V(r.pageTitle), 1),
     it(o, null, {
       default: mt(() => [
-        (I(!0), L(et, null, yt(r.computedBreadcrumbs, (l, c) => (I(), st(a, {
-          key: c,
-          to: l.to,
-          label: l.label
-        }, null, 8, ["to", "label"]))), 128))
+        (I(!0), A(J, null, yt(r.computedBreadcrumbs, (l, c) => (I(), A(J, { key: c }, [
+          l.to ? (I(), st(a, {
+            key: 0,
+            to: l.to,
+            label: l.label
+          }, null, 8, ["to", "label"])) : (I(), A("span", Ia, V(l.label), 1))
+        ], 64))), 128))
       ]),
       _: 1
     })
   ]);
 }
-const Aa = /* @__PURE__ */ N(Ca, [["render", Ia]]), La = {};
-function Ta(i, s) {
+const La = /* @__PURE__ */ N(Ca, [["render", Aa]]), Ta = {};
+function Pa(i, s) {
   const t = G("kt-card");
-  return I(), L("div", null, [
+  return I(), A("div", null, [
     it(t, { class: "p-4 animate-pulse flex flex-col gap-4" }, {
       default: mt(() => s[0] || (s[0] = [
         M("div", { class: "max-w-40 bg-gray-500 rounded-md p-2 animate-pulse" }, null, -1),
@@ -7162,7 +7178,7 @@ function Ta(i, s) {
     })
   ]);
 }
-const Pa = /* @__PURE__ */ N(La, [["render", Ta]]), Ma = {
+const Ma = /* @__PURE__ */ N(Ta, [["render", Pa]]), $a = {
   props: {
     modelValue: String,
     options: {
@@ -7194,34 +7210,34 @@ const Pa = /* @__PURE__ */ N(La, [["render", Ta]]), Ma = {
       this.$emit("update:modelValue", i);
     }
   }
-}, $a = {
+}, Da = {
   key: 0,
   class: "form-label flex items-center max-w-full pb-2"
-}, Da = {
+}, Na = {
   key: 0,
   class: "text-danger pl-1"
-}, Na = { class: "btn-group w-full flex" }, Ba = ["onClick", "disabled"], Ra = {
+}, Ba = { class: "btn-group w-full flex" }, Ra = ["onClick", "disabled"], ja = {
   key: 1,
   class: "text-xs text-red-500"
 };
-function ja(i, s, t, e, n, r) {
-  return I(), L(et, null, [
-    t.label ? (I(), L("label", $a, [
+function qa(i, s, t, e, n, r) {
+  return I(), A(J, null, [
+    t.label ? (I(), A("label", Da, [
       ct(V(t.label) + ": ", 1),
-      t.required ? (I(), L("span", Da, " * ")) : R("", !0)
+      t.required ? (I(), A("span", Na, " * ")) : R("", !0)
     ])) : R("", !0),
-    M("div", Na, [
-      (I(!0), L(et, null, yt(t.options, (a, o) => (I(), L("button", {
+    M("div", Ba, [
+      (I(!0), A(J, null, yt(t.options, (a, o) => (I(), A("button", {
         key: a.value,
         class: q(["btn flex-1 justify-center", t.modelValue === a.value ? "btn-primary" : "btn-light"]),
         onClick: (l) => r.setActive(a.value),
         disabled: t.disabled
-      }, V(a.name), 11, Ba))), 128))
+      }, V(a.name), 11, Ra))), 128))
     ]),
-    i.inputRequired && i.touched ? (I(), L("span", Ra, " This field is required! ")) : R("", !0)
+    i.inputRequired && i.touched ? (I(), A("span", ja, " This field is required! ")) : R("", !0)
   ], 64);
 }
-const qa = /* @__PURE__ */ N(Ma, [["render", ja]]), za = {
+const za = /* @__PURE__ */ N($a, [["render", qa]]), Va = {
   __name: "KtChip",
   props: {
     label: String,
@@ -7236,11 +7252,11 @@ const qa = /* @__PURE__ */ N(Ma, [["render", ja]]), za = {
       "py-2",
       "font-bold"
     ]);
-    return (e, n) => (I(), L("div", {
+    return (e, n) => (I(), A("div", {
       class: q(t.value)
     }, V(i.label), 3));
   }
-}, Va = {
+}, Ha = {
   props: {
     title: {
       type: String,
@@ -7270,47 +7286,47 @@ const qa = /* @__PURE__ */ N(Ma, [["render", ja]]), za = {
       this.disabled || (this.active = !this.active, await Mn(), this.active ? this.contentHeight = this.$refs.content.scrollHeight + "px" : this.contentHeight = "0px");
     }
   }
-}, Ha = { class: "accordion-item border rounded-xl relative bg-white" }, Fa = ["disabled"], Ua = { class: "text-lg uppercase text-gray-900 font-medium flex gap-3 w-full" }, Ka = {
+}, Fa = { class: "accordion-item border rounded-xl relative bg-white" }, Ua = ["disabled"], Ka = { class: "text-lg uppercase text-gray-900 font-medium flex gap-3 w-full" }, Wa = {
   key: 0,
   class: "flex items-center"
-}, Wa = {
+}, Ya = {
   key: 0,
   class: "ki-outline ki-down text-gray-600 text-md"
-}, Ya = {
+}, Za = {
   key: 1,
   class: "ki-outline ki-up text-gray-600 text-md"
-}, Za = { class: "flex flex-row gap-4 items-center" }, Xa = { key: 0 }, Ga = {
+}, Xa = { class: "flex flex-row gap-4 items-center" }, Ga = { key: 0 }, Ja = {
   key: 0,
   class: "ki-outline ki-down text-gray-600 text-md"
-}, Ja = {
+}, Qa = {
   key: 1,
   class: "ki-outline ki-up text-gray-600 text-md"
-}, Qa = {
+}, to = {
   key: 0,
   class: "tooltip-disabled"
-}, to = { class: "text-gray-700 text-md p-4" };
-function eo(i, s, t, e, n, r) {
+}, eo = { class: "text-gray-700 text-md p-4" };
+function no(i, s, t, e, n, r) {
   const a = G("kt-icon");
-  return I(), L("div", Ha, [
+  return I(), A("div", Fa, [
     M("button", {
       class: q(["accordion-toggle p-4 flex justify-between items-center w-full", { "opacity-50 cursor-not-allowed": t.disabled }]),
       disabled: t.disabled,
       onClick: s[0] || (s[0] = (...o) => r.toggleAccordion && r.toggleAccordion(...o))
     }, [
-      M("span", Ua, [
-        t.actionFirst ? (I(), L("div", Ka, [
-          n.active ? (I(), L("i", Ya)) : (I(), L("i", Wa))
+      M("span", Ka, [
+        t.actionFirst ? (I(), A("div", Wa, [
+          n.active ? (I(), A("i", Za)) : (I(), A("i", Ya))
         ])) : R("", !0),
         B(i.$slots, "title")
       ]),
-      M("div", Za, [
+      M("div", Xa, [
         B(i.$slots, "slot-right"),
-        t.actionFirst ? R("", !0) : (I(), L("div", Xa, [
-          n.active ? (I(), L("i", Ja)) : (I(), L("i", Ga))
+        t.actionFirst ? R("", !0) : (I(), A("div", Ga, [
+          n.active ? (I(), A("i", Qa)) : (I(), A("i", Ja))
         ]))
       ])
-    ], 10, Fa),
-    t.disabled ? (I(), L("div", Qa, [
+    ], 10, Ua),
+    t.disabled ? (I(), A("div", to, [
       it(a, {
         class: "text-3xl text-blue-100",
         name: "ki-outline ki-information"
@@ -7325,21 +7341,21 @@ function eo(i, s, t, e, n, r) {
       class: q(["accordion-content transition-all duration-700 ease-in-out", { "border-t": n.active }]),
       style: Qe({ height: n.active ? n.contentHeight : "0px" })
     }, [
-      M("div", to, [
+      M("div", eo, [
         B(i.$slots, "content")
       ])
     ], 6)
   ]);
 }
-const no = /* @__PURE__ */ N(Va, [["render", eo]]), vn = {
+const io = /* @__PURE__ */ N(Ha, [["render", no]]), vn = {
   install(i, s) {
-    i.component("KtCard", fn), i.component("KtCardHeader", pn), i.component("KtCardBody", gn), i.component("KtCardTitle", mn), i.component("KtIcon", pe), i.component("KtButton", Te), i.component("KtAvatar", Qi), i.component("KtBreadcrumbs", us), i.component("KtBreadcrumbsEl", ps), i.component("KtMenu", bs), i.component("KtMenuItem", Es), i.component("KtMenuLink", Cs), i.component("KtSubMenu", As), i.component("KtPagination", _n), i.component("KtTable", Qs), i.component("KtBadge", ns), i.component("KtSwitch", rr), i.component("KtSeparator", cr), i.component("KtInput", mr), i.component("KtInputLabel", yr), i.component("KtTextarea", Ir), i.component("KtSelect", Ge), i.component("KtDialog", zr), i.component("KtDialogHeader", Xr), i.component("KtDialogBody", ta), i.component("KtDialogFooter", sa), i.component("KtDialogContent", la), i.component("KtDialogManager", ua), i.component("ktTab", pa), i.component("ktTabPanel", ba), i.component("ktTabPanels", Ea), i.component("ktTabs", Oa), i.component("KtPageTitle", Aa), i.component("KtSkeletonCard", Pa), i.component("KtButtonGroup", qa), i.component("KtSelect", Ge), i.component("KtChip", za), i.component("KtAccordion", no);
+    i.component("KtCard", fn), i.component("KtCardHeader", pn), i.component("KtCardBody", gn), i.component("KtCardTitle", mn), i.component("KtIcon", pe), i.component("KtButton", Te), i.component("KtAvatar", Qi), i.component("KtBreadcrumbs", us), i.component("KtBreadcrumbsEl", ps), i.component("KtMenu", bs), i.component("KtMenuItem", Es), i.component("KtMenuLink", Cs), i.component("KtSubMenu", As), i.component("KtPagination", _n), i.component("KtTable", Qs), i.component("KtBadge", ns), i.component("KtSwitch", rr), i.component("KtSeparator", cr), i.component("KtInput", mr), i.component("KtInputLabel", yr), i.component("KtTextarea", Ir), i.component("KtSelect", Ge), i.component("KtDialog", zr), i.component("KtDialogHeader", Xr), i.component("KtDialogBody", ta), i.component("KtDialogFooter", sa), i.component("KtDialogContent", la), i.component("KtDialogManager", ua), i.component("ktTab", pa), i.component("ktTabPanel", ba), i.component("ktTabPanels", Ea), i.component("ktTabs", Oa), i.component("KtPageTitle", La), i.component("KtSkeletonCard", Ma), i.component("KtButtonGroup", za), i.component("KtSelect", Ge), i.component("KtChip", Va), i.component("KtAccordion", io);
   }
 };
 export {
   Ut as KTComponent,
   vn as KtPlugin,
   Kr as dialog,
-  ro as useDialog
+  ao as useDialog
 };
 //# sourceMappingURL=metronics-vue.es.js.map