dendelion-ui 0.0.13 → 0.0.15

package/dist/dendelion-ui.es.js

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