dendelion-ui 0.0.22 → 0.0.24

package/dist/dendelion-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as I, createElementBlock as i, openBlock as u, normalizeClass as N, createElementVNode as h, renderSlot as T, ref as $, createBlock as q, resolveDynamicComponent as ee, withCtx as fe, createTextVNode as te, toDisplayString as X, onMounted as H, createCommentVNode as R, Fragment as E, unref as K, isVNode as ye, normalizeProps as _e, guardReactiveProps as xe, defineAsyncComponent as se, watch as U, renderList as O, provide as we, inject as ne, Transition as Se, onUnmounted as ke, normalizeStyle as Be, withDirectives as $e, vModelRadio as Ce } from "vue";
+import { defineComponent as M, computed as I, createElementBlock as i, openBlock as c, normalizeClass as N, createElementVNode as v, renderSlot as T, ref as C, createBlock as q, resolveDynamicComponent as ee, withCtx as fe, createTextVNode as te, toDisplayString as X, onMounted as H, createCommentVNode as E, Fragment as R, unref as K, isVNode as ye, normalizeProps as xe, guardReactiveProps as _e, defineAsyncComponent as se, watch as U, renderList as P, provide as we, inject as ne, Transition as Se, onUnmounted as ke, normalizeStyle as Be, withDirectives as Ce, vModelRadio as $e } from "vue";
 var re = /* @__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))(re || {});
 class Me {
   static toClassName(t) {
@@ -211,7 +211,7 @@ class Le {
     }
   }
 }
-class Ee {
+class Re {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -239,18 +239,18 @@ var Z = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var oe;
-function Re() {
+function Ee() {
   return oe || (oe = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
         for (var n = "", o = 0; o < arguments.length; o++) {
           var f = arguments[o];
-          f && (n = s(n, a(f)));
+          f && (n = a(n, s(f)));
         }
         return n;
       }
-      function a(n) {
+      function s(n) {
         if (typeof n == "string" || typeof n == "number")
           return n;
         if (typeof n != "object")
@@ -261,18 +261,18 @@ function Re() {
           return n.toString();
         var o = "";
         for (var f in n)
-          t.call(n, f) && n[f] && (o = s(o, f));
+          t.call(n, f) && n[f] && (o = a(o, f));
         return o;
       }
-      function s(n, o) {
+      function a(n, o) {
         return o ? n ? n + " " + o : n + o : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
   }(Z)), Z.exports;
 }
-var Fe = Re();
-const A = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "group-[.is-loading]:text-transparent" }, gt = /* @__PURE__ */ C({
+var Fe = Ee();
+const D = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "group-[.is-loading]:text-transparent" }, gt = /* @__PURE__ */ M({
   __name: "Button",
   props: {
     type: { default: "button" },
@@ -285,7 +285,7 @@ const A = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "grou
   },
   setup(e) {
     const t = e, r = I(
-      () => A(
+      () => D(
         "btn",
         "group",
         ze.toClassName(t.color),
@@ -295,28 +295,28 @@ const A = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "grou
         t.disabled ? "disabled" : ""
       )
     );
-    return (a, s) => (u(), i("button", {
-      onClick: s[0] || (s[0] = (n) => a.click ? a.click : void 0),
+    return (s, a) => (c(), i("button", {
+      onClick: a[0] || (a[0] = (n) => e.click ? e.click : void 0),
       class: N(r.value),
-      type: a.type,
-      disabled: a.disabled || a.loading
+      type: e.type,
+      disabled: e.disabled || e.loading
     }, [
-      s[1] || (s[1] = h("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      h("span", Ve, [
-        T(a.$slots, "default")
+      a[1] || (a[1] = v("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
+      v("span", Ve, [
+        T(s.$slots, "default")
       ])
     ], 10, We));
   }
 }), ae = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [a, s] of t)
-    r[a] = s;
+  for (const [s, a] of t)
+    r[s] = a;
   return r;
 }, De = {};
 function Oe(e, t) {
-  return u(), i("button");
+  return c(), i("button");
 }
-const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), _t = /* @__PURE__ */ C({
+const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), xt = /* @__PURE__ */ M({
   __name: "Card",
   props: {
     backgroundColor: { default: re.Primary },
@@ -326,8 +326,8 @@ const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), _t = /* @__PURE__ */ C({
     roundedSize: {}
   },
   setup(e) {
-    const t = e, r = $(
-      A(
+    const t = e, r = C(
+      D(
         "card",
         Me.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
@@ -335,184 +335,184 @@ const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), _t = /* @__PURE__ */ C({
         t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Te.toClassName(t.roundedSize) : ""
       )
     );
-    return (a, s) => (u(), i("div", {
+    return (s, a) => (c(), i("div", {
       class: N(r.value)
     }, [
-      T(a.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
 }), Pe = {}, Ae = { class: "card-body" };
 function qe(e, t) {
-  return u(), i("div", Ae, [
+  return c(), i("div", Ae, [
     T(e.$slots, "default")
   ]);
 }
-const xt = /* @__PURE__ */ ae(Pe, [["render", qe]]), wt = /* @__PURE__ */ C({
+const _t = /* @__PURE__ */ ae(Pe, [["render", qe]]), wt = /* @__PURE__ */ M({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, r) => (u(), q(ee(t.is), { class: "card-title" }, {
+    return (t, r) => (c(), q(ee(e.is), { class: "card-title" }, {
       default: fe(() => [
-        te(X(t.text), 1)
+        te(X(e.text), 1)
       ]),
       _: 1
     }));
   }
-}), St = /* @__PURE__ */ C({
+}), St = /* @__PURE__ */ M({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, r = $([
+    const t = e, r = C([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (a, s) => (u(), i("div", {
+    return (s, a) => (c(), i("div", {
       class: N(r.value)
     }, [
-      T(a.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), P = (e, t) => String(!e || typeof e != "object" ? e : t.split(".").reduce((r, a) => r && (typeof r == "object" ? r[a] : r), e));
+}), A = (e, t) => String(!e || typeof e != "object" ? e : t.split(".").reduce((r, s) => r && (typeof r == "object" ? r[s] : r), e));
 var Y = {}, Q = {}, ue;
 function be() {
   return ue || (ue = 1, function(e) {
-    e.__esModule = !0, e.default = s;
-    var t = /[\u0300-\u036f]/g, r = /ł/g, a = /ñ/g;
-    function s(n) {
-      return n.toLowerCase().normalize("NFD").replace(t, "").replace(r, "l").replace(a, "n").trim();
+    e.__esModule = !0, e.default = a;
+    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();
     }
   }(Q)), Q;
 }
 var V = {}, ce;
 function le() {
   if (ce) return V;
-  ce = 1, V.__esModule = !0, V.aggressiveFuzzyMatch = p, V.createFuzzySearchImpl = x, V.experimentalSmartFuzzyMatch = M, V.fuzzyMatchImpl = S;
+  ce = 1, V.__esModule = !0, V.aggressiveFuzzyMatch = k, V.createFuzzySearchImpl = w, V.experimentalSmartFuzzyMatch = _, V.fuzzyMatchImpl = y;
   var e = t(be());
-  function t(l) {
-    return l && l.__esModule ? l : { default: l };
+  function t(u) {
+    return u && u.__esModule ? u : { default: u };
   }
-  var r = Number.MAX_SAFE_INTEGER, a = function(c, v) {
+  var r = Number.MAX_SAFE_INTEGER, s = function(l, m) {
     return (
       /*: number*/
-      c.score - v.score
+      l.score - m.score
     );
-  }, s = function(c, v) {
+  }, a = function(l, m) {
     return (
       /*: number*/
-      c[0] - v[0]
+      l[0] - m[0]
     );
   }, n = new Set(`  []()-–—'"“”`.split(""));
-  function o(l) {
-    return n.has(l);
+  function o(u) {
+    return n.has(u);
   }
-  function f(l, c, v, w, d, _, m) {
-    if (l === w)
-      return [0, [[0, l.length - 1]]];
-    var b = w.length, g = c.length, k = d.length;
-    if (c === d)
-      return [0.1, [[0, g - 1]]];
-    if (c.startsWith(d))
-      return [0.5, [[0, k - 1]]];
-    var z = l.indexOf(w);
-    if (z > -1 && o(l[z - 1]))
-      return [0.9, [[z, z + b - 1]]];
-    var B = c.indexOf(d);
-    if (B > -1 && o(c[B - 1]))
-      return [1, [[B, B + b - 1]]];
-    var L = _.length;
-    if (L > 1 && _.every(function(W) {
-      return v.has(W);
+  function f(u, l, m, x, d, g, b) {
+    if (u === x)
+      return [0, [[0, u.length - 1]]];
+    var p = x.length, h = l.length, S = d.length;
+    if (l === d)
+      return [0.1, [[0, h - 1]]];
+    if (l.startsWith(d))
+      return [0.5, [[0, S - 1]]];
+    var z = u.indexOf(x);
+    if (z > -1 && o(u[z - 1]))
+      return [0.9, [[z, z + p - 1]]];
+    var B = l.indexOf(d);
+    if (B > -1 && o(l[B - 1]))
+      return [1, [[B, B + p - 1]]];
+    var L = g.length;
+    if (L > 1 && g.every(function(W) {
+      return m.has(W);
     })) {
       var F = 1.5 + L * 0.2;
-      return [F, _.map(function(W) {
-        var D = c.indexOf(W);
-        return [D, D + W.length - 1];
-      }).sort(s)];
+      return [F, g.map(function(W) {
+        var O = l.indexOf(W);
+        return [O, O + W.length - 1];
+      }).sort(a)];
     }
-    return B > -1 ? [2, [[B, B + b - 1]]] : m === "aggressive" ? p(c, d) : m === "smart" ? M(c, d) : null;
+    return B > -1 ? [2, [[B, B + p - 1]]] : b === "aggressive" ? k(l, d) : b === "smart" ? _(l, d) : null;
   }
-  function p(l, c) {
-    for (var v = l.length, w = c.length, d = 0, _ = c[d], m = [], b = -1, g = -2, k = 0; k < v; k += 1)
-      if (l[k] === _) {
-        if (k !== g + 1 && (b >= 0 && m.push([b, g]), b = k), g = k, d += 1, d === w)
-          return m.push([b, g]), y(m, l);
-        _ = c[d];
+  function k(u, l) {
+    for (var m = u.length, x = l.length, d = 0, g = l[d], b = [], p = -1, h = -2, S = 0; S < m; S += 1)
+      if (u[S] === g) {
+        if (S !== h + 1 && (p >= 0 && b.push([p, h]), p = S), h = S, d += 1, d === x)
+          return b.push([p, h]), $(b, u);
+        g = l[d];
       }
     return null;
   }
-  function M(l, c) {
-    for (var v = l.length, w = [], d = 0, _ = c[d], m = -1, b = -2; ; ) {
-      var g = l.indexOf(_, b + 1);
-      if (g === -1)
+  function _(u, l) {
+    for (var m = u.length, x = [], d = 0, g = l[d], b = -1, p = -2; ; ) {
+      var h = u.indexOf(g, p + 1);
+      if (h === -1)
         break;
-      if (g === 0 || o(l[g - 1]))
-        m = g;
+      if (h === 0 || o(u[h - 1]))
+        b = h;
       else {
-        var k = c.length - d, z = l.length - g, B = Math.min(3, k, z), L = c.slice(d, d + B);
-        if (l.slice(g, g + B) === L)
-          m = g;
+        var S = l.length - d, z = u.length - h, B = Math.min(3, S, z), L = l.slice(d, d + B);
+        if (u.slice(h, h + B) === L)
+          b = h;
         else {
-          b += 1;
+          p += 1;
           continue;
         }
       }
-      for (b = m; b < v && l[b] === _; b += 1)
-        d += 1, _ = c[d];
-      if (b -= 1, w.push([m, b]), d === c.length)
-        return y(w, l);
+      for (p = b; p < m && u[p] === g; p += 1)
+        d += 1, g = l[d];
+      if (p -= 1, x.push([b, p]), d === l.length)
+        return $(x, u);
     }
     return null;
   }
-  function y(l, c) {
-    var v = 2;
-    return l.forEach(function(w) {
-      var d = w[0], _ = w[1], m = _ - d + 1, b = d === 0 || c[d] === " " || c[d - 1] === " ", g = _ === c.length - 1 || c[_] === " " || c[_ + 1] === " ", k = b && g;
-      k ? v += 0.2 : b ? v += 0.4 : m >= 3 ? v += 0.8 : v += 1.6;
-    }), [v, l];
+  function $(u, l) {
+    var m = 2;
+    return u.forEach(function(x) {
+      var d = x[0], g = x[1], b = g - d + 1, p = d === 0 || l[d] === " " || l[d - 1] === " ", h = g === l.length - 1 || l[g] === " " || l[g + 1] === " ", S = p && h;
+      S ? m += 0.2 : p ? m += 0.4 : b >= 3 ? m += 0.8 : m += 1.6;
+    }), [m, u];
   }
-  function S(l, c) {
-    var v = (0, e.default)(c), w = v.split(" "), d = (0, e.default)(l), _ = new Set(d.split(" ")), m = f(l, d, _, c, v, w, "smart");
-    return m ? {
-      item: l,
-      score: m[0],
-      matches: [m[1]]
+  function y(u, l) {
+    var m = (0, e.default)(l), x = m.split(" "), d = (0, e.default)(u), g = new Set(d.split(" ")), b = f(u, d, g, l, m, x, "smart");
+    return b ? {
+      item: u,
+      score: b[0],
+      matches: [b[1]]
     } : null;
   }
-  function x(l, c) {
-    var v = c.strategy, w = v === void 0 ? "aggressive" : v, d = c.getText, _ = l.map(function(m) {
-      var b;
+  function w(u, l) {
+    var m = l.strategy, x = m === void 0 ? "aggressive" : m, d = l.getText, g = u.map(function(b) {
+      var p;
       if (d)
-        b = d(m);
+        p = d(b);
       else {
-        var g = c.key ? m[c.key] : m;
-        b = [g];
+        var h = l.key ? b[l.key] : b;
+        p = [h];
       }
-      var k = b.map(function(z) {
+      var S = p.map(function(z) {
         var B = z || "", L = (0, e.default)(B), F = new Set(L.split(" "));
         return [B, L, F];
       });
-      return [m, k];
+      return [b, S];
     });
-    return function(m) {
-      var b = [], g = (0, e.default)(m), k = g.split(" ");
-      return g.length ? (_.forEach(function(z) {
-        for (var B = z[0], L = z[1], F = r, W = [], D = 0, ve = L.length; D < ve; D += 1) {
-          var j = L[D], me = j[0], he = j[1], ge = j[2], J = f(me, he, ge, m, g, k, w);
+    return function(b) {
+      var p = [], h = (0, e.default)(b), S = h.split(" ");
+      return h.length ? (g.forEach(function(z) {
+        for (var B = z[0], L = z[1], F = r, W = [], O = 0, ve = L.length; O < ve; O += 1) {
+          var j = L[O], me = j[0], he = j[1], ge = j[2], J = f(me, he, ge, b, h, S, x);
           J ? (F = Math.min(F, J[0]), W.push(J[1])) : W.push(null);
         }
-        F < r && b.push({
+        F < r && p.push({
           item: B,
           score: F,
           matches: W
         });
-      }), b.sort(a), b) : [];
+      }), p.sort(s), p) : [];
     };
   }
   return V;
@@ -520,22 +520,22 @@ function le() {
 var ie;
 function Ie() {
   return ie || (ie = 1, function(e) {
-    e.__esModule = !0, e.default = a, e.fuzzyMatch = s;
+    e.__esModule = !0, e.default = s, e.fuzzyMatch = a;
     var t = r(be());
     e.normalizeText = t.default;
     function r(n) {
       return n && n.__esModule ? n : { default: n };
     }
-    function a(n, o) {
+    function s(n, o) {
       return o === void 0 && (o = {}), le().createFuzzySearchImpl(n, o);
     }
-    function s(n, o) {
+    function a(n, o) {
       return le().fuzzyMatchImpl(n, o);
     }
   }(Y)), Y;
 }
 var Xe = Ie();
-const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["innerHTML"], je = { key: 1 }, Je = { key: 2 }, de = /* @__PURE__ */ C({
+const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["innerHTML"], je = { key: 1 }, Je = { key: 2 }, de = /* @__PURE__ */ M({
   __name: "TableColumn",
   props: {
     column: {},
@@ -543,28 +543,28 @@ const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["inne
     rowIndex: {}
   },
   setup(e) {
-    const t = e, r = I(() => t.column.render ? t.column.render(P(t.row, t.column.data), t.row) : P(t.row, t.column.data));
+    const t = e, r = I(() => t.column.render ? t.column.render(A(t.row, t.column.data), t.row) : A(t.row, t.column.data));
     H(() => {
       r.value && typeof r.value == "object" && "then" in r.value && console.warn("Async component detected in TableColumn, this may cause issues with rendering.");
     });
-    const a = (n, o) => o.render === void 0 ? {} : o.render(P(n, o.data), n).props, s = (n) => (console.log("getComponent", n), n && typeof n == "object" && "then" in n ? se(() => n) : typeof n == "function" ? se(n) : n);
-    return (n, o) => (u(), i("td", null, [
-      n.column.render ? n.row ? (u(), i(E, { key: 1 }, [
-        r.value ? (u(), i("div", Ke, [
-          typeof r.value == "string" ? (u(), i("div", He, [
-            h("div", { innerHTML: r.value }, null, 8, Ge)
-          ])) : ye(r.value) ? (u(), i("div", je, [
-            (u(), q(ee(r.value)))
-          ])) : (u(), i("div", Je, [
-            (u(), q(ee(s(r.value.component)), _e(xe(a(n.row, n.column))), null, 16))
+    const s = (n, o) => o.render === void 0 ? {} : o.render(A(n, o.data), n).props, a = (n) => (console.log("getComponent", n), n && typeof n == "object" && "then" in n ? se(() => n) : typeof n == "function" ? se(n) : n);
+    return (n, o) => (c(), i("td", null, [
+      e.column.render ? e.row ? (c(), i(R, { key: 1 }, [
+        r.value ? (c(), i("div", Ke, [
+          typeof r.value == "string" ? (c(), i("div", He, [
+            v("div", { innerHTML: r.value }, null, 8, Ge)
+          ])) : ye(r.value) ? (c(), i("div", je, [
+            (c(), q(ee(r.value)))
+          ])) : (c(), i("div", Je, [
+            (c(), q(ee(a(r.value.component)), xe(_e(s(e.row, e.column))), null, 16))
           ]))
-        ])) : R("", !0)
-      ], 64)) : R("", !0) : (u(), i(E, { key: 0 }, [
-        te(X(K(P)(n.row, n.column.data)), 1)
+        ])) : E("", !0)
+      ], 64)) : E("", !0) : (c(), i(R, { key: 0 }, [
+        te(X(K(A)(e.row, e.column.data)), 1)
       ], 64))
     ]));
   }
-}), Ze = { key: 0 }, Ye = { key: 1 }, Qe = { key: 0 }, et = ["colspan"], tt = ["onClick"], nt = { key: 2 }, rt = { key: 0 }, at = ["colspan"], kt = /* @__PURE__ */ C({
+}), Ze = { key: 0 }, Ye = { key: 1 }, Qe = { key: 0 }, et = ["colspan"], tt = ["onClick"], nt = { key: 2 }, rt = { key: 0 }, at = ["colspan"], kt = /* @__PURE__ */ M({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
@@ -572,6 +572,7 @@ const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["inne
     pinCols: { type: Boolean, default: !1 },
     horizontal: { type: Boolean, default: !1 },
     size: { default: G.MD },
+    customRowClasses: { default: void 0 },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -580,180 +581,183 @@ const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["inne
     onRowClick: {}
   },
   setup(e) {
-    const t = $([]), r = $([]), a = $(null), s = e, n = $(
-      A("table", Le.toClassName(s.size), {
-        "table-zebra": s.zebra,
-        "table-pin-rows": s.pinRows,
-        "table-pin-cols	": s.pinCols
+    const t = C([]), r = C([]), s = C(null), a = e, n = C(D(
+      a.customRowClasses,
+      { hover: a.onRowClick }
+    )), o = C(
+      D("table", Le.toClassName(a.size), {
+        "table-zebra": a.zebra,
+        "table-pin-rows": a.pinRows,
+        "table-pin-cols	": a.pinCols
       })
-    ), o = (p, M) => {
-      s.onRowClick && s.onRowClick(p, M);
+    ), f = (_, $) => {
+      a.onRowClick && a.onRowClick(_, $);
     };
     H(() => {
-      t.value = s.dataSource, r.value = s.dataSource;
+      t.value = a.dataSource, r.value = a.dataSource;
     }), U(
-      () => s.dataSource,
-      (p) => {
-        t.value = p, r.value = p;
+      () => a.dataSource,
+      (_) => {
+        t.value = _, r.value = _;
       },
       { immediate: !0 }
     ), U(
-      () => s.searchValue,
-      (p) => {
-        if (s.searchFunction) {
-          r.value = s.searchFunction(p ?? "");
+      () => a.searchValue,
+      (_) => {
+        if (a.searchFunction) {
+          r.value = a.searchFunction(_ ?? "");
           return;
         }
-        r.value = p ? f(p) : t.value;
+        r.value = _ ? k(_) : t.value;
       },
       { immediate: !0 }
     );
-    const f = (p) => {
-      const M = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((S) => {
-        const x = t.value.map((v) => P(v, S)), c = Ue(x)(p);
-        for (const v of c) {
-          const w = t.value.filter((d) => P(d, S) === v.item);
-          M.push(...w);
+    const k = (_) => {
+      const $ = [];
+      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((w) => {
+        const u = t.value.map((x) => A(x, w)), m = Ue(u)(_);
+        for (const x of m) {
+          const d = t.value.filter((g) => A(g, w) === x.item);
+          $.push(...d);
         }
-      }), M) : [];
+      }), $) : [];
     };
-    return (p, M) => (u(), i("table", {
+    return (_, $) => (c(), i("table", {
       ref_key: "table",
-      ref: a,
-      class: N(n.value)
+      ref: s,
+      class: N(o.value)
     }, [
-      p.horizontal ? R("", !0) : (u(), i("thead", Ze, [
-        h("tr", null, [
-          (u(!0), i(E, null, O(s.columns, (y) => (u(), i("th", {
+      e.horizontal ? E("", !0) : (c(), i("thead", Ze, [
+        v("tr", null, [
+          (c(!0), i(R, null, P(a.columns, (y) => (c(), i("th", {
             key: y.title
           }, X(y.title), 1))), 128))
         ])
       ])),
-      p.horizontal ? R("", !0) : (u(), i("tbody", Ye, [
-        r.value.length === 0 ? (u(), i("tr", Qe, [
-          h("td", {
-            colspan: s.columns.length
+      e.horizontal ? E("", !0) : (c(), i("tbody", Ye, [
+        r.value.length === 0 ? (c(), i("tr", Qe, [
+          v("td", {
+            colspan: a.columns.length
           }, "No data found", 8, et)
-        ])) : (u(!0), i(E, { key: 1 }, O(r.value, (y, S) => (u(), i("tr", {
-          class: N(s.onRowClick ? "hover" : ""),
+        ])) : (c(!0), i(R, { key: 1 }, P(r.value, (y, w) => (c(), i("tr", {
+          class: N(n.value),
           key: JSON.stringify(y),
-          onClick: (x) => o(y, S)
+          onClick: (u) => f(y, w)
         }, [
-          (u(!0), i(E, null, O(s.columns, (x) => (u(), q(de, {
-            key: x.data,
-            column: x,
+          (c(!0), i(R, null, P(a.columns, (u) => (c(), q(de, {
+            key: u.data,
+            column: u,
             row: y,
-            rowIndex: S
+            rowIndex: w
           }, null, 8, ["column", "row", "rowIndex"]))), 128))
         ], 10, tt))), 128))
       ])),
-      p.horizontal ? (u(), i("tbody", nt, [
-        (u(!0), i(E, null, O(s.columns, (y) => (u(), i("tr", {
+      e.horizontal ? (c(), i("tbody", nt, [
+        (c(!0), i(R, null, P(a.columns, (y) => (c(), i("tr", {
           key: y.title
         }, [
-          h("th", null, X(y.title), 1),
-          (u(!0), i(E, null, O(r.value, (S, x) => (u(), q(de, {
-            key: x,
+          v("th", null, X(y.title), 1),
+          (c(!0), i(R, null, P(r.value, (w, u) => (c(), q(de, {
+            key: u,
             column: y,
-            row: S,
-            rowIndex: x
+            row: w,
+            rowIndex: u
           }, null, 8, ["column", "row", "rowIndex"]))), 128))
         ]))), 128)),
-        r.value.length === 0 ? (u(), i("tr", rt, [
-          h("td", {
-            colspan: s.columns.length + 1,
+        r.value.length === 0 ? (c(), i("tr", rt, [
+          v("td", {
+            colspan: a.columns.length + 1,
             style: { "text-align": "center", padding: "1rem" }
           }, " No data found ", 8, at)
-        ])) : R("", !0)
-      ])) : R("", !0)
+        ])) : E("", !0)
+      ])) : E("", !0)
     ], 2));
   }
-}), Bt = /* @__PURE__ */ C({
+}), Bt = /* @__PURE__ */ M({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
   setup(e, { expose: t, emit: r }) {
-    const a = e, s = $(a.value), n = r, o = (f) => {
-      s.value = f, n("update:value", f);
+    const s = e, a = C(s.value), n = r, o = (f) => {
+      a.value = f, n("update:value", f);
     };
     return we("stepper", {
-      value: s,
+      value: a,
       updateValue: o
     }), U(
-      () => a.value,
+      () => s.value,
       (f) => {
-        s.value = f;
+        a.value = f;
       }
     ), t({
       updateValue: o
-    }), (f, p) => T(f.$slots, "default", { updateValue: o });
+    }), (f, k) => T(f.$slots, "default", { updateValue: o });
   }
-}), $t = /* @__PURE__ */ C({
+}), Ct = /* @__PURE__ */ M({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, r = ne("stepper"), a = $("");
+    const t = e, r = ne("stepper"), s = C("");
     return U(
       () => r?.value.value,
-      (s) => {
-        s && t.value && (a.value = Number(s) >= Number(t.value) ? "step-primary" : "");
+      (a) => {
+        a && t.value && (s.value = Number(a) >= Number(t.value) ? "step-primary" : "");
       }
     ), H(() => {
-      r && (a.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (a.value = "step-primary"));
-    }), (s, n) => (u(), i("li", {
-      class: N(["step", a.value])
+      r && (s.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (s.value = "step-primary"));
+    }), (a, n) => (c(), i("li", {
+      class: N(["step", s.value])
     }, [
-      T(s.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
 }), st = {}, ot = { class: "steps" };
 function ut(e, t) {
-  return u(), i("ul", ot, [
+  return c(), i("ul", ot, [
     T(e.$slots, "default")
   ]);
 }
-const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @__PURE__ */ C({
+const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @__PURE__ */ M({
   __name: "StepPanels",
   setup(e) {
     const t = ne("stepper");
-    return (r, a) => (u(), q(Se, {
+    return (r, s) => (c(), q(Se, {
       name: "fade",
       mode: "out-in"
     }, {
       default: fe(() => [
-        K(t)?.value ? (u(), i("div", ct, [
+        K(t)?.value ? (c(), i("div", ct, [
           T(r.$slots, "default", {
             currentStep: K(t)?.value
           })
-        ])) : R("", !0)
+        ])) : E("", !0)
       ]),
       _: 3
     }));
   }
-}), lt = { key: 0 }, zt = /* @__PURE__ */ C({
+}), lt = { key: 0 }, zt = /* @__PURE__ */ M({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const r = I(() => a?.value.value), a = ne("stepper"), s = (n) => {
-      a && a.updateValue(n.toString());
+    const r = I(() => s?.value.value), s = ne("stepper"), a = (n) => {
+      s && s.updateValue(n.toString());
     };
     return t({
-      activateCallback: s
-    }), (n, o) => n.value === r.value ? (u(), i("div", lt, [
-      T(n.$slots, "default", { activateCallback: s })
-    ])) : R("", !0);
+      activateCallback: a
+    }), (n, o) => e.value === r.value ? (c(), i("div", lt, [
+      T(n.$slots, "default", { activateCallback: a })
+    ])) : E("", !0);
   }
 }), it = {
   key: 0,
   method: "dialog"
-}, Nt = /* @__PURE__ */ C({
+}, Nt = /* @__PURE__ */ M({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
@@ -763,12 +767,12 @@ const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
   },
   emits: ["close"],
   setup(e, { expose: t, emit: r }) {
-    const a = $(null), s = r, n = e, o = $(A("modal-box", n.extraBoxClasses, {
+    const s = C(null), a = r, n = e, o = C(D("modal-box", n.extraBoxClasses, {
       "overflow-visible": n.overflow
-    })), f = $(
-      A("modal")
-    ), p = $(
-      A(
+    })), f = C(
+      D("modal")
+    ), k = C(
+      D(
         "btn",
         Ne.toClassName(n.closeButtonSize),
         "btn-circle",
@@ -780,53 +784,53 @@ const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
     );
     return t({
       showModal: () => {
-        a.value?.showModal();
+        s.value?.showModal();
       },
       closeModal: () => {
-        a.value?.close();
+        s.value?.close();
       }
-    }), (S, x) => (u(), i("dialog", {
+    }), (y, w) => (c(), i("dialog", {
       ref_key: "modal",
-      ref: a,
-      class: N([f.value, S.$attrs.class]),
+      ref: s,
+      class: N([f.value, y.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: x[0] || (x[0] = (l) => s("close", l))
+      onClose: w[0] || (w[0] = (u) => a("close", u))
     }, [
-      h("div", {
+      v("div", {
         class: N(o.value)
       }, [
-        S.closeButton ? (u(), i("form", it, [
-          h("button", {
-            class: N(p.value)
+        e.closeButton ? (c(), i("form", it, [
+          v("button", {
+            class: N(k.value)
           }, "✕", 2)
-        ])) : R("", !0),
-        T(S.$slots, "default")
+        ])) : E("", !0),
+        T(y.$slots, "default")
       ], 2),
-      x[1] || (x[1] = h("form", {
+      w[1] || (w[1] = v("form", {
         method: "dialog",
         class: "modal-backdrop"
       }, [
-        h("button", null, "close")
+        v("button", null, "close")
       ], -1))
     ], 34));
   }
-}), dt = { class: "hidden w-full max-w-sm lg:flex" }, ft = { class: "relative mx-3 w-full" }, pt = { class: "relative w-full max-w-full" }, bt = ["value"], Tt = /* @__PURE__ */ C({
+}), dt = { class: "hidden w-full max-w-sm lg:flex" }, ft = { class: "relative mx-3 w-full" }, pt = { class: "relative w-full max-w-full" }, bt = ["value"], Tt = /* @__PURE__ */ M({
   __name: "SearchBar",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = $(null), s = t, n = (o) => {
-      (o.ctrlKey || o.metaKey) && o.key.toLowerCase() === "k" && (o.preventDefault(), a.value && a.value.focus());
+    const r = e, s = C(null), a = t, n = (o) => {
+      (o.ctrlKey || o.metaKey) && o.key.toLowerCase() === "k" && (o.preventDefault(), s.value && s.value.focus());
     };
     return H(() => {
       document.addEventListener("keydown", n);
     }), ke(() => {
       document.removeEventListener("keydown", n);
-    }), (o, f) => (u(), i("div", dt, [
-      h("label", ft, [
-        f[1] || (f[1] = h("svg", {
+    }), (o, f) => (c(), i("div", dt, [
+      v("label", ft, [
+        f[1] || (f[1] = v("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60",
           "aria-hidden": "true",
           width: "16",
@@ -834,33 +838,33 @@ const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
           viewBox: "0.48 0.48 23.04 23.04",
           fill: "currentColor"
         }, [
-          h("path", {
+          v("path", {
             fill: "none",
             d: "M0 0h24v24H0z"
           }),
-          h("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" })
+          v("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)),
-        h("div", pt, [
-          h("form", null, [
-            h("input", {
+        v("div", pt, [
+          v("form", null, [
+            v("input", {
               ref_key: "searchInput",
-              ref: a,
+              ref: s,
               type: "search",
               placeholder: "Zoeken...",
               value: r.modelValue,
-              onInput: f[0] || (f[0] = (p) => s("update:modelValue", p.target.value)),
+              onInput: f[0] || (f[0] = (k) => a("update:modelValue", k.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, bt)
           ])
         ]),
-        f[2] || (f[2] = h("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
-          h("kbd", { class: "kbd kbd-sm" }, "ctrl"),
-          h("kbd", { class: "kbd kbd-sm" }, "K")
+        f[2] || (f[2] = v("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
+          v("kbd", { class: "kbd kbd-sm" }, "ctrl"),
+          v("kbd", { class: "kbd kbd-sm" }, "K")
         ], -1))
       ])
     ]));
   }
-}), vt = ["name", "value"], Lt = /* @__PURE__ */ C({
+}), vt = ["name", "value"], Lt = /* @__PURE__ */ M({
   __name: "Tabs",
   props: {
     box: { type: Boolean, default: !1 },
@@ -873,51 +877,51 @@ const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
     activeTab: { default: 0 }
   },
   setup(e, { expose: t }) {
-    const r = Math.random().toString(36).substring(2, 15), a = e, s = I(() => 100 / a.items.length), n = I(() => [
+    const r = Math.random().toString(36).substring(2, 15), s = e, a = I(() => 100 / s.items.length), n = I(() => [
       "tabs",
-      a.placement === "top" ? "tabs-top" : "tabs-bottom",
-      `${Ee.toClassName(a.size)}`,
+      s.placement === "top" ? "tabs-top" : "tabs-bottom",
+      `${Re.toClassName(s.size)}`,
       {
-        "tabs-box": a.box,
-        "tabs-border": a.border,
-        "tabs-lift": a.lift
+        "tabs-box": s.box,
+        "tabs-border": s.border,
+        "tabs-lift": s.lift
       }
-    ]), o = $(a.activeTab ?? 0), f = (p) => {
-      o.value = p;
+    ]), o = C(s.activeTab ?? 0), f = (k) => {
+      o.value = k;
     };
-    return U(() => a.activeTab, (p) => {
-      o.value = p;
+    return U(() => s.activeTab, (k) => {
+      o.value = k;
     }), t({
       activeIndex: o,
       setActiveTab: f
-    }), (p, M) => (u(), i("div", {
+    }), (k, _) => (c(), i("div", {
       role: "tablist",
       class: N(n.value)
     }, [
-      (u(!0), i(E, null, O(a.items, (y, S) => (u(), i(E, { key: S }, [
-        h("label", {
+      (c(!0), i(R, null, P(s.items, ($, y) => (c(), i(R, { key: y }, [
+        v("label", {
           class: "tab",
-          style: Be(a.fullWidth ? { width: s.value + "%" } : {})
+          style: Be(s.fullWidth ? { width: a.value + "%" } : {})
         }, [
-          $e(h("input", {
+          Ce(v("input", {
             type: "radio",
             name: K(r),
-            value: S,
-            "onUpdate:modelValue": M[0] || (M[0] = (x) => o.value = x)
+            value: y,
+            "onUpdate:modelValue": _[0] || (_[0] = (w) => o.value = w)
           }, null, 8, vt), [
-            [Ce, o.value]
+            [$e, o.value]
           ]),
-          te(" " + X(y.label), 1)
+          te(" " + X($.label), 1)
         ], 4),
-        h("div", {
-          class: N(["tab-content p-6", y.disabled ? "tab-disabled" : ""])
+        v("div", {
+          class: N(["tab-content p-6", $.disabled ? "tab-disabled" : ""])
         }, [
-          T(p.$slots, y.slot)
+          T(k.$slots, $.slot)
         ], 2)
       ], 64))), 128))
     ], 2));
   }
-}), Et = [
+}), Rt = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -1007,8 +1011,8 @@ export {
   gt as Button,
   ze as ButtonColorUtils,
   Ne as ButtonSizeUtils,
-  _t as Card,
-  xt as CardBody,
+  xt as Card,
+  _t as CardBody,
   wt as CardTitle,
   re as Color,
   St as Container,
@@ -1017,16 +1021,16 @@ export {
   Tt as SearchBar,
   yt as SimpleButton,
   G as Size,
-  $t as Step,
-  Ct as StepList,
+  Ct as Step,
+  $t as StepList,
   zt as StepPanel,
   Mt as StepPanels,
   Bt as Stepper,
   kt as Table,
   Le as TableSizeUtils,
   Lt as Tabs,
-  Ee as TabsSizeUtils,
+  Re as TabsSizeUtils,
   ht as TextColorUtils,
-  Et as dendelionSafeList,
-  P as getValue
+  Rt as dendelionSafeList,
+  A as getValue
 };