dendelion-ui 0.0.18 → 0.0.20

package/dist/dendelion-ui.es.js

@@ -1,5 +1,5 @@
-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 || {});
+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) {
@@ -48,7 +48,7 @@ class ke {
     }
   }
 }
-class we {
+class Be {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -96,7 +96,7 @@ class we {
     }
   }
 }
-class st {
+class ut {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -144,8 +144,8 @@ class st {
     }
   }
 }
-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 {
+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 Be {
     }
   }
 }
-class Ce {
+class $e {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -189,7 +189,7 @@ class Ce {
     }
   }
 }
-class $e {
+class Me {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -211,319 +211,348 @@ class $e {
     }
   }
 }
-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 ae;
-function Me() {
-  return ae || (ae = 1, function(e) {
+var se;
+function Ne() {
+  return se || (se = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function o() {
-        for (var r = "", i = 0; i < arguments.length; i++) {
-          var f = arguments[i];
-          f && (r = a(r, u(f)));
+      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 o.apply(null, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
-        var i = "";
-        for (var f in r)
-          t.call(r, f) && r[f] && (i = a(i, f));
-        return i;
+        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, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function a(n, o) {
+        return o ? n ? n + " " + o : n + o : n;
       }
-      e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(U)), U.exports;
+  }(H)), H.exports;
 }
-var Ne = Me();
-const R = /* @__PURE__ */ de(Ne), ze = ["type", "disabled"], Te = { class: "group-[.is-loading]:text-transparent" }, ot = /* @__PURE__ */ B({
+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: Q.Neutral },
+    color: { default: te.Neutral },
     soft: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
     disabled: { type: Boolean },
     click: {}
   },
   setup(e) {
-    const t = e, o = le(
-      () => R(
+    const t = e, r = Y(
+      () => V(
         "btn",
         "group",
-        we.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) => (b(), m("button", {
-      onClick: a[0] || (a[0] = (r) => u.click ? u.click : void 0),
-      class: N(o.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", Te, [
-        $(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, ze));
   }
-}), te = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [u, a] of t)
-    o[u] = a;
-  return o;
-}, Le = {};
-function Ee(e, t) {
-  return b(), 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 ut = /* @__PURE__ */ te(Le, [["render", Ee]]), ct = /* @__PURE__ */ B({
+const lt = /* @__PURE__ */ re(Ee, [["render", Re]]), it = /* @__PURE__ */ B({
   __name: "Card",
   props: {
-    backgroundColor: { default: Q.Primary },
+    backgroundColor: { default: te.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, o = k(
-      R(
+    const t = e, r = S(
+      V(
         "card",
         ke.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
         t.fullWidth ? "w-full" : "",
-        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Ce.toClassName(t.roundedSize) : ""
+        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? $e.toClassName(t.roundedSize) : ""
       )
     );
-    return (u, a) => (b(), m("div", {
-      class: N(o.value)
+    return (s, a) => (i(), p("div", {
+      class: L(r.value)
     }, [
-      $(u.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), Fe = {}, Re = { class: "card-body" };
-function We(e, t) {
-  return b(), m("div", Re, [
-    $(e.$slots, "default")
+}), Fe = {}, We = { class: "card-body" };
+function Oe(e, t) {
+  return i(), p("div", We, [
+    T(e.$slots, "default")
   ]);
 }
-const lt = /* @__PURE__ */ te(Fe, [["render", We]]), it = /* @__PURE__ */ B({
+const dt = /* @__PURE__ */ re(Fe, [["render", Oe]]), ft = /* @__PURE__ */ B({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, o) => (b(), V(G(t.is), { class: "card-title" }, {
-      default: J(() => [
-        ie(j(t.text), 1)
+    return (t, r) => (i(), D(J(t.is), { class: "card-title" }, {
+      default: ie(() => [
+        de(Q(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), dt = /* @__PURE__ */ B({
+}), pt = /* @__PURE__ */ B({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, o = k([
+    const t = e, r = S([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (u, a) => (b(), m("div", {
-      class: N(o.value)
+    return (s, a) => (i(), p("div", {
+      class: L(r.value)
     }, [
-      $(u.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-});
-var K = {}, H = {}, se;
-function fe() {
-  return se || (se = 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, o = /ł/g, u = /ñ/g;
-    function a(r) {
-      return r.toLowerCase().normalize("NFD").replace(t, "").replace(o, "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 = {}, 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 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 o = Number.MAX_SAFE_INTEGER, u = function(s, d) {
+  var r = Number.MAX_SAFE_INTEGER, s = function(u, b) {
     return (
       /*: number*/
-      s.score - d.score
+      u.score - b.score
     );
-  }, a = function(s, d) {
+  }, a = function(u, b) {
     return (
       /*: number*/
-      s[0] - d[0]
+      u[0] - b[0]
     );
-  }, r = new Set(`  []()-–—'"“”`.split(""));
-  function i(n) {
-    return r.has(n);
+  }, n = new Set(`  []()-–—'"“”`.split(""));
+  function o(c) {
+    return n.has(c);
   }
-  function f(n, s, d, _, l, g, v) {
-    if (n === _)
-      return [0, [[0, n.length - 1]]];
-    var p = _.length, h = s.length, x = l.length;
-    if (s === l)
-      return [0.1, [[0, h - 1]]];
-    if (s.startsWith(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 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 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 z = 1.5 + C * 0.2;
-      return [z, g.map(function(T) {
-        var F = s.indexOf(T);
-        return [F, F + T.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 S > -1 ? [2, [[S, S + p - 1]]] : v === "aggressive" ? M(s, l) : v === "smart" ? W(s, l) : null;
+    return w > -1 ? [2, [[w, w + f - 1]]] : v === "aggressive" ? h(u, l) : v === "smart" ? z(u, l) : null;
   }
-  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];
+  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, 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)
+  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 || i(n[h - 1]))
-        v = h;
+      if (m === 0 || o(c[m - 1]))
+        v = m;
       else {
-        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;
+        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 = 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);
+      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 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 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 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");
+  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: n,
+      item: c,
       score: v[0],
       matches: [v[1]]
     } : null;
   }
-  function c(n, s) {
-    var d = s.strategy, _ = d === void 0 ? "aggressive" : d, l = s.getText, g = n.map(function(v) {
-      var p;
+  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)
-        p = l(v);
+        f = l(v);
       else {
-        var h = s.key ? v[s.key] : v;
-        p = [h];
+        var m = u.key ? v[u.key] : v;
+        f = [m];
       }
-      var x = p.map(function(w) {
-        var S = w || "", C = (0, e.default)(S), z = new Set(C.split(" "));
-        return [S, C, z];
+      var x = f.map(function(M) {
+        var w = M || "", N = (0, e.default)(w), E = new Set(N.split(" "));
+        return [w, N, E];
       });
       return [v, x];
     });
     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);
+      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);
         }
-        z < o && p.push({
-          item: S,
-          score: z,
-          matches: T
+        E < r && f.push({
+          item: w,
+          score: E,
+          matches: R
         });
-      }), p.sort(u), p) : [];
+      }), f.sort(s), f) : [];
     };
   }
-  return E;
+  return F;
 }
-var ce;
-function Oe() {
-  return ce || (ce = 1, function(e) {
-    e.__esModule = !0, e.default = u, e.fuzzyMatch = a;
-    var t = o(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 o(r) {
-      return r && r.__esModule ? r : { default: r };
+    function r(n) {
+      return n && n.__esModule ? n : { default: n };
     }
-    function u(r, i) {
-      return i === void 0 && (i = {}), ue().createFuzzySearchImpl(r, i);
+    function s(n, o) {
+      return o === void 0 && (o = {}), ce().createFuzzySearchImpl(n, o);
     }
-    function a(r, i) {
-      return ue().fuzzyMatchImpl(r, i);
+    function a(n, o) {
+      return ce().fuzzyMatchImpl(n, o);
     }
-  }(K)), K;
+  }(G)), G;
 }
-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({
+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: ee.MD },
+    size: { default: ne.MD },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -532,195 +561,178 @@ const De = /* @__PURE__ */ de(Ve), Pe = { key: 0 }, qe = ["colspan"], Ae = ["onC
     onRowClick: {}
   },
   setup(e) {
-    const t = k([]), o = k([]), u = k(null), a = e, r = k(
-      R("table", $e.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
       })
-    ), 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;
+    ), o = (h, z) => {
+      a.onRowClick && a.onRowClick(h, z);
+    };
+    I(() => {
+      t.value = a.dataSource, r.value = a.dataSource;
     }), q(
       () => a.dataSource,
-      (c) => {
-        console.log("dataSource changed", c), t.value = c, o.value = c;
+      (h) => {
+        console.log("dataSource changed", h), t.value = h, r.value = h;
       },
       { immediate: !0 }
     ), q(
       () => a.searchValue,
-      (c) => {
+      (h) => {
         if (a.searchFunction) {
-          o.value = a.searchFunction(c ?? "");
+          r.value = a.searchFunction(h ?? "");
           return;
         }
-        o.value = c ? L(c) : t.value;
+        r.value = h ? d(h) : t.value;
       },
       { immediate: !0 }
     );
-    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);
+    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(..._);
         }
-      }), n) : [];
+      }), z) : [];
     };
-    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, _)
-          }, [
-            (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))
+    return (h, z) => (i(), p("table", {
+      ref_key: "table",
+      ref: s,
+      class: L(n.value)
+    }, [
+      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))
         ])
-      ], 2);
-    };
+      ]),
+      g("tbody", null, [
+        r.value.length === 0 ? (i(), p("tr", He, [
+          g("td", {
+            colspan: a.columns.length
+          }, "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, $)
+        }, [
+          (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));
   }
-}), pt = /* @__PURE__ */ B({
+}), vt = /* @__PURE__ */ B({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
-  setup(e, { expose: t, emit: o }) {
-    const u = e, a = k(u.value), r = o, i = (f) => {
-      a.value = f, r("update:value", f);
+  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 _e("stepper", {
+    return xe("stepper", {
       value: a,
-      updateValue: i
+      updateValue: o
     }), q(
-      () => u.value,
-      (f) => {
-        a.value = f;
+      () => s.value,
+      (d) => {
+        a.value = d;
       }
     ), t({
-      updateValue: i
-    }), (f, M) => $(f.$slots, "default", { updateValue: i });
+      updateValue: o
+    }), (d, h) => T(d.$slots, "default", { updateValue: o });
   }
-}), bt = /* @__PURE__ */ B({
+}), mt = /* @__PURE__ */ B({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, o = Y("stepper"), u = k("");
+    const t = e, r = ee("stepper"), s = S("");
     return q(
-      () => o?.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(() => {
-      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])
+    ), 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])
     }, [
-      $(a.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), Ge = {}, je = { class: "steps" };
-function Je(e, t) {
-  return b(), m("ul", je, [
-    $(e.$slots, "default")
+}), Je = {}, Ze = { class: "steps" };
+function Ye(e, t) {
+  return i(), p("ul", Ze, [
+    T(e.$slots, "default")
   ]);
 }
-const vt = /* @__PURE__ */ te(Ge, [["render", Je]]), Ze = { key: 0 }, gt = /* @__PURE__ */ B({
+const gt = /* @__PURE__ */ re(Je, [["render", Ye]]), Qe = { key: 0 }, ht = /* @__PURE__ */ B({
   __name: "StepPanels",
   setup(e) {
-    const t = Y("stepper");
-    return (o, u) => (b(), V(xe, {
+    const t = ee("stepper");
+    return (r, s) => (i(), D(we, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: J(() => [
-        re(t)?.value ? (b(), m("div", Ze, [
-          $(o.$slots, "default", {
-            currentStep: re(t)?.value
+      default: ie(() => [
+        Z(t)?.value ? (i(), p("div", Qe, [
+          T(r.$slots, "default", {
+            currentStep: Z(t)?.value
           })
-        ])) : D("", !0)
+        ])) : A("", !0)
       ]),
       _: 3
     }));
   }
-}), Ye = { key: 0 }, ht = /* @__PURE__ */ B({
+}), et = { key: 0 }, yt = /* @__PURE__ */ B({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const o = le(() => u?.value.value), u = Y("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, i) => r.value === o.value ? (b(), m("div", Ye, [
-      $(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);
   }
-}), Qe = {
+}), tt = {
   key: 0,
   method: "dialog"
-}, mt = /* @__PURE__ */ B({
+}, _t = /* @__PURE__ */ B({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
     overflow: { type: Boolean, default: !1 },
-    closeButtonSize: { default: ee.SM },
+    closeButtonSize: { default: ne.SM },
     extraBoxClasses: {}
   },
   emits: ["close"],
-  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
-    })), f = k(
-      R("modal")
-    ), M = k(
-      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",
-        Be.toClassName(r.closeButtonSize),
+        Ce.toClassName(n.closeButtonSize),
         "btn-circle",
         "btn-ghost",
         "absolute",
@@ -730,53 +742,53 @@ const vt = /* @__PURE__ */ te(Ge, [["render", Je]]), Ze = { key: 0 }, gt = /* @_
     );
     return t({
       showModal: () => {
-        u.value?.showModal();
+        s.value?.showModal();
       },
       closeModal: () => {
-        u.value?.close();
+        s.value?.close();
       }
-    }), (L, c) => (b(), m("dialog", {
+    }), ($, k) => (i(), p("dialog", {
       ref_key: "modal",
-      ref: u,
-      class: N([f.value, L.$attrs.class]),
+      ref: s,
+      class: L([d.value, $.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: c[0] || (c[0] = (n) => a("close", n))
+      onClose: k[0] || (k[0] = (c) => a("close", c))
     }, [
-      y("div", {
-        class: N(i.value)
+      g("div", {
+        class: L(o.value)
       }, [
-        L.closeButton ? (b(), m("form", Qe, [
-          y("button", {
-            class: N(M.value)
+        $.closeButton ? (i(), p("form", tt, [
+          g("button", {
+            class: L(h.value)
           }, "✕", 2)
-        ])) : D("", !0),
-        $(L.$slots, "default")
+        ])) : A("", !0),
+        T($.$slots, "default")
       ], 2),
-      c[1] || (c[1] = y("form", {
+      k[1] || (k[1] = g("form", {
         method: "dialog",
         class: "modal-backdrop"
       }, [
-        y("button", null, "close")
+        g("button", null, "close")
       ], -1))
     ], 34));
   }
-}), 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({
+}), 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 o = e, u = k(null), a = t, r = (i) => {
-      (i.ctrlKey || i.metaKey) && i.key.toLowerCase() === "k" && (i.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);
+    return I(() => {
+      document.addEventListener("keydown", n);
     }), Se(() => {
-      document.removeEventListener("keydown", r);
-    }), (i, f) => (b(), m("div", et, [
-      y("label", tt, [
-        f[1] || (f[1] = y("svg", {
+      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",
@@ -784,33 +796,33 @@ const vt = /* @__PURE__ */ te(Ge, [["render", Je]]), Ze = { key: 0 }, gt = /* @_
           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", nt, [
-          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: o.modelValue,
-              onInput: f[0] || (f[0] = (M) => a("update:modelValue", M.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, rt)
+            }, null, 40, st)
           ])
         ]),
-        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")
+        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))
       ])
     ]));
   }
-}), _t = [
+}), wt = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -897,26 +909,27 @@ const vt = /* @__PURE__ */ te(Ge, [["render", Je]]), Ze = { key: 0 }, gt = /* @_
 ];
 export {
   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
+  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
 };