metronics-vue 1.6.13 → 1.7.14

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 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";
+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 Xt, vShow as In, renderList as yt, vModelCheckbox as ze, vModelSelect as An, withKeys as Ln, vModelDynamic as Tn, provide as Pn, createApp as en, ref as Mn, computed as nn, nextTick as $n } from "vue";
 const Y = {
   geUID(i = "") {
     return i + Math.floor(Math.random() * (/* @__PURE__ */ new Date()).getTime());
@@ -260,11 +260,11 @@ const Y = {
     !i || Yt[t] === null || (i.removeEventListener(s, Yt[t]), delete Yt[t]);
   }
 };
-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]);
-}, []), Nn = "beforeRead", Bn = "read", Rn = "afterRead", jn = "beforeMain", qn = "main", zn = "afterMain", Vn = "beforeWrite", Hn = "write", Fn = "afterWrite", Un = [Nn, Bn, Rn, jn, qn, zn, Vn, Hn, Fn];
+var Q = "top", at = "bottom", ot = "right", tt = "left", xe = "auto", ne = [Q, at, ot, tt], zt = "start", te = "end", Dn = "clippingParents", sn = "viewport", Zt = "popper", Nn = "reference", Ve = /* @__PURE__ */ ne.reduce(function(i, s) {
+  return i.concat([s + "-" + zt, s + "-" + te]);
+}, []), rn = /* @__PURE__ */ [].concat(ne, [xe]).reduce(function(i, s) {
+  return i.concat([s, s + "-" + zt, s + "-" + te]);
+}, []), Bn = "beforeRead", Rn = "read", jn = "afterRead", qn = "beforeMain", zn = "main", Vn = "afterMain", Hn = "beforeWrite", Fn = "write", Un = "afterWrite", Kn = [Bn, Rn, jn, qn, zn, Vn, Hn, Fn, Un];
 function ft(i) {
   return i ? (i.nodeName || "").toLowerCase() : null;
 }
@@ -291,7 +291,7 @@ function ke(i) {
   var s = nt(i).ShadowRoot;
   return i instanceof s || i instanceof ShadowRoot;
 }
-function Kn(i) {
+function Wn(i) {
   var s = i.state;
   Object.keys(s.elements).forEach(function(t) {
     var e = s.styles[t] || {}, n = s.attributes[t] || {}, r = s.elements[t];
@@ -301,7 +301,7 @@ function Kn(i) {
     }));
   });
 }
-function Wn(i) {
+function Yn(i) {
   var s = i.state, t = {
     popper: {
       position: s.options.strategy,
@@ -325,12 +325,12 @@ function Wn(i) {
     });
   };
 }
-const Yn = {
+const Zn = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Kn,
-  effect: Wn,
+  fn: Wn,
+  effect: Yn,
   requires: ["computeStyles"]
 };
 function ht(i) {
@@ -388,7 +388,7 @@ function on(i, s) {
 function _t(i) {
   return nt(i).getComputedStyle(i);
 }
-function Zn(i) {
+function Xn(i) {
   return ["table", "td", "th"].indexOf(ft(i)) >= 0;
 }
 function Et(i) {
@@ -413,7 +413,7 @@ function He(i) {
   return !rt(i) || // https://github.com/popperjs/popper-core/issues/837
   _t(i).position === "fixed" ? null : i.offsetParent;
 }
-function Xn(i) {
+function Gn(i) {
   var s = /firefox/i.test(we()), t = /Trident/i.test(we());
   if (t && rt(i)) {
     var e = _t(i);
@@ -429,19 +429,19 @@ function Xn(i) {
   }
   return null;
 }
-function ne(i) {
-  for (var s = nt(i), t = He(i); t && Zn(t) && _t(t).position === "static"; )
+function ie(i) {
+  for (var s = nt(i), t = He(i); t && Xn(t) && _t(t).position === "static"; )
     t = He(t);
-  return t && (ft(t) === "html" || ft(t) === "body" && _t(t).position === "static") ? s : t || Xn(i) || s;
+  return t && (ft(t) === "html" || ft(t) === "body" && _t(t).position === "static") ? s : t || Gn(i) || s;
 }
 function Ce(i) {
   return ["top", "bottom"].indexOf(i) >= 0 ? "x" : "y";
 }
-function Xt(i, s, t) {
+function Gt(i, s, t) {
   return Rt(i, ue(s, t));
 }
-function Gn(i, s, t) {
-  var e = Xt(i, s, t);
+function Jn(i, s, t) {
+  var e = Gt(i, s, t);
   return e > t ? t : e;
 }
 function ln() {
@@ -460,41 +460,41 @@ function dn(i, s) {
     return t[e] = i, t;
   }, {});
 }
-var Jn = function(s, t) {
+var Qn = function(s, t) {
   return s = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : s, cn(typeof s != "number" ? s : dn(s, ee));
+  })) : s, cn(typeof s != "number" ? s : dn(s, ne));
 };
-function Qn(i) {
+function ti(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 = [tt, ot].indexOf(o) >= 0, d = c ? "height" : "width";
   if (!(!r || !a)) {
-    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;
+    var h = Qn(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 = ie(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 = Gt(v, $, S), C = l;
     t.modifiersData[e] = (s = {}, s[C] = D, s.centerOffset = D - $, s);
   }
 }
-function ti(i) {
+function ei(i) {
   var s = i.state, t = i.options, e = t.element, n = e === void 0 ? "[data-popper-arrow]" : e;
   n != null && (typeof n == "string" && (n = s.elements.popper.querySelector(n), !n) || on(s.elements.popper, n) && (s.elements.arrow = n));
 }
-const ei = {
+const ni = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: Qn,
-  effect: ti,
+  fn: ti,
+  effect: ei,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
 function Ft(i) {
   return i.split("-")[1];
 }
-var ni = {
+var ii = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function ii(i, s) {
+function si(i, s) {
   var t = i.x, e = i.y, n = s.devicePixelRatio || 1;
   return {
     x: Vt(t * n) / n || 0,
@@ -512,8 +512,8 @@ function Fe(i) {
   p = k.x, E = k.y;
   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 === Q || (n === tt || n === ot) && r === Qt) {
+    var $ = ie(t), D = "clientHeight", C = "clientWidth";
+    if ($ === nt(t) && ($ = Et(t), _t($).position !== "static" && o === "absolute" && (D = "scrollHeight", C = "scrollWidth")), $ = $, n === Q || (n === tt || n === ot) && r === te) {
       v = at;
       var x = h && $ === S && S.visualViewport ? S.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -521,7 +521,7 @@ function Fe(i) {
       );
       E -= x - e.height, E *= l ? 1 : -1;
     }
-    if (n === tt || (n === Q || n === at) && r === Qt) {
+    if (n === tt || (n === Q || n === at) && r === te) {
       f = ot;
       var L = h && $ === S && S.visualViewport ? S.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -532,7 +532,7 @@ function Fe(i) {
   }
   var O = Object.assign({
     position: o
-  }, c && ni), P = d === !0 ? ii({
+  }, c && ii), P = d === !0 ? si({
     x: p,
     y: E
   }, nt(t)) : {
@@ -545,7 +545,7 @@ function Fe(i) {
   }
   return Object.assign({}, O, (s = {}, s[v] = g ? E + "px" : "", s[f] = u ? p + "px" : "", s.transform = "", s));
 }
-function si(i) {
+function ri(i) {
   var s = i.state, t = i.options, e = t.gpuAcceleration, n = e === void 0 ? !0 : e, r = t.adaptive, a = r === void 0 ? !0 : r, o = t.roundOffsets, l = o === void 0 ? !0 : o, c = {
     placement: ht(s.placement),
     variation: Ft(s.placement),
@@ -568,36 +568,36 @@ function si(i) {
     "data-popper-placement": s.placement
   });
 }
-const ri = {
+const ai = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: si,
+  fn: ri,
   data: {}
 };
-var oe = {
+var le = {
   passive: !0
 };
-function ai(i) {
+function oi(i) {
   var s = i.state, t = i.instance, e = i.options, n = e.scroll, r = n === void 0 ? !0 : n, a = e.resize, o = a === void 0 ? !0 : a, l = nt(s.elements.popper), c = [].concat(s.scrollParents.reference, s.scrollParents.popper);
   return r && c.forEach(function(d) {
-    d.addEventListener("scroll", t.update, oe);
-  }), o && l.addEventListener("resize", t.update, oe), function() {
+    d.addEventListener("scroll", t.update, le);
+  }), o && l.addEventListener("resize", t.update, le), function() {
     r && c.forEach(function(d) {
-      d.removeEventListener("scroll", t.update, oe);
-    }), o && l.removeEventListener("resize", t.update, oe);
+      d.removeEventListener("scroll", t.update, le);
+    }), o && l.removeEventListener("resize", t.update, le);
   };
 }
-const oi = {
+const li = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: ai,
+  effect: oi,
   data: {}
 };
-var li = {
+var ci = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -605,16 +605,16 @@ var li = {
 };
 function ce(i) {
   return i.replace(/left|right|bottom|top/g, function(s) {
-    return li[s];
+    return ci[s];
   });
 }
-var ci = {
+var di = {
   start: "end",
   end: "start"
 };
 function Ue(i) {
   return i.replace(/start|end/g, function(s) {
-    return ci[s];
+    return di[s];
   });
 }
 function Se(i) {
@@ -627,7 +627,7 @@ function Se(i) {
 function Ie(i) {
   return Ht(Et(i)).left + Se(i).scrollLeft;
 }
-function di(i, s) {
+function ui(i, s) {
   var t = nt(i), e = Et(i), n = t.visualViewport, r = e.clientWidth, a = e.clientHeight, o = 0, l = 0;
   if (n) {
     r = n.width, a = n.height;
@@ -641,7 +641,7 @@ function di(i, s) {
     y: l
   };
 }
-function ui(i) {
+function hi(i) {
   var s, t = Et(i), e = Se(i), n = (s = i.ownerDocument) == null ? void 0 : s.body, r = Rt(t.scrollWidth, t.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), a = Rt(t.scrollHeight, t.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), o = -e.scrollLeft + Ie(i), l = -e.scrollTop;
   return _t(n || t).direction === "rtl" && (o += Rt(t.clientWidth, n ? n.clientWidth : 0) - r), {
     width: r,
@@ -657,13 +657,13 @@ function Ae(i) {
 function un(i) {
   return ["html", "body", "#document"].indexOf(ft(i)) >= 0 ? i.ownerDocument.body : rt(i) && Ae(i) ? i : un(fe(i));
 }
-function Gt(i, s) {
+function Jt(i, s) {
   var t;
   s === void 0 && (s = []);
   var e = un(i), n = e === ((t = i.ownerDocument) == null ? void 0 : t.body), r = nt(e), a = n ? [r].concat(r.visualViewport || [], Ae(e) ? e : []) : e, o = s.concat(a);
   return n ? o : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    o.concat(Gt(fe(a)))
+    o.concat(Jt(fe(a)))
   );
 }
 function ye(i) {
@@ -674,21 +674,21 @@ function ye(i) {
     bottom: i.y + i.height
   });
 }
-function hi(i, s) {
+function fi(i, s) {
   var t = Ht(i, !1, s === "fixed");
   return t.top = t.top + i.clientTop, t.left = t.left + i.clientLeft, t.bottom = t.top + i.clientHeight, t.right = t.left + i.clientWidth, t.width = i.clientWidth, t.height = i.clientHeight, t.x = t.left, t.y = t.top, t;
 }
 function Ke(i, s, t) {
-  return s === sn ? ye(di(i, t)) : jt(s) ? hi(s, t) : ye(ui(Et(i)));
+  return s === sn ? ye(ui(i, t)) : jt(s) ? fi(s, t) : ye(hi(Et(i)));
 }
-function fi(i) {
-  var s = Gt(fe(i)), t = ["absolute", "fixed"].indexOf(_t(i).position) >= 0, e = t && rt(i) ? ne(i) : i;
+function pi(i) {
+  var s = Jt(fe(i)), t = ["absolute", "fixed"].indexOf(_t(i).position) >= 0, e = t && rt(i) ? ie(i) : i;
   return jt(e) ? s.filter(function(n) {
     return jt(n) && on(n, e) && ft(n) !== "body";
   }) : [];
 }
-function pi(i, s, t, e) {
-  var n = s === "clippingParents" ? fi(i) : [].concat(s), r = [].concat(n, [t]), a = r[0], o = r.reduce(function(l, c) {
+function gi(i, s, t, e) {
+  var n = s === "clippingParents" ? pi(i) : [].concat(s), r = [].concat(n, [t]), a = r[0], o = r.reduce(function(l, c) {
     var d = Ke(i, c, e);
     return l.top = Rt(d.top, l.top), l.right = ue(d.right, l.right), l.bottom = ue(d.bottom, l.bottom), l.left = Rt(d.left, l.left), l;
   }, Ke(i, a, e));
@@ -734,16 +734,16 @@ function hn(i) {
       case zt:
         l[c] = l[c] - (s[d] / 2 - t[d] / 2);
         break;
-      case Qt:
+      case te:
         l[c] = l[c] + (s[d] / 2 - t[d] / 2);
         break;
     }
   }
   return l;
 }
-function te(i, s) {
+function ee(i, s) {
   s === void 0 && (s = {});
-  var t = s, e = t.placement, n = e === void 0 ? i.placement : e, r = t.strategy, a = r === void 0 ? i.strategy : r, o = t.boundary, l = o === void 0 ? $n : o, c = t.rootBoundary, d = c === void 0 ? sn : c, h = t.elementContext, b = h === void 0 ? Zt : h, p = t.altBoundary, y = p === void 0 ? !1 : p, E = t.padding, k = E === void 0 ? 0 : E, u = cn(typeof k != "number" ? k : dn(k, ee)), g = b === Zt ? Dn : Zt, f = i.rects.popper, v = i.elements[y ? g : b], S = pi(jt(v) ? v : v.contextElement || Et(i.elements.popper), l, d, a), $ = Ht(i.elements.reference), D = hn({
+  var t = s, e = t.placement, n = e === void 0 ? i.placement : e, r = t.strategy, a = r === void 0 ? i.strategy : r, o = t.boundary, l = o === void 0 ? Dn : o, c = t.rootBoundary, d = c === void 0 ? sn : c, h = t.elementContext, b = h === void 0 ? Zt : h, p = t.altBoundary, y = p === void 0 ? !1 : p, E = t.padding, k = E === void 0 ? 0 : E, u = cn(typeof k != "number" ? k : dn(k, ne)), g = b === Zt ? Nn : Zt, f = i.rects.popper, v = i.elements[y ? g : b], S = gi(jt(v) ? v : v.contextElement || Et(i.elements.popper), l, d, a), $ = Ht(i.elements.reference), D = hn({
     reference: $,
     element: f,
     placement: n
@@ -762,16 +762,16 @@ function te(i, s) {
   }
   return L;
 }
-function gi(i, s) {
+function mi(i, s) {
   s === void 0 && (s = {});
   var t = s, e = t.placement, n = t.boundary, r = t.rootBoundary, a = t.padding, o = t.flipVariations, l = t.allowedAutoPlacements, c = l === void 0 ? rn : l, d = Ft(e), h = d ? o ? Ve : Ve.filter(function(y) {
     return Ft(y) === d;
-  }) : ee, b = h.filter(function(y) {
+  }) : ne, b = h.filter(function(y) {
     return c.indexOf(y) >= 0;
   });
   b.length === 0 && (b = h);
   var p = b.reduce(function(y, E) {
-    return y[E] = te(i, {
+    return y[E] = ee(i, {
       placement: E,
       boundary: n,
       rootBoundary: r,
@@ -782,17 +782,17 @@ function gi(i, s) {
     return p[y] - p[E];
   });
 }
-function mi(i) {
+function _i(i) {
   if (ht(i) === xe)
     return [];
   var s = ce(i);
   return [Ue(i), s, Ue(s)];
 }
-function _i(i) {
+function bi(i) {
   var s = i.state, t = i.options, e = i.name;
   if (!s.modifiersData[e]._skip) {
-    for (var n = t.mainAxis, r = n === void 0 ? !0 : n, a = t.altAxis, o = a === void 0 ? !0 : a, l = t.fallbackPlacements, c = t.padding, d = t.boundary, h = t.rootBoundary, b = t.altBoundary, p = t.flipVariations, y = p === void 0 ? !0 : p, E = t.allowedAutoPlacements, k = s.options.placement, u = ht(k), g = u === k, f = l || (g || !y ? [ce(k)] : mi(k)), v = [k].concat(f).reduce(function(qt, bt) {
-      return qt.concat(ht(bt) === xe ? gi(s, {
+    for (var n = t.mainAxis, r = n === void 0 ? !0 : n, a = t.altAxis, o = a === void 0 ? !0 : a, l = t.fallbackPlacements, c = t.padding, d = t.boundary, h = t.rootBoundary, b = t.altBoundary, p = t.flipVariations, y = p === void 0 ? !0 : p, E = t.allowedAutoPlacements, k = s.options.placement, u = ht(k), g = u === k, f = l || (g || !y ? [ce(k)] : _i(k)), v = [k].concat(f).reduce(function(qt, bt) {
+      return qt.concat(ht(bt) === xe ? mi(s, {
         placement: bt,
         boundary: d,
         rootBoundary: h,
@@ -801,7 +801,7 @@ function _i(i) {
         allowedAutoPlacements: E
       }) : bt);
     }, []), 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, {
+      var O = v[L], P = ht(O), T = Ft(O) === zt, j = [Q, at].indexOf(P) >= 0, z = j ? "width" : "height", K = ee(s, {
         placement: O,
         boundary: d,
         rootBoundary: h,
@@ -819,9 +819,9 @@ function _i(i) {
       D.set(O, kt);
     }
     if (C)
-      for (var ie = y ? 3 : 1, ge = function(bt) {
-        var Wt = v.find(function(re) {
-          var Ot = D.get(re);
+      for (var se = y ? 3 : 1, ge = function(bt) {
+        var Wt = v.find(function(ae) {
+          var Ot = D.get(ae);
           if (Ot)
             return Ot.slice(0, bt).every(function(me) {
               return me;
@@ -829,18 +829,18 @@ function _i(i) {
         });
         if (Wt)
           return x = Wt, "break";
-      }, Kt = ie; Kt > 0; Kt--) {
-        var se = ge(Kt);
-        if (se === "break") break;
+      }, Kt = se; Kt > 0; Kt--) {
+        var re = ge(Kt);
+        if (re === "break") break;
       }
     s.placement !== x && (s.modifiersData[e]._skip = !0, s.placement = x, s.reset = !0);
   }
 }
-const bi = {
+const vi = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: _i,
+  fn: bi,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -862,10 +862,10 @@ function Ye(i) {
     return i[s] >= 0;
   });
 }
-function vi(i) {
-  var s = i.state, t = i.name, e = s.rects.reference, n = s.rects.popper, r = s.modifiersData.preventOverflow, a = te(s, {
+function wi(i) {
+  var s = i.state, t = i.name, e = s.rects.reference, n = s.rects.popper, r = s.modifiersData.preventOverflow, a = ee(s, {
     elementContext: "reference"
-  }), o = te(s, {
+  }), o = ee(s, {
     altBoundary: !0
   }), l = We(a, e), c = We(o, n, r), d = Ye(l), h = Ye(c);
   s.modifiersData[t] = {
@@ -878,14 +878,14 @@ function vi(i) {
     "data-popper-escaped": h
   });
 }
-const wi = {
+const yi = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: vi
+  fn: wi
 };
-function yi(i, s, t) {
+function Ei(i, s, t) {
   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];
@@ -897,20 +897,20 @@ function yi(i, s, t) {
     y: o
   };
 }
-function Ei(i) {
+function xi(i) {
   var s = i.state, t = i.options, e = i.name, n = t.offset, r = n === void 0 ? [0, 0] : n, a = rn.reduce(function(d, h) {
-    return d[h] = yi(h, s.rects, r), d;
+    return d[h] = Ei(h, s.rects, r), d;
   }, {}), o = a[s.placement], l = o.x, c = o.y;
   s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += l, s.modifiersData.popperOffsets.y += c), s.modifiersData[e] = a;
 }
-const xi = {
+const ki = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Ei
+  fn: xi
 };
-function ki(i) {
+function Oi(i) {
   var s = i.state, t = i.name;
   s.modifiersData[t] = hn({
     reference: s.rects.reference,
@@ -918,23 +918,23 @@ function ki(i) {
     placement: s.placement
   });
 }
-const Oi = {
+const Ci = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: ki,
+  fn: Oi,
   data: {}
 };
-function Ci(i) {
+function Si(i) {
   return i === "x" ? "y" : "x";
 }
-function Si(i) {
-  var s = i.state, t = i.options, e = i.name, n = t.mainAxis, r = n === void 0 ? !0 : n, a = t.altAxis, o = a === void 0 ? !1 : a, l = t.boundary, c = t.rootBoundary, d = t.altBoundary, h = t.padding, b = t.tether, p = b === void 0 ? !0 : b, y = t.tetherOffset, E = y === void 0 ? 0 : y, k = te(s, {
+function Ii(i) {
+  var s = i.state, t = i.options, e = i.name, n = t.mainAxis, r = n === void 0 ? !0 : n, a = t.altAxis, o = a === void 0 ? !1 : a, l = t.boundary, c = t.rootBoundary, d = t.altBoundary, h = t.padding, b = t.tether, p = b === void 0 ? !0 : b, y = t.tetherOffset, E = y === void 0 ? 0 : y, k = ee(s, {
     boundary: l,
     rootBoundary: c,
     padding: h,
     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, {
+  }), u = ht(s.placement), g = Ft(s.placement), f = !g, v = Ce(u), S = Si(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, L = typeof x == "number" ? {
     mainAxis: x,
@@ -948,42 +948,42 @@ function Si(i) {
   };
   if ($) {
     if (r) {
-      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) : {
+      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], se = p ? -C[K] / 2 : 0, ge = g === zt ? D[K] : C[K], Kt = g === zt ? -C[K] : -D[K], re = s.elements.arrow, qt = p && re ? Oe(re) : {
         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 - 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);
+      }, bt = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ln(), Wt = bt[j], ae = bt[z], Ot = Gt(0, D[K], qt[K]), me = f ? D[K] / 2 - se - Ot - Wt - L.mainAxis : ge - Ot - Wt - L.mainAxis, wn = f ? -D[K] / 2 + se + Ot + ae + L.mainAxis : Kt + Ot + ae + L.mainAxis, _e = s.elements.arrow && ie(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 = Gt(p ? ue(xt, En) : xt, et, p ? Rt(kt, xn) : kt);
       $[v] = Me, P[v] = Me - et;
     }
     if (o) {
-      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);
+      var $e, kn = v === "x" ? Q : tt, On = v === "x" ? at : ot, Ct = $[S], oe = 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[oe] - C[oe] - Be + L.altAxis, je = be ? Ct + D[oe] + C[oe] - Be - L.altAxis : Ne, qe = p && be ? Jn(Re, Ct, je) : Gt(p ? Re : De, Ct, p ? je : Ne);
       $[S] = qe, P[S] = qe - Ct;
     }
     s.modifiersData[e] = P;
   }
 }
-const Ii = {
+const Ai = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Si,
+  fn: Ii,
   requiresIfExists: ["offset"]
 };
-function Ai(i) {
+function Li(i) {
   return {
     scrollLeft: i.scrollLeft,
     scrollTop: i.scrollTop
   };
 }
-function Li(i) {
-  return i === nt(i) || !rt(i) ? Se(i) : Ai(i);
-}
 function Ti(i) {
+  return i === nt(i) || !rt(i) ? Se(i) : Li(i);
+}
+function Pi(i) {
   var s = i.getBoundingClientRect(), t = Vt(s.width) / i.offsetWidth || 1, e = Vt(s.height) / i.offsetHeight || 1;
   return t !== 1 || e !== 1;
 }
-function Pi(i, s, t) {
+function Mi(i, s, t) {
   t === void 0 && (t = !1);
-  var e = rt(s), n = rt(s) && Ti(s), r = Et(s), a = Ht(i, n, t), o = {
+  var e = rt(s), n = rt(s) && Pi(s), r = Et(s), a = Ht(i, n, t), o = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
@@ -991,14 +991,14 @@ function Pi(i, s, t) {
     y: 0
   };
   return (e || !e && !t) && ((ft(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Ae(r)) && (o = Li(s)), rt(s) ? (l = Ht(s, !0), l.x += s.clientLeft, l.y += s.clientTop) : r && (l.x = Ie(r))), {
+  Ae(r)) && (o = Ti(s)), rt(s) ? (l = Ht(s, !0), l.x += s.clientLeft, l.y += s.clientTop) : r && (l.x = Ie(r))), {
     x: a.left + o.scrollLeft - l.x,
     y: a.top + o.scrollTop - l.y,
     width: a.width,
     height: a.height
   };
 }
-function Mi(i) {
+function $i(i) {
   var s = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), e = [];
   i.forEach(function(r) {
     s.set(r.name, r);
@@ -1017,15 +1017,15 @@ function Mi(i) {
     t.has(r.name) || n(r);
   }), e;
 }
-function $i(i) {
-  var s = Mi(i);
-  return Un.reduce(function(t, e) {
+function Di(i) {
+  var s = $i(i);
+  return Kn.reduce(function(t, e) {
     return t.concat(s.filter(function(n) {
       return n.phase === e;
     }));
   }, []);
 }
-function Di(i) {
+function Ni(i) {
   var s;
   return function() {
     return s || (s = new Promise(function(t) {
@@ -1035,7 +1035,7 @@ function Di(i) {
     })), s;
   };
 }
-function Ni(i) {
+function Bi(i) {
   var s = i.reduce(function(t, e) {
     var n = t[e.name];
     return t[e.name] = n ? Object.assign({}, n, e, {
@@ -1059,7 +1059,7 @@ function Xe() {
     return !(e && typeof e.getBoundingClientRect == "function");
   });
 }
-function Bi(i) {
+function Ri(i) {
   i === void 0 && (i = {});
   var s = i, t = s.defaultModifiers, e = t === void 0 ? [] : t, n = s.defaultOptions, r = n === void 0 ? Ze : n;
   return function(o, l, c) {
@@ -1080,10 +1080,10 @@ function Bi(i) {
       setOptions: function(u) {
         var g = typeof u == "function" ? u(d.options) : u;
         E(), d.options = Object.assign({}, r, d.options, g), d.scrollParents = {
-          reference: jt(o) ? Gt(o) : o.contextElement ? Gt(o.contextElement) : [],
-          popper: Gt(l)
+          reference: jt(o) ? Jt(o) : o.contextElement ? Jt(o.contextElement) : [],
+          popper: Jt(l)
         };
-        var f = $i(Ni([].concat(e, d.options.modifiers)));
+        var f = Di(Bi([].concat(e, d.options.modifiers)));
         return d.orderedModifiers = f.filter(function(v) {
           return v.enabled;
         }), y(), p.update();
@@ -1098,7 +1098,7 @@ function Bi(i) {
           var u = d.elements, g = u.reference, f = u.popper;
           if (Xe(g, f)) {
             d.rects = {
-              reference: Pi(g, ne(f), d.options.strategy === "fixed"),
+              reference: Mi(g, ie(f), d.options.strategy === "fixed"),
               popper: Oe(f)
             }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(L) {
               return d.modifiersData[L.name] = Object.assign({}, L.data);
@@ -1121,7 +1121,7 @@ function Bi(i) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Di(function() {
+      update: Ni(function() {
         return new Promise(function(k) {
           p.forceUpdate(), k(d);
         });
@@ -1158,8 +1158,8 @@ function Bi(i) {
     return p;
   };
 }
-var Ri = [oi, Oi, ri, Yn, xi, bi, Ii, ei, wi], Le = /* @__PURE__ */ Bi({
-  defaultModifiers: Ri
+var ji = [li, Ci, ai, Zn, ki, vi, Ai, ni, yi], Le = /* @__PURE__ */ Ri({
+  defaultModifiers: ji
 });
 const lt = /* @__PURE__ */ new Map(), w = {
   set(i, s, t) {
@@ -1279,7 +1279,7 @@ class U {
     return this._element ? this._element : null;
   }
 }
-const ji = [
+const qi = [
   "ArrowUp",
   "ArrowLeft",
   "ArrowDown",
@@ -1977,7 +1977,7 @@ class F extends U {
   }
   static handleKeyboard() {
     document.addEventListener("keydown", (t) => {
-      if (ji.includes(t.key) && !(t.ctrlKey || t.altKey || t.shiftKey)) {
+      if (qi.includes(t.key) && !(t.ctrlKey || t.altKey || t.shiftKey)) {
         const e = this.findFocused();
         if (!e) return;
         if (["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(t.key)) {
@@ -3622,7 +3622,7 @@ class Bt extends U {
     Bt.createInstances();
   }
 }
-const Jt = class Jt extends U {
+const Qt = class Qt extends U {
   constructor(t, e) {
     super();
     m(this, "_name", "datatable");
@@ -4503,7 +4503,7 @@ const Jt = class Jt extends U {
   static createInstances() {
     document.querySelectorAll('[data-datatable="true"]').forEach((e) => {
       if (e.hasAttribute("data-datatable") && !e.classList.contains("datatable-initialized")) {
-        const n = new Jt(e);
+        const n = new Qt(e);
         this._instances.set(e, n);
       }
     });
@@ -4524,15 +4524,15 @@ const Jt = class Jt extends U {
    * loaded and parsed by the browser.
    */
   static init() {
-    Jt.createInstances();
+    Qt.createInstances();
   }
   // Other plugin methods can be added here
 };
 /**
  * Static variables
  */
-m(Jt, "_instances", /* @__PURE__ */ new Map());
-let he = Jt;
+m(Qt, "_instances", /* @__PURE__ */ new Map());
+let he = Qt;
 const Ut = {
   init() {
     F.init(), X.init(), Z.init(), W.init(), St.init(), It.init(), vt.init(), At.init(), Lt.init(), pt.init(), Tt.init(), Pt.init(), wt.init(), Mt.init(), gt.init(), $t.init(), Dt.init(), Nt.init(), Bt.init(), he.init(), console.log("Components Initialized");
@@ -4570,7 +4570,7 @@ const N = (i, s) => {
   for (const [e, n] of s)
     t[e] = n;
   return t;
-}, qi = dt({
+}, zi = dt({
   props: {
     grid: {
       type: Boolean,
@@ -4578,32 +4578,32 @@ const N = (i, s) => {
     }
   }
 });
-function zi(i, s, t, e, n, r) {
+function Vi(i, s, t, e, n, r) {
   return I(), A("div", {
     class: q(["card", { "card-grid": i.grid }])
   }, [
     B(i.$slots, "default")
   ], 2);
 }
-const fn = /* @__PURE__ */ N(qi, [["render", zi]]), Vi = {}, Hi = { class: "card-header" };
-function Fi(i, s) {
-  return I(), A("div", Hi, [
+const fn = /* @__PURE__ */ N(zi, [["render", Vi]]), Hi = {}, Fi = { class: "card-header" };
+function Ui(i, s) {
+  return I(), A("div", Fi, [
     B(i.$slots, "default")
   ]);
 }
-const pn = /* @__PURE__ */ N(Vi, [["render", Fi]]), Ui = {}, Ki = { class: "card-body" };
-function Wi(i, s) {
-  return I(), A("div", Ki, [
+const pn = /* @__PURE__ */ N(Hi, [["render", Ui]]), Ki = {}, Wi = { class: "card-body" };
+function Yi(i, s) {
+  return I(), A("div", Wi, [
     B(i.$slots, "default")
   ]);
 }
-const gn = /* @__PURE__ */ N(Ui, [["render", Wi]]), Yi = {}, Zi = { class: "card-title" };
-function Xi(i, s) {
-  return I(), A("h3", Zi, [
+const gn = /* @__PURE__ */ N(Ki, [["render", Yi]]), Zi = {}, Xi = { class: "card-title" };
+function Gi(i, s) {
+  return I(), A("h3", Xi, [
     B(i.$slots, "default")
   ]);
 }
-const mn = /* @__PURE__ */ N(Yi, [["render", Xi]]), Gi = {
+const mn = /* @__PURE__ */ N(Zi, [["render", Gi]]), Ji = {
   props: {
     type: {
       type: String,
@@ -4641,7 +4641,7 @@ const mn = /* @__PURE__ */ N(Yi, [["render", Xi]]), Gi = {
     }
   }
 };
-function Ji(i, s, t, e, n, r) {
+function Qi(i, s, t, e, n, r) {
   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` })
@@ -4649,7 +4649,7 @@ function Ji(i, s, t, e, n, r) {
     B(i.$slots, "default")
   ], 6);
 }
-const Qi = /* @__PURE__ */ N(Gi, [["render", Ji]]), ts = dt({
+const ts = /* @__PURE__ */ N(Ji, [["render", Qi]]), es = dt({
   props: {
     label: String | Number,
     type: {
@@ -4704,7 +4704,7 @@ const Qi = /* @__PURE__ */ N(Gi, [["render", Ji]]), ts = dt({
     }
   }
 });
-function es(i, s, t, e, n, r) {
+function ns(i, s, t, e, n, r) {
   return I(), A("span", {
     class: q(["badge gap-1.5", {
       [i.badgeType]: !0,
@@ -4720,7 +4720,7 @@ function es(i, s, t, e, n, r) {
     ct(" " + V(i.label), 1)
   ], 2);
 }
-const ns = /* @__PURE__ */ N(ts, [["render", es]]), is = dt({
+const is = /* @__PURE__ */ N(es, [["render", ns]]), ss = dt({
   name: "KtIcon",
   props: {
     type: {
@@ -4736,12 +4736,12 @@ const ns = /* @__PURE__ */ N(ts, [["render", es]]), is = dt({
     }
   }
 });
-function ss(i, s, t, e, n, r) {
+function rs(i, s, t, e, n, r) {
   return I(), A("i", {
     class: q(i.icon)
   }, null, 2);
 }
-const pe = /* @__PURE__ */ N(is, [["render", ss]]), rs = dt({
+const pe = /* @__PURE__ */ N(ss, [["render", rs]]), as = dt({
   components: { KtIcon: pe },
   props: {
     label: [String, Number],
@@ -4816,8 +4816,8 @@ const pe = /* @__PURE__ */ N(is, [["render", ss]]), rs = dt({
       return "";
     }
   }
-}), as = ["textContent"];
-function os(i, s, t, e, n, r) {
+}), os = ["textContent"];
+function ls(i, s, t, e, n, r) {
   const a = G("KtIcon");
   return I(), st(Ee(i.component), {
     class: q(["btn gap-2 items-center flex", {
@@ -4843,7 +4843,7 @@ function os(i, s, t, e, n, r) {
         i.label ? (I(), A("span", {
           key: 0,
           textContent: V(i.label)
-        }, null, 8, as)) : R("", !0),
+        }, null, 8, os)) : R("", !0),
         B(i.$slots, "icon-right", {}, () => [
           i.iconRight ? (I(), st(a, {
             key: 0,
@@ -4855,13 +4855,13 @@ function os(i, s, t, e, n, r) {
     _: 3
   }, 8, ["class"]);
 }
-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(), A("div", cs, [
+const Te = /* @__PURE__ */ N(as, [["render", ls]]), cs = {}, ds = { class: "flex items-center text-sm font-normal text-gray-500 dark:text-gray-400 gap-2" };
+function us(i, s) {
+  return I(), A("div", ds, [
     B(i.$slots, "default", {}, void 0, !0)
   ]);
 }
-const us = /* @__PURE__ */ N(ls, [["render", ds], ["__scopeId", "data-v-32659562"]]), hs = dt({
+const hs = /* @__PURE__ */ N(cs, [["render", us], ["__scopeId", "data-v-32659562"]]), fs = dt({
   name: "KtBreadCrumbsEl",
   props: {
     label: {
@@ -4878,7 +4878,7 @@ const us = /* @__PURE__ */ N(ls, [["render", ds], ["__scopeId", "data-v-32659562
     }
   }
 });
-function fs(i, s, t, e, n, r) {
+function ps(i, s, t, e, n, r) {
   const a = G("router-link");
   return I(), A(J, null, [
     s[0] || (s[0] = M("span", { class: "kt-breadcrumbs-separator text-gray-400 text-sm" }, " / ", -1)),
@@ -4893,32 +4893,32 @@ function fs(i, s, t, e, n, r) {
     }, 8, ["class", "to"])
   ], 64);
 }
-const ps = /* @__PURE__ */ N(hs, [["render", fs]]), gs = dt({
+const gs = /* @__PURE__ */ N(fs, [["render", ps]]), ms = dt({
   props: {
     expandAll: {
       default: !1,
       type: Boolean
     }
   }
-}), ms = ["data-menu-accordion-expand-all"];
-function _s(i, s, t, e, n, r) {
+}), _s = ["data-menu-accordion-expand-all"];
+function bs(i, s, t, e, n, r) {
   return I(), A("div", {
     class: "menu",
     "data-menu": "true",
     "data-menu-accordion-expand-all": i.expandAll
   }, [
     B(i.$slots, "default")
-  ], 8, ms);
+  ], 8, _s);
 }
-const bs = /* @__PURE__ */ N(gs, [["render", _s]]), vs = dt({
+const vs = /* @__PURE__ */ N(ms, [["render", bs]]), ws = dt({
   props: {
     trigger: String,
     type: String,
     offset: String,
     placement: String
   }
-}), 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) {
+}), ys = ["data-menu-item-toggle", "data-menu-item-trigger", "data-menu-item-offset", "data-menu-item-placement"];
+function Es(i, s, t, e, n, r) {
   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,
@@ -4927,9 +4927,9 @@ function ys(i, s, t, e, n, r) {
     "data-menu-item-placement": i.placement
   }, [
     B(i.$slots, "default")
-  ], 10, ws);
+  ], 10, ys);
 }
-const Es = /* @__PURE__ */ N(vs, [["render", ys]]), xs = dt({
+const xs = /* @__PURE__ */ N(ws, [["render", Es]]), ks = dt({
   components: { KtIcon: pe },
   props: {
     to: [String, Object],
@@ -4964,17 +4964,17 @@ const Es = /* @__PURE__ */ N(vs, [["render", ys]]), xs = dt({
       return this.href ? { href: this.href } : this.to ? { to: this.to } : {};
     }
   }
-}), ks = {
+}), Os = {
   key: 0,
   class: "menu-arrow text-gray-400 menu-item-here:text-gray-400 menu-item-show:text-gray-400 menu-link-hover:text-gray-800"
 };
-function Os(i, s, t, e, n, r) {
+function Cs(i, s, t, e, n, r) {
   const a = G("KtIcon");
   return I(), st(Ee(i.menuComponent), tn(i.menuComponentProps, {
     class: ["menu-link py-3 px-2.5 rounded-md menu-item-active:bg-gray-100 menu-link-hover:bg-gray-100 !menu-item-here:bg-transparent", { "bg-[#2a2a3c]": i.active }]
   }), {
     default: mt(() => [
-      le(M("span", {
+      Xt(M("span", {
         class: q(["menu-icon items-start text-lg menu-item-active:text-gray-900 menu-item-here:text-gray-900 menu-link-hover:text-gray-900 mr-3", { "text-gray-100 dark:text-gray-900": i.active, [i.textColor]: i.textColor }])
       }, [
         M("i", {
@@ -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(), A("span", ks, [
+        i.showArrow ? (I(), A("span", Os, [
           it(a, {
             type: "filled",
             name: "down",
@@ -5004,7 +5004,7 @@ function Os(i, s, t, e, n, r) {
     _: 3
   }, 16, ["class"]);
 }
-const Cs = /* @__PURE__ */ N(xs, [["render", Os]]), Ss = dt({
+const Ss = /* @__PURE__ */ N(ks, [["render", Cs]]), Is = dt({
   props: {
     type: String,
     useDefault: {
@@ -5013,14 +5013,14 @@ const Cs = /* @__PURE__ */ N(xs, [["render", Os]]), Ss = dt({
     }
   }
 });
-function Is(i, s, t, e, n, r) {
+function As(i, s, t, e, n, r) {
   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")
   ], 2);
 }
-const As = /* @__PURE__ */ N(Ss, [["render", Is]]), Ls = {
+const Ls = /* @__PURE__ */ N(Is, [["render", As]]), Ts = {
   components: { KtButton: Te },
   props: {
     modelValue: {
@@ -5048,10 +5048,10 @@ const As = /* @__PURE__ */ N(Ss, [["render", Is]]), Ls = {
       return s = Math.max(1, t - this.maxVisible + 1), Array.from({ length: t - s + 1 }, (e, n) => s + n);
     }
   }
-}, Ts = { class: "pagination" };
-function Ps(i, s, t, e, n, r) {
+}, Ps = { class: "pagination" };
+function Ms(i, s, t, e, n, r) {
   const a = G("KtButton");
-  return I(), A("div", Ts, [
+  return I(), A("div", Ps, [
     t.arrows ? (I(), st(a, {
       key: 0,
       "icon-only": "",
@@ -5074,7 +5074,7 @@ function Ps(i, s, t, e, n, r) {
     }, null, 8, ["disabled"])) : R("", !0)
   ]);
 }
-const _n = /* @__PURE__ */ N(Ls, [["render", Ps]]), Ms = {
+const _n = /* @__PURE__ */ N(Ts, [["render", Ms]]), $s = {
   components: {
     KtButton: Te,
     KtIcon: pe,
@@ -5181,16 +5181,16 @@ const _n = /* @__PURE__ */ N(Ls, [["render", Ps]]), Ms = {
       this.page = 1;
     }
   }
-}, $s = { class: "grid gap-5 lg:gap-7.5" }, Ds = { class: "scrollable-x-auto" }, Ns = {
+}, Ds = { class: "grid gap-5 lg:gap-7.5" }, Ns = { class: "scrollable-x-auto" }, Bs = {
   key: 0,
   class: "w-[60px]"
-}, Bs = ["align", "width"], Rs = { key: 0 }, js = ["colspan"], qs = { key: 0 }, zs = ["colspan"], Vs = { class: "flex flex-col items-center justify-center" }, Hs = ["src"], Fs = ["onClick"], Us = {
+}, Rs = ["align", "width"], js = { key: 0 }, qs = ["colspan"], zs = { key: 0 }, Vs = ["colspan"], Hs = { class: "flex flex-col items-center justify-center" }, Fs = ["src"], Us = ["onClick"], Ks = {
   key: 0,
   class: "w-[60px]"
-}, 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) {
+}, Ws = ["value"], Ys = ["align"], Zs = { class: "card-footer justify-center md:justify-between flex-col md:flex-row gap-5 text-gray-600 text-2sm font-medium" }, Xs = { class: "flex items-center gap-2" }, Gs = ["value"], Js = { class: "flex items-center gap-4" };
+function Qs(i, s, t, e, n, r) {
   const a = G("KtCardTitle"), o = G("KtCardHeader"), l = G("KtPagination"), c = G("KtCardBody"), d = G("KtCard");
-  return I(), A("div", $s, [
+  return I(), A("div", Ds, [
     it(d, {
       class: "min-w-full",
       grid: ""
@@ -5214,15 +5214,15 @@ function Js(i, s, t, e, n, r) {
         ]),
         it(c, null, {
           default: mt(() => [
-            M("div", Ds, [
+            M("div", Ns, [
               M("table", {
                 class: q(["table table-fixed", { "table-border": !t.noBorder }])
               }, [
                 M("thead", null, [
                   B(i.$slots, "header", {}, () => [
                     M("tr", null, [
-                      t.multipleSelect ? (I(), A("th", Ns, [
-                        le(M("input", {
+                      t.multipleSelect ? (I(), A("th", Bs, [
+                        Xt(M("input", {
                           class: "checkbox checkbox-sm",
                           type: "checkbox",
                           "onUpdate:modelValue": s[0] || (s[0] = (h) => r.selectAll = h),
@@ -5235,12 +5235,12 @@ function Js(i, s, t, e, n, r) {
                         class: q(h.headerClasses),
                         align: r.alignment(b),
                         width: h.width ? h.width : "300px"
-                      }, V(h.label), 11, Bs))), 256))
+                      }, V(h.label), 11, Rs))), 256))
                     ])
                   ])
                 ]),
                 M("tbody", null, [
-                  t.loading ? (I(), A("tr", Rs, [
+                  t.loading ? (I(), A("tr", js, [
                     M("td", {
                       colspan: t.columns.length + (t.multipleSelect ? 1 : 0)
                     }, s[4] || (s[4] = [
@@ -5249,25 +5249,25 @@ function Js(i, s, t, e, n, r) {
                         M("h2", { class: "text-zinc-900 dark:text-white mt-4" }, " Loading... "),
                         M("p", { class: "text-zinc-600 dark:text-zinc-400" }, " Your data is about to load. Please wait a moment. ")
                       ], -1)
-                    ]), 8, js)
+                    ]), 8, qs)
                   ])) : R("", !0),
                   B(i.$slots, "no-data", {}, () => [
-                    !t.loading && t.rows.length == 0 ? (I(), A("tr", qs, [
+                    !t.loading && t.rows.length == 0 ? (I(), A("tr", zs, [
                       M("td", {
                         colspan: t.columns.length
                       }, [
-                        M("div", Vs, [
+                        M("div", Hs, [
                           M("img", {
                             src: t.noDataImage,
                             class: "w-64 h-auto mb-4",
                             alt: "No Data Image"
-                          }, null, 8, Hs),
+                          }, null, 8, Fs),
                           s[5] || (s[5] = M("div", { class: "flex flex-col gap-1 items-center" }, [
                             M("h2", { class: "text-zinc-900 dark:text-white mt-4 text-lg font-semibold" }, " No data found "),
                             M("p", { class: "text-zinc-600 dark:text-zinc-400 font-normal text-sm" }, " There is no data to display in this table. ")
                           ], -1))
                         ])
-                      ], 8, zs)
+                      ], 8, Vs)
                     ])) : R("", !0)
                   ]),
                   t.loading ? R("", !0) : (I(!0), A(J, { key: 1 }, yt(r.data, (h) => B(i.$slots, "body", {}, () => [
@@ -5279,14 +5279,14 @@ 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(), A("td", Us, [
-                        le(M("input", {
+                      t.multipleSelect ? (I(), A("td", Ks, [
+                        Xt(M("input", {
                           class: "checkbox checkbox-sm",
                           "onUpdate:modelValue": s[2] || (s[2] = (b) => n.selectedItem = b),
                           "data-datatable-row-check": "true",
                           type: "checkbox",
                           value: h.id
-                        }, null, 8, Ks), [
+                        }, null, 8, Ws), [
                           [ze, n.selectedItem]
                         ])
                       ])) : R("", !0),
@@ -5296,31 +5296,31 @@ function Js(i, s, t, e, n, r) {
                       }, () => [
                         M("td", {
                           align: r.alignment(p)
-                        }, V(h[b.field]), 9, Ws)
+                        }, V(h[b.field]), 9, Ys)
                       ])), 256))
-                    ], 10, Fs))
+                    ], 10, Us))
                   ])), 256))
                 ])
               ], 2)
             ]),
             B(i.$slots, "pagination", {}, () => [
-              M("div", Ys, [
-                M("div", Zs, [
+              M("div", Zs, [
+                M("div", Xs, [
                   ct(" Show " + V(n.perPage) + " ", 1),
-                  le(M("select", {
+                  Xt(M("select", {
                     "onUpdate:modelValue": s[3] || (s[3] = (h) => n.perPage = h),
                     class: "select select-sm w-16"
                   }, [
                     (I(!0), A(J, null, yt(t.rowsPerPageOptions, (h) => (I(), A("option", {
                       value: h,
                       key: h
-                    }, V(h), 9, Xs))), 128))
+                    }, V(h), 9, Gs))), 128))
                   ], 512), [
                     [An, n.perPage]
                   ]),
                   s[6] || (s[6] = ct(" per page "))
                 ]),
-                M("div", Gs, [
+                M("div", Js, [
                   it(l, {
                     arrows: "",
                     "model-value": r.currentPage,
@@ -5339,7 +5339,7 @@ function Js(i, s, t, e, n, r) {
     })
   ]);
 }
-const Qs = /* @__PURE__ */ N(Ms, [["render", Js]]), tr = {
+const tr = /* @__PURE__ */ N($s, [["render", Qs]]), er = {
   props: {
     modelValue: {
       type: Boolean,
@@ -5359,12 +5359,12 @@ const Qs = /* @__PURE__ */ N(Ms, [["render", Js]]), tr = {
       this.$emit("update:modelValue", i.target.checked);
     }
   }
-}, er = { class: "switch" }, nr = ["checked", "disabled"], ir = {
+}, nr = { class: "switch" }, ir = ["checked", "disabled"], sr = {
   key: 0,
   class: "switch-label order-1 text-sm text-gray-700"
 };
-function sr(i, s, t, e, n, r) {
-  return I(), A("label", er, [
+function rr(i, s, t, e, n, r) {
+  return I(), A("label", nr, [
     M("input", {
       name: "check",
       type: "checkbox",
@@ -5372,15 +5372,15 @@ function sr(i, s, t, e, n, r) {
       onChange: s[0] || (s[0] = (...a) => r.updateValue && r.updateValue(...a)),
       disabled: t.disabled,
       class: "order-2"
-    }, null, 40, nr),
-    t.label ? (I(), A("span", ir, V(t.label), 1)) : R("", !0)
+    }, null, 40, ir),
+    t.label ? (I(), A("span", sr, V(t.label), 1)) : R("", !0)
   ]);
 }
-const rr = /* @__PURE__ */ N(tr, [["render", sr]]), ar = {}, or = { class: "menu-separator" };
-function lr(i, s) {
-  return I(), A("div", or);
+const ar = /* @__PURE__ */ N(er, [["render", rr]]), or = {}, lr = { class: "menu-separator" };
+function cr(i, s) {
+  return I(), A("div", lr);
 }
-const cr = /* @__PURE__ */ N(ar, [["render", lr]]), dr = {
+const dr = /* @__PURE__ */ N(or, [["render", cr]]), ur = {
   props: {
     modelValue: String,
     placeholder: {
@@ -5391,12 +5391,8 @@ const cr = /* @__PURE__ */ N(ar, [["render", lr]]), dr = {
       type: String,
       default: "text"
     },
-    max: {
-      type: Number
-    },
-    min: {
-      type: Number
-    },
+    max: Number,
+    min: Number,
     size: {
       type: String,
       default: ""
@@ -5414,10 +5410,22 @@ const cr = /* @__PURE__ */ N(ar, [["render", lr]]), dr = {
   },
   data() {
     return {
+      internalValue: this.modelValue,
+      // reactive internal value
       isFocused: !1,
       touched: !1
     };
   },
+  watch: {
+    // Update internal value if parent changes it
+    modelValue(i) {
+      this.internalValue = i;
+    },
+    // Emit changes to parent
+    internalValue(i) {
+      this.$emit("update:modelValue", i);
+    }
+  },
   computed: {
     inputSize() {
       switch (this.size) {
@@ -5429,35 +5437,38 @@ const cr = /* @__PURE__ */ N(ar, [["render", lr]]), dr = {
       return "";
     },
     inputRequired() {
-      return this.required && !this.modelValue;
+      return this.required && !this.internalValue;
     }
   },
   methods: {
     onBlur() {
       this.isFocused = !1, this.touched = !0;
+    },
+    onChange(i) {
+      this.internalValue = i.target.value;
     }
   }
-}, ur = {
+}, hr = {
   key: 0,
   class: "form-label flex items-center max-w-full pb-2"
-}, hr = {
+}, fr = {
   key: 0,
   class: "text-danger pl-1"
-}, fr = ["placeholder", "type", "max", "min", "disabled", "value"], pr = {
+}, pr = ["placeholder", "type", "max", "min", "disabled"], gr = {
   key: 1,
   class: "text-xs text-red-500"
 };
-function gr(i, s, t, e, n, r) {
+function mr(i, s, t, e, n, r) {
   var o, l;
   const a = G("kt-icon");
   return I(), A(J, null, [
-    t.label ? (I(), A("label", ur, [
+    t.label ? (I(), A("label", hr, [
       ct(V(t.label) + ": ", 1),
-      t.required ? (I(), A("span", hr, " * ")) : R("", !0)
+      t.required ? (I(), A("span", fr, " * ")) : R("", !0)
     ])) : R("", !0),
     M("div", {
       class: q({
-        input: t.type != "file",
+        input: t.type !== "file",
         [r.inputSize]: !0,
         "border-danger": r.inputRequired && n.touched
       })
@@ -5467,24 +5478,26 @@ function gr(i, s, t, e, n, r) {
         name: typeof t.icon == "string" ? t.icon : (o = t.icon) == null ? void 0 : o.name,
         type: (l = t.icon) == null ? void 0 : l.type
       }, null, 8, ["name", "type"])) : R("", !0),
-      M("input", {
-        class: q({ "file-input": t.type == "file" }),
+      Xt(M("input", {
+        class: q({ "file-input": t.type === "file" }),
         placeholder: t.placeholder,
         type: t.type,
         max: t.max,
         min: t.min,
         disabled: t.disabled,
-        value: t.modelValue,
-        onInput: s[0] || (s[0] = (c) => i.$emit("update:modelValue", c.target.value)),
+        "onUpdate:modelValue": s[0] || (s[0] = (c) => n.internalValue = c),
         onFocus: s[1] || (s[1] = (c) => n.isFocused = !0),
-        onKeyup: s[2] || (s[2] = Ln((c) => i.$emit("enter"), ["enter"])),
-        onBlur: s[3] || (s[3] = (...c) => r.onBlur && r.onBlur(...c))
-      }, null, 42, fr)
+        onBlur: s[2] || (s[2] = (...c) => r.onBlur && r.onBlur(...c)),
+        onKeyup: s[3] || (s[3] = Ln((c) => i.$emit("enter"), ["enter"])),
+        onChange: s[4] || (s[4] = (...c) => r.onChange && r.onChange(...c))
+      }, null, 42, pr), [
+        [Tn, n.internalValue]
+      ])
     ], 2),
-    r.inputRequired && n.touched ? (I(), A("span", pr, " This field is required! ")) : R("", !0)
+    r.inputRequired && n.touched ? (I(), A("span", gr, " This field is required! ")) : R("", !0)
   ], 64);
 }
-const mr = /* @__PURE__ */ N(dr, [["render", gr]]), _r = {
+const _r = /* @__PURE__ */ N(ur, [["render", mr]]), br = {
   props: {
     placeholder: {
       type: String,
@@ -5496,16 +5509,19 @@ const mr = /* @__PURE__ */ N(dr, [["render", gr]]), _r = {
     },
     label: String
   }
-}, 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(), 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 }])
+}, vr = { class: "" }, wr = {
+  key: 0,
+  class: "form-label flex items-center max-w-full pb-2"
+};
+function yr(i, s, t, e, n, r) {
+  return I(), A("div", vr, [
+    t.label ? (I(), A("label", wr, V(t.label) + ": ", 1)) : R("", !0),
+    M("div", {
+      class: q(["text-sm font-normal text-gray-600 p-2 border border-gray-500 rounded-md", { "border-dashed": t.dashed }])
     }, V(t.placeholder || "N / A"), 3)
   ]);
 }
-const yr = /* @__PURE__ */ N(_r, [["render", wr]]), Er = {
+const Er = /* @__PURE__ */ N(br, [["render", yr]]), xr = {
   props: {
     modelValue: String,
     placeholder: {
@@ -5549,18 +5565,18 @@ const yr = /* @__PURE__ */ N(_r, [["render", wr]]), Er = {
       return this.required && !this.modelValue;
     }
   }
-}, xr = { class: "form-label flex items-center gap-1 mb-2 max-w-full" }, kr = {
+}, kr = { class: "form-label flex items-center gap-1 mb-2 max-w-full" }, Or = {
   key: 0,
   class: "text-danger"
-}, Or = ["placeholder", "disabled", "value", "rows"], Cr = {
+}, Cr = ["placeholder", "disabled", "value", "rows"], Sr = {
   key: 0,
   class: "text-xs text-red-500"
 };
-function Sr(i, s, t, e, n, r) {
+function Ir(i, s, t, e, n, r) {
   return I(), A(J, null, [
-    M("label", xr, [
+    M("label", kr, [
       ct(V(t.label) + " ", 1),
-      t.required ? (I(), A("span", kr, " * ")) : R("", !0)
+      t.required ? (I(), A("span", Or, " * ")) : R("", !0)
     ]),
     M("textarea", {
       class: q(["textarea text-gray-700", { [r.inputSize]: !0, "border-danger": r.inputRequired && n.isFocused }]),
@@ -5570,11 +5586,11 @@ function Sr(i, s, t, e, n, r) {
       rows: t.rows,
       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(), A("span", Cr, " *This field is required ")) : R("", !0)
+    }, null, 42, Cr),
+    r.inputRequired && n.isFocused ? (I(), A("span", Sr, " *This field is required ")) : R("", !0)
   ], 64);
 }
-const Ir = /* @__PURE__ */ N(Er, [["render", Sr]]), Ar = {
+const Ar = /* @__PURE__ */ N(xr, [["render", Ir]]), Lr = {
   props: {
     modelValue: [String, Number],
     // Fix type declaration
@@ -5637,28 +5653,28 @@ const Ir = /* @__PURE__ */ N(Er, [["render", Sr]]), Ar = {
       this.$emit("update:modelValue", s === "close" ? "" : s);
     }
   }
-}, Lr = {
-  key: 0,
-  class: "form-label flex items-center gap-1 max-w-full"
 }, Tr = {
+  key: 0,
+  class: "form-label flex items-center max-w-full pb-2"
+}, Pr = {
   key: 0,
   class: "text-danger"
-}, Pr = ["value", "disabled"], Mr = {
+}, Mr = ["value", "disabled"], $r = {
   key: 0,
   value: "close"
-}, $r = {
+}, Dr = {
   value: "",
   disabled: "",
   selected: ""
-}, Dr = ["value"], Nr = {
+}, Nr = ["value"], Br = {
   key: 1,
   class: "text-xs text-red-500"
 };
-function Br(i, s, t, e, n, r) {
+function Rr(i, s, t, e, n, r) {
   return I(), A(J, null, [
-    t.label ? (I(), A("label", Lr, [
+    t.label ? (I(), A("label", Tr, [
       ct(V(t.label) + " ", 1),
-      t.required ? (I(), A("span", Tr, " *")) : R("", !0)
+      t.required ? (I(), A("span", Pr, " *")) : R("", !0)
     ])) : R("", !0),
     M("select", {
       class: q(["select", { [r.inputSize]: !0, "border-danger": r.inputRequired && n.isFocused }]),
@@ -5667,22 +5683,22 @@ function Br(i, s, t, e, n, r) {
       value: t.modelValue,
       disabled: t.disabled
     }, [
-      t.resetBtn ? (I(), A("option", Mr, "Reset Selection")) : R("", !0),
-      M("option", $r, "Select " + V(t.placeholder), 1),
+      t.resetBtn ? (I(), A("option", $r, "Reset Selection")) : R("", !0),
+      M("option", Dr, "Select " + V(t.placeholder), 1),
       (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(), A("span", Nr, " *This field is required ")) : R("", !0)
+      }, V(a[t.optionLabel]), 9, Nr))), 128))
+    ], 42, Mr),
+    r.inputRequired && n.isFocused ? (I(), A("span", Br, " *This field is required ")) : R("", !0)
   ], 64);
 }
-const Ge = /* @__PURE__ */ N(Ar, [["render", Br]]), Rr = {
+const Ge = /* @__PURE__ */ N(Lr, [["render", Rr]]), jr = {
   inject: ["$dialogOnOk", "$dialogOnCancel"],
   name: "KtDialog",
   emits: ["ok", "cancel"],
   setup(i, { emit: s }) {
-    return Tn("$dialogOnCancel", () => {
+    return Pn("$dialogOnCancel", () => {
       s("cancel");
     }), {};
   },
@@ -5716,26 +5732,26 @@ const Ge = /* @__PURE__ */ N(Ar, [["render", Br]]), Rr = {
     const i = this.$refs.dialog, s = new Z(i);
     s.show(), this.dialogInstance = s;
   }
-}, jr = ["data-modal-backdrop-static"];
-function qr(i, s, t, e, n, r) {
+}, qr = ["data-modal-backdrop-static"];
+function zr(i, s, t, e, n, r) {
   return I(), A("div", {
     class: "modal flex items-center",
     ref: "dialog",
     "data-modal-backdrop-static": t.persistent
   }, [
     B(i.$slots, "default")
-  ], 8, jr);
+  ], 8, qr);
 }
-const zr = /* @__PURE__ */ N(Rr, [["render", qr]]);
-function Vr(i) {
+const Vr = /* @__PURE__ */ N(jr, [["render", zr]]);
+function Hr(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var de = { exports: {} }, Hr = de.exports, Je;
-function Fr() {
+var de = { exports: {} }, Fr = de.exports, Je;
+function Ur() {
   return Je || (Je = 1, function(i, s) {
     (function(t, e) {
       i.exports = e();
-    })(Hr, function() {
+    })(Fr, function() {
       return function(t) {
         function e(r) {
           if (n[r]) return n[r].exports;
@@ -6767,11 +6783,11 @@ function Fr() {
     });
   }(de)), de.exports;
 }
-var Ur = Fr();
-const ut = /* @__PURE__ */ Vr(Ur);
+var Kr = Ur();
+const ut = /* @__PURE__ */ Hr(Kr);
 let bn = 1;
-const ao = () => {
-  const i = Pn(null);
+const oo = () => {
+  const i = Mn(null);
   function s() {
     i.value.hide();
   }
@@ -6844,7 +6860,7 @@ const ao = () => {
     onDialogOk: t,
     onDialogCancel: e
   };
-}, Kr = dt({
+}, Wr = dt({
   methods: {
     dialog(i) {
       const s = `kt-dialog-${bn++}`, t = document.createElement("div");
@@ -6891,9 +6907,9 @@ const ao = () => {
       });
     }
   }
-}), Wr = dt({
+}), Yr = dt({
   inject: ["$dialogOnCancel"],
-  mixins: [Kr],
+  mixins: [Wr],
   props: {
     title: String,
     fixed: {
@@ -6915,8 +6931,8 @@ const ao = () => {
       typeof this.onCloseAction == "function" ? this.onCloseAction() : this.$dialogOnCancel();
     }
   }
-}), Yr = ["textContent"];
-function Zr(i, s, t, e, n, r) {
+}), Zr = ["textContent"];
+function Xr(i, s, t, e, n, r) {
   const a = G("kt-button");
   return I(), A("div", {
     class: q(["modal-header bg-inherit", { "kt-dialog-header-fixed": i.fixed }])
@@ -6925,7 +6941,7 @@ function Zr(i, s, t, e, n, r) {
       M("h3", {
         class: "modal-title",
         textContent: V(i.title)
-      }, null, 8, Yr),
+      }, null, 8, Zr),
       i.close ? (I(), st(a, {
         key: 0,
         icon: { type: "outline", name: "cross" },
@@ -6937,28 +6953,28 @@ function Zr(i, s, t, e, n, r) {
     ], !0)
   ], 2);
 }
-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(), A("div", Jr, [
+const Gr = /* @__PURE__ */ N(Yr, [["render", Xr], ["__scopeId", "data-v-b6ffd26d"]]), Jr = {}, Qr = { class: "modal-body md:min-h-[30vh] p-5" };
+function ta(i, s) {
+  return I(), A("div", Qr, [
     B(i.$slots, "default")
   ]);
 }
-const ta = /* @__PURE__ */ N(Gr, [["render", Qr]]), ea = {}, na = { class: "modal-footer justify-end" };
-function ia(i, s) {
-  return I(), A("div", na, [
+const ea = /* @__PURE__ */ N(Jr, [["render", ta]]), na = {}, ia = { class: "modal-footer justify-end" };
+function sa(i, s) {
+  return I(), A("div", ia, [
     B(i.$slots, "default")
   ]);
 }
-const sa = /* @__PURE__ */ N(ea, [["render", ia]]), ra = {}, aa = {
+const ra = /* @__PURE__ */ N(na, [["render", sa]]), aa = {}, oa = {
   class: "modal-content overflow-auto w-full md:min-w-[500px] animate-scale-in",
   style: { maxWidth: "800px", maxHeight: "90vh" }
 };
-function oa(i, s) {
-  return I(), A("div", aa, [
+function la(i, s) {
+  return I(), A("div", oa, [
     B(i.$slots, "default")
   ]);
 }
-const la = /* @__PURE__ */ N(ra, [["render", oa]]), ca = {
+const ca = /* @__PURE__ */ N(aa, [["render", la]]), da = {
   props: {
     component: {
       type: Object,
@@ -7000,14 +7016,14 @@ const la = /* @__PURE__ */ N(ra, [["render", oa]]), ca = {
     };
   }
 };
-function da(i, s, t, e, n, r) {
+function ua(i, s, t, e, n, r) {
   return I(), st(Ee(t.component), tn(t.componentProps, {
     onOk: t.onOk,
     onCancel: t.onCancel,
     ref: "component"
   }), null, 16, ["onOk", "onCancel"]);
 }
-const ua = /* @__PURE__ */ N(ca, [["render", da]]), ha = {
+const ha = /* @__PURE__ */ N(da, [["render", ua]]), fa = {
   props: {
     label: {
       type: String,
@@ -7030,7 +7046,7 @@ const ua = /* @__PURE__ */ N(ca, [["render", da]]), ha = {
     }
   }
 };
-function fa(i, s, t, e, n, r) {
+function pa(i, s, t, e, n, r) {
   var o, l;
   const a = G("kt-icon");
   return t.btnTab ? (I(), A("button", {
@@ -7057,7 +7073,7 @@ function fa(i, s, t, e, n, r) {
     ct(" " + V(t.label), 1)
   ], 2));
 }
-const pa = /* @__PURE__ */ N(ha, [["render", fa]]), ga = {
+const ga = /* @__PURE__ */ N(fa, [["render", pa]]), ma = {
   props: {
     name: {
       type: [String, Number],
@@ -7069,26 +7085,26 @@ const pa = /* @__PURE__ */ N(ha, [["render", fa]]), ga = {
       return this.$parent.modelValue === this.name;
     }
   }
-}, ma = { key: 0 };
-function _a(i, s, t, e, n, r) {
-  return r.isActive ? (I(), A("div", ma, [
+}, _a = { key: 0 };
+function ba(i, s, t, e, n, r) {
+  return r.isActive ? (I(), A("div", _a, [
     B(i.$slots, "default")
   ])) : R("", !0);
 }
-const ba = /* @__PURE__ */ N(ga, [["render", _a]]), va = {
+const va = /* @__PURE__ */ N(ma, [["render", ba]]), wa = {
   props: {
     modelValue: {
       type: String,
       required: !0
     }
   }
-}, wa = { "data-tabs": "true" };
-function ya(i, s, t, e, n, r) {
-  return I(), A("div", wa, [
+}, ya = { "data-tabs": "true" };
+function Ea(i, s, t, e, n, r) {
+  return I(), A("div", ya, [
     B(i.$slots, "default")
   ]);
 }
-const Ea = /* @__PURE__ */ N(va, [["render", ya]]), xa = {
+const xa = /* @__PURE__ */ N(wa, [["render", Ea]]), ka = {
   props: {
     modelValue: String,
     btnTabs: {
@@ -7103,14 +7119,14 @@ const Ea = /* @__PURE__ */ N(va, [["render", ya]]), xa = {
     };
   }
 };
-function ka(i, s, t, e, n, r) {
+function Oa(i, s, t, e, n, r) {
   return I(), A("div", {
     class: q({ "btn-tabs": t.btnTabs, tabs: !t.btnTabs })
   }, [
     B(i.$slots, "default")
   ], 2);
 }
-const Oa = /* @__PURE__ */ N(xa, [["render", ka]]), Ca = {
+const Ca = /* @__PURE__ */ N(ka, [["render", Oa]]), Sa = {
   computed: {
     computedBreadcrumbs() {
       var s;
@@ -7132,14 +7148,14 @@ 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" }, Ia = {
+}, Ia = { class: "text-gray-900 text-lg font-semibold" }, Aa = {
   key: 1,
   class: "text-gray-500"
 };
-function Aa(i, s, t, e, n, r) {
+function La(i, s, t, e, n, r) {
   const a = G("kt-breadcrumbs-el"), o = G("kt-breadcrumbs");
   return I(), A("div", null, [
-    M("h1", Sa, V(r.pageTitle), 1),
+    M("h1", Ia, V(r.pageTitle), 1),
     it(o, null, {
       default: mt(() => [
         (I(!0), A(J, null, yt(r.computedBreadcrumbs, (l, c) => (I(), A(J, { key: c }, [
@@ -7147,15 +7163,15 @@ function Aa(i, s, t, e, n, r) {
             key: 0,
             to: l.to,
             label: l.label
-          }, null, 8, ["to", "label"])) : (I(), A("span", Ia, V(l.label), 1))
+          }, null, 8, ["to", "label"])) : (I(), A("span", Aa, V(l.label), 1))
         ], 64))), 128))
       ]),
       _: 1
     })
   ]);
 }
-const La = /* @__PURE__ */ N(Ca, [["render", Aa]]), Ta = {};
-function Pa(i, s) {
+const Ta = /* @__PURE__ */ N(Sa, [["render", La]]), Pa = {};
+function Ma(i, s) {
   const t = G("kt-card");
   return I(), A("div", null, [
     it(t, { class: "p-4 animate-pulse flex flex-col gap-4" }, {
@@ -7167,7 +7183,7 @@ function Pa(i, s) {
     })
   ]);
 }
-const Ma = /* @__PURE__ */ N(Ta, [["render", Pa]]), $a = {
+const $a = /* @__PURE__ */ N(Pa, [["render", Ma]]), Da = {
   props: {
     modelValue: String,
     options: {
@@ -7199,34 +7215,34 @@ const Ma = /* @__PURE__ */ N(Ta, [["render", Pa]]), $a = {
       this.$emit("update:modelValue", i);
     }
   }
-}, Da = {
+}, Na = {
   key: 0,
   class: "form-label flex items-center max-w-full pb-2"
-}, Na = {
+}, Ba = {
   key: 0,
   class: "text-danger pl-1"
-}, Ba = { class: "btn-group w-full flex" }, Ra = ["onClick", "disabled"], ja = {
+}, Ra = { class: "btn-group w-full flex" }, ja = ["onClick", "disabled"], qa = {
   key: 1,
   class: "text-xs text-red-500"
 };
-function qa(i, s, t, e, n, r) {
+function za(i, s, t, e, n, r) {
   return I(), A(J, null, [
-    t.label ? (I(), A("label", Da, [
+    t.label ? (I(), A("label", Na, [
       ct(V(t.label) + ": ", 1),
-      t.required ? (I(), A("span", Na, " * ")) : R("", !0)
+      t.required ? (I(), A("span", Ba, " * ")) : R("", !0)
     ])) : R("", !0),
-    M("div", Ba, [
+    M("div", Ra, [
       (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, Ra))), 128))
+      }, V(a.name), 11, ja))), 128))
     ]),
-    i.inputRequired && i.touched ? (I(), A("span", ja, " This field is required! ")) : R("", !0)
+    i.inputRequired && i.touched ? (I(), A("span", qa, " This field is required! ")) : R("", !0)
   ], 64);
 }
-const za = /* @__PURE__ */ N($a, [["render", qa]]), Va = {
+const Va = /* @__PURE__ */ N(Da, [["render", za]]), Ha = {
   __name: "KtChip",
   props: {
     label: String,
@@ -7245,7 +7261,7 @@ const za = /* @__PURE__ */ N($a, [["render", qa]]), Va = {
       class: q(t.value)
     }, V(i.label), 3));
   }
-}, Ha = {
+}, Fa = {
   props: {
     title: {
       type: String,
@@ -7272,50 +7288,50 @@ const za = /* @__PURE__ */ N($a, [["render", qa]]), Va = {
   },
   methods: {
     async toggleAccordion() {
-      this.disabled || (this.active = !this.active, await Mn(), this.active ? this.contentHeight = this.$refs.content.scrollHeight + "px" : this.contentHeight = "0px");
+      this.disabled || (this.active = !this.active, await $n(), this.active ? this.contentHeight = this.$refs.content.scrollHeight + "px" : this.contentHeight = "0px");
     }
   }
-}, 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 = {
+}, Ua = { class: "accordion-item border rounded-xl relative bg-white" }, Ka = ["disabled"], Wa = { class: "text-lg uppercase text-gray-900 font-medium flex gap-3 w-full" }, Ya = {
   key: 0,
   class: "flex items-center"
-}, Ya = {
+}, Za = {
   key: 0,
   class: "ki-outline ki-down text-gray-600 text-md"
-}, Za = {
+}, Xa = {
   key: 1,
   class: "ki-outline ki-up text-gray-600 text-md"
-}, Xa = { class: "flex flex-row gap-4 items-center" }, Ga = { key: 0 }, Ja = {
+}, Ga = { class: "flex flex-row gap-4 items-center" }, Ja = { key: 0 }, Qa = {
   key: 0,
   class: "ki-outline ki-down text-gray-600 text-md"
-}, Qa = {
+}, to = {
   key: 1,
   class: "ki-outline ki-up text-gray-600 text-md"
-}, to = {
+}, eo = {
   key: 0,
   class: "tooltip-disabled"
-}, eo = { class: "text-gray-700 text-md p-4" };
-function no(i, s, t, e, n, r) {
+}, no = { class: "text-gray-700 text-md p-4" };
+function io(i, s, t, e, n, r) {
   const a = G("kt-icon");
-  return I(), A("div", Fa, [
+  return I(), A("div", Ua, [
     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", Ka, [
-        t.actionFirst ? (I(), A("div", Wa, [
-          n.active ? (I(), A("i", Za)) : (I(), A("i", Ya))
+      M("span", Wa, [
+        t.actionFirst ? (I(), A("div", Ya, [
+          n.active ? (I(), A("i", Xa)) : (I(), A("i", Za))
         ])) : R("", !0),
         B(i.$slots, "title")
       ]),
-      M("div", Xa, [
+      M("div", Ga, [
         B(i.$slots, "slot-right"),
-        t.actionFirst ? R("", !0) : (I(), A("div", Ga, [
-          n.active ? (I(), A("i", Qa)) : (I(), A("i", Ja))
+        t.actionFirst ? R("", !0) : (I(), A("div", Ja, [
+          n.active ? (I(), A("i", to)) : (I(), A("i", Qa))
         ]))
       ])
-    ], 10, Ua),
-    t.disabled ? (I(), A("div", to, [
+    ], 10, Ka),
+    t.disabled ? (I(), A("div", eo, [
       it(a, {
         class: "text-3xl text-blue-100",
         name: "ki-outline ki-information"
@@ -7330,21 +7346,21 @@ function no(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", eo, [
+      M("div", no, [
         B(i.$slots, "content")
       ])
     ], 6)
   ]);
 }
-const io = /* @__PURE__ */ N(Ha, [["render", no]]), vn = {
+const so = /* @__PURE__ */ N(Fa, [["render", io]]), 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", La), i.component("KtSkeletonCard", Ma), i.component("KtButtonGroup", za), i.component("KtSelect", Ge), i.component("KtChip", Va), i.component("KtAccordion", io);
+    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", ts), i.component("KtBreadcrumbs", hs), i.component("KtBreadcrumbsEl", gs), i.component("KtMenu", vs), i.component("KtMenuItem", xs), i.component("KtMenuLink", Ss), i.component("KtSubMenu", Ls), i.component("KtPagination", _n), i.component("KtTable", tr), i.component("KtBadge", is), i.component("KtSwitch", ar), i.component("KtSeparator", dr), i.component("KtInput", _r), i.component("KtInputLabel", Er), i.component("KtTextarea", Ar), i.component("KtSelect", Ge), i.component("KtDialog", Vr), i.component("KtDialogHeader", Gr), i.component("KtDialogBody", ea), i.component("KtDialogFooter", ra), i.component("KtDialogContent", ca), i.component("KtDialogManager", ha), i.component("ktTab", ga), i.component("ktTabPanel", va), i.component("ktTabPanels", xa), i.component("ktTabs", Ca), i.component("KtPageTitle", Ta), i.component("KtSkeletonCard", $a), i.component("KtButtonGroup", Va), i.component("KtSelect", Ge), i.component("KtChip", Ha), i.component("KtAccordion", so);
   }
 };
 export {
   Ut as KTComponent,
   vn as KtPlugin,
-  Kr as dialog,
-  ao as useDialog
+  Wr as dialog,
+  oo as useDialog
 };
 //# sourceMappingURL=metronics-vue.es.js.map