dendelion-ui 0.0.17 → 0.0.19

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as ce, createElementBlock as m, openBlock as v, normalizeClass as z, createElementVNode as y, renderSlot as M, ref as w, createBlock as P, resolveDynamicComponent as G, withCtx as le, createTextVNode as ie, toDisplayString as j, onMounted as Z, watch as q, Fragment as O, renderList as I, createCommentVNode as D, isVNode as he, mergeProps as me, defineAsyncComponent as te, provide as ye, inject as J, Transition as _e, unref as ne, onUnmounted as xe } from "vue";
-var Y = /* @__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))(Y || {});
-class Se {
+import { defineComponent as B, computed as Y, createElementBlock as p, openBlock as i, normalizeClass as L, createElementVNode as g, renderSlot as T, ref as S, createBlock as D, resolveDynamicComponent as J, withCtx as ie, createTextVNode as de, toDisplayString as Q, onMounted as I, createCommentVNode as A, Fragment as P, unref as Z, isVNode as he, normalizeProps as ye, guardReactiveProps as _e, defineAsyncComponent as ae, watch as q, renderList as K, provide as xe, inject as ee, Transition as we, onUnmounted as Se } from "vue";
+var te = /* @__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))(te || {});
+class ke {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -48,7 +48,7 @@ class Se {
     }
   }
 }
-class ke {
+class Be {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -96,7 +96,7 @@ class ke {
     }
   }
 }
-class et {
+class ut {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -144,8 +144,8 @@ class et {
     }
   }
 }
-var Q = /* @__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))(Q || {});
-class we {
+var ne = /* @__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))(ne || {});
+class Ce {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -167,7 +167,7 @@ class we {
     }
   }
 }
-class Be {
+class $e {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -189,7 +189,7 @@ class Be {
     }
   }
 }
-class Ce {
+class Me {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -211,319 +211,348 @@ class Ce {
     }
   }
 }
-function de(e) {
+function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var U = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var re;
-function $e() {
-  return re || (re = 1, function(e) {
+var se;
+function Ne() {
+  return se || (se = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function s() {
-        for (var r = "", l = 0; l < arguments.length; l++) {
-          var i = arguments[l];
-          i && (r = a(r, u(i)));
+      function r() {
+        for (var n = "", o = 0; o < arguments.length; o++) {
+          var d = arguments[o];
+          d && (n = a(n, s(d)));
         }
-        return r;
+        return n;
       }
-      function u(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return r;
-        if (typeof r != "object")
+      function s(n) {
+        if (typeof n == "string" || typeof n == "number")
+          return n;
+        if (typeof n != "object")
           return "";
-        if (Array.isArray(r))
-          return s.apply(null, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
-        var l = "";
-        for (var i in r)
-          t.call(r, i) && r[i] && (l = a(l, i));
-        return l;
+        if (Array.isArray(n))
+          return r.apply(null, n);
+        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
+          return n.toString();
+        var o = "";
+        for (var d in n)
+          t.call(n, d) && n[d] && (o = a(o, d));
+        return o;
       }
-      function a(r, l) {
-        return l ? r ? r + " " + l : r + l : r;
+      function a(n, o) {
+        return o ? n ? n + " " + o : n + o : n;
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(U)), U.exports;
+  }(H)), H.exports;
 }
-var Me = $e();
-const R = /* @__PURE__ */ de(Me), Ne = ["type", "disabled"], ze = { class: "group-[.is-loading]:text-transparent" }, tt = /* @__PURE__ */ C({
+var Te = Ne();
+const V = /* @__PURE__ */ fe(Te), ze = ["type", "disabled"], Le = { class: "group-[.is-loading]:text-transparent" }, ct = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
-    color: { default: Y.Neutral },
+    color: { default: te.Neutral },
     soft: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
     disabled: { type: Boolean },
     click: {}
   },
   setup(e) {
-    const t = e, s = ce(
-      () => R(
+    const t = e, r = Y(
+      () => V(
         "btn",
         "group",
-        ke.toClassName(t.color),
+        Be.toClassName(t.color),
         t.soft ? "btn-soft" : "",
         t.outline ? "btn-outline" : "",
         t.loading ? "is-loading" : "",
         t.disabled ? "disabled" : ""
       )
     );
-    return (u, a) => (v(), m("button", {
-      onClick: a[0] || (a[0] = (r) => u.click ? u.click : void 0),
-      class: z(s.value),
-      type: u.type,
-      disabled: u.disabled || u.loading
+    return (s, a) => (i(), p("button", {
+      onClick: a[0] || (a[0] = (n) => s.click ? s.click : void 0),
+      class: L(r.value),
+      type: s.type,
+      disabled: s.disabled || s.loading
     }, [
-      a[1] || (a[1] = y("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      y("span", ze, [
-        M(u.$slots, "default")
+      a[1] || (a[1] = g("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
+      g("span", Le, [
+        T(s.$slots, "default")
       ])
-    ], 10, Ne));
+    ], 10, ze));
   }
-}), ee = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [u, a] of t)
-    s[u] = a;
-  return s;
-}, Te = {};
-function Le(e, t) {
-  return v(), m("button");
+}), re = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [s, a] of t)
+    r[s] = a;
+  return r;
+}, Ee = {};
+function Re(e, t) {
+  return i(), p("button");
 }
-const nt = /* @__PURE__ */ ee(Te, [["render", Le]]), rt = /* @__PURE__ */ C({
+const lt = /* @__PURE__ */ re(Ee, [["render", Re]]), it = /* @__PURE__ */ B({
   __name: "Card",
   props: {
-    backgroundColor: { default: Y.Primary },
+    backgroundColor: { default: te.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, s = w(
-      R(
+    const t = e, r = S(
+      V(
         "card",
-        Se.toClassName(t.backgroundColor),
+        ke.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
         t.fullWidth ? "w-full" : "",
-        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Be.toClassName(t.roundedSize) : ""
+        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? $e.toClassName(t.roundedSize) : ""
       )
     );
-    return (u, a) => (v(), m("div", {
-      class: z(s.value)
+    return (s, a) => (i(), p("div", {
+      class: L(r.value)
     }, [
-      M(u.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), Ee = {}, Fe = { class: "card-body" };
-function Re(e, t) {
-  return v(), m("div", Fe, [
-    M(e.$slots, "default")
+}), Fe = {}, We = { class: "card-body" };
+function Oe(e, t) {
+  return i(), p("div", We, [
+    T(e.$slots, "default")
   ]);
 }
-const at = /* @__PURE__ */ ee(Ee, [["render", Re]]), st = /* @__PURE__ */ C({
+const dt = /* @__PURE__ */ re(Fe, [["render", Oe]]), ft = /* @__PURE__ */ B({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, s) => (v(), P(G(t.is), { class: "card-title" }, {
-      default: le(() => [
-        ie(j(t.text), 1)
+    return (t, r) => (i(), D(J(t.is), { class: "card-title" }, {
+      default: ie(() => [
+        de(Q(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), ut = /* @__PURE__ */ C({
+}), pt = /* @__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, r = S([
       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 (s, a) => (i(), p("div", {
+      class: L(r.value)
     }, [
-      M(u.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-});
-var K = {}, H = {}, ae;
-function fe() {
-  return ae || (ae = 1, function(e) {
+}), O = (e, t) => String(!e || typeof e != "object" ? e : t.split(".").reduce((r, s) => r && (typeof r == "object" ? r[s] : r), e));
+var G = {}, j = {}, oe;
+function pe() {
+  return oe || (oe = 1, function(e) {
     e.__esModule = !0, e.default = a;
-    var t = /[\u0300-\u036f]/g, s = /ł/g, u = /ñ/g;
-    function a(r) {
-      return r.toLowerCase().normalize("NFD").replace(t, "").replace(s, "l").replace(u, "n").trim();
+    var t = /[\u0300-\u036f]/g, r = /ł/g, s = /ñ/g;
+    function a(n) {
+      return n.toLowerCase().normalize("NFD").replace(t, "").replace(r, "l").replace(s, "n").trim();
     }
-  }(H)), H;
+  }(j)), j;
 }
-var E = {}, se;
-function ue() {
-  if (se) return E;
-  se = 1, E.__esModule = !0, E.aggressiveFuzzyMatch = N, E.createFuzzySearchImpl = _, E.experimentalSmartFuzzyMatch = W, E.fuzzyMatchImpl = d;
-  var e = t(fe());
-  function t(n) {
-    return n && n.__esModule ? n : { default: n };
+var F = {}, ue;
+function ce() {
+  if (ue) return F;
+  ue = 1, F.__esModule = !0, F.aggressiveFuzzyMatch = h, F.createFuzzySearchImpl = k, F.experimentalSmartFuzzyMatch = z, F.fuzzyMatchImpl = $;
+  var e = t(pe());
+  function t(c) {
+    return c && c.__esModule ? c : { default: c };
   }
-  var s = Number.MAX_SAFE_INTEGER, u = function(o, c) {
+  var r = Number.MAX_SAFE_INTEGER, s = function(u, b) {
     return (
       /*: number*/
-      o.score - c.score
+      u.score - b.score
     );
-  }, a = function(o, c) {
+  }, a = function(u, b) {
     return (
       /*: number*/
-      o[0] - c[0]
+      u[0] - b[0]
     );
-  }, r = new Set(`  []()-–—'"“”`.split(""));
-  function l(n) {
-    return r.has(n);
+  }, n = new Set(`  []()-–—'"“”`.split(""));
+  function o(c) {
+    return n.has(c);
   }
-  function i(n, o, c, x, f, g, b) {
-    if (n === x)
-      return [0, [[0, n.length - 1]]];
-    var p = x.length, h = o.length, S = f.length;
-    if (o === f)
-      return [0.1, [[0, h - 1]]];
-    if (o.startsWith(f))
-      return [0.5, [[0, S - 1]]];
-    var B = n.indexOf(x);
-    if (B > -1 && l(n[B - 1]))
-      return [0.9, [[B, B + p - 1]]];
-    var k = o.indexOf(f);
-    if (k > -1 && l(o[k - 1]))
-      return [1, [[k, k + p - 1]]];
-    var $ = g.length;
-    if ($ > 1 && g.every(function(L) {
-      return c.has(L);
+  function d(c, u, b, _, l, y, v) {
+    if (c === _)
+      return [0, [[0, c.length - 1]]];
+    var f = _.length, m = u.length, x = l.length;
+    if (u === l)
+      return [0.1, [[0, m - 1]]];
+    if (u.startsWith(l))
+      return [0.5, [[0, x - 1]]];
+    var M = c.indexOf(_);
+    if (M > -1 && o(c[M - 1]))
+      return [0.9, [[M, M + f - 1]]];
+    var w = u.indexOf(l);
+    if (w > -1 && o(u[w - 1]))
+      return [1, [[w, w + f - 1]]];
+    var N = y.length;
+    if (N > 1 && y.every(function(R) {
+      return b.has(R);
     })) {
-      var T = 1.5 + $ * 0.2;
-      return [T, g.map(function(L) {
-        var F = o.indexOf(L);
-        return [F, F + L.length - 1];
+      var E = 1.5 + N * 0.2;
+      return [E, y.map(function(R) {
+        var W = u.indexOf(R);
+        return [W, W + R.length - 1];
       }).sort(a)];
     }
-    return k > -1 ? [2, [[k, k + p - 1]]] : b === "aggressive" ? N(o, f) : b === "smart" ? W(o, f) : null;
+    return w > -1 ? [2, [[w, w + f - 1]]] : v === "aggressive" ? h(u, l) : v === "smart" ? z(u, l) : null;
   }
-  function N(n, o) {
-    for (var c = n.length, x = o.length, f = 0, g = o[f], b = [], p = -1, h = -2, S = 0; S < c; 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]), V(b, n);
-        g = o[f];
+  function h(c, u) {
+    for (var b = c.length, _ = u.length, l = 0, y = u[l], v = [], f = -1, m = -2, x = 0; x < b; x += 1)
+      if (c[x] === y) {
+        if (x !== m + 1 && (f >= 0 && v.push([f, m]), f = x), m = x, l += 1, l === _)
+          return v.push([f, m]), C(v, c);
+        y = u[l];
       }
     return null;
   }
-  function W(n, o) {
-    for (var c = n.length, x = [], f = 0, g = o[f], b = -1, p = -2; ; ) {
-      var h = n.indexOf(g, p + 1);
-      if (h === -1)
+  function z(c, u) {
+    for (var b = c.length, _ = [], l = 0, y = u[l], v = -1, f = -2; ; ) {
+      var m = c.indexOf(y, f + 1);
+      if (m === -1)
         break;
-      if (h === 0 || l(n[h - 1]))
-        b = h;
+      if (m === 0 || o(c[m - 1]))
+        v = m;
       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 = u.length - l, M = c.length - m, w = Math.min(3, x, M), N = u.slice(l, l + w);
+        if (c.slice(m, m + w) === N)
+          v = m;
         else {
-          p += 1;
+          f += 1;
           continue;
         }
       }
-      for (p = b; p < c && n[p] === g; p += 1)
-        f += 1, g = o[f];
-      if (p -= 1, x.push([b, p]), f === o.length)
-        return V(x, n);
+      for (f = v; f < b && c[f] === y; f += 1)
+        l += 1, y = u[l];
+      if (f -= 1, _.push([v, f]), l === u.length)
+        return C(_, c);
     }
     return null;
   }
-  function V(n, o) {
-    var c = 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 ? c += 0.2 : p ? c += 0.4 : b >= 3 ? c += 0.8 : c += 1.6;
-    }), [c, n];
+  function C(c, u) {
+    var b = 2;
+    return c.forEach(function(_) {
+      var l = _[0], y = _[1], v = y - l + 1, f = l === 0 || u[l] === " " || u[l - 1] === " ", m = y === u.length - 1 || u[y] === " " || u[y + 1] === " ", x = f && m;
+      x ? b += 0.2 : f ? b += 0.4 : v >= 3 ? b += 0.8 : b += 1.6;
+    }), [b, c];
   }
-  function d(n, o) {
-    var c = (0, e.default)(o), x = c.split(" "), f = (0, e.default)(n), g = new Set(f.split(" ")), b = i(n, f, g, o, c, x, "smart");
-    return b ? {
-      item: n,
-      score: b[0],
-      matches: [b[1]]
+  function $(c, u) {
+    var b = (0, e.default)(u), _ = b.split(" "), l = (0, e.default)(c), y = new Set(l.split(" ")), v = d(c, l, y, u, b, _, "smart");
+    return v ? {
+      item: c,
+      score: v[0],
+      matches: [v[1]]
     } : null;
   }
-  function _(n, o) {
-    var c = o.strategy, x = c === void 0 ? "aggressive" : c, f = o.getText, g = n.map(function(b) {
-      var p;
-      if (f)
-        p = f(b);
+  function k(c, u) {
+    var b = u.strategy, _ = b === void 0 ? "aggressive" : b, l = u.getText, y = c.map(function(v) {
+      var f;
+      if (l)
+        f = l(v);
       else {
-        var h = o.key ? b[o.key] : b;
-        p = [h];
+        var m = u.key ? v[u.key] : v;
+        f = [m];
       }
-      var S = p.map(function(B) {
-        var k = B || "", $ = (0, e.default)(k), T = new Set($.split(" "));
-        return [k, $, T];
+      var x = f.map(function(M) {
+        var w = M || "", N = (0, e.default)(w), E = new Set(N.split(" "));
+        return [w, N, E];
       });
-      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 A = $[F], be = A[0], ve = A[1], ge = A[2], X = i(be, ve, ge, b, h, S, x);
-          X ? (T = Math.min(T, X[0]), L.push(X[1])) : L.push(null);
+    return function(v) {
+      var f = [], m = (0, e.default)(v), x = m.split(" ");
+      return m.length ? (y.forEach(function(M) {
+        for (var w = M[0], N = M[1], E = r, R = [], W = 0, be = N.length; W < be; W += 1) {
+          var X = N[W], ve = X[0], me = X[1], ge = X[2], U = d(ve, me, ge, v, m, x, _);
+          U ? (E = Math.min(E, U[0]), R.push(U[1])) : R.push(null);
         }
-        T < s && p.push({
-          item: k,
-          score: T,
-          matches: L
+        E < r && f.push({
+          item: w,
+          score: E,
+          matches: R
         });
-      }), p.sort(u), p) : [];
+      }), f.sort(s), f) : [];
     };
   }
-  return E;
+  return F;
 }
-var oe;
-function We() {
-  return oe || (oe = 1, function(e) {
-    e.__esModule = !0, e.default = u, e.fuzzyMatch = a;
-    var t = s(fe());
+var le;
+function Ve() {
+  return le || (le = 1, function(e) {
+    e.__esModule = !0, e.default = s, e.fuzzyMatch = a;
+    var t = r(pe());
     e.normalizeText = t.default;
-    function s(r) {
-      return r && r.__esModule ? r : { default: r };
+    function r(n) {
+      return n && n.__esModule ? n : { default: n };
     }
-    function u(r, l) {
-      return l === void 0 && (l = {}), ue().createFuzzySearchImpl(r, l);
+    function s(n, o) {
+      return o === void 0 && (o = {}), ce().createFuzzySearchImpl(n, o);
     }
-    function a(r, l) {
-      return ue().fuzzyMatchImpl(r, l);
+    function a(n, o) {
+      return ce().fuzzyMatchImpl(n, o);
     }
-  }(K)), K;
+  }(G)), G;
 }
-var Ve = We();
-const Oe = /* @__PURE__ */ de(Ve), De = { key: 0 }, Pe = ["colspan"], qe = ["onClick"], Ae = ["innerHTML"], ot = /* @__PURE__ */ C({
+var Pe = Ve();
+const De = /* @__PURE__ */ fe(Pe), Ae = { key: 0 }, qe = { key: 0 }, Ie = ["innerHTML"], Xe = { key: 1 }, Ue = { key: 2 }, Ke = /* @__PURE__ */ B({
+  __name: "TableColumn",
+  props: {
+    column: {},
+    row: {},
+    rowIndex: {}
+  },
+  setup(e) {
+    const t = e, r = Y(() => t.column.render ? t.column.render(O(t.row, t.column.data), t.row) : O(t.row, t.column.data));
+    I(() => {
+      r.value && typeof r.value == "object" && "then" in r.value && console.warn("Async component detected in TableColumn, this may cause issues with rendering.");
+    });
+    const s = (n, o) => o.render === void 0 ? {} : o.render(O(n, o.data), n).props, a = (n) => (console.log("getComponent", n), n && typeof n == "object" && "then" in n ? ae(() => n) : typeof n == "function" ? ae(n) : n);
+    return (n, o) => (i(), p("td", null, [
+      n.column.render ? n.row ? (i(), p(P, { key: 1 }, [
+        r.value ? (i(), p("div", Ae, [
+          typeof r.value == "string" ? (i(), p("div", qe, [
+            g("div", { innerHTML: r.value }, null, 8, Ie)
+          ])) : he(r.value) ? (i(), p("div", Xe, [
+            (i(), D(J(r.value)))
+          ])) : (i(), p("div", Ue, [
+            (i(), D(J(a(r.value.component)), ye(_e(s(n.row, n.column))), null, 16))
+          ]))
+        ])) : A("", !0)
+      ], 64)) : A("", !0) : (i(), p(P, { key: 0 }, [
+        de(Q(Z(O)(n.row, n.column.data)), 1)
+      ], 64))
+    ]));
+  }
+}), He = { key: 0 }, Ge = ["colspan"], je = ["onClick"], bt = /* @__PURE__ */ B({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
     pinRows: { type: Boolean, default: !1 },
     pinCols: { type: Boolean, default: !1 },
-    size: { default: Q.MD },
+    size: { default: ne.MD },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -532,188 +561,178 @@ const Oe = /* @__PURE__ */ de(Ve), De = { key: 0 }, Pe = ["colspan"], qe = ["onC
     onRowClick: {}
   },
   setup(e) {
-    const t = w([]), s = w([]), u = w(null), a = e, r = w(
-      R("table", Ce.toClassName(a.size), {
+    const t = S([]), r = S([]), s = S(null), a = e, n = S(
+      V("table", Me.toClassName(a.size), {
         "table-zebra": a.zebra,
         "table-pin-rows": a.pinRows,
         "table-pin-cols	": a.pinCols
       })
-    ), l = (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) => (console.log("getComponent", d), d && typeof d == "object" && "then" in d ? te(() => d) : typeof d == "function" ? te(d) : d);
-    Z(() => {
-      t.value = a.dataSource, s.value = a.dataSource;
+    ), o = (h, z) => {
+      a.onRowClick && a.onRowClick(h, z);
+    };
+    I(() => {
+      t.value = a.dataSource, r.value = a.dataSource;
     }), q(
       () => a.dataSource,
-      (d) => {
-        t.value = d, s.value = d;
+      (h) => {
+        console.log("dataSource changed", h), t.value = h, r.value = h;
       },
       { immediate: !0 }
     ), q(
       () => a.searchValue,
-      (d) => {
+      (h) => {
         if (a.searchFunction) {
-          s.value = a.searchFunction(d ?? "");
+          r.value = a.searchFunction(h ?? "");
           return;
         }
-        s.value = d ? V(d) : t.value;
+        r.value = h ? d(h) : t.value;
       },
       { immediate: !0 }
     );
-    const V = (d) => {
-      const _ = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((o) => {
-        const c = t.value.map((g) => i(g, o)), f = Oe(c)(d);
-        for (const g of f) {
-          const b = t.value.filter((p) => i(p, o) === g.item);
-          _.push(...b);
+    const d = (h) => {
+      const z = [];
+      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach(($) => {
+        const k = t.value.map((b) => O(b, $)), u = De(k)(h);
+        for (const b of u) {
+          const _ = t.value.filter((l) => O(l, $) === b.item);
+          z.push(..._);
         }
-      }), _) : [];
+      }), z) : [];
     };
-    return (d, _) => (v(), m("table", {
+    return (h, z) => (i(), p("table", {
       ref_key: "table",
-      ref: u,
-      class: z(r.value)
+      ref: s,
+      class: L(n.value)
     }, [
-      y("thead", null, [
-        y("tr", null, [
-          (v(!0), m(O, null, I(a.columns, (n) => (v(), m("th", {
-            key: n.title
-          }, j(n.title), 1))), 128))
+      g("thead", null, [
+        g("tr", null, [
+          (i(!0), p(P, null, K(a.columns, (C) => (i(), p("th", {
+            key: C.title
+          }, Q(C.title), 1))), 128))
         ])
       ]),
-      y("tbody", null, [
-        s.value.length === 0 ? (v(), m("tr", De, [
-          y("td", {
+      g("tbody", null, [
+        r.value.length === 0 ? (i(), p("tr", He, [
+          g("td", {
             colspan: a.columns.length
-          }, "No data found", 8, Pe)
-        ])) : (v(!0), m(O, { key: 1 }, I(s.value, (n, o) => (v(), m("tr", {
-          class: z(a.onRowClick ? "hover" : ""),
-          key: String(n),
-          onClick: (c) => l(n, o)
+          }, "No data found", 8, Ge)
+        ])) : (i(!0), p(P, { key: 1 }, K(r.value, (C, $) => (i(), p("tr", {
+          class: L(a.onRowClick ? "hover" : ""),
+          key: JSON.stringify(C),
+          onClick: (k) => o(C, $)
         }, [
-          (v(!0), m(O, null, I(a.columns, (c) => (v(), m("td", {
-            key: c.title
-          }, [
-            c.render ? D("", !0) : (v(), m(O, { key: 0 }, [
-              ie(j(i(n, c.data)), 1)
-            ], 64)),
-            typeof c.render == "function" ? (v(), m(O, { key: 1 }, [
-              typeof c.render(i(n, c.data), n) == "string" ? (v(), m("div", {
-                key: 0,
-                innerHTML: c.render(i(n, c.data), n)
-              }, null, 8, Ae)) : he(c.render(i(n, c.data), n)) ? (v(), P(G(c.render(i(n, c.data), n)), { key: 1 })) : (v(), P(G(W(c.render(i(n, c.data), n).component)), me({
-                key: 2,
-                ref_for: !0
-              }, N(n, c)), null, 16))
-            ], 64)) : D("", !0)
-          ]))), 128))
-        ], 10, qe))), 128))
+          (i(!0), p(P, null, K(a.columns, (k) => (i(), D(Ke, {
+            key: k.data,
+            column: k,
+            row: C,
+            rowIndex: $
+          }, null, 8, ["column", "row", "rowIndex"]))), 128))
+        ], 10, je))), 128))
       ])
     ], 2));
   }
-}), ct = /* @__PURE__ */ C({
+}), vt = /* @__PURE__ */ B({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
-  setup(e, { expose: t, emit: s }) {
-    const u = e, a = w(u.value), r = s, l = (i) => {
-      a.value = i, r("update:value", i);
+  setup(e, { expose: t, emit: r }) {
+    const s = e, a = S(s.value), n = r, o = (d) => {
+      a.value = d, n("update:value", d);
     };
-    return ye("stepper", {
+    return xe("stepper", {
       value: a,
-      updateValue: l
+      updateValue: o
     }), q(
-      () => u.value,
-      (i) => {
-        a.value = i;
+      () => s.value,
+      (d) => {
+        a.value = d;
       }
     ), t({
-      updateValue: l
-    }), (i, N) => M(i.$slots, "default", { updateValue: l });
+      updateValue: o
+    }), (d, h) => T(d.$slots, "default", { updateValue: o });
   }
-}), lt = /* @__PURE__ */ C({
+}), mt = /* @__PURE__ */ B({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, s = J("stepper"), u = w("");
+    const t = e, r = ee("stepper"), s = S("");
     return q(
-      () => s?.value.value,
+      () => r?.value.value,
       (a) => {
-        a && t.value && (u.value = Number(a) >= Number(t.value) ? "step-primary" : "");
+        a && t.value && (s.value = Number(a) >= Number(t.value) ? "step-primary" : "");
       }
-    ), Z(() => {
-      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])
+    ), I(() => {
+      r && (s.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (s.value = "step-primary"));
+    }), (a, n) => (i(), p("li", {
+      class: L(["step", s.value])
     }, [
-      M(a.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), Xe = {}, Ie = { class: "steps" };
-function Ue(e, t) {
-  return v(), m("ul", Ie, [
-    M(e.$slots, "default")
+}), Je = {}, Ze = { class: "steps" };
+function Ye(e, t) {
+  return i(), p("ul", Ze, [
+    T(e.$slots, "default")
   ]);
 }
-const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @__PURE__ */ C({
+const gt = /* @__PURE__ */ re(Je, [["render", Ye]]), Qe = { key: 0 }, ht = /* @__PURE__ */ B({
   __name: "StepPanels",
   setup(e) {
-    const t = J("stepper");
-    return (s, u) => (v(), P(_e, {
+    const t = ee("stepper");
+    return (r, s) => (i(), D(we, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: le(() => [
-        ne(t)?.value ? (v(), m("div", Ke, [
-          M(s.$slots, "default", {
-            currentStep: ne(t)?.value
+      default: ie(() => [
+        Z(t)?.value ? (i(), p("div", Qe, [
+          T(r.$slots, "default", {
+            currentStep: Z(t)?.value
           })
-        ])) : D("", !0)
+        ])) : A("", !0)
       ]),
       _: 3
     }));
   }
-}), He = { key: 0 }, ft = /* @__PURE__ */ C({
+}), et = { key: 0 }, yt = /* @__PURE__ */ B({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const s = ce(() => u?.value.value), u = J("stepper"), a = (r) => {
-      u && u.updateValue(r.toString());
+    const r = Y(() => s?.value.value), s = ee("stepper"), a = (n) => {
+      s && s.updateValue(n.toString());
     };
     return t({
       activateCallback: a
-    }), (r, l) => r.value === s.value ? (v(), m("div", He, [
-      M(r.$slots, "default", { activateCallback: a })
-    ])) : D("", !0);
+    }), (n, o) => n.value === r.value ? (i(), p("div", et, [
+      T(n.$slots, "default", { activateCallback: a })
+    ])) : A("", !0);
   }
-}), Ge = {
+}), tt = {
   key: 0,
   method: "dialog"
-}, pt = /* @__PURE__ */ C({
+}, _t = /* @__PURE__ */ B({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
     overflow: { type: Boolean, default: !1 },
-    closeButtonSize: { default: Q.SM },
+    closeButtonSize: { default: ne.SM },
     extraBoxClasses: {}
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: s }) {
-    const u = w(null), a = s, r = e, l = w(R("modal-box", r.extraBoxClasses, {
-      "overflow-visible": r.overflow
-    })), i = w(
-      R("modal")
-    ), N = w(
-      R(
+  setup(e, { expose: t, emit: r }) {
+    const s = S(null), a = r, n = e, o = S(V("modal-box", n.extraBoxClasses, {
+      "overflow-visible": n.overflow
+    })), d = S(
+      V("modal")
+    ), h = S(
+      V(
         "btn",
-        we.toClassName(r.closeButtonSize),
+        Ce.toClassName(n.closeButtonSize),
         "btn-circle",
         "btn-ghost",
         "absolute",
@@ -723,53 +742,53 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
     );
     return t({
       showModal: () => {
-        u.value?.showModal();
+        s.value?.showModal();
       },
       closeModal: () => {
-        u.value?.close();
+        s.value?.close();
       }
-    }), (d, _) => (v(), m("dialog", {
+    }), ($, k) => (i(), p("dialog", {
       ref_key: "modal",
-      ref: u,
-      class: z([i.value, d.$attrs.class]),
+      ref: s,
+      class: L([d.value, $.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: _[0] || (_[0] = (n) => a("close", n))
+      onClose: k[0] || (k[0] = (c) => a("close", c))
     }, [
-      y("div", {
-        class: z(l.value)
+      g("div", {
+        class: L(o.value)
       }, [
-        d.closeButton ? (v(), m("form", Ge, [
-          y("button", {
-            class: z(N.value)
+        $.closeButton ? (i(), p("form", tt, [
+          g("button", {
+            class: L(h.value)
           }, "✕", 2)
-        ])) : D("", !0),
-        M(d.$slots, "default")
+        ])) : A("", !0),
+        T($.$slots, "default")
       ], 2),
-      _[1] || (_[1] = y("form", {
+      k[1] || (k[1] = g("form", {
         method: "dialog",
         class: "modal-backdrop"
       }, [
-        y("button", null, "close")
+        g("button", null, "close")
       ], -1))
     ], 34));
   }
-}), je = { class: "hidden w-full max-w-sm lg:flex" }, Ze = { class: "relative mx-3 w-full" }, Je = { class: "relative w-full max-w-full" }, Ye = ["value"], bt = /* @__PURE__ */ C({
+}), nt = { class: "hidden w-full max-w-sm lg:flex" }, rt = { class: "relative mx-3 w-full" }, at = { class: "relative w-full max-w-full" }, st = ["value"], xt = /* @__PURE__ */ B({
   __name: "SearchBar",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, u = w(null), a = t, r = (l) => {
-      (l.ctrlKey || l.metaKey) && l.key.toLowerCase() === "k" && (l.preventDefault(), u.value && u.value.focus());
+    const r = e, s = S(null), a = t, n = (o) => {
+      (o.ctrlKey || o.metaKey) && o.key.toLowerCase() === "k" && (o.preventDefault(), s.value && s.value.focus());
     };
-    return Z(() => {
-      document.addEventListener("keydown", r);
-    }), xe(() => {
-      document.removeEventListener("keydown", r);
-    }), (l, i) => (v(), m("div", je, [
-      y("label", Ze, [
-        i[1] || (i[1] = y("svg", {
+    return I(() => {
+      document.addEventListener("keydown", n);
+    }), Se(() => {
+      document.removeEventListener("keydown", n);
+    }), (o, d) => (i(), p("div", nt, [
+      g("label", rt, [
+        d[1] || (d[1] = g("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60",
           "aria-hidden": "true",
           width: "16",
@@ -777,33 +796,33 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
           viewBox: "0.48 0.48 23.04 23.04",
           fill: "currentColor"
         }, [
-          y("path", {
+          g("path", {
             fill: "none",
             d: "M0 0h24v24H0z"
           }),
-          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" })
+          g("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", Je, [
-          y("form", null, [
-            y("input", {
+        g("div", at, [
+          g("form", null, [
+            g("input", {
               ref_key: "searchInput",
-              ref: u,
+              ref: s,
               type: "search",
               placeholder: "Zoeken...",
-              value: s.modelValue,
-              onInput: i[0] || (i[0] = (N) => a("update:modelValue", N.target.value)),
+              value: r.modelValue,
+              onInput: d[0] || (d[0] = (h) => a("update:modelValue", h.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, Ye)
+            }, null, 40, st)
           ])
         ]),
-        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" }, [
-          y("kbd", { class: "kbd kbd-sm" }, "ctrl"),
-          y("kbd", { class: "kbd kbd-sm" }, "K")
+        d[2] || (d[2] = g("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
+          g("kbd", { class: "kbd kbd-sm" }, "ctrl"),
+          g("kbd", { class: "kbd kbd-sm" }, "K")
         ], -1))
       ])
     ]));
   }
-}), vt = [
+}), wt = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -889,27 +908,28 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
   "block"
 ];
 export {
-  Se as BackgroundColorUtils,
-  tt as Button,
-  ke as ButtonColorUtils,
-  we as ButtonSizeUtils,
-  rt as Card,
-  at as CardBody,
-  st as CardTitle,
-  Y as Color,
-  ut as Container,
-  pt as Modal,
-  Be as RoundedSizeUtils,
-  bt as SearchBar,
-  nt as SimpleButton,
-  Q as Size,
-  lt as Step,
-  it as StepList,
-  ft as StepPanel,
-  dt as StepPanels,
-  ct as Stepper,
-  ot as Table,
-  Ce as TableSizeUtils,
-  et as TextColorUtils,
-  vt as dendelionSafeList
+  ke as BackgroundColorUtils,
+  ct as Button,
+  Be as ButtonColorUtils,
+  Ce as ButtonSizeUtils,
+  it as Card,
+  dt as CardBody,
+  ft as CardTitle,
+  te as Color,
+  pt as Container,
+  _t as Modal,
+  $e as RoundedSizeUtils,
+  xt as SearchBar,
+  lt as SimpleButton,
+  ne as Size,
+  mt as Step,
+  gt as StepList,
+  yt as StepPanel,
+  ht as StepPanels,
+  vt as Stepper,
+  bt as Table,
+  Me as TableSizeUtils,
+  ut as TextColorUtils,
+  wt as dendelionSafeList,
+  O as getValue
 };