golden-logic-ui 1.0.51 → 1.0.52

package/dist/golden-logic-ui.js

@@ -1,5 +1,5 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as Ke, inject as xe, watch as W, effectScope as We, computed as B, reactive as we, resolveComponent as X, Fragment as v, createVNode as H, normalizeClass as p, toDisplayString as h, withModifiers as M, withDirectives as P, vModelText as V, renderList as $, normalizeStyle as Xe, renderSlot as A, createTextVNode as w, vShow as G, createBlock as Z, resolveDynamicComponent as se, mergeProps as K, withCtx as Y, ref as O, onMounted as F, vModelDynamic as Ye, provide as Je, pushScopeId as Qe, popScopeId as et, vModelCheckbox as tt, nextTick as rt, toHandlers as te, TransitionGroup as st, unref as nt, resolveDirective as ke, markRaw as at } from "vue";
-const D = (e, t) => {
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as Ke, inject as xe, watch as W, effectScope as We, computed as B, reactive as we, resolveComponent as X, Fragment as v, createVNode as H, normalizeClass as b, toDisplayString as h, withModifiers as M, withDirectives as P, vModelText as V, renderList as k, normalizeStyle as Xe, renderSlot as A, createTextVNode as w, vShow as G, createBlock as Z, resolveDynamicComponent as se, mergeProps as K, withCtx as Y, ref as S, onMounted as F, vModelDynamic as Ye, provide as Je, pushScopeId as Qe, popScopeId as et, vModelCheckbox as tt, nextTick as rt, toHandlers as te, TransitionGroup as st, unref as nt, resolveDirective as ke, markRaw as at } from "vue";
+const O = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
     r[n] = o;
@@ -50,14 +50,14 @@ function gt(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const ie = /* @__PURE__ */ D(ot, [["render", gt]]);
+const ie = /* @__PURE__ */ O(ot, [["render", gt]]);
 function mt() {
   return $e().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function $e() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const _t = typeof Proxy == "function", pt = "devtools-plugin:setup", bt = "plugin:settings:set";
+const pt = typeof Proxy == "function", _t = "devtools-plugin:setup", bt = "plugin:settings:set";
 let q, ne;
 function yt() {
   var e;
@@ -129,9 +129,9 @@ class xt {
   }
 }
 function wt(e, t) {
-  const r = e, n = $e(), o = mt(), a = _t && r.enableEarlyProxy;
+  const r = e, n = $e(), o = mt(), a = pt && r.enableEarlyProxy;
   if (o && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    o.emit(pt, e, t);
+    o.emit(_t, e, t);
   else {
     const l = a ? new xt(r, o) : null;
     (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
@@ -218,8 +218,8 @@ function Q(e, t, r, n, o) {
     var x = l + y;
     St(e, x, m, f);
   }), n.forEachAction(function(m, y) {
-    var x = m.root ? y : l + y, S = m.handler || m;
-    Ot(e, x, S, f);
+    var x = m.root ? y : l + y, C = m.handler || m;
+    Ot(e, x, C, f);
   }), n.forEachGetter(function(m, y) {
     var x = l + y;
     Dt(e, x, m, f);
@@ -333,7 +333,7 @@ function de(e, t) {
 function J(e, t, r) {
   return Oe(e) && e.type && (r = t, t = e, e = e.type), process.env.NODE_ENV !== "production" && I(typeof e == "string", "expects string as the type, but found " + typeof e + "."), { type: e, payload: t, options: r };
 }
-var Et = "vuex bindings", _e = "vuex:mutations", re = "vuex:actions", z = "vuex", jt = 0;
+var Et = "vuex bindings", pe = "vuex:mutations", re = "vuex:actions", z = "vuex", jt = 0;
 function At(e, t) {
   wt(
     {
@@ -347,13 +347,13 @@ function At(e, t) {
     },
     function(r) {
       r.addTimelineLayer({
-        id: _e,
+        id: pe,
         label: "Vuex Mutations",
-        color: pe
+        color: _e
       }), r.addTimelineLayer({
         id: re,
         label: "Vuex Actions",
-        color: pe
+        color: _e
       }), r.addInspector({
         id: z,
         label: "Vuex",
@@ -387,7 +387,7 @@ function At(e, t) {
       }), t.subscribe(function(n, o) {
         var a = {};
         n.payload && (a.payload = n.payload), a.state = o, r.notifyComponentUpdate(), r.sendInspectorTree(z), r.sendInspectorState(z), r.addTimelineEvent({
-          layerId: _e,
+          layerId: pe,
           event: {
             time: Date.now(),
             title: n.type,
@@ -432,7 +432,7 @@ function At(e, t) {
     }
   );
 }
-var pe = 8702998, It = 6710886, Tt = 16777215, je = {
+var _e = 8702998, It = 6710886, Tt = 16777215, je = {
   label: "namespaced",
   textColor: Tt,
   backgroundColor: It
@@ -676,10 +676,10 @@ var j = function e(t) {
   var a = t.devtools;
   this._committing = !1, this._actions = /* @__PURE__ */ Object.create(null), this._actionSubscribers = [], this._mutations = /* @__PURE__ */ Object.create(null), this._wrappedGetters = /* @__PURE__ */ Object.create(null), this._modules = new U(t), this._modulesNamespaceMap = /* @__PURE__ */ Object.create(null), this._subscribers = [], this._makeLocalGettersCache = /* @__PURE__ */ Object.create(null), this._scope = null, this._devtools = a;
   var l = this, i = this, c = i.dispatch, f = i.commit;
-  this.dispatch = function(x, S) {
-    return c.call(l, x, S);
-  }, this.commit = function(x, S, L) {
-    return f.call(l, x, S, L);
+  this.dispatch = function(x, C) {
+    return c.call(l, x, C);
+  }, this.commit = function(x, C, L) {
+    return f.call(l, x, C, L);
   }, this.strict = o;
   var m = this._modules.root.state;
   Q(this, m, [], this._modules.root), le(this, m), n.forEach(function(y) {
@@ -734,24 +734,24 @@ j.prototype.dispatch = function(t, r) {
   return new Promise(function(m, y) {
     f.then(function(x) {
       try {
-        n._actionSubscribers.filter(function(S) {
-          return S.after;
-        }).forEach(function(S) {
-          return S.after(i, n.state);
+        n._actionSubscribers.filter(function(C) {
+          return C.after;
+        }).forEach(function(C) {
+          return C.after(i, n.state);
         });
-      } catch (S) {
-        process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in after action subscribers: "), console.error(S));
+      } catch (C) {
+        process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in after action subscribers: "), console.error(C));
       }
       m(x);
     }, function(x) {
       try {
-        n._actionSubscribers.filter(function(S) {
-          return S.error;
-        }).forEach(function(S) {
-          return S.error(i, n.state, x);
+        n._actionSubscribers.filter(function(C) {
+          return C.error;
+        }).forEach(function(C) {
+          return C.error(i, n.state, x);
         });
-      } catch (S) {
-        process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in error action subscribers: "), console.error(S));
+      } catch (C) {
+        process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in error action subscribers: "), console.error(C));
       }
       y(x);
     });
@@ -1024,7 +1024,7 @@ const Rt = {
 }, tr = { class: "flex items-center justify-between p-2 mb-2 text-gray-900 rounded-lg bg-gray-50 hover:bg-gray-100 hover:shadow dark:bg-gray-600 dark:hover:bg-gray-500 dark:text-white" }, rr = /* @__PURE__ */ s("i", { class: "text-3xl fas fa-file-alt" }, null, -1), sr = { class: "w-full ml-3" }, nr = { class: "flex items-center justify-between mb-1" }, ar = { class: "text-xs text-black dark:text-white" }, or = { class: "text-xs text-black dark:text-white" }, ir = { class: "w-full h-1 mb-1 bg-white rounded-full dark:bg-gray-800" }, lr = { class: "overflow-x-scroll max-h-56" }, dr = { class: "flex items-center justify-between p-2 mb-2 text-gray-900 rounded-lg bg-gray-50 hover:bg-gray-100 hover:shadow dark:bg-gray-600 dark:hover:bg-gray-500 dark:text-white" }, ur = { class: "flex items-center" }, cr = /* @__PURE__ */ s("i", {
   class: "text-3xl fas fa-file-alt",
   "aria-hidden": "true"
-}, null, -1), fr = { class: "flex flex-col ml-3" }, hr = { class: "text-xs" }, gr = { class: "text-xs" }, mr = { class: "flex gap-2" }, _r = ["href"], pr = ["onClick"];
+}, null, -1), fr = { class: "flex flex-col ml-3" }, hr = { class: "text-xs" }, gr = { class: "text-xs" }, mr = { class: "flex gap-2" }, pr = ["href"], _r = ["onClick"];
 function br(e, t, r, n, o, a) {
   const l = X("DeleteConfirmationModal");
   return d(), u(v, null, [
@@ -1034,13 +1034,13 @@ function br(e, t, r, n, o, a) {
       onCancelDelete: a.closeDeleteModal
     }, null, 8, ["isOpen", "onConfirmDelete", "onCancelDelete"]),
     s("div", {
-      class: p([{
+      class: b([{
         "border-red-500  dark:border-red-500": o.error_message_data !== "",
         "border-gray-200 dark:border-gray-700": o.error_message_data == ""
       }, "w-full p-4 bg-white border rounded-lg shadow dark:bg-gray-800"])
     }, [
       s("label", {
-        class: p({
+        class: b({
           "gl-label-form": o.error_message_data == "",
           "gl-label-form-invalid": o.error_message_data !== "",
           required: r.is_required
@@ -1077,7 +1077,7 @@ function br(e, t, r, n, o, a) {
       s("span", Jt, h(o.error_message_data), 1),
       s("small", Qt, h(r.description), 1),
       o.files.length > 0 ? (d(), u("section", er, [
-        (d(!0), u(v, null, $(o.files, (i, c) => (d(), u("li", tr, [
+        (d(!0), u(v, null, k(o.files, (i, c) => (d(), u("li", tr, [
           rr,
           s("div", sr, [
             s("div", nr, [
@@ -1094,7 +1094,7 @@ function br(e, t, r, n, o, a) {
         ]))), 256))
       ])) : g("", !0),
       s("section", lr, [
-        (d(!0), u(v, null, $(o.uploadFileList, (i, c) => (d(), u("li", dr, [
+        (d(!0), u(v, null, k(o.uploadFileList, (i, c) => (d(), u("li", dr, [
           s("div", ur, [
             cr,
             s("div", fr, [
@@ -1107,21 +1107,21 @@ function br(e, t, r, n, o, a) {
               href: i.url,
               target: "_blank",
               class: "text-lg text-blue-600 cursor-pointer dark:text-blue-400 fas fa-download"
-            }, null, 8, _r),
+            }, null, 8, pr),
             r.is_enable_delete ? (d(), u("i", {
               key: 0,
               onClick: (f) => {
                 o.media_id = i.id, o.open_delete_modal = !0;
               },
               class: "text-lg text-red-600 cursor-pointer dark:text-red-400 fas fa-x"
-            }, null, 8, pr)) : g("", !0)
+            }, null, 8, _r)) : g("", !0)
           ])
         ]))), 256))
       ])
     ], 2)
   ], 64);
 }
-const hd = /* @__PURE__ */ D(Rt, [["render", br]]), yr = {
+const hd = /* @__PURE__ */ O(Rt, [["render", br]]), yr = {
   computed: {
     ...Gt("notification", ["notification"]),
     alertClasses() {
@@ -1199,7 +1199,7 @@ const hd = /* @__PURE__ */ D(Rt, [["render", br]]), yr = {
 function Sr(e, t, r, n, o, a) {
   return e.notification.show ? (d(), u("div", {
     key: 0,
-    class: p(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", a.alertClasses]),
+    class: b(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", a.alertClasses]),
     role: "alert"
   }, [
     vr,
@@ -1208,12 +1208,12 @@ function Sr(e, t, r, n, o, a) {
     s("button", {
       type: "button",
       onClick: t[0] || (t[0] = (...l) => a.dismiss && a.dismiss(...l)),
-      class: p(["inline-flex items-center justify-center w-6 h-6 p-1 -mx-1 -my-1 rounded-lg ms-auto focus:ring-2 hover:bg-opacity-50", a.buttonClasses]),
+      class: b(["inline-flex items-center justify-center w-6 h-6 p-1 -mx-1 -my-1 rounded-lg ms-auto focus:ring-2 hover:bg-opacity-50", a.buttonClasses]),
       "aria-label": "Close"
     }, Cr, 2)
   ], 2)) : g("", !0);
 }
-const gd = /* @__PURE__ */ D(yr, [["render", Sr]]), Or = {
+const gd = /* @__PURE__ */ O(yr, [["render", Sr]]), Or = {
   components: {},
   props: {
     field_name: {
@@ -1251,7 +1251,7 @@ const gd = /* @__PURE__ */ D(yr, [["render", Sr]]), Or = {
 }, Dr = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, Pr = ["name", "value", "id", "checked"], Er = ["for"];
 function jr(e, t, r, n, o, a) {
   return d(), u("ul", Dr, [
-    (d(!0), u(v, null, $(o.locals, (l, i) => (d(), u("li", null, [
+    (d(!0), u(v, null, k(o.locals, (l, i) => (d(), u("li", null, [
       s("input", {
         type: "radio",
         name: r.trans_selector_name,
@@ -1263,7 +1263,7 @@ function jr(e, t, r, n, o, a) {
       }, null, 8, Pr),
       s("label", {
         for: l + "_" + r.field_name,
-        class: p([{
+        class: b([{
           "border md:!rounded-s-lg": i === 0,
           "border md:!rounded-e-lg": i === o.locals.length - 1,
           "border-t border-b": i !== 0 && i !== o.locals.length - 1
@@ -1272,10 +1272,10 @@ function jr(e, t, r, n, o, a) {
     ]))), 256))
   ]);
 }
-const md = /* @__PURE__ */ D(Or, [["render", jr]]), Ar = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Ir = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Tr = { class: "font-semibold text-black dark:text-white" }, Mr = {
+const md = /* @__PURE__ */ O(Or, [["render", jr]]), Ar = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Ir = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Tr = { class: "font-semibold text-black dark:text-white" }, Mr = {
   key: 0,
   class: "p-6"
-}, _d = {
+}, pd = {
   __name: "GlCard",
   props: {
     class: {
@@ -1286,7 +1286,7 @@ const md = /* @__PURE__ */ D(Or, [["render", jr]]), Ar = { class: "bg-white bord
   setup(e) {
     const t = e, r = B(() => t.class);
     return (n, o) => (d(), u("div", {
-      class: p(["flex flex-col gap-9", r.value])
+      class: b(["flex flex-col gap-9", r.value])
     }, [
       s("div", Ar, [
         s("div", Ir, [
@@ -1487,19 +1487,19 @@ function ts(e, t, r, n, o, a) {
   return d(), u(v, null, [
     r.show ? (d(), u("div", {
       key: 0,
-      class: p(r.field_name)
+      class: b(r.field_name)
     }, [
       s("h3", Vr, h(r.label_name), 1),
       s("p", Lr, [
-        (d(!0), u(v, null, $(o.selected, (l, i) => (d(), u("span", Br, h(l.name), 1))), 256))
+        (d(!0), u(v, null, k(o.selected, (l, i) => (d(), u("span", Br, h(l.name), 1))), 256))
       ]),
       Gr
     ], 2)) : g("", !0),
     r.show ? g("", !0) : (d(), u("div", {
       key: 1,
-      class: p(["mb-4", r.field_name])
+      class: b(["mb-4", r.field_name])
     }, [
-      (d(!0), u(v, null, $(o.selectedIds, (l, i) => (d(), u("input", {
+      (d(!0), u(v, null, k(o.selectedIds, (l, i) => (d(), u("input", {
         type: "hidden",
         name: r.field_name + "[]",
         key: i,
@@ -1507,7 +1507,7 @@ function ts(e, t, r, n, o, a) {
       }, null, 8, Fr))), 128)),
       r.options ? (d(), u("div", Rr, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": r.error_message == "",
             "gl-label-form-invalid": r.error_message !== "",
             required: r.is_required
@@ -1531,7 +1531,7 @@ function ts(e, t, r, n, o, a) {
               class: "flex flex-wrap gap-2 pl-8 pr-2 gl-multi-dropdown showOptions",
               onClick: t[2] || (t[2] = (l) => a.showOptions())
             }, [
-              (d(!0), u(v, null, $(o.selected, (l, i) => (d(), u("span", {
+              (d(!0), u(v, null, k(o.selected, (l, i) => (d(), u("span", {
                 key: i,
                 class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded pointer-events-none dark:bg-blue-900 dark:text-blue-300"
               }, [
@@ -1543,7 +1543,7 @@ function ts(e, t, r, n, o, a) {
               ]))), 128))
             ]),
             s("i", {
-              class: p([o.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700"]),
+              class: b([o.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700"]),
               style: { top: "11px" }
             }, null, 2)
           ]),
@@ -1567,8 +1567,8 @@ function ts(e, t, r, n, o, a) {
               ])
             ]),
             s("div", Qr, [
-              (d(!0), u(v, null, $(a.filteredOptions, (l, i) => (d(), u("div", {
-                class: p([
+              (d(!0), u(v, null, k(a.filteredOptions, (l, i) => (d(), u("div", {
+                class: b([
                   "block 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",
                   i + 1 == o.count || a.isOptionSelected(l.id) ? "bg-gray-100 dark:bg-gray-600" : ""
                 ]),
@@ -1586,7 +1586,7 @@ function ts(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const pd = /* @__PURE__ */ D(Nr, [["render", ts]]), rs = {
+const _d = /* @__PURE__ */ O(Nr, [["render", ts]]), rs = {
   props: {
     button_type: {
       type: String,
@@ -1659,7 +1659,7 @@ function ns(e, t, r, n, o, a) {
   return r.is_loading ? (d(), Z(se("button"), {
     key: 1,
     disabled: "",
-    class: p(`flex items-center gap-2 focus:outline-none text-sm px-2  py-2 me-2  font-medium rounded-lg  ${a.buttonTypeClass}`)
+    class: b(`flex items-center gap-2 focus:outline-none text-sm px-2  py-2 me-2  font-medium rounded-lg  ${a.buttonTypeClass}`)
   }, {
     default: Y(() => [
       ss,
@@ -1676,14 +1676,14 @@ function ns(e, t, r, n, o, a) {
     default: Y(() => [
       r.icon ? (d(), u("i", {
         key: 0,
-        class: p([r.icon, "text-base"])
+        class: b([r.icon, "text-base"])
       }, null, 2)) : g("", !0),
       A(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["type", "href", "class"]));
 }
-const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold ptext-lg dark:text-white" }, os = ["name", "id"], is = ["id"], ls = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ds = ["for"], us = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), cs = ["name", "id"], fs = ["required", "name", "id", "type"], hs = { class: "gl-span-form-error" }, gs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, yd = {
+const bd = /* @__PURE__ */ O(rs, [["render", ns]]), as = { class: "font-bold ptext-lg dark:text-white" }, os = ["name", "id"], is = ["id"], ls = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ds = ["for"], us = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), cs = ["name", "id"], fs = ["required", "name", "id", "type"], hs = { class: "gl-span-form-error" }, gs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, yd = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1741,7 +1741,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = O(null), l = O(null);
+    const n = e, o = r, a = S(null), l = S(null);
     return F(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus(), n.model_value && (o("update:modelValue", n.model_value), a.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
         model: n.translatable.model,
@@ -1755,7 +1755,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", as, h(e.label_name), 1),
         P(s("input", {
@@ -1777,10 +1777,10 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -1802,7 +1802,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
           }),
@@ -1819,7 +1819,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, ms = { class: "font-bold ptext-lg dark:text-white" }, _s = ["name", "id"], ps = ["id"], bs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ys = ["for"], vs = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), xs = ["name", "id"], ws = ["name", "id", "type"], ks = { class: "gl-span-form-error" }, $s = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, vd = {
+}, ms = { class: "font-bold ptext-lg dark:text-white" }, ps = ["name", "id"], _s = ["id"], bs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ys = ["for"], vs = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), xs = ["name", "id"], ws = ["name", "id", "type"], ks = { class: "gl-span-form-error" }, $s = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, vd = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1877,7 +1877,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = O(null), l = O(null);
+    const n = e, o = r, a = S(null), l = S(null);
     return F(() => {
       tinymce.init({
         selector: "#" + n.field_name,
@@ -1895,7 +1895,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", ms, h(e.label_name), 1),
         P(s("input", {
@@ -1906,21 +1906,21 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
           ref_key: "input_translate",
           ref: l,
           "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
-        }, null, 8, _s), [
+        }, null, 8, ps), [
           [V, i.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
-        }, h(e.model_value), 9, ps),
+        }, h(e.model_value), 9, _s),
         bs
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -1941,7 +1941,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
         s("textarea", {
           name: e.field_name,
           id: e.field_name,
-          class: p(["tiny", {
+          class: b(["tiny", {
             " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
           }]),
@@ -2016,7 +2016,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = O(null), l = O(null);
+    const n = e, o = r, a = S(null), l = S(null);
     return F(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus(), n.model_value && (o("update:modelValue", n.model_value), a.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
         model: n.translatable.model,
@@ -2030,7 +2030,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Cs, h(e.label_name), 1),
         P(s("input", {
@@ -2051,10 +2051,10 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -2076,7 +2076,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             " gl-input-form form-input-translation  mt-2 ": e.error_message == "",
             " gl-input-form-invalid form-input-translation  mt-2 ": e.error_message !== ""
           }),
@@ -2133,7 +2133,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = O(null);
+    const n = e, o = r, a = S(null);
     F(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus();
     });
@@ -2148,7 +2148,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
     return t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Ms, h(e.label_name), 1),
         s("p", Ns, h(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
@@ -2156,10 +2156,10 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -2170,7 +2170,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             "gl-input-form": e.error_message == "",
             "gl-input-form-invalid": e.error_message !== ""
           }),
@@ -2189,7 +2189,7 @@ const bd = /* @__PURE__ */ D(rs, [["render", ns]]), as = { class: "font-bold pte
   }
 }, Rs = {
   setup(e, { slots: t }) {
-    const r = O(t.default().map((o) => o.props)), n = O(r.value[0].title);
+    const r = S(t.default().map((o) => o.props)), n = S(r.value[0].title);
     return Je("selectedTitle", n), {
       tabs: r,
       selectedTitle: n
@@ -2201,16 +2201,16 @@ function Xs(e, t, r, n, o, a) {
     s("div", Us, [
       s("div", qs, [
         s("ul", zs, [
-          (d(!0), u(v, null, $(n.tabs, (l) => (d(), u("li", {
+          (d(!0), u(v, null, k(n.tabs, (l) => (d(), u("li", {
             key: l.title,
             onClick: (i) => n.selectedTitle = l.title,
             class: "flex-auto -mb-px text-center"
           }, [
             s("a", {
-              class: p([{ "text-slate-600 bg-white dark:bg-meta-4": n.selectedTitle != l.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === l.title }, "block px-5 py-3 text-xs font-bold leading-normal uppercase rounded shadow-lg hover:text-white tex hover:bg-slate-600 dark:hover:bg-primary dark:text-white tabs_buttons"])
+              class: b([{ "text-slate-600 bg-white dark:bg-meta-4": n.selectedTitle != l.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === l.title }, "block px-5 py-3 text-xs font-bold leading-normal uppercase rounded shadow-lg hover:text-white tex hover:bg-slate-600 dark:hover:bg-primary dark:text-white tabs_buttons"])
             }, [
               s("i", {
-                class: p([l.icon, "mr-1 text-base"])
+                class: b([l.icon, "mr-1 text-base"])
               }, null, 2),
               w(" " + h(l.title), 1)
             ], 2)
@@ -2227,7 +2227,7 @@ function Xs(e, t, r, n, o, a) {
     ])
   ], 64);
 }
-const kd = /* @__PURE__ */ D(Rs, [["render", Xs]]), Ys = {
+const kd = /* @__PURE__ */ O(Rs, [["render", Xs]]), Ys = {
   props: ["title"],
   setup() {
     return {
@@ -2242,7 +2242,7 @@ function Qs(e, t, r, n, o, a) {
     [G, r.title == n.selectedTitle]
   ]);
 }
-const $d = /* @__PURE__ */ D(Ys, [["render", Qs]]), en = {
+const $d = /* @__PURE__ */ O(Ys, [["render", Qs]]), en = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2384,9 +2384,9 @@ const $d = /* @__PURE__ */ D(Ys, [["render", Qs]]), en = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), _n = [
+}, null, -1)), pn = [
   mn
-], pn = {
+], _n = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2529,7 +2529,7 @@ const $d = /* @__PURE__ */ D(Ys, [["render", Qs]]), en = {
 function aa(e, t, r, n, o, a) {
   return d(), u("div", null, [
     s("div", {
-      class: p(["", !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slide" ? "flex" : "relative block"]),
+      class: b(["", !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slide" ? "flex" : "relative block"]),
       id: "mainSliderContainer_" + e.Random_string
     }, [
       e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", rn, [
@@ -2544,7 +2544,7 @@ function aa(e, t, r, n, o, a) {
         ])
       ])) : g("", !0),
       s("div", {
-        class: p(["overflow-hidden", a.sliderContainerAction()]),
+        class: b(["overflow-hidden", a.sliderContainerAction()]),
         id: "sliderContainer_" + e.Random_string
       }, [
         s("ul", {
@@ -2553,22 +2553,22 @@ function aa(e, t, r, n, o, a) {
         }, [
           e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (d(), u("div", {
             key: 0,
-            class: p(["items-center justify-center hidden arrow_button xl:flex xxl:flex md:flex sm:flex", r.direction_property == "rtl" ? "arrow_button_next" : "arrow_button_prev"])
+            class: b(["items-center justify-center hidden arrow_button xl:flex xxl:flex md:flex sm:flex", r.direction_property == "rtl" ? "arrow_button_next" : "arrow_button_prev"])
           }, [
             s("div", hn, [
               s("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
                 onClick: t[1] || (t[1] = M((l) => a.prev(), ["stop"]))
               }, [
-                r.direction_property == "ltr" ? (d(), u("svg", gn, _n)) : g("", !0),
-                r.direction_property == "rtl" ? (d(), u("svg", pn, yn)) : g("", !0)
+                r.direction_property == "ltr" ? (d(), u("svg", gn, pn)) : g("", !0),
+                r.direction_property == "rtl" ? (d(), u("svg", _n, yn)) : g("", !0)
               ])
             ])
           ], 2)) : g("", !0),
           A(e.$slots, "default", {}, void 0, !0),
           e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (d(), u("div", {
             key: 1,
-            class: p(["items-center justify-center hidden xl:flex xxl:flex md:flex sm:flex arrow_button", r.direction_property == "rtl" ? "arrow_button_prev" : "arrow_button_next"])
+            class: b(["items-center justify-center hidden xl:flex xxl:flex md:flex sm:flex arrow_button", r.direction_property == "rtl" ? "arrow_button_prev" : "arrow_button_next"])
           }, [
             s("div", vn, [
               s("button", {
@@ -2583,22 +2583,22 @@ function aa(e, t, r, n, o, a) {
         ], 8, fn),
         r.slider_arrows_indicators_position != "arrows_indicators_below_slider" ? (d(), u("div", {
           key: 0,
-          class: p(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
+          class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
         }, [
-          (d(!0), u(v, null, $(e.dotsNum, (l) => (d(), u("button", {
+          (d(!0), u(v, null, k(e.dotsNum, (l) => (d(), u("button", {
             role: "button",
-            class: p(["gl-dot", { active: e.currentDot == l }]),
+            class: b(["gl-dot", { active: e.currentDot == l }]),
             key: l,
             onClick: (i) => a.setDot(l)
           }, Pn, 10, On))), 128))
         ], 2)) : g("", !0),
         r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", En, [
           s("div", {
-            class: p(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
+            class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
           }, [
-            (d(!0), u(v, null, $(e.dotsNum, (l) => (d(), u("button", {
+            (d(!0), u(v, null, k(e.dotsNum, (l) => (d(), u("button", {
               role: "button",
-              class: p(["gl-dot", { active: e.currentDot == l }]),
+              class: b(["gl-dot", { active: e.currentDot == l }]),
               key: l,
               onClick: (i) => a.setDot(l)
             }, In, 10, jn))), 128))
@@ -2607,7 +2607,7 @@ function aa(e, t, r, n, o, a) {
             s("div", Mn, [
               s("div", Nn, [
                 s("button", {
-                  class: p(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
+                  class: b(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
                   onClick: t[3] || (t[3] = (l) => a.prev())
                 }, [
                   r.direction_property == "ltr" ? (d(), u("svg", Vn, Bn)) : g("", !0),
@@ -2643,7 +2643,7 @@ function aa(e, t, r, n, o, a) {
     ], 10, tn)
   ]);
 }
-const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9"]]), oa = {
+const Cd = /* @__PURE__ */ O(en, [["render", aa], ["__scopeId", "data-v-a94f16a9"]]), oa = {
   class: "fixed left-0 top-13 z-[1055] h-full w-full overflow-y-auto overflow-x-hidden outline-none inset-0 bg-black bg-opacity-80",
   tabindex: "-1",
   "aria-hidden": "true"
@@ -2696,7 +2696,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
       { immediate: !0, deep: !0 }
     ), (i, c) => P((d(), u("div", oa, [
       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])
+        class: b(["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])
       }, [
         s("div", ia, [
           s("div", la, [
@@ -2725,7 +2725,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
       [G, e.is_open]
     ]);
   }
-}, ga = { class: "mb-4" }, ma = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, _a = { class: "relative inline-flex items-center cursor-pointer" }, pa = ["name", "id", "checked"], ba = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), ya = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), va = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-frontenddark" }, xa = { class: "relative inline-flex items-center cursor-pointer" }, wa = ["name", "id"], ka = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), $a = { class: "gl-span-form-error" }, Ca = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Od = {
+}, ga = { class: "mb-4" }, ma = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, pa = { class: "relative inline-flex items-center cursor-pointer" }, _a = ["name", "id", "checked"], ba = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), ya = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), va = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-frontenddark" }, xa = { class: "relative inline-flex items-center cursor-pointer" }, wa = ["name", "id"], ka = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), $a = { class: "gl-span-form-error" }, Ca = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Od = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2767,7 +2767,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, n = t, o = O(null), a = B({
+    const r = e, n = t, o = S(null), a = B({
       get() {
         return r.modelValue;
       },
@@ -2778,12 +2778,12 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
     return (l, i) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("div", ga, [
           s("li", ma, [
             w(h(e.label_name) + " ", 1),
-            s("label", _a, [
+            s("label", pa, [
               s("input", {
                 type: "checkbox",
                 class: "sr-only peer",
@@ -2795,7 +2795,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
                 ref_key: "input",
                 ref: o,
                 disabled: ""
-              }, null, 8, pa),
+              }, null, 8, _a),
               ba
             ])
           ])
@@ -2804,7 +2804,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("li", va, [
           w(h(e.label_name) + " ", 1),
@@ -2927,68 +2927,69 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue", "selected", "selectionChanged"],
   setup(e, { emit: t }) {
-    const r = e, n = t, o = O(null), a = O({}), l = O(0), i = O(!1), c = O(""), f = O("");
+    const r = e, n = t, o = S(null), a = S({}), l = S(0), i = S(!1), c = S(""), f = S("");
     F(() => {
-      n("selected", a.value), f.value = L(), r.show || (document.body.addEventListener("click", (b) => {
-        Fe(b);
-      }), document.addEventListener("keypress", (b) => {
-        b.key === "Enter" && b.target.form && b.preventDefault();
+      n("selected", a.value), f.value = L(), r.show || (document.body.addEventListener("click", (p) => {
+        Fe(p);
+      }), document.addEventListener("keypress", (p) => {
+        p.key === "Enter" && p.target.form && p.preventDefault();
       }));
     });
     const m = B(() => qe()), y = B(() => ze()), x = B(() => {
-      const b = [], k = new RegExp(c.value, "ig");
-      for (const C of m.value) {
-        const N = String(C.name);
-        (c.value.length < 1 || N.match(k)) && b.length < r.maxItem && b.push(C);
+      const p = [], D = new RegExp(c.value, "ig");
+      for (const $ of m.value) {
+        const N = String($.name);
+        (c.value.length < 1 || N.match(D)) && p.length < r.maxItem && p.push($);
       }
-      return b;
+      return p;
     });
-    function S(b) {
-      if (["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", "Enter"].includes(b.key)) {
-        if (["ArrowUp", "ArrowDown"].includes(b.key) && b.preventDefault(), b.key === "ArrowDown" && r.posts === "")
+    function C(p) {
+      if (["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", "Enter"].includes(p.key)) {
+        if (["ArrowUp", "ArrowDown"].includes(p.key) && p.preventDefault(), p.key === "ArrowDown" && r.posts === "")
           return;
-        Ue(b.key);
+        Ue(p.key);
       }
     }
     function L() {
-      let b = (/* @__PURE__ */ new Date()).getTime();
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(C) {
-        const N = (b + Math.random() * 16) % 16 | 0;
-        return b = Math.floor(b / 16), (C === "x" ? N : N & 3 | 8).toString(16);
+      let p = (/* @__PURE__ */ new Date()).getTime();
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function($) {
+        const N = (p + Math.random() * 16) % 16 | 0;
+        return p = Math.floor(p / 16), ($ === "x" ? N : N & 3 | 8).toString(16);
       });
     }
-    function fe(b) {
-      return Object.keys(b).length > 0;
+    function fe(p) {
+      return Object.keys(p).length > 0;
     }
-    function Fe(b) {
-      b.target.id != r.field_name + "search" + f.value && b.target.id != r.field_name && !b.target.classList.contains("showOptions") && (me(), l.value = 0);
+    function Fe(p) {
+      p.target.id != r.field_name + "search" + f.value && p.target.id != r.field_name && !p.target.classList.contains("showOptions") && (me(), l.value = 0);
     }
-    function he(b) {
-      const k = `${b}${f.value}`, C = document.getElementById(k);
-      C && C.scrollIntoView();
+    function he(p) {
+      const D = `${p}${f.value}`, $ = document.getElementById(D);
+      $ && $.scrollIntoView();
     }
-    function Re(b) {
-      const k = `${b}${f.value}`, C = document.getElementById(k);
-      C && C.click();
+    function Re(p) {
+      const D = `${p}${f.value}`, $ = document.getElementById(D);
+      $ && $.click();
     }
-    function Ue(b) {
-      b === "ArrowDown" && l.value < x.value.length && (l.value++, he(l.value)), b === "ArrowUp" && l.value > 1 && (l.value--, he(l.value)), b === "Enter" && Re(l.value);
+    function Ue(p) {
+      p === "ArrowDown" && l.value < x.value.length && (l.value++, he(l.value)), p === "ArrowUp" && l.value > 1 && (l.value--, he(l.value)), p === "Enter" && Re(l.value);
     }
     function qe() {
-      return r.options.map((b, k) => typeof b == "object" ? b : { id: b, name: b });
+      return r.options.map((p, D) => typeof p == "object" ? p : { id: p, name: p });
     }
     function ze() {
-      var b = a.value || r.modelValue;
-      if (console.log(a.value, " - ", r.modelValue, " - ", b), b)
-        return typeof b == "object" ? m.value.find((k) => String(k.id) === String(b.id)) || {} : m.value.find((k) => String(k.id) === String(b)) || {};
+      if (a.value)
+        return typeof a.value == "object" ? m.value.find((p) => String(p.id) === String(a.value.id)) || {} : m.value.find((p) => String(p.id) === String(a.value)) || {};
+      if (r.modelValue)
+        return typeof r.modelValue == "object" ? m.value.find((p) => String(p.id) === String(r.modelValue.id)) || {} : m.value.find((p) => String(p.id) === String(sprops.modelValue)) || {};
     }
-    function ge(b) {
-      a.value = b, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
+    function ge(p) {
+      a.value = p, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
     }
     function ee() {
       r.show || (c.value = "", i.value = !0, rt(() => {
-        var b = document.getElementById(`${r.field_name}search${f.value}`);
-        b && b.focus();
+        var p = document.getElementById(`${r.field_name}search${f.value}`);
+        p && p.focus();
       }));
     }
     function He() {
@@ -2999,22 +3000,22 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
     }
     return W(c, () => {
       x.value.length === 0 && (a.value = {});
-    }), W(a, (b) => {
-      fe(b) && n("update:modelValue", b.id);
-    }), (b, k) => (d(), u(v, null, [
+    }), W(a, (p) => {
+      fe(p) && n("update:modelValue", p.id);
+    }), (p, D) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Sa, h(e.label_name), 1),
         s("p", Oa, [
-          s("span", Da, h(b.selectedValue.name), 1)
+          s("span", Da, h(p.selectedValue.name), 1)
         ]),
         Pa
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("input", {
           type: "hidden",
@@ -3025,7 +3026,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
         e.options ? (d(), u("div", ja, [
           e.label_name ? (d(), u("label", {
             key: 0,
-            class: p({
+            class: b({
               "gl-label-form": e.error_message == "",
               "gl-label-form-invalid": e.error_message !== "",
               required: e.is_required
@@ -3034,27 +3035,27 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
           s("div", Aa, [
             s("div", Ia, [
               s("input", {
-                class: p([{
+                class: b([{
                   "gl-input-form": e.error_message == "",
                   "gl-input-form-invalid": e.error_message !== ""
                 }, "pl-8 pr-2 showOptions"]),
                 ref: e.field_name,
-                onClick: k[0] || (k[0] = (C) => ee()),
+                onClick: D[0] || (D[0] = ($) => ee()),
                 value: y.value.name,
                 placeholder: e.placeholder,
                 autocomplete: "off",
                 readonly: ""
               }, null, 10, Ta),
               P(s("i", {
-                onClick: k[1] || (k[1] = M((C) => He(), ["stop"])),
+                onClick: D[1] || (D[1] = M(($) => 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), [
                 [G, fe(y.value) && e.has_cancel]
               ]),
               s("i", {
-                onClick: k[2] || (k[2] = (C) => !i.value && ee()),
-                class: p([i.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"]),
+                onClick: D[2] || (D[2] = ($) => !i.value && ee()),
+                class: b([i.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)
             ]),
@@ -3065,11 +3066,11 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
                   Ba,
                   P(s("input", {
                     type: "search",
-                    "onUpdate:modelValue": k[3] || (k[3] = (C) => c.value = C),
+                    "onUpdate:modelValue": D[3] || (D[3] = ($) => c.value = $),
                     ref: o.value,
                     id: `${e.field_name}search${f.value}`,
-                    onKeydown: S,
-                    onBlur: k[4] || (k[4] = (C) => me()),
+                    onKeydown: C,
+                    onBlur: D[4] || (D[4] = ($) => me()),
                     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 ..."
@@ -3079,16 +3080,16 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
                 ])
               ]),
               s("div", Fa, [
-                (d(!0), u(v, null, $(x.value, (C, N) => (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", N + 1 == l.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
-                  onClick: (Ze) => ge(C),
-                  onMousedown: (Ze) => ge(C),
+                (d(!0), u(v, null, k(x.value, ($, N) => (d(), u("div", {
+                  class: b(["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", N + 1 == l.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
+                  onClick: (Ze) => ge($),
+                  onMousedown: (Ze) => ge($),
                   key: N,
                   id: `${N + 1}${f.value}`
                 }, [
                   s("div", Ua, [
-                    y.value.id === C.id ? (d(), u("svg", qa, Ha)) : g("", !0),
-                    s("span", null, h(C.name || C.id || "-"), 1)
+                    y.value.id === $.id ? (d(), u("svg", qa, Ha)) : g("", !0),
+                    s("span", null, h($.name || $.id || "-"), 1)
                   ])
                 ], 42, Ra))), 128))
               ])
@@ -3148,13 +3149,13 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = O(null);
+    const n = e, o = r, a = S(null);
     return F(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus(), n.model_value && (o("update:modelValue", n.model_value), a.value.value = n.model_value), n.modelValue != "" && (o("update:modelValue", n.modelValue), a.value.value = n.modelValue);
     }), t({ focus: () => a.value.focus() }), (l, i) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Wa, h(e.label_name), 1),
         s("p", {
@@ -3165,10 +3166,10 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -3179,7 +3180,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             " gl-textarea-form   mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid   mt-4 ": e.error_message !== ""
           }),
@@ -3358,7 +3359,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), ho = ["aria-current"], go = ["tabindex"], mo = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), _o = /* @__PURE__ */ s("svg", {
+], -1), ho = ["aria-current"], go = ["tabindex"], mo = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), po = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3373,7 +3374,7 @@ const Cd = /* @__PURE__ */ D(en, [["render", aa], ["__scopeId", "data-v-a94f16a9
     d: "m1 9 4-4-4-4"
   })
 ], -1);
-function po(e, t, r, n, o, a) {
+function _o(e, t, r, n, o, a) {
   const l = X("RenderlessPagination");
   return d(), Z(l, {
     data: r.data,
@@ -3401,7 +3402,7 @@ function po(e, t, r, n, o, a) {
         }), [
           i.computed.prevPageUrl || r.showDisabled ? (d(), u("li", {
             key: 0,
-            class: p(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.prevPageUrl }])
+            class: b(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.prevPageUrl }])
           }, [
             s("a", K({
               class: "page-link",
@@ -3415,8 +3416,8 @@ function po(e, t, r, n, o, a) {
               ])
             ], 16, uo)
           ], 2)) : g("", !0),
-          (d(!0), u(v, null, $(i.computed.pageRange, (c, f) => (d(), u("li", {
-            class: p(["", { active: c == i.computed.currentPage }]),
+          (d(!0), u(v, null, k(i.computed.pageRange, (c, f) => (d(), u("li", {
+            class: b(["", { active: c == i.computed.currentPage }]),
             key: f
           }, [
             s("a", K({
@@ -3429,7 +3430,7 @@ function po(e, t, r, n, o, a) {
           ], 2))), 128)),
           i.computed.nextPageUrl || r.showDisabled ? (d(), u("li", {
             key: 1,
-            class: p(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.nextPageUrl }])
+            class: b(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.nextPageUrl }])
           }, [
             s("a", K({
               class: "",
@@ -3439,7 +3440,7 @@ function po(e, t, r, n, o, a) {
             }, te(i.nextButtonEvents, !0)), [
               A(e.$slots, "next-nav", {}, () => [
                 mo,
-                _o
+                po
               ])
             ], 16, go)
           ], 2)) : g("", !0)
@@ -3449,7 +3450,7 @@ function po(e, t, r, n, o, a) {
     _: 3
   }, 8, ["data", "limit", "onPaginationChangePage"]);
 }
-const bo = /* @__PURE__ */ D(so, [["render", po]]), yo = {
+const bo = /* @__PURE__ */ O(so, [["render", _o]]), yo = {
   components: { TailwindPagination: bo },
   props: {
     data: Array,
@@ -3593,7 +3594,7 @@ function Bo(e, t, r, n, o, a) {
       s("table", Eo, [
         s("thead", jo, [
           s("tr", null, [
-            (d(!0), u(v, null, $(r.columns, (c, f) => (d(), u("th", {
+            (d(!0), u(v, null, k(r.columns, (c, f) => (d(), u("th", {
               key: f,
               onClick: (m) => a.updateSortColumn(c.field_name, c.sortable),
               class: "w-full px-4 py-2 lg:w-2/12"
@@ -3606,11 +3607,11 @@ function Bo(e, t, r, n, o, a) {
           ])
         ]),
         s("tbody", null, [
-          (d(!0), u(v, null, $(o.itemLists.data, (c, f) => (d(), u("tr", {
+          (d(!0), u(v, null, k(o.itemLists.data, (c, f) => (d(), u("tr", {
             key: f,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
           }, [
-            (d(!0), u(v, null, $(r.columns, (m, y) => (d(), u("td", {
+            (d(!0), u(v, null, k(r.columns, (m, y) => (d(), u("td", {
               key: y,
               "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"
@@ -3644,7 +3645,7 @@ function Bo(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Ed = /* @__PURE__ */ D(yo, [["render", Bo]]), Go = {
+const Ed = /* @__PURE__ */ O(yo, [["render", Bo]]), Go = {
   components: {},
   props: {
     data: Array,
@@ -3761,7 +3762,7 @@ const Ed = /* @__PURE__ */ D(yo, [["render", Bo]]), Go = {
 ], -1), Xo = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, Yo = { class: "w-full h-full max-w-full overflow-hidden bg-white border-separate xl:overflow-auto lg:border-collapse border-spacing-y-3 lg:border-spacing-y-0 dark:border-strokedark dark:bg-boxdark" }, Jo = { class: "hidden text-sm font-normal text-center text-gray-700 uppercase lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, Qo = ["onClick"], ei = {
   key: 0,
   class: "ml-2"
-}, ti = ["data-label"], ri = ["innerHTML"], si = { class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800" }, ni = { class: "flex justify-between flex-1 sm:hidden" }, ai = ["disabled"], oi = ["disabled"], ii = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, li = { class: "text-sm text-gray-700 dark:text-gray-400" }, di = { class: "font-medium" }, ui = { class: "font-medium" }, ci = { class: "font-medium" }, fi = { "aria-label": "Page navigation" }, hi = { class: "flex items-center h-8 -space-x-px text-sm" }, gi = ["disabled"], mi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), _i = /* @__PURE__ */ s("svg", {
+}, ti = ["data-label"], ri = ["innerHTML"], si = { class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800" }, ni = { class: "flex justify-between flex-1 sm:hidden" }, ai = ["disabled"], oi = ["disabled"], ii = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, li = { class: "text-sm text-gray-700 dark:text-gray-400" }, di = { class: "font-medium" }, ui = { class: "font-medium" }, ci = { class: "font-medium" }, fi = { "aria-label": "Page navigation" }, hi = { class: "flex items-center h-8 -space-x-px text-sm" }, gi = ["disabled"], mi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), pi = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3775,9 +3776,9 @@ const Ed = /* @__PURE__ */ D(yo, [["render", Bo]]), Go = {
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), pi = [
+], -1), _i = [
   mi,
-  _i
+  pi
 ], bi = ["onClick"], yi = ["onClick"], vi = ["disabled"], xi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), wi = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
@@ -3835,7 +3836,7 @@ function $i(e, t, r, n, o, a) {
       s("table", Yo, [
         s("thead", Jo, [
           s("tr", null, [
-            (d(!0), u(v, null, $(r.columns, (i, c) => (d(), u("th", {
+            (d(!0), u(v, null, k(r.columns, (i, c) => (d(), u("th", {
               key: c,
               onClick: (f) => a.sort(i),
               class: "w-full px-4 py-2 lg:w-2/12"
@@ -3846,11 +3847,11 @@ function $i(e, t, r, n, o, a) {
           ])
         ]),
         s("tbody", null, [
-          (d(!0), u(v, null, $(a.paginatedData, (i, c) => (d(), u("tr", {
+          (d(!0), u(v, null, k(a.paginatedData, (i, c) => (d(), u("tr", {
             key: c,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
           }, [
-            (d(!0), u(v, null, $(r.columns, (f, m) => (d(), u("td", {
+            (d(!0), u(v, null, k(r.columns, (f, m) => (d(), u("td", {
               key: m,
               "data-label": f,
               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"
@@ -3900,9 +3901,9 @@ function $i(e, t, r, n, o, a) {
                   onClick: t[4] || (t[4] = (...i) => a.previousPage && a.previousPage(...i)),
                   disabled: o.currentPage === 1,
                   class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
-                }, pi, 8, gi)
+                }, _i, 8, gi)
               ]),
-              (d(!0), u(v, null, $(a.displayedPageNumbers, (i) => (d(), u(v, { key: i }, [
+              (d(!0), u(v, null, k(a.displayedPageNumbers, (i) => (d(), u(v, { key: i }, [
                 s("li", null, [
                   o.currentPage !== i ? (d(), u("a", {
                     key: 0,
@@ -3936,7 +3937,7 @@ function $i(e, t, r, n, o, a) {
     ])
   ]);
 }
-const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
+const jd = /* @__PURE__ */ O(Go, [["render", $i]]), Ci = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
 }, Si = {
@@ -4062,7 +4063,7 @@ const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
       class: "fixed z-50 w-full max-w-xs space-y-4 top-4 right-4"
     }, {
       default: Y(() => [
-        (d(!0), u(v, null, $(nt(ve).state.items, (o, a) => (d(), Z(Ri, {
+        (d(!0), u(v, null, k(nt(ve).state.items, (o, a) => (d(), Z(Ri, {
           key: o.key,
           message: o.message,
           type: o.type,
@@ -4115,7 +4116,7 @@ const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = Se(), n = e, o = O(!1), a = O(!1), l = () => {
+    const r = Se(), n = e, o = S(!1), a = S(!1), l = () => {
       o.value = !1;
     }, i = () => {
       o.value = !0;
@@ -4134,7 +4135,7 @@ const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
         console.log(x);
       });
     };
-    return (x, S) => {
+    return (x, C) => {
       const L = ke("click-outside");
       return d(), u(v, null, [
         H(ie, {
@@ -4221,7 +4222,7 @@ const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = Se(), n = e, o = O(!1), a = O(!1), l = () => {
+    const r = Se(), n = e, o = S(!1), a = S(!1), l = () => {
       o.value = !1;
     }, i = () => {
       o.value = !0;
@@ -4240,7 +4241,7 @@ const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
         console.log(x);
       });
     };
-    return (x, S) => {
+    return (x, C) => {
       const L = ke("click-outside");
       return d(), u(v, null, [
         H(ie, {
@@ -4332,7 +4333,7 @@ const jd = /* @__PURE__ */ D(Go, [["render", $i]]), Ci = {
 ], -1);
 function hl(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row, (l, i) => (d(), u("div", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row, (l, i) => (d(), u("div", {
       key: i,
       class: "m-1 d-inline-block"
     }, [
@@ -4358,7 +4359,7 @@ function hl(e, t, r, n, o, a) {
     ])) : g("", !0)
   ]);
 }
-const Md = /* @__PURE__ */ D(il, [["render", hl]]), gl = {
+const Md = /* @__PURE__ */ O(il, [["render", hl]]), gl = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4368,7 +4369,7 @@ const Md = /* @__PURE__ */ D(il, [["render", hl]]), gl = {
       return typeof this.row[this.field] == "object";
     }
   }
-}, ml = ["href", "title"], _l = /* @__PURE__ */ s("svg", {
+}, ml = ["href", "title"], pl = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4385,7 +4386,7 @@ const Md = /* @__PURE__ */ D(il, [["render", hl]]), gl = {
     d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
     "clip-rule": "evenodd"
   })
-], -1), pl = {
+], -1), _l = {
   key: 1,
   class: "m-1 d-inline-block"
 }, bl = ["href", "title"], yl = /* @__PURE__ */ s("svg", {
@@ -4408,7 +4409,7 @@ const Md = /* @__PURE__ */ D(il, [["render", hl]]), gl = {
 ], -1);
 function vl(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row[r.field], (l) => (d(), u("div", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[r.field], (l) => (d(), u("div", {
       key: l.id,
       class: "m-1 d-inline-block"
     }, [
@@ -4418,10 +4419,10 @@ function vl(e, t, r, n, o, a) {
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        _l,
+        pl,
         w(" Download ")
       ], 8, ml)
-    ]))), 128)) : a.isObject ? (d(), u("div", pl, [
+    ]))), 128)) : a.isObject ? (d(), u("div", _l, [
       s("a", {
         href: r.row[r.field].url,
         title: r.row[r.field].name,
@@ -4434,7 +4435,7 @@ function vl(e, t, r, n, o, a) {
     ])) : g("", !0)
   ]);
 }
-const Nd = /* @__PURE__ */ D(gl, [["render", vl]]), xl = {
+const Nd = /* @__PURE__ */ O(gl, [["render", vl]]), xl = {
   props: ["field", "row", "tdProps"]
 }, wl = { key: 0 }, kl = ["innerHTML"];
 function $l(e, t, r, n, o, a) {
@@ -4445,7 +4446,7 @@ function $l(e, t, r, n, o, a) {
     }, null, 8, kl)
   ])) : g("", !0);
 }
-const Vd = /* @__PURE__ */ D(xl, [["render", $l]]), Cl = {
+const Vd = /* @__PURE__ */ O(xl, [["render", $l]]), Cl = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4465,13 +4466,13 @@ const Vd = /* @__PURE__ */ D(xl, [["render", $l]]), Cl = {
 };
 function Dl(e, t, r, n, o, a) {
   return d(), u("div", Sl, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row[a.entry.key], (l, i) => (d(), u("span", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[a.entry.key], (l, i) => (d(), u("span", {
       key: i,
       class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
     }, h(l[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Ol, h(r.row[a.entry.key][a.entry.field]), 1)) : g("", !0)
   ]);
 }
-const Ld = /* @__PURE__ */ D(Cl, [["render", Dl]]), Pl = {
+const Ld = /* @__PURE__ */ O(Cl, [["render", Dl]]), Pl = {
   props: ["field", "row", "tdProps"]
 }, El = { key: 0 }, jl = { class: "m-1 d-inline-block" }, Al = ["href", "title"], Il = ["src", "alt", "title"];
 function Tl(e, t, r, n, o, a) {
@@ -4491,7 +4492,7 @@ function Tl(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const Bd = /* @__PURE__ */ D(Pl, [["render", Tl], ["__scopeId", "data-v-3a28c02c"]]), Ml = {
+const Bd = /* @__PURE__ */ O(Pl, [["render", Tl], ["__scopeId", "data-v-3a28c02c"]]), Ml = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
@@ -4516,7 +4517,7 @@ function Fl(e, t, r, n, o, a) {
     ]))
   ]);
 }
-const Gd = /* @__PURE__ */ D(Ml, [["render", Fl]]), Rl = {
+const Gd = /* @__PURE__ */ O(Ml, [["render", Fl]]), Rl = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4557,7 +4558,7 @@ function Jl(e, t, r, n, o, a) {
     ])) : g("", !0)
   ]);
 }
-const Fd = /* @__PURE__ */ D(Rl, [["render", Jl]]), Ql = {
+const Fd = /* @__PURE__ */ O(Rl, [["render", Jl]]), Ql = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4611,10 +4612,10 @@ function cd(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const Rd = /* @__PURE__ */ D(Ql, [["render", cd]]);
+const Rd = /* @__PURE__ */ O(Ql, [["render", cd]]);
 export {
   bd as GlButton,
-  _d as GlCard,
+  pd as GlCard,
   Rd as GlConfirmationModal,
   jd as GlDataTable,
   Ed as GlDataTableServerSide,
@@ -4633,7 +4634,7 @@ export {
   md as GlLanguageSelector,
   Sd as GlModal,
   Cd as GlMultiItemSlide,
-  pd as GlMultiSelectDropdown,
+  _d as GlMultiSelectDropdown,
   gd as GlNotify,
   $d as GlTab,
   kd as GlTabsWrapper,