dendelion-ui 0.0.12 → 0.0.14

package/dist/dendelion-ui.es.js

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