dendelion-ui 0.0.5 → 0.0.7

package/dist/dendelion-ui.es.js

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