golden-logic-ui 1.0.127 → 1.0.128

package/dist/golden-logic-ui.js

@@ -186,12 +186,12 @@ function we(e, t, s) {
   e.getters = {}, e._makeLocalGettersCache = /* @__PURE__ */ Object.create(null);
   var a = e._wrappedGetters, i = {}, l = {}, c = et(!0);
   c.run(function() {
-    H(a, function(h, b) {
-      i[b] = Ot(h, e), l[b] = M(function() {
-        return i[b]();
-      }), Object.defineProperty(e.getters, b, {
+    H(a, function(h, m) {
+      i[m] = Ot(h, e), l[m] = M(function() {
+        return i[m]();
+      }), Object.defineProperty(e.getters, m, {
         get: function() {
-          return l[b].value;
+          return l[m].value;
         },
         enumerable: !0
         // for local getters
@@ -214,36 +214,36 @@ function de(e, t, s, n, o) {
     });
   }
   var h = n.context = Pt(e, i, s);
-  n.forEachMutation(function(b, _) {
+  n.forEachMutation(function(m, _) {
     var $ = i + _;
-    At(e, $, b, h);
-  }), n.forEachAction(function(b, _) {
-    var $ = b.root ? _ : i + _, S = b.handler || b;
+    At(e, $, m, h);
+  }), n.forEachAction(function(m, _) {
+    var $ = m.root ? _ : i + _, S = m.handler || m;
     Et(e, $, S, h);
-  }), n.forEachGetter(function(b, _) {
+  }), n.forEachGetter(function(m, _) {
     var $ = i + _;
-    jt(e, $, b, h);
-  }), n.forEachChild(function(b, _) {
-    de(e, t, s.concat(_), b, o);
+    jt(e, $, m, h);
+  }), n.forEachChild(function(m, _) {
+    de(e, t, s.concat(_), m, o);
   });
 }
 function Pt(e, t, s) {
   var n = t === "", o = {
     dispatch: n ? e.dispatch : function(a, i, l) {
-      var c = ie(a, i, l), h = c.payload, b = c.options, _ = c.type;
-      if ((!b || !b.root) && (_ = t + _, process.env.NODE_ENV !== "production" && !e._actions[_])) {
+      var c = ie(a, i, l), h = c.payload, m = c.options, _ = c.type;
+      if ((!m || !m.root) && (_ = t + _, process.env.NODE_ENV !== "production" && !e._actions[_])) {
         console.error("[vuex] unknown local action type: " + c.type + ", global type: " + _);
         return;
       }
       return e.dispatch(_, h);
     },
     commit: n ? e.commit : function(a, i, l) {
-      var c = ie(a, i, l), h = c.payload, b = c.options, _ = c.type;
-      if ((!b || !b.root) && (_ = t + _, process.env.NODE_ENV !== "production" && !e._mutations[_])) {
+      var c = ie(a, i, l), h = c.payload, m = c.options, _ = c.type;
+      if ((!m || !m.root) && (_ = t + _, process.env.NODE_ENV !== "production" && !e._mutations[_])) {
         console.error("[vuex] unknown local mutation type: " + c.type + ", global type: " + _);
         return;
       }
-      e.commit(_, h, b);
+      e.commit(_, h, m);
     }
   };
   return Object.defineProperties(o, {
@@ -681,8 +681,8 @@ var L = function e(t) {
   }, this.commit = function($, S, B) {
     return h.call(i, $, S, B);
   }, this.strict = o;
-  var b = this._modules.root.state;
-  de(this, b, [], this._modules.root), we(this, b), n.forEach(function(_) {
+  var m = this._modules.root.state;
+  de(this, m, [], this._modules.root), we(this, m), n.forEach(function(_) {
     return _(s);
   });
 }, $e = { state: { configurable: !0 } };
@@ -698,13 +698,13 @@ $e.state.set = function(e) {
   process.env.NODE_ENV !== "production" && I(!1, "use store.replaceState() to explicit replace store state.");
 };
 L.prototype.commit = function(t, s, n) {
-  var o = this, a = ie(t, s, n), i = a.type, l = a.payload, c = a.options, h = { type: i, payload: l }, b = this._mutations[i];
-  if (!b) {
+  var o = this, a = ie(t, s, n), i = a.type, l = a.payload, c = a.options, h = { type: i, payload: l }, m = this._mutations[i];
+  if (!m) {
     process.env.NODE_ENV !== "production" && console.error("[vuex] unknown mutation type: " + i);
     return;
   }
   this._withCommit(function() {
-    b.forEach(function($) {
+    m.forEach(function($) {
       $(l);
     });
   }), this._subscribers.slice().forEach(function(_) {
@@ -720,18 +720,18 @@ L.prototype.dispatch = function(t, s) {
     return;
   }
   try {
-    this._actionSubscribers.slice().filter(function(b) {
-      return b.before;
-    }).forEach(function(b) {
-      return b.before(l, n.state);
+    this._actionSubscribers.slice().filter(function(m) {
+      return m.before;
+    }).forEach(function(m) {
+      return m.before(l, n.state);
     });
-  } catch (b) {
-    process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in before action subscribers: "), console.error(b));
+  } catch (m) {
+    process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in before action subscribers: "), console.error(m));
   }
-  var h = c.length > 1 ? Promise.all(c.map(function(b) {
-    return b(i);
+  var h = c.length > 1 ? Promise.all(c.map(function(m) {
+    return m(i);
   })) : c[0](i);
-  return new Promise(function(b, _) {
+  return new Promise(function(m, _) {
     h.then(function($) {
       try {
         n._actionSubscribers.filter(function(S) {
@@ -742,7 +742,7 @@ L.prototype.dispatch = function(t, s) {
       } catch (S) {
         process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in after action subscribers: "), console.error(S));
       }
-      b($);
+      m($);
     }, function($) {
       try {
         n._actionSubscribers.filter(function(S) {
@@ -821,10 +821,10 @@ var qt = Xe(function(e, t) {
         l[c] = arguments[c];
       var h = this.$store.commit;
       if (e) {
-        var b = Je(this.$store, "mapMutations", e);
-        if (!b)
+        var m = Je(this.$store, "mapMutations", e);
+        if (!m)
           return;
-        h = b.context.commit;
+        h = m.context.commit;
       }
       return typeof a == "function" ? a.apply(this, [h].concat(l)) : h.apply(this.$store, [a].concat(l));
     };
@@ -1382,53 +1382,53 @@ const ju = /* @__PURE__ */ D(Er, [["render", Lr]]), Nr = { class: "bg-white bord
   },
   emits: ["update:modelValue", "selected", "selectionChanged"],
   setup(e, { emit: t }) {
-    const s = e, n = t, o = C(null), a = C([]), i = C([]), l = C(0), c = C(!1), h = C(""), b = C("");
+    const s = e, n = t, o = C(null), a = C([]), i = C([]), l = C(0), c = C(!1), h = C(""), m = C("");
     F(() => {
-      b.value = Q(), s.show || (document.body.addEventListener("click", (m) => {
-        ne(m);
-      }), document.addEventListener("keypress", (m) => {
-        m.key === "Enter" && m.target.form && m.preventDefault();
+      m.value = Q(), s.show || (document.body.addEventListener("click", (b) => {
+        ne(b);
+      }), document.addEventListener("keypress", (b) => {
+        b.key === "Enter" && b.target.form && b.preventDefault();
       }));
     });
     const _ = M(() => y()), $ = M(() => P()), S = M(() => {
-      const m = [], v = new RegExp(h.value, "ig");
+      const b = [], v = new RegExp(h.value, "ig");
       for (const x of _.value) {
         const j = String(x.name);
-        (h.value.length < 1 || j.match(v)) && m.length < s.maxItem && m.push(x);
+        (h.value.length < 1 || j.match(v)) && b.length < s.maxItem && b.push(x);
       }
-      return m;
+      return b;
     });
-    function B(m) {
+    function B(b) {
       if ([
         "ArrowLeft",
         "ArrowUp",
         "ArrowRight",
         "ArrowDown",
         "Enter"
-      ].includes(m.key)) {
-        if (["ArrowUp", "ArrowDown"].includes(m.key) && m.preventDefault(), m.key === "ArrowDown" && s.posts === "")
+      ].includes(b.key)) {
+        if (["ArrowUp", "ArrowDown"].includes(b.key) && b.preventDefault(), b.key === "ArrowDown" && s.posts === "")
           return;
-        oe(m.key);
+        oe(b.key);
       }
     }
     function Q() {
-      let m = (/* @__PURE__ */ new Date()).getTime();
+      let b = (/* @__PURE__ */ new Date()).getTime();
       return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
         /[xy]/g,
         function(x) {
-          const j = (m + Math.random() * 16) % 16 | 0;
-          return m = Math.floor(m / 16), (x === "x" ? j : j & 3 | 8).toString(16);
+          const j = (b + Math.random() * 16) % 16 | 0;
+          return b = Math.floor(b / 16), (x === "x" ? j : j & 3 | 8).toString(16);
         }
       );
     }
-    function ee(m) {
-      return Array.isArray(m) && m.length > 0 && m.every((v) => typeof v == "object" && v !== null);
+    function ee(b) {
+      return Array.isArray(b) && b.length > 0 && b.every((v) => typeof v == "object" && v !== null);
     }
-    function te(m) {
-      return m.every((v) => typeof v == "object" && v !== null);
+    function te(b) {
+      return b.every((v) => typeof v == "object" && v !== null);
     }
-    function ue(m) {
-      return a.value.findIndex((v) => v.id === m) !== -1;
+    function ue(b) {
+      return a.value.findIndex((v) => v.id === b) !== -1;
     }
     function ce() {
       a.value = y();
@@ -1436,60 +1436,60 @@ const ju = /* @__PURE__ */ D(Er, [["render", Lr]]), Nr = { class: "bg-white bord
     function fe() {
       a.value = [];
     }
-    function ge(m) {
-      let v = a.value.findIndex((x) => x.id === m.id);
+    function ge(b) {
+      let v = a.value.findIndex((x) => x.id === b.id);
       v !== -1 && a.value.splice(v, 1), i.value = a.value.map((x) => x.id), n("update:modelValue", i.value), n("selected", a.value), n("selectionChanged", a.value);
     }
-    function ne(m) {
-      m.target.id != s.field_name + "search" + b.value && m.target.id != s.field_name && !m.target.classList.contains("showOptions") && (re(), l.value = 0);
+    function ne(b) {
+      b.target.id != s.field_name + "search" + m.value && b.target.id != s.field_name && !b.target.classList.contains("showOptions") && (re(), l.value = 0);
     }
-    function Z(m) {
-      const v = `${m}${b.value}`, x = document.getElementById(v);
+    function Z(b) {
+      const v = `${b}${m.value}`, x = document.getElementById(v);
       x && x.scrollIntoView();
     }
-    function he(m) {
-      const v = `${m}${b.value}`, x = document.getElementById(v);
+    function he(b) {
+      const v = `${b}${m.value}`, x = document.getElementById(v);
       x && x.click();
     }
-    function oe(m) {
-      m === "ArrowDown" && l.value < S.value.length && (l.value++, Z(l.value)), m === "ArrowUp" && l.value > 1 && (l.value--, Z(l.value)), m === "Enter" && he(l.value);
+    function oe(b) {
+      b === "ArrowDown" && l.value < S.value.length && (l.value++, Z(l.value)), b === "ArrowUp" && l.value > 1 && (l.value--, Z(l.value)), b === "Enter" && he(l.value);
     }
     function y() {
-      return s.options.map((m, v) => typeof m == "object" ? m : { id: m, name: m });
+      return s.options.map((b, v) => typeof b == "object" ? b : { id: b, name: b });
     }
     function P() {
       if (console.log("selected.value", a.value), console.log("isArrayObjectNotEmpty", ee(a.value)), ee(a.value))
         return te(a.value) ? _.value.filter(
-          (m) => a.value.some(
-            (v) => String(v.id) === String(m.id)
+          (b) => a.value.some(
+            (v) => String(v.id) === String(b.id)
           )
         ) || [] : _.value.filter(
-          (m) => a.value.some(
-            (v) => String(v) === String(m.id)
+          (b) => a.value.some(
+            (v) => String(v) === String(b.id)
           )
         ) || [];
       if (s.modelValue)
         return te(s.modelValue) ? a.value = _.value.filter(
-          (m) => s.modelValue.some(
-            (v) => String(v.id) === String(m.id)
+          (b) => s.modelValue.some(
+            (v) => String(v.id) === String(b.id)
           )
         ) || [] : a.value = _.value.filter(
-          (m) => s.modelValue.some(
-            (v) => String(v) === String(m.id)
+          (b) => s.modelValue.some(
+            (v) => String(v) === String(b.id)
           )
         ) || [];
     }
-    function E(m) {
-      console.log("selectOption", m);
-      let v = a.value.findIndex((x) => x.id === m.id);
-      v !== -1 ? a.value.splice(v, 1) : a.value.push(m), console.log("selectOption selected", a.value), c.value = !1, i.value = a.value.map((x) => x.id), n("update:modelValue", i.value), n("selected", a.value), n("selectionChanged", a.value);
+    function E(b) {
+      console.log("selectOption", b);
+      let v = a.value.findIndex((x) => x.id === b.id);
+      v !== -1 ? a.value.splice(v, 1) : a.value.push(b), console.log("selectOption selected", a.value), c.value = !1, i.value = a.value.map((x) => x.id), n("update:modelValue", i.value), n("selected", a.value), n("selectionChanged", a.value);
     }
     function G() {
       s.show || (h.value = "", c.value = !0, Me(() => {
-        var m = document.getElementById(
-          `${s.field_name}search${b.value}`
+        var b = document.getElementById(
+          `${s.field_name}search${m.value}`
         );
-        m && m.focus();
+        b && b.focus();
       }));
     }
     function re() {
@@ -1497,9 +1497,9 @@ const ju = /* @__PURE__ */ D(Er, [["render", Lr]]), Nr = { class: "bg-white bord
     }
     return q(h, () => {
       S.value.length === 0 && (a.value = []);
-    }), q(a, (m) => {
+    }), q(a, (b) => {
       ee(a.value) && (i.value = a.value.map((v) => v.id), n("update:modelValue", i.value));
-    }), (m, v) => (d(), u(k, null, [
+    }), (b, v) => (d(), u(k, null, [
       e.show ? (d(), u("div", {
         key: 0,
         class: p(e.field_name)
@@ -1574,7 +1574,7 @@ const ju = /* @__PURE__ */ D(Er, [["render", Lr]]), Nr = { class: "bg-white bord
                     type: "search",
                     "onUpdate:modelValue": v[1] || (v[1] = (x) => h.value = x),
                     ref: o.value,
-                    id: `${e.field_name}search${b.value}`,
+                    id: `${e.field_name}search${m.value}`,
                     onKeydown: B,
                     onBlur: v[2] || (v[2] = (x) => re()),
                     autocomplete: "off",
@@ -1594,7 +1594,7 @@ const ju = /* @__PURE__ */ D(Er, [["render", Lr]]), Nr = { class: "bg-white bord
                   onClick: (Se) => E(x),
                   onMousedown: (Se) => E(x),
                   key: j,
-                  id: j + 1
+                  id: `${j + 1}${m.value}`
                 }, g(x.name || x.id || "-"), 43, rs))), 128))
               ])
             ], 512), [
@@ -2334,8 +2334,8 @@ const Uu = /* @__PURE__ */ D(Js, [["render", ea]]), ta = {
       const s = (o) => {
         t.style.cursor = "grabbing";
         const a = (l) => {
-          const c = l.clientX || l.touches && l.touches[0] && l.touches[0].clientX, h = l.clientY || l.touches && l.touches[0] && l.touches[0].clientY, b = c - e.initialX, _ = h - e.initialY;
-          Math.abs(b) > Math.abs(_) ? (l.preventDefault(), Math.abs(b) >= 70 && (b < 0 ? e.next() : e.prev(), e.initialX = c)) : t.style.cursor = "grab", Math.abs(_) > Math.abs(b) && (t.style.cursor = "grab");
+          const c = l.clientX || l.touches && l.touches[0] && l.touches[0].clientX, h = l.clientY || l.touches && l.touches[0] && l.touches[0].clientY, m = c - e.initialX, _ = h - e.initialY;
+          Math.abs(m) > Math.abs(_) ? (l.preventDefault(), Math.abs(m) >= 70 && (m < 0 ? e.next() : e.prev(), e.initialX = c)) : t.style.cursor = "grab", Math.abs(_) > Math.abs(m) && (t.style.cursor = "grab");
         }, i = () => {
           document.removeEventListener("mousemove", a), document.removeEventListener("touchmove", a), document.removeEventListener("mouseup", i), document.removeEventListener("touchend", i), t.style.cursor = "grab";
         };
@@ -2981,9 +2981,9 @@ const Ru = /* @__PURE__ */ D(ta, [["render", nn], ["__scopeId", "data-v-a94f16a9
         y.key === "Enter" && y.target.form && y.preventDefault();
       }));
     });
-    const b = M(() => fe()), _ = M(() => ge()), $ = M(() => {
+    const m = M(() => fe()), _ = M(() => ge()), $ = M(() => {
       const y = [], P = new RegExp(c.value, "ig");
-      for (const E of b.value) {
+      for (const E of m.value) {
         const G = String(E.name);
         (c.value.length < 1 || G.match(P)) && y.length < s.maxItem && y.push(E);
       }
@@ -3034,15 +3034,15 @@ const Ru = /* @__PURE__ */ D(ta, [["render", nn], ["__scopeId", "data-v-a94f16a9
     }
     function ge() {
       if (Q(a.value))
-        return typeof a.value == "object" ? b.value.find(
+        return typeof a.value == "object" ? m.value.find(
           (y) => String(y.id) === String(a.value.id)
-        ) || {} : b.value.find(
+        ) || {} : m.value.find(
           (y) => String(y.id) === String(a.value)
         ) || {};
       if (s.modelValue)
-        return typeof s.modelValue == "object" ? b.value.find(
+        return typeof s.modelValue == "object" ? m.value.find(
           (y) => String(y.id) === String(s.modelValue.id)
-        ) || {} : b.value.find(
+        ) || {} : m.value.find(
           (y) => String(y.id) === String(s.modelValue)
         ) || {};
     }
@@ -3107,21 +3107,21 @@ const Ru = /* @__PURE__ */ D(ta, [["render", nn], ["__scopeId", "data-v-a94f16a9
                     "gl-input-form-invalid": e.error_message !== ""
                   }, "pl-8 pr-2 showOptions"]),
                   ref: e.field_name,
-                  onClick: P[0] || (P[0] = (m) => Z()),
+                  onClick: P[0] || (P[0] = (b) => Z()),
                   value: (re = _.value) == null ? void 0 : re.name,
                   placeholder: e.placeholder,
                   autocomplete: "off",
                   readonly: ""
                 }, null, 10, Ln),
                 A(r("i", {
-                  onClick: P[1] || (P[1] = U((m) => he(), ["stop"])),
+                  onClick: P[1] || (P[1] = U((b) => he(), ["stop"])),
                   class: "absolute text-gray-500 cursor-pointer fas fa-times right-7 hover:text-gray-700 dark:hover:text-gray-800",
                   style: { top: "13px" }
                 }, null, 512), [
                   [X, Q(_.value) && e.has_cancel]
                 ]),
                 r("i", {
-                  onClick: P[2] || (P[2] = (m) => !l.value && Z()),
+                  onClick: P[2] || (P[2] = (b) => !l.value && Z()),
                   class: p([l.value ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 dark:hover:text-gray-800 showOptions"]),
                   style: { top: "11px" }
                 }, null, 2)
@@ -3133,11 +3133,11 @@ const Ru = /* @__PURE__ */ D(ta, [["render", nn], ["__scopeId", "data-v-a94f16a9
                     Gn,
                     A(r("input", {
                       type: "search",
-                      "onUpdate:modelValue": P[3] || (P[3] = (m) => c.value = m),
+                      "onUpdate:modelValue": P[3] || (P[3] = (b) => c.value = b),
                       ref: o.value,
                       id: `${e.field_name}search${h.value}`,
                       onKeydown: S,
-                      onBlur: P[4] || (P[4] = (m) => oe()),
+                      onBlur: P[4] || (P[4] = (b) => oe()),
                       autocomplete: "off",
                       class: "block w-full p-2 text-sm text-gray-900 border rounded-lg outline-none border-frontend ps-10 bg-gray-50 focus:border-frontend dark:bg-gray-700 dark:border-frontenddark dark:placeholder-frontenddark dark:text-white dark:focus:border-frontenddark",
                       placeholder: "Search ..."
@@ -3147,18 +3147,18 @@ const Ru = /* @__PURE__ */ D(ta, [["render", nn], ["__scopeId", "data-v-a94f16a9
                   ])
                 ]),
                 r("div", Rn, [
-                  (d(!0), u(k, null, O($.value, (m, v) => {
+                  (d(!0), u(k, null, O($.value, (b, v) => {
                     var x;
                     return d(), u("div", {
                       class: p(["relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white", v + 1 == i.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
-                      onClick: (j) => ne(m),
-                      onMousedown: (j) => ne(m),
+                      onClick: (j) => ne(b),
+                      onMousedown: (j) => ne(b),
                       key: v,
                       id: `${v + 1}${h.value}`
                     }, [
                       r("div", qn, [
-                        ((x = _.value) == null ? void 0 : x.id) === m.id ? (d(), u("svg", Hn, Zn)) : f("", !0),
-                        r("span", null, g(m.name || m.id || "-"), 1)
+                        ((x = _.value) == null ? void 0 : x.id) === b.id ? (d(), u("svg", Hn, Zn)) : f("", !0),
+                        r("span", null, g(b.name || b.id || "-"), 1)
                       ])
                     ], 42, Fn);
                   }), 128))
@@ -3724,7 +3724,7 @@ function qo(e, t, s, n, o, a) {
           r("tr", null, [
             (d(!0), u(k, null, O(s.columns, (c, h) => (d(), u("th", {
               key: h,
-              onClick: (b) => a.updateSortColumn(c.field_name, c.sortable),
+              onClick: (m) => a.updateSortColumn(c.field_name, c.sortable),
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
               w(g(c.field_label) + " ", 1),
@@ -3744,22 +3744,22 @@ function qo(e, t, s, n, o, a) {
             key: h,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 hover:dark:text-gray-200 text-gray-500"
           }, [
-            (d(!0), u(k, null, O(s.columns, (b, _) => (d(), u("td", {
+            (d(!0), u(k, null, O(s.columns, (m, _) => (d(), u("td", {
               key: _,
-              "data-label": b.field_label,
+              "data-label": m.field_label,
               class: "text-pretty before:content-[attr(data-label)] before:font-bold lg:before:content-none flex md:flex-row flex-col justify-between gap-2 lg:table-cell py-4 px-5 lg:py-2.5 lg:px-4 border dark:border-gray-700"
             }, [
               r("div", Ro, [
-                b.tdComp ? (d(), J(pe(a.forDynCompIs(b.tdComp)), {
+                m.tdComp ? (d(), J(pe(a.forDynCompIs(m.tdComp)), {
                   key: 0,
                   row: c,
-                  field: b.field_name,
+                  field: m.field_name,
                   xprops: s.xprops,
-                  tdProps: b.tdProps,
+                  tdProps: m.tdProps,
                   onDeleteAction: t[3] || (t[3] = ($) => a.GetItemLists()),
                   onEditAction: ($) => a.editAction(c)
                 }, null, 40, ["row", "field", "xprops", "tdProps", "onEditAction"])) : (d(), u(k, { key: 1 }, [
-                  w(g(c[b.field_name]), 1)
+                  w(g(c[m.field_name]), 1)
                 ], 64))
               ])
             ], 8, Uo))), 128))
@@ -3979,14 +3979,14 @@ function El(e, t, s, n, o, a) {
             key: c,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 hover:dark:text-gray-200 text-gray-500"
           }, [
-            (d(!0), u(k, null, O(s.columns, (h, b) => (d(), u("td", {
-              key: b,
+            (d(!0), u(k, null, O(s.columns, (h, m) => (d(), u("td", {
+              key: m,
               "data-label": h,
               class: "text-pretty before:content-[attr(data-label)] before:font-bold lg:before:content-none flex md:flex-row flex-col justify-between gap-2 lg:table-cell py-4 px-5 lg:py-2.5 lg:px-4 border dark:border-gray-700"
             }, [
               r("p", {
                 class: "text-pretty",
-                innerHTML: l[b]
+                innerHTML: l[m]
               }, null, 8, dl)
             ], 8, il))), 128))
           ]))), 128))
@@ -4252,9 +4252,9 @@ const Ku = /* @__PURE__ */ D(Ho, [["render", El]]), jl = {
       a.value = !1;
     }, h = () => {
       a.value = !0;
-    }, b = t, _ = () => {
+    }, m = t, _ = () => {
       axios.delete(`${n.xprops.route}/${n.row.id}`).then(() => {
-        c(), b("deleteAction"), s.commit("notification/SHOW_NOTIFICATION", {
+        c(), m("deleteAction"), s.commit("notification/SHOW_NOTIFICATION", {
           message: "Item deleted successfully.",
           type: "success",
           duration: 5e3
@@ -4358,9 +4358,9 @@ const Ku = /* @__PURE__ */ D(Ho, [["render", El]]), jl = {
       a.value = !1;
     }, h = () => {
       a.value = !0;
-    }, b = t, _ = () => {
+    }, m = t, _ = () => {
       axios.delete(`${n.xprops.route}/${n.row.id}`).then(() => {
-        c(), b("deleteAction"), s.commit("notification/SHOW_NOTIFICATION", {
+        c(), m("deleteAction"), s.commit("notification/SHOW_NOTIFICATION", {
           message: "Item deleted successfully.",
           type: "success",
           duration: 5e3