dendelion-ui 0.0.16 → 0.0.18

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as oe, createElementBlock as m, openBlock as v, normalizeClass as z, createElementVNode as y, renderSlot as M, ref as w, createBlock as G, resolveDynamicComponent as ce, withCtx as le, createTextVNode as ie, toDisplayString as H, onMounted as j, watch as P, Fragment as V, renderList as X, createCommentVNode as D, mergeProps as he, defineAsyncComponent as ee, provide as me, inject as Z, Transition as ye, unref as te, onUnmounted as _e } from "vue";
-var J = /* @__PURE__ */ ((e) => (e[e.Primary = 0] = "Primary", e[e.PrimaryContent = 1] = "PrimaryContent", e[e.Secondary = 2] = "Secondary", e[e.SecondaryContent = 3] = "SecondaryContent", e[e.Accent = 4] = "Accent", e[e.AccentContent = 5] = "AccentContent", e[e.Neutral = 6] = "Neutral", e[e.NeutralContent = 7] = "NeutralContent", e[e.Base100 = 8] = "Base100", e[e.Base200 = 9] = "Base200", e[e.Base300 = 10] = "Base300", e[e.BaseContent = 11] = "BaseContent", e[e.Info = 12] = "Info", e[e.InfoContent = 13] = "InfoContent", e[e.Success = 14] = "Success", e[e.SuccessContent = 15] = "SuccessContent", e[e.Warning = 16] = "Warning", e[e.WarningContent = 17] = "WarningContent", e[e.Error = 18] = "Error", e[e.ErrorContent = 19] = "ErrorContent", e))(J || {});
-class xe {
+import { defineComponent as B, computed as le, createElementBlock as m, openBlock as b, normalizeClass as N, createElementVNode as y, renderSlot as $, ref as k, createBlock as V, resolveDynamicComponent as G, withCtx as J, createTextVNode as ie, toDisplayString as j, onMounted as Z, watch as q, resolveComponent as he, Fragment as P, renderList as I, createCommentVNode as D, isVNode as me, mergeProps as ye, defineAsyncComponent as ne, provide as _e, inject as Y, Transition as xe, unref as re, onUnmounted as Se } from "vue";
+var Q = /* @__PURE__ */ ((e) => (e[e.Primary = 0] = "Primary", e[e.PrimaryContent = 1] = "PrimaryContent", e[e.Secondary = 2] = "Secondary", e[e.SecondaryContent = 3] = "SecondaryContent", e[e.Accent = 4] = "Accent", e[e.AccentContent = 5] = "AccentContent", e[e.Neutral = 6] = "Neutral", e[e.NeutralContent = 7] = "NeutralContent", e[e.Base100 = 8] = "Base100", e[e.Base200 = 9] = "Base200", e[e.Base300 = 10] = "Base300", e[e.BaseContent = 11] = "BaseContent", e[e.Info = 12] = "Info", e[e.InfoContent = 13] = "InfoContent", e[e.Success = 14] = "Success", e[e.SuccessContent = 15] = "SuccessContent", e[e.Warning = 16] = "Warning", e[e.WarningContent = 17] = "WarningContent", e[e.Error = 18] = "Error", e[e.ErrorContent = 19] = "ErrorContent", e))(Q || {});
+class ke {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -48,7 +48,7 @@ class xe {
     }
   }
 }
-class Se {
+class we {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -96,7 +96,7 @@ class Se {
     }
   }
 }
-class Qe {
+class st {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -144,8 +144,8 @@ class Qe {
     }
   }
 }
-var Y = /* @__PURE__ */ ((e) => (e[e.XS = 0] = "XS", e[e.SM = 1] = "SM", e[e.MD = 2] = "MD", e[e.LG = 3] = "LG", e[e.XL = 4] = "XL", e[e.TWOXL = 5] = "TWOXL", e[e.THREEXL = 6] = "THREEXL", e))(Y || {});
-class ke {
+var ee = /* @__PURE__ */ ((e) => (e[e.XS = 0] = "XS", e[e.SM = 1] = "SM", e[e.MD = 2] = "MD", e[e.LG = 3] = "LG", e[e.XL = 4] = "XL", e[e.TWOXL = 5] = "TWOXL", e[e.THREEXL = 6] = "THREEXL", e))(ee || {});
+class Be {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -167,7 +167,7 @@ class ke {
     }
   }
 }
-class we {
+class Ce {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -189,7 +189,7 @@ class we {
     }
   }
 }
-class Be {
+class $e {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -214,21 +214,21 @@ class Be {
 function de(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
+var U = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ne;
-function Ce() {
-  return ne || (ne = 1, function(e) {
+var ae;
+function Me() {
+  return ae || (ae = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function s() {
-        for (var r = "", c = 0; c < arguments.length; c++) {
-          var i = arguments[c];
-          i && (r = a(r, u(i)));
+      function o() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var f = arguments[i];
+          f && (r = a(r, u(f)));
         }
         return r;
       }
@@ -238,292 +238,292 @@ function Ce() {
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return s.apply(null, r);
+          return o.apply(null, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var c = "";
-        for (var i in r)
-          t.call(r, i) && r[i] && (c = a(c, i));
-        return c;
+        var i = "";
+        for (var f in r)
+          t.call(r, f) && r[f] && (i = a(i, f));
+        return i;
       }
-      function a(r, c) {
-        return c ? r ? r + " " + c : r + c : r;
+      function a(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(I)), I.exports;
+  }(U)), U.exports;
 }
-var $e = Ce();
-const R = /* @__PURE__ */ de($e), Me = ["type", "disabled"], Ne = { class: "group-[.is-loading]:text-transparent" }, et = /* @__PURE__ */ C({
+var Ne = Me();
+const R = /* @__PURE__ */ de(Ne), ze = ["type", "disabled"], Te = { class: "group-[.is-loading]:text-transparent" }, ot = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
-    color: { default: J.Neutral },
+    color: { default: Q.Neutral },
     soft: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
     disabled: { type: Boolean },
     click: {}
   },
   setup(e) {
-    const t = e, s = oe(
+    const t = e, o = le(
       () => R(
         "btn",
         "group",
-        Se.toClassName(t.color),
+        we.toClassName(t.color),
         t.soft ? "btn-soft" : "",
         t.outline ? "btn-outline" : "",
         t.loading ? "is-loading" : "",
         t.disabled ? "disabled" : ""
       )
     );
-    return (u, a) => (v(), m("button", {
+    return (u, a) => (b(), m("button", {
       onClick: a[0] || (a[0] = (r) => u.click ? u.click : void 0),
-      class: z(s.value),
+      class: N(o.value),
       type: u.type,
       disabled: u.disabled || u.loading
     }, [
       a[1] || (a[1] = y("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      y("span", Ne, [
-        M(u.$slots, "default")
+      y("span", Te, [
+        $(u.$slots, "default")
       ])
-    ], 10, Me));
+    ], 10, ze));
   }
-}), Q = (e, t) => {
-  const s = e.__vccOpts || e;
+}), te = (e, t) => {
+  const o = e.__vccOpts || e;
   for (const [u, a] of t)
-    s[u] = a;
-  return s;
-}, ze = {};
-function Te(e, t) {
-  return v(), m("button");
+    o[u] = a;
+  return o;
+}, Le = {};
+function Ee(e, t) {
+  return b(), m("button");
 }
-const tt = /* @__PURE__ */ Q(ze, [["render", Te]]), nt = /* @__PURE__ */ C({
+const ut = /* @__PURE__ */ te(Le, [["render", Ee]]), ct = /* @__PURE__ */ B({
   __name: "Card",
   props: {
-    backgroundColor: { default: J.Primary },
+    backgroundColor: { default: Q.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, s = w(
+    const t = e, o = k(
       R(
         "card",
-        xe.toClassName(t.backgroundColor),
+        ke.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
         t.fullWidth ? "w-full" : "",
-        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? we.toClassName(t.roundedSize) : ""
+        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Ce.toClassName(t.roundedSize) : ""
       )
     );
-    return (u, a) => (v(), m("div", {
-      class: z(s.value)
+    return (u, a) => (b(), m("div", {
+      class: N(o.value)
     }, [
-      M(u.$slots, "default")
+      $(u.$slots, "default")
     ], 2));
   }
-}), Le = {}, Ee = { class: "card-body" };
-function Fe(e, t) {
-  return v(), m("div", Ee, [
-    M(e.$slots, "default")
+}), Fe = {}, Re = { class: "card-body" };
+function We(e, t) {
+  return b(), m("div", Re, [
+    $(e.$slots, "default")
   ]);
 }
-const rt = /* @__PURE__ */ Q(Le, [["render", Fe]]), at = /* @__PURE__ */ C({
+const lt = /* @__PURE__ */ te(Fe, [["render", We]]), it = /* @__PURE__ */ B({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, s) => (v(), G(ce(t.is), { class: "card-title" }, {
-      default: le(() => [
-        ie(H(t.text), 1)
+    return (t, o) => (b(), V(G(t.is), { class: "card-title" }, {
+      default: J(() => [
+        ie(j(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), st = /* @__PURE__ */ C({
+}), dt = /* @__PURE__ */ B({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, s = w([
+    const t = e, o = k([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (u, a) => (v(), m("div", {
-      class: z(s.value)
+    return (u, a) => (b(), m("div", {
+      class: N(o.value)
     }, [
-      M(u.$slots, "default")
+      $(u.$slots, "default")
     ], 2));
   }
 });
-var U = {}, K = {}, re;
+var K = {}, H = {}, se;
 function fe() {
-  return re || (re = 1, function(e) {
+  return se || (se = 1, function(e) {
     e.__esModule = !0, e.default = a;
-    var t = /[\u0300-\u036f]/g, s = /ł/g, u = /ñ/g;
+    var t = /[\u0300-\u036f]/g, o = /ł/g, u = /ñ/g;
     function a(r) {
-      return r.toLowerCase().normalize("NFD").replace(t, "").replace(s, "l").replace(u, "n").trim();
+      return r.toLowerCase().normalize("NFD").replace(t, "").replace(o, "l").replace(u, "n").trim();
     }
-  }(K)), K;
+  }(H)), H;
 }
-var E = {}, ae;
-function se() {
-  if (ae) return E;
-  ae = 1, E.__esModule = !0, E.aggressiveFuzzyMatch = N, E.createFuzzySearchImpl = _, E.experimentalSmartFuzzyMatch = W, E.fuzzyMatchImpl = d;
+var E = {}, oe;
+function ue() {
+  if (oe) return E;
+  oe = 1, E.__esModule = !0, E.aggressiveFuzzyMatch = M, E.createFuzzySearchImpl = c, E.experimentalSmartFuzzyMatch = W, E.fuzzyMatchImpl = L;
   var e = t(fe());
   function t(n) {
     return n && n.__esModule ? n : { default: n };
   }
-  var s = Number.MAX_SAFE_INTEGER, u = function(o, l) {
+  var o = Number.MAX_SAFE_INTEGER, u = function(s, d) {
     return (
       /*: number*/
-      o.score - l.score
+      s.score - d.score
     );
-  }, a = function(o, l) {
+  }, a = function(s, d) {
     return (
       /*: number*/
-      o[0] - l[0]
+      s[0] - d[0]
     );
   }, r = new Set(`  []()-–—'"“”`.split(""));
-  function c(n) {
+  function i(n) {
     return r.has(n);
   }
-  function i(n, o, l, x, f, g, b) {
-    if (n === x)
+  function f(n, s, d, _, l, g, v) {
+    if (n === _)
       return [0, [[0, n.length - 1]]];
-    var p = x.length, h = o.length, S = f.length;
-    if (o === f)
+    var p = _.length, h = s.length, x = l.length;
+    if (s === l)
       return [0.1, [[0, h - 1]]];
-    if (o.startsWith(f))
-      return [0.5, [[0, S - 1]]];
-    var B = n.indexOf(x);
-    if (B > -1 && c(n[B - 1]))
-      return [0.9, [[B, B + p - 1]]];
-    var k = o.indexOf(f);
-    if (k > -1 && c(o[k - 1]))
-      return [1, [[k, k + p - 1]]];
-    var $ = g.length;
-    if ($ > 1 && g.every(function(L) {
-      return l.has(L);
+    if (s.startsWith(l))
+      return [0.5, [[0, x - 1]]];
+    var w = n.indexOf(_);
+    if (w > -1 && i(n[w - 1]))
+      return [0.9, [[w, w + p - 1]]];
+    var S = s.indexOf(l);
+    if (S > -1 && i(s[S - 1]))
+      return [1, [[S, S + p - 1]]];
+    var C = g.length;
+    if (C > 1 && g.every(function(T) {
+      return d.has(T);
     })) {
-      var T = 1.5 + $ * 0.2;
-      return [T, g.map(function(L) {
-        var F = o.indexOf(L);
-        return [F, F + L.length - 1];
+      var z = 1.5 + C * 0.2;
+      return [z, g.map(function(T) {
+        var F = s.indexOf(T);
+        return [F, F + T.length - 1];
       }).sort(a)];
     }
-    return k > -1 ? [2, [[k, k + p - 1]]] : b === "aggressive" ? N(o, f) : b === "smart" ? W(o, f) : null;
+    return S > -1 ? [2, [[S, S + p - 1]]] : v === "aggressive" ? M(s, l) : v === "smart" ? W(s, l) : null;
   }
-  function N(n, o) {
-    for (var l = n.length, x = o.length, f = 0, g = o[f], b = [], p = -1, h = -2, S = 0; S < l; S += 1)
-      if (n[S] === g) {
-        if (S !== h + 1 && (p >= 0 && b.push([p, h]), p = S), h = S, f += 1, f === x)
-          return b.push([p, h]), O(b, n);
-        g = o[f];
+  function M(n, s) {
+    for (var d = n.length, _ = s.length, l = 0, g = s[l], v = [], p = -1, h = -2, x = 0; x < d; x += 1)
+      if (n[x] === g) {
+        if (x !== h + 1 && (p >= 0 && v.push([p, h]), p = x), h = x, l += 1, l === _)
+          return v.push([p, h]), O(v, n);
+        g = s[l];
       }
     return null;
   }
-  function W(n, o) {
-    for (var l = n.length, x = [], f = 0, g = o[f], b = -1, p = -2; ; ) {
+  function W(n, s) {
+    for (var d = n.length, _ = [], l = 0, g = s[l], v = -1, p = -2; ; ) {
       var h = n.indexOf(g, p + 1);
       if (h === -1)
         break;
-      if (h === 0 || c(n[h - 1]))
-        b = h;
+      if (h === 0 || i(n[h - 1]))
+        v = h;
       else {
-        var S = o.length - f, B = n.length - h, k = Math.min(3, S, B), $ = o.slice(f, f + k);
-        if (n.slice(h, h + k) === $)
-          b = h;
+        var x = s.length - l, w = n.length - h, S = Math.min(3, x, w), C = s.slice(l, l + S);
+        if (n.slice(h, h + S) === C)
+          v = h;
         else {
           p += 1;
           continue;
         }
       }
-      for (p = b; p < l && n[p] === g; p += 1)
-        f += 1, g = o[f];
-      if (p -= 1, x.push([b, p]), f === o.length)
-        return O(x, n);
+      for (p = v; p < d && n[p] === g; p += 1)
+        l += 1, g = s[l];
+      if (p -= 1, _.push([v, p]), l === s.length)
+        return O(_, n);
     }
     return null;
   }
-  function O(n, o) {
-    var l = 2;
-    return n.forEach(function(x) {
-      var f = x[0], g = x[1], b = g - f + 1, p = f === 0 || o[f] === " " || o[f - 1] === " ", h = g === o.length - 1 || o[g] === " " || o[g + 1] === " ", S = p && h;
-      S ? l += 0.2 : p ? l += 0.4 : b >= 3 ? l += 0.8 : l += 1.6;
-    }), [l, n];
+  function O(n, s) {
+    var d = 2;
+    return n.forEach(function(_) {
+      var l = _[0], g = _[1], v = g - l + 1, p = l === 0 || s[l] === " " || s[l - 1] === " ", h = g === s.length - 1 || s[g] === " " || s[g + 1] === " ", x = p && h;
+      x ? d += 0.2 : p ? d += 0.4 : v >= 3 ? d += 0.8 : d += 1.6;
+    }), [d, n];
   }
-  function d(n, o) {
-    var l = (0, e.default)(o), x = l.split(" "), f = (0, e.default)(n), g = new Set(f.split(" ")), b = i(n, f, g, o, l, x, "smart");
-    return b ? {
+  function L(n, s) {
+    var d = (0, e.default)(s), _ = d.split(" "), l = (0, e.default)(n), g = new Set(l.split(" ")), v = f(n, l, g, s, d, _, "smart");
+    return v ? {
       item: n,
-      score: b[0],
-      matches: [b[1]]
+      score: v[0],
+      matches: [v[1]]
     } : null;
   }
-  function _(n, o) {
-    var l = o.strategy, x = l === void 0 ? "aggressive" : l, f = o.getText, g = n.map(function(b) {
+  function c(n, s) {
+    var d = s.strategy, _ = d === void 0 ? "aggressive" : d, l = s.getText, g = n.map(function(v) {
       var p;
-      if (f)
-        p = f(b);
+      if (l)
+        p = l(v);
       else {
-        var h = o.key ? b[o.key] : b;
+        var h = s.key ? v[s.key] : v;
         p = [h];
       }
-      var S = p.map(function(B) {
-        var k = B || "", $ = (0, e.default)(k), T = new Set($.split(" "));
-        return [k, $, T];
+      var x = p.map(function(w) {
+        var S = w || "", C = (0, e.default)(S), z = new Set(C.split(" "));
+        return [S, C, z];
       });
-      return [b, S];
+      return [v, x];
     });
-    return function(b) {
-      var p = [], h = (0, e.default)(b), S = h.split(" ");
-      return h.length ? (g.forEach(function(B) {
-        for (var k = B[0], $ = B[1], T = s, L = [], F = 0, pe = $.length; F < pe; F += 1) {
-          var q = $[F], be = q[0], ve = q[1], ge = q[2], A = i(be, ve, ge, b, h, S, x);
-          A ? (T = Math.min(T, A[0]), L.push(A[1])) : L.push(null);
+    return function(v) {
+      var p = [], h = (0, e.default)(v), x = h.split(" ");
+      return h.length ? (g.forEach(function(w) {
+        for (var S = w[0], C = w[1], z = o, T = [], F = 0, pe = C.length; F < pe; F += 1) {
+          var A = C[F], be = A[0], ve = A[1], ge = A[2], X = f(be, ve, ge, v, h, x, _);
+          X ? (z = Math.min(z, X[0]), T.push(X[1])) : T.push(null);
         }
-        T < s && p.push({
-          item: k,
-          score: T,
-          matches: L
+        z < o && p.push({
+          item: S,
+          score: z,
+          matches: T
         });
       }), p.sort(u), p) : [];
     };
   }
   return E;
 }
-var ue;
-function Re() {
-  return ue || (ue = 1, function(e) {
+var ce;
+function Oe() {
+  return ce || (ce = 1, function(e) {
     e.__esModule = !0, e.default = u, e.fuzzyMatch = a;
-    var t = s(fe());
+    var t = o(fe());
     e.normalizeText = t.default;
-    function s(r) {
+    function o(r) {
       return r && r.__esModule ? r : { default: r };
     }
-    function u(r, c) {
-      return c === void 0 && (c = {}), se().createFuzzySearchImpl(r, c);
+    function u(r, i) {
+      return i === void 0 && (i = {}), ue().createFuzzySearchImpl(r, i);
     }
-    function a(r, c) {
-      return se().fuzzyMatchImpl(r, c);
+    function a(r, i) {
+      return ue().fuzzyMatchImpl(r, i);
     }
-  }(U)), U;
+  }(K)), K;
 }
-var We = Re();
-const Oe = /* @__PURE__ */ de(We), Ve = { key: 0 }, De = ["colspan"], Pe = ["onClick"], qe = ["innerHTML"], ut = /* @__PURE__ */ C({
+var Ve = Oe();
+const De = /* @__PURE__ */ de(Ve), Pe = { key: 0 }, qe = ["colspan"], Ae = ["onClick"], Xe = { key: 0 }, Ie = { key: 0 }, Ue = ["innerHTML"], Ke = { key: 1 }, He = { key: 2 }, ft = /* @__PURE__ */ B({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
     pinRows: { type: Boolean, default: !1 },
     pinCols: { type: Boolean, default: !1 },
-    size: { default: Y.MD },
+    size: { default: ee.MD },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -532,188 +532,195 @@ const Oe = /* @__PURE__ */ de(We), Ve = { key: 0 }, De = ["colspan"], Pe = ["onC
     onRowClick: {}
   },
   setup(e) {
-    const t = w([]), s = w([]), u = w(null), a = e, r = w(
-      R("table", Be.toClassName(a.size), {
+    const t = k([]), o = k([]), u = k(null), a = e, r = k(
+      R("table", $e.toClassName(a.size), {
         "table-zebra": a.zebra,
         "table-pin-rows": a.pinRows,
         "table-pin-cols	": a.pinCols
       })
-    ), c = (d, _) => {
-      a.onRowClick && a.onRowClick(d, _);
-    }, i = (d, _) => String(!d || typeof d != "object" ? d : _.split(".").reduce((n, o) => n && (typeof n == "object" ? n[o] : n), d)), N = (d, _) => _.render === void 0 ? {} : _.render(i(d, _.data), d).props, W = (d) => d && typeof d == "object" && "then" in d ? ee(() => d) : typeof d == "function" ? ee(d) : d;
-    j(() => {
-      t.value = a.dataSource, s.value = a.dataSource;
-    }), P(
+    ), i = (c, n) => {
+      a.onRowClick && a.onRowClick(c, n);
+    }, f = (c, n) => String(!c || typeof c != "object" ? c : n.split(".").reduce((s, d) => s && (typeof s == "object" ? s[d] : s), c)), M = (c, n) => n.render === void 0 ? {} : n.render(f(c, n.data), c).props, W = (c) => (console.log("getComponent", c), c && typeof c == "object" && "then" in c ? ne(() => c) : typeof c == "function" ? ne(c) : c), O = (c, n) => n.render ? n.render(f(c, n.data), c) : f(c, n.data);
+    Z(() => {
+      t.value = a.dataSource, o.value = a.dataSource;
+    }), q(
       () => a.dataSource,
-      (d) => {
-        t.value = d, s.value = d;
+      (c) => {
+        console.log("dataSource changed", c), t.value = c, o.value = c;
       },
       { immediate: !0 }
-    ), P(
+    ), q(
       () => a.searchValue,
-      (d) => {
+      (c) => {
         if (a.searchFunction) {
-          s.value = a.searchFunction(d ?? "");
+          o.value = a.searchFunction(c ?? "");
           return;
         }
-        s.value = d ? O(d) : t.value;
+        o.value = c ? L(c) : t.value;
       },
       { immediate: !0 }
     );
-    const O = (d) => {
-      const _ = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((o) => {
-        const l = t.value.map((g) => i(g, o)), f = Oe(l)(d);
-        for (const g of f) {
-          const b = t.value.filter((p) => i(p, o) === g.item);
-          _.push(...b);
+    const L = (c) => {
+      const n = [];
+      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((d) => {
+        const _ = t.value.map((v) => f(v, d)), g = De(_)(c);
+        for (const v of g) {
+          const p = t.value.filter((h) => f(h, d) === v.item);
+          n.push(...p);
         }
-      }), _) : [];
+      }), n) : [];
     };
-    return (d, _) => (v(), m("table", {
-      ref_key: "table",
-      ref: u,
-      class: z(r.value)
-    }, [
-      y("thead", null, [
-        y("tr", null, [
-          (v(!0), m(V, null, X(a.columns, (n) => (v(), m("th", {
-            key: n.title
-          }, H(n.title), 1))), 128))
-        ])
-      ]),
-      y("tbody", null, [
-        s.value.length === 0 ? (v(), m("tr", Ve, [
-          y("td", {
-            colspan: a.columns.length
-          }, "No data found", 8, De)
-        ])) : (v(!0), m(V, { key: 1 }, X(s.value, (n, o) => (v(), m("tr", {
-          class: z(a.onRowClick ? "hover" : ""),
-          key: String(n),
-          onClick: (l) => c(n, o)
-        }, [
-          (v(!0), m(V, null, X(a.columns, (l) => (v(), m("td", {
-            key: l.title
+    return (c, n) => {
+      const s = he("component");
+      return b(), m("table", {
+        ref_key: "table",
+        ref: u,
+        class: N(r.value)
+      }, [
+        y("thead", null, [
+          y("tr", null, [
+            (b(!0), m(P, null, I(a.columns, (d) => (b(), m("th", {
+              key: d.title
+            }, j(d.title), 1))), 128))
+          ])
+        ]),
+        y("tbody", null, [
+          o.value.length === 0 ? (b(), m("tr", Pe, [
+            y("td", {
+              colspan: a.columns.length
+            }, "No data found", 8, qe)
+          ])) : (b(!0), m(P, { key: 1 }, I(o.value, (d, _) => (b(), m("tr", {
+            class: N(a.onRowClick ? "hover" : ""),
+            key: JSON.stringify(d),
+            onClick: (l) => i(d, _)
           }, [
-            l.render ? D("", !0) : (v(), m(V, { key: 0 }, [
-              ie(H(i(n, l.data)), 1)
-            ], 64)),
-            typeof l.render == "function" ? (v(), m(V, { key: 1 }, [
-              typeof l.render(i(n, l.data), n) == "string" ? (v(), m("div", {
-                key: 0,
-                innerHTML: l.render(i(n, l.data), n)
-              }, null, 8, qe)) : (v(), G(ce(W(l.render(i(n, l.data), n).component)), he({
-                key: 1,
-                ref_for: !0
-              }, N(n, l)), null, 16))
-            ], 64)) : D("", !0)
-          ]))), 128))
-        ], 10, Pe))), 128))
-      ])
-    ], 2));
+            (b(!0), m(P, null, I(a.columns, (l) => (b(), m("td", {
+              key: l.title
+            }, [
+              l.render ? d ? (b(), V(s, { key: 1 }, {
+                default: J(({ cell: g = O(d, l) }) => [
+                  g ? (b(), m("div", Xe, [
+                    typeof g == "string" ? (b(), m("div", Ie, [
+                      y("div", { innerHTML: g }, null, 8, Ue)
+                    ])) : me(g) ? (b(), m("div", Ke, [
+                      (b(), V(G(g)))
+                    ])) : (b(), m("div", He, [
+                      (b(), V(G(W(g.component)), ye({ ref_for: !0 }, M(d, l)), null, 16))
+                    ]))
+                  ])) : D("", !0)
+                ]),
+                _: 2
+              }, 1024)) : D("", !0) : (b(), m(P, { key: 0 }, [
+                ie(j(f(d, l.data)), 1)
+              ], 64))
+            ]))), 128))
+          ], 10, Ae))), 128))
+        ])
+      ], 2);
+    };
   }
-}), ot = /* @__PURE__ */ C({
+}), pt = /* @__PURE__ */ B({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
-  setup(e, { expose: t, emit: s }) {
-    const u = e, a = w(u.value), r = s, c = (i) => {
-      a.value = i, r("update:value", i);
+  setup(e, { expose: t, emit: o }) {
+    const u = e, a = k(u.value), r = o, i = (f) => {
+      a.value = f, r("update:value", f);
     };
-    return me("stepper", {
+    return _e("stepper", {
       value: a,
-      updateValue: c
-    }), P(
+      updateValue: i
+    }), q(
       () => u.value,
-      (i) => {
-        a.value = i;
+      (f) => {
+        a.value = f;
       }
     ), t({
-      updateValue: c
-    }), (i, N) => M(i.$slots, "default", { updateValue: c });
+      updateValue: i
+    }), (f, M) => $(f.$slots, "default", { updateValue: i });
   }
-}), ct = /* @__PURE__ */ C({
+}), bt = /* @__PURE__ */ B({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, s = Z("stepper"), u = w("");
-    return P(
-      () => s?.value.value,
+    const t = e, o = Y("stepper"), u = k("");
+    return q(
+      () => o?.value.value,
       (a) => {
         a && t.value && (u.value = Number(a) >= Number(t.value) ? "step-primary" : "");
       }
-    ), j(() => {
-      s && (u.value = s.value.value === t.value ? "step-primary" : "", Number(s.value.value) >= Number(t.value) && (u.value = "step-primary"));
-    }), (a, r) => (v(), m("li", {
-      class: z(["step", u.value])
+    ), Z(() => {
+      o && (u.value = o.value.value === t.value ? "step-primary" : "", Number(o.value.value) >= Number(t.value) && (u.value = "step-primary"));
+    }), (a, r) => (b(), m("li", {
+      class: N(["step", u.value])
     }, [
-      M(a.$slots, "default")
+      $(a.$slots, "default")
     ], 2));
   }
-}), Ae = {}, Xe = { class: "steps" };
-function Ie(e, t) {
-  return v(), m("ul", Xe, [
-    M(e.$slots, "default")
+}), Ge = {}, je = { class: "steps" };
+function Je(e, t) {
+  return b(), m("ul", je, [
+    $(e.$slots, "default")
   ]);
 }
-const lt = /* @__PURE__ */ Q(Ae, [["render", Ie]]), Ue = { key: 0 }, it = /* @__PURE__ */ C({
+const vt = /* @__PURE__ */ te(Ge, [["render", Je]]), Ze = { key: 0 }, gt = /* @__PURE__ */ B({
   __name: "StepPanels",
   setup(e) {
-    const t = Z("stepper");
-    return (s, u) => (v(), G(ye, {
+    const t = Y("stepper");
+    return (o, u) => (b(), V(xe, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: le(() => [
-        te(t)?.value ? (v(), m("div", Ue, [
-          M(s.$slots, "default", {
-            currentStep: te(t)?.value
+      default: J(() => [
+        re(t)?.value ? (b(), m("div", Ze, [
+          $(o.$slots, "default", {
+            currentStep: re(t)?.value
           })
         ])) : D("", !0)
       ]),
       _: 3
     }));
   }
-}), Ke = { key: 0 }, dt = /* @__PURE__ */ C({
+}), Ye = { key: 0 }, ht = /* @__PURE__ */ B({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const s = oe(() => u?.value.value), u = Z("stepper"), a = (r) => {
+    const o = le(() => u?.value.value), u = Y("stepper"), a = (r) => {
       u && u.updateValue(r.toString());
     };
     return t({
       activateCallback: a
-    }), (r, c) => r.value === s.value ? (v(), m("div", Ke, [
-      M(r.$slots, "default", { activateCallback: a })
+    }), (r, i) => r.value === o.value ? (b(), m("div", Ye, [
+      $(r.$slots, "default", { activateCallback: a })
     ])) : D("", !0);
   }
-}), He = {
+}), Qe = {
   key: 0,
   method: "dialog"
-}, ft = /* @__PURE__ */ C({
+}, mt = /* @__PURE__ */ B({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
     overflow: { type: Boolean, default: !1 },
-    closeButtonSize: { default: Y.SM },
+    closeButtonSize: { default: ee.SM },
     extraBoxClasses: {}
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: s }) {
-    const u = w(null), a = s, r = e, c = w(R("modal-box", r.extraBoxClasses, {
+  setup(e, { expose: t, emit: o }) {
+    const u = k(null), a = o, r = e, i = k(R("modal-box", r.extraBoxClasses, {
       "overflow-visible": r.overflow
-    })), i = w(
+    })), f = k(
       R("modal")
-    ), N = w(
+    ), M = k(
       R(
         "btn",
-        ke.toClassName(r.closeButtonSize),
+        Be.toClassName(r.closeButtonSize),
         "btn-circle",
         "btn-ghost",
         "absolute",
@@ -728,26 +735,26 @@ const lt = /* @__PURE__ */ Q(Ae, [["render", Ie]]), Ue = { key: 0 }, it = /* @__
       closeModal: () => {
         u.value?.close();
       }
-    }), (d, _) => (v(), m("dialog", {
+    }), (L, c) => (b(), m("dialog", {
       ref_key: "modal",
       ref: u,
-      class: z([i.value, d.$attrs.class]),
+      class: N([f.value, L.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: _[0] || (_[0] = (n) => a("close", n))
+      onClose: c[0] || (c[0] = (n) => a("close", n))
     }, [
       y("div", {
-        class: z(c.value)
+        class: N(i.value)
       }, [
-        d.closeButton ? (v(), m("form", He, [
+        L.closeButton ? (b(), m("form", Qe, [
           y("button", {
-            class: z(N.value)
+            class: N(M.value)
           }, "✕", 2)
         ])) : D("", !0),
-        M(d.$slots, "default")
+        $(L.$slots, "default")
       ], 2),
-      _[1] || (_[1] = y("form", {
+      c[1] || (c[1] = y("form", {
         method: "dialog",
         class: "modal-backdrop"
       }, [
@@ -755,21 +762,21 @@ const lt = /* @__PURE__ */ Q(Ae, [["render", Ie]]), Ue = { key: 0 }, it = /* @__
       ], -1))
     ], 34));
   }
-}), Ge = { class: "hidden w-full max-w-sm lg:flex" }, je = { class: "relative mx-3 w-full" }, Ze = { class: "relative w-full max-w-full" }, Je = ["value"], pt = /* @__PURE__ */ C({
+}), et = { class: "hidden w-full max-w-sm lg:flex" }, tt = { class: "relative mx-3 w-full" }, nt = { class: "relative w-full max-w-full" }, rt = ["value"], yt = /* @__PURE__ */ B({
   __name: "SearchBar",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, u = w(null), a = t, r = (c) => {
-      (c.ctrlKey || c.metaKey) && c.key.toLowerCase() === "k" && (c.preventDefault(), u.value && u.value.focus());
+    const o = e, u = k(null), a = t, r = (i) => {
+      (i.ctrlKey || i.metaKey) && i.key.toLowerCase() === "k" && (i.preventDefault(), u.value && u.value.focus());
     };
-    return j(() => {
+    return Z(() => {
       document.addEventListener("keydown", r);
-    }), _e(() => {
+    }), Se(() => {
       document.removeEventListener("keydown", r);
-    }), (c, i) => (v(), m("div", Ge, [
-      y("label", je, [
-        i[1] || (i[1] = y("svg", {
+    }), (i, f) => (b(), m("div", et, [
+      y("label", tt, [
+        f[1] || (f[1] = y("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60",
           "aria-hidden": "true",
           width: "16",
@@ -783,27 +790,27 @@ const lt = /* @__PURE__ */ Q(Ae, [["render", Ie]]), Ue = { key: 0 }, it = /* @__
           }),
           y("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })
         ], -1)),
-        y("div", Ze, [
+        y("div", nt, [
           y("form", null, [
             y("input", {
               ref_key: "searchInput",
               ref: u,
               type: "search",
               placeholder: "Zoeken...",
-              value: s.modelValue,
-              onInput: i[0] || (i[0] = (N) => a("update:modelValue", N.target.value)),
+              value: o.modelValue,
+              onInput: f[0] || (f[0] = (M) => a("update:modelValue", M.target.value)),
               class: "color-[inherit] w-full rounded-xl border-[2px] border-solid border-transparent bg-transparent px-3 py-2 ps-10 focus:border-[2px] focus:border-base-200 focus:outline-none"
-            }, null, 40, Je)
+            }, null, 40, rt)
           ])
         ]),
-        i[2] || (i[2] = y("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
+        f[2] || (f[2] = y("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
           y("kbd", { class: "kbd kbd-sm" }, "ctrl"),
           y("kbd", { class: "kbd kbd-sm" }, "K")
         ], -1))
       ])
     ]));
   }
-}), bt = [
+}), _t = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -889,27 +896,27 @@ const lt = /* @__PURE__ */ Q(Ae, [["render", Ie]]), Ue = { key: 0 }, it = /* @__
   "block"
 ];
 export {
-  xe as BackgroundColorUtils,
-  et as Button,
-  Se as ButtonColorUtils,
-  ke as ButtonSizeUtils,
-  nt as Card,
-  rt as CardBody,
-  at as CardTitle,
-  J as Color,
-  st as Container,
-  ft as Modal,
-  we as RoundedSizeUtils,
-  pt as SearchBar,
-  tt as SimpleButton,
-  Y as Size,
-  ct as Step,
-  lt as StepList,
-  dt as StepPanel,
-  it as StepPanels,
-  ot as Stepper,
-  ut as Table,
-  Be as TableSizeUtils,
-  Qe as TextColorUtils,
-  bt as dendelionSafeList
+  ke as BackgroundColorUtils,
+  ot as Button,
+  we as ButtonColorUtils,
+  Be as ButtonSizeUtils,
+  ct as Card,
+  lt as CardBody,
+  it as CardTitle,
+  Q as Color,
+  dt as Container,
+  mt as Modal,
+  Ce as RoundedSizeUtils,
+  yt as SearchBar,
+  ut as SimpleButton,
+  ee as Size,
+  bt as Step,
+  vt as StepList,
+  ht as StepPanel,
+  gt as StepPanels,
+  pt as Stepper,
+  ft as Table,
+  $e as TableSizeUtils,
+  st as TextColorUtils,
+  _t as dendelionSafeList
 };