golden-logic-ui 0.0.19 → 0.0.21

package/dist/golden-logic-ui.js

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as De, watch as Q, inject as de, effectScope as Pe, reactive as Ee, computed as je, resolveComponent as U, Fragment as y, createVNode as B, normalizeClass as p, toDisplayString as f, withModifiers as I, withDirectives as S, vModelText as A, renderList as w, normalizeStyle as Ie, renderSlot as P, createTextVNode as v, vShow as T, createBlock as q, resolveDynamicComponent as W, mergeProps as R, withCtx as X, ref as C, onMounted as G, provide as Ae, pushScopeId as Te, popScopeId as Ne, toHandlers as Z, resolveDirective as ue, markRaw as Me } from "vue";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as De, watch as Q, inject as de, effectScope as Pe, reactive as Ee, computed as je, resolveComponent as U, Fragment as y, createVNode as B, normalizeClass as p, toDisplayString as f, withModifiers as I, withDirectives as C, vModelText as A, renderList as w, normalizeStyle as Ie, renderSlot as P, createTextVNode as v, vShow as T, createBlock as q, resolveDynamicComponent as W, mergeProps as R, withCtx as X, ref as S, onMounted as G, provide as Ae, pushScopeId as Te, popScopeId as Ne, toHandlers as Z, resolveDirective as ue, markRaw as Me } from "vue";
 const k = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, a] of t)
@@ -800,9 +800,9 @@ O.prototype._withCommit = function(t) {
   this._committing = !0, t(), this._committing = r;
 };
 Object.defineProperties(O.prototype, se);
-var bt = Ce(function(e, t) {
+var bt = Se(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Se(t).forEach(function(n) {
+  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Ce(t).forEach(function(n) {
     var a = n.key, o = n.val;
     r[a] = function() {
       var i = this.$store.state, c = this.$store.getters;
@@ -815,9 +815,9 @@ var bt = Ce(function(e, t) {
       return typeof o == "function" ? o.call(this, i, c) : i[o];
     }, r[a].vuex = !0;
   }), r;
-}), yt = Ce(function(e, t) {
+}), yt = Se(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Se(t).forEach(function(n) {
+  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Ce(t).forEach(function(n) {
     var a = n.key, o = n.val;
     r[a] = function() {
       for (var i = [], c = arguments.length; c--; )
@@ -833,7 +833,7 @@ var bt = Ce(function(e, t) {
     };
   }), r;
 });
-function Se(e) {
+function Ce(e) {
   return ne(e) ? Array.isArray(e) ? e.map(function(t) {
     return { key: t, val: t };
   }) : Object.keys(e).map(function(t) {
@@ -843,7 +843,7 @@ function Se(e) {
 function ne(e) {
   return Array.isArray(e) || ge(e);
 }
-function Ce(e) {
+function Se(e) {
   return function(t, r) {
     return typeof t != "string" ? (r = t, t = "") : t.charAt(t.length - 1) !== "/" && (t += "/"), e(t, r);
   };
@@ -1016,9 +1016,9 @@ const vt = {
     "stroke-width": "2",
     d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
   })
-], -1), St = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Drag & drop files or browse ", -1), Ct = [
+], -1), Ct = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Drag & drop files or browse ", -1), St = [
   $t,
-  St
+  Ct
 ], Ot = { key: 1 }, Dt = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, "Drop files here", -1), Pt = [
   Dt
 ], Et = { class: "mt-2 gl-span-form-error" }, jt = { class: "block mt-2 mb-3 text-sm font-normal leading-5 text-gray-500" }, It = {
@@ -1063,7 +1063,7 @@ function Xt(e, t, r, n, a, o) {
             multiple: r.has_multiple_file,
             onChange: t[0] || (t[0] = (...i) => o.uploadFiles && o.uploadFiles(...i))
           }, null, 40, wt),
-          S(s("input", {
+          C(s("input", {
             type: "hidden",
             name: r.field_name,
             "onUpdate:modelValue": t[1] || (t[1] = (i) => o.uploadedFileIds = i)
@@ -1074,7 +1074,7 @@ function Xt(e, t, r, n, a, o) {
             key: 0,
             class: "flex flex-col items-center justify-center",
             onClick: t[2] || (t[2] = (i) => e.$refs["file_input" + this.field_name].click())
-          }, Ct))
+          }, St))
         ])
       ], 32),
       s("span", Et, f(a.error_message_data), 1),
@@ -1393,7 +1393,7 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
       return e;
     }
   },
-  emits: ["update:modelValue", "selected", "change"],
+  emits: ["update:modelValue", "selected", "selectionChanged"],
   methods: {
     selectAll() {
       this.selected = this.convertedOptions();
@@ -1449,7 +1449,7 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
       this.filteredOptions.length;
     },
     selected(e) {
-      this.selectedIds = e.map((t) => t.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds), this.$emit("change", this.selectedIds);
+      this.selectedIds = e.map((t) => t.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds), this.$emit("selectionChanged", this.selectedIds);
     }
   }
 }, br = { class: "font-bold ptext-lg dark:text-white" }, yr = { class: "mt-3 mb-4" }, vr = { class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, xr = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), wr = ["name", "value"], kr = {
@@ -1458,7 +1458,7 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
 }, $r = {
   class: "inline-flex ml-2 rounded-md shadow-sm",
   role: "group"
-}, Sr = { class: "border border-gray-200 rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Cr = { class: "relative" }, Or = ["onClick"], Dr = { class: "text-gray-700 bg-white dark:border-strokedark dark:bg-boxdark dark:text-gray-200 !border-b !border-t-0 !border-r !border-l absolute w-full z-[999999999] showOptions" }, Pr = { class: "p-1" }, Er = /* @__PURE__ */ s("label", {
+}, Cr = { class: "border border-gray-200 rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Sr = { class: "relative" }, Or = ["onClick"], Dr = { class: "text-gray-700 bg-white dark:border-strokedark dark:bg-boxdark dark:text-gray-200 !border-b !border-t-0 !border-r !border-l absolute w-full z-[999999999] showOptions" }, Pr = { class: "p-1" }, Er = /* @__PURE__ */ s("label", {
   for: "default-search",
   class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
 }, "Search", -1), jr = { class: "relative" }, Ir = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, [
@@ -1520,8 +1520,8 @@ function Mr(e, t, r, n, a, o) {
             class: "px-4 py-0 text-sm font-medium text-gray-900 bg-transparent border border-gray-900 rounded-e-md hover:bg-gray-900 hover:text-white focus:z-10 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700"
           }, " Deselect all ")
         ]),
-        s("div", Sr, [
-          s("div", Cr, [
+        s("div", Cr, [
+          s("div", Sr, [
             s("div", {
               class: "flex flex-wrap gap-2 pl-8 pr-2 gl-multi-dropdown showOptions",
               onClick: t[2] || (t[2] = (l) => o.showOptions())
@@ -1542,12 +1542,12 @@ function Mr(e, t, r, n, a, o) {
               style: { top: "11px" }
             }, null, 2)
           ]),
-          S(s("div", Dr, [
+          C(s("div", Dr, [
             s("div", Pr, [
               Er,
               s("div", jr, [
                 Ir,
-                S(s("input", {
+                C(s("input", {
                   type: "search",
                   "onUpdate:modelValue": t[3] || (t[3] = (l) => a.searchFilter = l),
                   id: r.field_name + "search",
@@ -1736,7 +1736,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null), l = C(null);
+    const n = e, a = r, o = S(null), l = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
         model: n.translatable.model,
@@ -1753,7 +1753,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         s("h3", Gr, f(e.label_name), 1),
-        S(s("input", {
+        C(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1872,7 +1872,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null), l = C(null);
+    const n = e, a = r, o = S(null), l = S(null);
     return G(() => {
       tinymce.init({
         selector: "#" + n.field_name,
@@ -1893,7 +1893,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         s("h3", Xr, f(e.label_name), 1),
-        S(s("input", {
+        C(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -2011,7 +2011,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null), l = C(null);
+    const n = e, a = r, o = S(null), l = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
         model: n.translatable.model,
@@ -2028,7 +2028,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         s("h3", as, f(e.label_name), 1),
-        S(s("input", {
+        C(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -2128,7 +2128,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null);
+    const n = e, a = r, o = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value != "" && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.modelValue != "" && (a("update:modelValue", n.modelValue), o.value.value = n.modelValue);
     }), t({ focus: () => o.value.focus() }), (l, i) => (d(), u(y, null, [
@@ -2173,18 +2173,18 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   }
 }, ks = {
   setup(e, { slots: t }) {
-    const r = C(t.default().map((a) => a.props)), n = C(r.value[0].title);
+    const r = S(t.default().map((a) => a.props)), n = S(r.value[0].title);
     return Ae("selectedTitle", n), {
       tabs: r,
       selectedTitle: n
     };
   }
-}, $s = { class: "flex flex-wrap" }, Ss = { class: "w-full" }, Cs = { class: "flex flex-row flex-wrap gap-1 pt-3 pb-4 mb-0 list-none" }, Os = ["onClick"], Ds = { class: "relative flex flex-col w-full min-w-0 mb-6 break-words bg-white rounded shadow-lg dark:border-strokedark dark:bg-boxdark" }, Ps = { class: "flex-auto px-4 py-5" }, Es = { class: "tab-content tab-space" };
+}, $s = { class: "flex flex-wrap" }, Cs = { class: "w-full" }, Ss = { class: "flex flex-row flex-wrap gap-1 pt-3 pb-4 mb-0 list-none" }, Os = ["onClick"], Ds = { class: "relative flex flex-col w-full min-w-0 mb-6 break-words bg-white rounded shadow-lg dark:border-strokedark dark:bg-boxdark" }, Ps = { class: "flex-auto px-4 py-5" }, Es = { class: "tab-content tab-space" };
 function js(e, t, r, n, a, o) {
   return d(), u(y, null, [
     s("div", $s, [
-      s("div", Ss, [
-        s("ul", Cs, [
+      s("div", Cs, [
+        s("ul", Ss, [
           (d(!0), u(y, null, w(n.tabs, (l) => (d(), u("li", {
             key: l.title,
             onClick: (i) => n.selectedTitle = l.title,
@@ -2220,7 +2220,7 @@ const Rl = /* @__PURE__ */ k(ks, [["render", js]]), Is = {
   }
 }, As = { class: "block" };
 function Ts(e, t, r, n, a, o) {
-  return S((d(), u("div", As, [
+  return C((d(), u("div", As, [
     P(e.$slots, "default")
   ], 512)), [
     [T, r.title == n.selectedTitle]
@@ -2450,7 +2450,7 @@ const Ul = /* @__PURE__ */ k(Is, [["render", Ts]]), Ns = {
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
 }, null, -1)), kn = [
   wn
-], $n = { class: "flex items-center" }, Sn = { class: "w-full" }, Cn = {
+], $n = { class: "flex items-center" }, Cn = { class: "w-full" }, Sn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2600,12 +2600,12 @@ function Gn(e, t, r, n, a, o) {
               ])
             ]),
             s("div", $n, [
-              s("div", Sn, [
+              s("div", Cn, [
                 s("button", {
                   class: "p-3 rounded-full arrow_button_styles",
                   onClick: t[4] || (t[4] = (l) => o.next())
                 }, [
-                  r.direction_property == "ltr" ? (d(), u("svg", Cn, Dn)) : g("", !0),
+                  r.direction_property == "ltr" ? (d(), u("svg", Sn, Dn)) : g("", !0),
                   r.direction_property == "rtl" ? (d(), u("svg", Pn, jn)) : g("", !0)
                 ])
               ])
@@ -2678,7 +2678,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
         i ? a() : o();
       },
       { immediate: !0, deep: !0 }
-    ), (i, c) => S((d(), u("div", Fn, [
+    ), (i, c) => C((d(), u("div", Fn, [
       s("div", {
         class: p(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:h-[calc(100%-3.5rem)]", e.max_width])
       }, [
@@ -2751,7 +2751,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = C(null);
+    const r = e, n = t, a = S(null);
     G(() => {
       r.model_value != "" && (n("update:modelValue", r.model_value), a.value.checked = r.model_value == 1), r.modelValue != "" && (n("update:modelValue", r.modelValue), a.value.checked = r.modelValue == 1);
     });
@@ -2872,7 +2872,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
       default: ""
     }
   },
-  emits: ["update:modelValue", "selected", "change"],
+  emits: ["update:modelValue", "selected", "selectionChanged"],
   data() {
     return {
       selected: {},
@@ -2962,7 +2962,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
       this.$emit("update:modelValue", e.target.value);
     },
     selectOption(e) {
-      this.selected = e, this.optionsShown = !1, this.$emit("selected", this.selected), this.$emit("change", this.selected);
+      this.selected = e, this.optionsShown = !1, this.$emit("selected", this.selected), this.$emit("selectionChanged", this.selected);
     },
     showOptions() {
       this.show || (this.searchFilter = "", this.optionsShown = !0, this.$nextTick(() => {
@@ -3021,7 +3021,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
       d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
     })
   ])
-], -1), ko = ["id"], $o = { class: "overflow-y-auto max-h-64" }, So = ["onClick", "onMousedown", "id"], Co = { class: "flex items-center py-2 pl-10 pr-4" }, Oo = {
+], -1), ko = ["id"], $o = { class: "overflow-y-auto max-h-64" }, Co = ["onClick", "onMousedown", "id"], So = { class: "flex items-center py-2 pl-10 pr-4" }, Oo = {
   key: 0,
   class: "absolute flex items-center flex-shrink-0 w-4 h-4 text-green-500 left-2 dark:text-green-400",
   "aria-hidden": "true",
@@ -3079,25 +3079,25 @@ function Io(e, t, r, n, a, o) {
               autocomplete: "off",
               readonly: ""
             }, null, 8, po),
-            S(s("i", {
+            C(s("i", {
               onClick: t[1] || (t[1] = I((l) => o.ClearInput(), ["stop"])),
-              class: "absolute text-gray-500 cursor-pointer fas fa-times right-7 hover:text-gray-700",
+              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), [
               [T, o.isObjectNotEmpty(a.selected) && r.has_cancel]
             ]),
             s("i", {
               onClick: t[2] || (t[2] = (l) => !a.optionsShown && o.showOptions()),
-              class: p([a.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 showOptions"]),
+              class: p([a.optionsShown ? "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)
           ]),
-          S(s("div", bo, [
+          C(s("div", bo, [
             s("div", yo, [
               vo,
               s("div", xo, [
                 wo,
-                S(s("input", {
+                C(s("input", {
                   type: "search",
                   "onUpdate:modelValue": t[3] || (t[3] = (l) => a.searchFilter = l),
                   ref: `${r.field_name}search${a.uuid}`,
@@ -3123,11 +3123,11 @@ function Io(e, t, r, n, a, o) {
                 key: i,
                 id: `${i + 1}${a.uuid}`
               }, [
-                s("div", Co, [
+                s("div", So, [
                   a.selected.id === l.id ? (d(), u("svg", Oo, Po)) : g("", !0),
                   s("span", null, f(l.name || l.id || "-"), 1)
                 ])
-              ], 42, So))), 128))
+              ], 42, Co))), 128))
             ])
           ], 512), [
             [T, a.optionsShown]
@@ -3185,7 +3185,7 @@ const Zl = /* @__PURE__ */ k(io, [["render", Io]]), Ao = { class: "font-bold pte
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null);
+    const n = e, a = r, o = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.modelValue != "" && (a("update:modelValue", n.modelValue), o.value.value = n.modelValue);
     }), t({ focus: () => o.value.focus() }), (l, i) => (d(), u(y, null, [
@@ -3615,7 +3615,7 @@ function wa(e, t, r, n, a, o) {
       da,
       s("div", ua, [
         ca,
-        S(s("input", {
+        C(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (c) => a.search = c),
           onInput: t[2] || (t[2] = (c) => o.handleSearch()),
@@ -3778,7 +3778,7 @@ const Wl = /* @__PURE__ */ k(ra, [["render", wa]]), ka = {
   mounted() {
     document.body.addEventListener("click", this.closeBoxOnbodyClick);
   }
-}, $a = { class: "p-2" }, Sa = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Ca = { class: "flex items-center gap-2" }, Oa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Da = { style: { "margin-top": "9px" } }, Pa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Ea = /* @__PURE__ */ s("label", {
+}, $a = { class: "p-2" }, Ca = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Sa = { class: "flex items-center gap-2" }, Oa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Da = { style: { "margin-top": "9px" } }, Pa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Ea = /* @__PURE__ */ s("label", {
   for: "table-search",
   class: "sr-only"
 }, "Search", -1), ja = { class: "relative" }, Ia = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
@@ -3836,8 +3836,8 @@ const Wl = /* @__PURE__ */ k(ra, [["render", wa]]), ka = {
 function ii(e, t, r, n, a, o) {
   const l = U("dropdown");
   return d(), u("div", $a, [
-    s("div", Sa, [
-      s("div", Ca, [
+    s("div", Ca, [
+      s("div", Sa, [
         Oa,
         s("div", Da, [
           B(l, {
@@ -3858,7 +3858,7 @@ function ii(e, t, r, n, a, o) {
       Ea,
       s("div", ja, [
         Ia,
-        S(s("input", {
+        C(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (i) => a.search = i),
           class: "block p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 w-80 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
@@ -4041,7 +4041,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = he(), n = e, a = C(!1), o = C(!1), l = () => {
+    const r = he(), n = e, a = S(!1), o = S(!1), l = () => {
       a.value = !1;
     }, i = () => {
       a.value = !0;
@@ -4068,13 +4068,13 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
           onConfirmDelete: b,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? S((d(), u("div", di, [
+        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? C((d(), u("div", di, [
           s("button", {
             onClick: i,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
           }, ci),
-          S(s("div", fi, [
+          C(s("div", fi, [
             s("ul", hi, [
               x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", gi, [
                 s("a", {
@@ -4121,7 +4121,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
 ], wi = { class: "absolute z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, ki = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, $i = { key: 0 }, Si = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ql = {
+}, $i = { key: 0 }, Ci = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ql = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4147,7 +4147,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = he(), n = e, a = C(!1), o = C(!1), l = () => {
+    const r = he(), n = e, a = S(!1), o = S(!1), l = () => {
       a.value = !1;
     }, i = () => {
       a.value = !0;
@@ -4174,13 +4174,13 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
           onConfirmDelete: b,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`delete_${e.xprops.permission}`) ? S((d(), u("div", yi, [
+        e.row && x.can(`delete_${e.xprops.permission}`) ? C((d(), u("div", yi, [
           s("button", {
             onClick: i,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
           }, xi),
-          S(s("div", wi, [
+          C(s("div", wi, [
             s("ul", ki, [
               x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", $i, [
                 s("a", {
@@ -4188,7 +4188,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
                   onClick: I(h, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  Si,
+                  Ci,
                   v(" Remove")
                 ])
               ])) : g("", !0)
@@ -4202,7 +4202,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
       ], 64);
     };
   }
-}, Ci = {
+}, Si = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4284,7 +4284,7 @@ function Ii(e, t, r, n, a, o) {
     ])) : g("", !0)
   ]);
 }
-const ed = /* @__PURE__ */ k(Ci, [["render", Ii]]), Ai = {
+const ed = /* @__PURE__ */ k(Si, [["render", Ii]]), Ai = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4504,7 +4504,7 @@ const ad = /* @__PURE__ */ k(il, [["render", pl]]), bl = {
 }, null, -1), wl = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), kl = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, $l = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Sl = { class: "sm:flex sm:items-start" }, Cl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ol = { class: "text-lg font-medium leading-6 text-gray-900" }, Dl = { class: "mt-2" }, Pl = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+}, "​", -1), kl = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, $l = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Cl = { class: "sm:flex sm:items-start" }, Sl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ol = { class: "text-lg font-medium leading-6 text-gray-900" }, Dl = { class: "mt-2" }, Pl = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
 function El(e, t, r, n, a, o) {
   return r.isOpen ? (d(), u("div", yl, [
     s("div", vl, [
@@ -4512,8 +4512,8 @@ function El(e, t, r, n, a, o) {
       wl,
       s("div", kl, [
         s("div", $l, [
-          s("div", Sl, [
-            s("div", Cl, [
+          s("div", Cl, [
+            s("div", Sl, [
               s("h3", Ol, f(r.title), 1),
               s("div", Dl, [
                 P(e.$slots, "default")