golden-logic-ui 1.0.93 → 1.0.95

package/dist/golden-logic-ui.js

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as f, createStaticVNode as Qe, inject as Se, watch as Y, effectScope as et, computed as L, reactive as De, resolveComponent as X, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as h, withModifiers as N, withDirectives as D, vModelText as V, renderList as C, normalizeStyle as tt, renderSlot as T, createTextVNode as w, vShow as F, createBlock as K, resolveDynamicComponent as oe, mergeProps as W, withCtx as J, ref as $, onMounted as R, vModelDynamic as rt, provide as st, pushScopeId as at, popScopeId as nt, vModelCheckbox as ot, nextTick as lt, isRef as it, unref as Oe, toHandlers as ae, TransitionGroup as dt, resolveDirective as ue, markRaw as ut } from "vue";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as f, createStaticVNode as Qe, inject as Ce, watch as Y, effectScope as et, computed as L, reactive as Se, resolveComponent as X, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as h, withModifiers as N, withDirectives as D, vModelText as V, renderList as $, normalizeStyle as tt, renderSlot as T, createTextVNode as w, vShow as F, createBlock as K, resolveDynamicComponent as oe, mergeProps as W, withCtx as J, ref as C, onMounted as R, vModelDynamic as rt, provide as st, pushScopeId as at, popScopeId as nt, vModelCheckbox as ot, nextTick as lt, isRef as it, unref as De, toHandlers as ae, TransitionGroup as dt, resolveDirective as Oe, markRaw as ut } from "vue";
 const k = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
@@ -50,7 +50,7 @@ function _t(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const ce = /* @__PURE__ */ k(ct, [["render", _t]]);
+const ue = /* @__PURE__ */ k(ct, [["render", _t]]);
 function vt() {
   return Pe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -148,7 +148,7 @@ function Dt(e, t) {
  */
 var Ee = "store";
 function Ae(e) {
-  return e === void 0 && (e = null), Se(e !== null ? e : Ee);
+  return e === void 0 && (e = null), Ce(e !== null ? e : Ee);
 }
 function U(e, t) {
   Object.keys(e).forEach(function(r) {
@@ -179,9 +179,9 @@ function Te(e, t, r) {
 function Ie(e, t) {
   e._actions = /* @__PURE__ */ Object.create(null), e._mutations = /* @__PURE__ */ Object.create(null), e._wrappedGetters = /* @__PURE__ */ Object.create(null), e._modulesNamespaceMap = /* @__PURE__ */ Object.create(null);
   var r = e.state;
-  ee(e, r, [], e._modules.root, !0), fe(e, r, t);
+  ee(e, r, [], e._modules.root, !0), ce(e, r, t);
 }
-function fe(e, t, r) {
+function ce(e, t, r) {
   var n = e._state, o = e._scope;
   e.getters = {}, e._makeLocalGettersCache = /* @__PURE__ */ Object.create(null);
   var a = e._wrappedGetters, i = {}, l = {}, c = et(!0);
@@ -197,7 +197,7 @@ function fe(e, t, r) {
         // for local getters
       });
     });
-  }), e._state = De({
+  }), e._state = Se({
     data: t
   }), e._scope = c, e.strict && It(e), n && r && e._withCommit(function() {
     n.data = null;
@@ -206,7 +206,7 @@ function fe(e, t, r) {
 function ee(e, t, r, n, o) {
   var a = !r.length, i = e._modules.getNamespace(r);
   if (n.namespaced && (e._modulesNamespaceMap[i] && process.env.NODE_ENV !== "production" && console.error("[vuex] duplicate namespace " + i + " for the namespaced module " + r.join("/")), e._modulesNamespaceMap[i] = n), !a && !o) {
-    var l = ge(t, r.slice(0, -1)), c = r[r.length - 1];
+    var l = fe(t, r.slice(0, -1)), c = r[r.length - 1];
     e._withCommit(function() {
       process.env.NODE_ENV !== "production" && c in l && console.warn(
         '[vuex] state field "' + c + '" was overridden by a module with the same name at "' + r.join(".") + '"'
@@ -256,7 +256,7 @@ function Et(e, t, r) {
     },
     state: {
       get: function() {
-        return ge(e.state, r);
+        return fe(e.state, r);
       }
     }
   }), o;
@@ -325,7 +325,7 @@ function It(e) {
     process.env.NODE_ENV !== "production" && I(e._committing, "do not mutate vuex store state outside mutation handlers.");
   }, { deep: !0, flush: "sync" });
 }
-function ge(e, t) {
+function fe(e, t) {
   return t.reduce(function(r, n) {
     return r[n];
   }, e);
@@ -333,7 +333,7 @@ function ge(e, t) {
 function Q(e, t, r) {
   return je(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 Mt = "vuex bindings", xe = "vuex:mutations", ne = "vuex:actions", z = "vuex", Nt = 0;
+var Mt = "vuex bindings", ve = "vuex:mutations", ne = "vuex:actions", z = "vuex", Nt = 0;
 function Vt(e, t) {
   Dt(
     {
@@ -347,13 +347,13 @@ function Vt(e, t) {
     },
     function(r) {
       r.addTimelineLayer({
-        id: xe,
+        id: ve,
         label: "Vuex Mutations",
-        color: we
+        color: xe
       }), r.addTimelineLayer({
         id: ne,
         label: "Vuex Actions",
-        color: we
+        color: xe
       }), r.addInspector({
         id: z,
         label: "Vuex",
@@ -387,7 +387,7 @@ function Vt(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: xe,
+          layerId: ve,
           event: {
             time: Date.now(),
             title: n.type,
@@ -432,7 +432,7 @@ function Vt(e, t) {
     }
   );
 }
-var we = 8702998, Lt = 6710886, Bt = 16777215, Ne = {
+var xe = 8702998, Lt = 6710886, Bt = 16777215, Ne = {
   label: "namespaced",
   textColor: Bt,
   backgroundColor: Lt
@@ -634,7 +634,7 @@ function Fe(e, t, r) {
       );
     }
 }
-var ke = {
+var we = {
   assert: function(e) {
     return typeof e == "function";
   },
@@ -644,15 +644,15 @@ var ke = {
     return typeof e == "function" || typeof e == "object" && typeof e.handler == "function";
   },
   expected: 'function or object with "handler" function'
-}, $e = {
-  getters: ke,
-  mutations: ke,
+}, ke = {
+  getters: we,
+  mutations: we,
   actions: Ut
 };
 function Re(e, t) {
-  Object.keys($e).forEach(function(r) {
+  Object.keys(ke).forEach(function(r) {
     if (t[r]) {
-      var n = $e[r];
+      var n = ke[r];
       U(t[r], function(o, a) {
         I(
           n.assert(o),
@@ -682,19 +682,19 @@ var A = function e(t) {
     return g.call(i, x, S, B);
   }, this.strict = o;
   var m = this._modules.root.state;
-  ee(this, m, [], this._modules.root), fe(this, m), n.forEach(function(y) {
+  ee(this, m, [], this._modules.root), ce(this, m), n.forEach(function(y) {
     return y(r);
   });
-}, he = { state: { configurable: !0 } };
+}, ge = { state: { configurable: !0 } };
 A.prototype.install = function(t, r) {
   t.provide(r || Ee, this), t.config.globalProperties.$store = this;
   var n = this._devtools !== void 0 ? this._devtools : process.env.NODE_ENV !== "production" || !1;
   n && Vt(t, this);
 };
-he.state.get = function() {
+ge.state.get = function() {
   return this._state.data;
 };
-he.state.set = function(e) {
+ge.state.set = function(e) {
   process.env.NODE_ENV !== "production" && I(!1, "use store.replaceState() to explicit replace store state.");
 };
 A.prototype.commit = function(t, r, n) {
@@ -777,12 +777,12 @@ A.prototype.replaceState = function(t) {
   });
 };
 A.prototype.registerModule = function(t, r, n) {
-  n === void 0 && (n = {}), typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && (I(Array.isArray(t), "module path must be a string or an Array."), I(t.length > 0, "cannot register the root module by using registerModule.")), this._modules.register(t, r), ee(this, this.state, t, this._modules.get(t), n.preserveState), fe(this, this.state);
+  n === void 0 && (n = {}), typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && (I(Array.isArray(t), "module path must be a string or an Array."), I(t.length > 0, "cannot register the root module by using registerModule.")), this._modules.register(t, r), ee(this, this.state, t, this._modules.get(t), n.preserveState), ce(this, this.state);
 };
 A.prototype.unregisterModule = function(t) {
   var r = this;
   typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && I(Array.isArray(t), "module path must be a string or an Array."), this._modules.unregister(t), this._withCommit(function() {
-    var n = ge(r.state, t.slice(0, -1));
+    var n = fe(r.state, t.slice(0, -1));
     delete n[t[t.length - 1]];
   }), Ie(this);
 };
@@ -796,10 +796,10 @@ A.prototype._withCommit = function(t) {
   var r = this._committing;
   this._committing = !0, t(), this._committing = r;
 };
-Object.defineProperties(A.prototype, he);
+Object.defineProperties(A.prototype, ge);
 var Ht = qe(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !me(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Ue(t).forEach(function(n) {
+  return process.env.NODE_ENV !== "production" && !he(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Ue(t).forEach(function(n) {
     var o = n.key, a = n.val;
     r[o] = function() {
       var l = this.$store.state, c = this.$store.getters;
@@ -814,7 +814,7 @@ var Ht = qe(function(e, t) {
   }), r;
 }), zt = qe(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !me(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Ue(t).forEach(function(n) {
+  return process.env.NODE_ENV !== "production" && !he(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Ue(t).forEach(function(n) {
     var o = n.key, a = n.val;
     r[o] = function() {
       for (var l = [], c = arguments.length; c--; )
@@ -831,13 +831,13 @@ var Ht = qe(function(e, t) {
   }), r;
 });
 function Ue(e) {
-  return me(e) ? Array.isArray(e) ? e.map(function(t) {
+  return he(e) ? Array.isArray(e) ? e.map(function(t) {
     return { key: t, val: t };
   }) : Object.keys(e).map(function(t) {
     return { key: t, val: e[t] };
   }) : [];
 }
-function me(e) {
+function he(e) {
   return Array.isArray(e) || je(e);
 }
 function qe(e) {
@@ -851,7 +851,7 @@ function He(e, t, r) {
 }
 const Zt = {
   components: {
-    DeleteConfirmationModal: ce
+    DeleteConfirmationModal: ue
   },
   props: {
     is_required: {
@@ -1077,7 +1077,7 @@ function kr(e, t, r, n, o, a) {
       s("span", sr, h(o.error_message_data), 1),
       s("small", ar, h(r.description), 1),
       o.files.length > 0 ? (d(), u("section", nr, [
-        (d(!0), u(v, null, C(o.files, (l, c) => (d(), u("li", or, [
+        (d(!0), u(v, null, $(o.files, (l, c) => (d(), u("li", or, [
           lr,
           s("div", ir, [
             s("div", dr, [
@@ -1094,7 +1094,7 @@ function kr(e, t, r, n, o, a) {
         ]))), 256))
       ])) : f("", !0),
       s("section", gr, [
-        (d(!0), u(v, null, C(o.uploadFileList, (l, c) => (d(), u("li", hr, [
+        (d(!0), u(v, null, $(o.uploadFileList, (l, c) => (d(), u("li", hr, [
           s("div", mr, [
             br,
             s("div", pr, [
@@ -1121,7 +1121,7 @@ function kr(e, t, r, n, o, a) {
     ], 2)
   ], 64);
 }
-const lu = /* @__PURE__ */ k(Zt, [["render", kr]]), $r = {
+const ou = /* @__PURE__ */ k(Zt, [["render", kr]]), $r = {
   computed: {
     ...Ht("notification", ["notification"]),
     alertClasses() {
@@ -1213,7 +1213,7 @@ function Ar(e, t, r, n, o, a) {
     }, Er, 2)
   ], 2)) : f("", !0);
 }
-const iu = /* @__PURE__ */ k($r, [["render", Ar]]), jr = {
+const lu = /* @__PURE__ */ k($r, [["render", Ar]]), jr = {
   components: {},
   props: {
     field_name: {
@@ -1251,7 +1251,7 @@ const iu = /* @__PURE__ */ k($r, [["render", Ar]]), jr = {
 }, Tr = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, Ir = ["name", "value", "id", "checked"], Mr = ["for"];
 function Nr(e, t, r, n, o, a) {
   return d(), u("ul", Tr, [
-    (d(!0), u(v, null, C(o.locals, (i, l) => (d(), u("li", null, [
+    (d(!0), u(v, null, $(o.locals, (i, l) => (d(), u("li", null, [
       s("input", {
         type: "radio",
         name: r.trans_selector_name,
@@ -1272,10 +1272,10 @@ function Nr(e, t, r, n, o, a) {
     ]))), 256))
   ]);
 }
-const du = /* @__PURE__ */ k(jr, [["render", Nr]]), Vr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Lr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Br = { class: "font-semibold text-black dark:text-white" }, Gr = {
+const iu = /* @__PURE__ */ k(jr, [["render", Nr]]), Vr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Lr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Br = { class: "font-semibold text-black dark:text-white" }, Gr = {
   key: 0,
   class: "p-6"
-}, uu = {
+}, du = {
   __name: "GlCard",
   props: {
     class: {
@@ -1491,7 +1491,7 @@ function os(e, t, r, n, o, a) {
     }, [
       s("h3", Rr, h(r.label_name), 1),
       s("p", Ur, [
-        (d(!0), u(v, null, C(o.selected, (i, l) => (d(), u("span", qr, h(i.name), 1))), 256))
+        (d(!0), u(v, null, $(o.selected, (i, l) => (d(), u("span", qr, h(i.name), 1))), 256))
       ]),
       Hr
     ], 2)) : f("", !0),
@@ -1499,7 +1499,7 @@ function os(e, t, r, n, o, a) {
       key: 1,
       class: b(["mb-4", r.field_name])
     }, [
-      (d(!0), u(v, null, C(o.selectedIds, (i, l) => (d(), u("input", {
+      (d(!0), u(v, null, $(o.selectedIds, (i, l) => (d(), u("input", {
         type: "hidden",
         name: r.field_name + "[]",
         key: l,
@@ -1531,7 +1531,7 @@ function os(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] = (i) => a.showOptions())
             }, [
-              (d(!0), u(v, null, C(o.selected, (i, l) => (d(), u("span", {
+              (d(!0), u(v, null, $(o.selected, (i, l) => (d(), u("span", {
                 key: l,
                 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"
               }, [
@@ -1567,7 +1567,7 @@ function os(e, t, r, n, o, a) {
               ])
             ]),
             s("div", as, [
-              (d(!0), u(v, null, C(a.filteredOptions, (i, l) => (d(), u("div", {
+              (d(!0), u(v, null, $(a.filteredOptions, (i, l) => (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",
                   l + 1 == o.count || a.isOptionSelected(i.id) ? "bg-gray-100 dark:bg-gray-600" : ""
@@ -1586,7 +1586,7 @@ function os(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const cu = /* @__PURE__ */ k(Fr, [["render", os]]), ls = {
+const uu = /* @__PURE__ */ k(Fr, [["render", os]]), ls = {
   props: {
     button_type: {
       type: String,
@@ -1688,7 +1688,7 @@ function ds(e, t, r, n, o, a) {
     _: 3
   }, 16, ["type", "disabled", "href", "class"]));
 }
-const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold ptext-lg dark:text-white" }, cs = ["name", "id"], fs = ["id"], gs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), hs = ["for"], ms = /* @__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), bs = ["name", "id"], ps = ["required", "name", "id", "type"], ys = { class: "gl-span-form-error" }, _s = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, gu = {
+const cu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold ptext-lg dark:text-white" }, cs = ["name", "id"], fs = ["id"], gs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), hs = ["for"], ms = /* @__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), bs = ["name", "id"], ps = ["required", "name", "id", "type"], ys = { class: "gl-span-form-error" }, _s = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, fu = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1746,7 +1746,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = $(null), i = $(null);
+    const n = e, o = r, a = C(null), i = C(null);
     return R(() => {
       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,
@@ -1824,7 +1824,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, vs = { class: "font-bold ptext-lg dark:text-white" }, xs = ["name", "id"], ws = ["id"], ks = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), $s = ["for"], Cs = /* @__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), Ss = ["name", "id"], Ds = ["name", "id", "type"], Os = { class: "gl-span-form-error" }, Ps = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, hu = {
+}, vs = { class: "font-bold ptext-lg dark:text-white" }, xs = ["name", "id"], ws = ["id"], ks = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), $s = ["for"], Cs = /* @__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), Ss = ["name", "id"], Ds = ["name", "id", "type"], Os = { class: "gl-span-form-error" }, Ps = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, gu = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1882,7 +1882,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = $(null), i = $(null);
+    const n = e, o = r, a = C(null), i = C(null);
     return R(() => {
       tinymce.init({
         selector: "#" + n.field_name,
@@ -1963,7 +1963,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Es = { class: "font-bold ptext-lg dark:text-white" }, As = ["name", "id"], js = ["id"], Ts = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Is = ["for"], Ms = /* @__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), Ns = ["name", "id"], Vs = ["required", "name", "id", "type"], Ls = { class: "gl-span-form-error" }, Bs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, mu = {
+}, Es = { class: "font-bold ptext-lg dark:text-white" }, As = ["name", "id"], js = ["id"], Ts = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Is = ["for"], Ms = /* @__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), Ns = ["name", "id"], Vs = ["required", "name", "id", "type"], Ls = { class: "gl-span-form-error" }, Bs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, hu = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2021,7 +2021,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = $(null), i = $(null);
+    const n = e, o = r, a = C(null), i = C(null);
     return R(() => {
       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,
@@ -2096,7 +2096,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Gs = { class: "font-bold ptext-lg dark:text-white" }, Fs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Rs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Us = ["for"], qs = ["required", "name", "id", "type", "placeholder"], Hs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, bu = {
+}, Gs = { class: "font-bold ptext-lg dark:text-white" }, Fs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Rs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Us = ["for"], qs = ["required", "name", "id", "type", "placeholder"], Hs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, mu = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -2142,7 +2142,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = $(null);
+    const n = e, o = r, a = C(null);
     R(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus();
     });
@@ -2199,7 +2199,7 @@ const fu = /* @__PURE__ */ k(ls, [["render", ds]]), us = { class: "font-bold pte
   }
 }, Zs = {
   setup(e, { slots: t }) {
-    const r = $(t.default().map((o) => o.props)), n = $(r.value[0].title);
+    const r = C(t.default().map((o) => o.props)), n = C(r.value[0].title);
     return st("selectedTitle", n), {
       tabs: r,
       selectedTitle: n
@@ -2211,7 +2211,7 @@ function ta(e, t, r, n, o, a) {
     s("div", Ks, [
       s("div", Ws, [
         s("ul", Ys, [
-          (d(!0), u(v, null, C(n.tabs, (i) => (d(), u("li", {
+          (d(!0), u(v, null, $(n.tabs, (i) => (d(), u("li", {
             key: i.title,
             onClick: (l) => n.selectedTitle = i.title,
             class: "flex-auto -mb-px text-center"
@@ -2237,11 +2237,11 @@ function ta(e, t, r, n, o, a) {
     ])
   ], 64);
 }
-const pu = /* @__PURE__ */ k(Zs, [["render", ta]]), ra = {
+const bu = /* @__PURE__ */ k(Zs, [["render", ta]]), ra = {
   props: ["title"],
   setup() {
     return {
-      selectedTitle: Se("selectedTitle")
+      selectedTitle: Ce("selectedTitle")
     };
   }
 }, sa = { class: "block" };
@@ -2252,7 +2252,7 @@ function aa(e, t, r, n, o, a) {
     [F, r.title == n.selectedTitle]
   ]);
 }
-const yu = /* @__PURE__ */ k(ra, [["render", aa]]), na = {
+const pu = /* @__PURE__ */ k(ra, [["render", aa]]), na = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2595,7 +2595,7 @@ function un(e, t, r, n, o, a) {
           key: 0,
           class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
         }, [
-          (d(!0), u(v, null, C(e.dotsNum, (i) => (d(), u("button", {
+          (d(!0), u(v, null, $(e.dotsNum, (i) => (d(), u("button", {
             role: "button",
             class: b(["gl-dot", { active: e.currentDot == i }]),
             key: i,
@@ -2606,7 +2606,7 @@ function un(e, t, r, n, o, a) {
           s("div", {
             class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
           }, [
-            (d(!0), u(v, null, C(e.dotsNum, (i) => (d(), u("button", {
+            (d(!0), u(v, null, $(e.dotsNum, (i) => (d(), u("button", {
               role: "button",
               class: b(["gl-dot", { active: e.currentDot == i }]),
               key: i,
@@ -2653,7 +2653,7 @@ function un(e, t, r, n, o, a) {
     ], 10, oa)
   ]);
 }
-const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9"]]), cn = {
+const yu = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9"]]), cn = {
   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"
@@ -2673,7 +2673,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
   ])
 ], -1), bn = [
   mn
-], pn = { class: "flex flex-wrap items-center justify-end flex-shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, vu = {
+], pn = { class: "flex flex-wrap items-center justify-end flex-shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, _u = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2741,7 +2741,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
       [F, e.is_open]
     ]);
   }
-}, yn = { class: "mb-4" }, _n = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, vn = { class: "relative inline-flex items-center cursor-pointer" }, xn = ["name", "id", "checked"], wn = /* @__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), kn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), $n = { 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" }, Cn = { class: "relative inline-flex items-center cursor-pointer" }, Sn = ["name", "id"], Dn = /* @__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), On = { class: "gl-span-form-error" }, Pn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, xu = {
+}, yn = { class: "mb-4" }, _n = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, vn = { class: "relative inline-flex items-center cursor-pointer" }, xn = ["name", "id", "checked"], wn = /* @__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), kn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), $n = { 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" }, Cn = { class: "relative inline-flex items-center cursor-pointer" }, Sn = ["name", "id"], Dn = /* @__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), On = { class: "gl-span-form-error" }, Pn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, vu = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2783,7 +2783,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, n = t, o = $(null), a = L({
+    const r = e, n = t, o = C(null), a = L({
       get() {
         return r.modelValue;
       },
@@ -2883,7 +2883,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
   d: "M1 5.917 5.724 10.5 15 1.5"
 }, null, -1), Yn = [
   Wn
-], Xn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Jn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, wu = {
+], Xn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Jn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, xu = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -2943,7 +2943,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue", "selected", "selectionChanged"],
   setup(e, { emit: t }) {
-    const r = e, n = t, o = $(null), a = $({}), i = $(0), l = $(!1), c = $(""), g = $("");
+    const r = e, n = t, o = C(null), a = C({}), i = C(0), l = C(!1), c = C(""), g = C("");
     R(() => {
       g.value = B(), r.show || (document.body.addEventListener("click", (p) => {
         ze(p);
@@ -2986,9 +2986,9 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
       return p !== null && typeof p == "object" && Object.keys(p).length > 0;
     }
     function ze(p) {
-      p.target.id != r.field_name + "search" + g.value && p.target.id != r.field_name && !p.target.classList.contains("showOptions") && (ye(), i.value = 0);
+      p.target.id != r.field_name + "search" + g.value && p.target.id != r.field_name && !p.target.classList.contains("showOptions") && (pe(), i.value = 0);
     }
-    function be(p) {
+    function me(p) {
       const O = `${p}${g.value}`, E = document.getElementById(O);
       E && E.scrollIntoView();
     }
@@ -2997,7 +2997,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
       E && E.click();
     }
     function Ke(p) {
-      p === "ArrowDown" && i.value < x.value.length && (i.value++, be(i.value)), p === "ArrowUp" && i.value > 1 && (i.value--, be(i.value)), p === "Enter" && Ze(i.value);
+      p === "ArrowDown" && i.value < x.value.length && (i.value++, me(i.value)), p === "ArrowUp" && i.value > 1 && (i.value--, me(i.value)), p === "Enter" && Ze(i.value);
     }
     function We() {
       return r.options.map((p, O) => typeof p == "object" ? p : { id: p, name: p });
@@ -3016,7 +3016,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
           (p) => String(p.id) === String(r.modelValue)
         ) || {};
     }
-    function pe(p) {
+    function be(p) {
       a.value = p, l.value = !1, n("update:modelValue", a.value.id), n("selected", a.value), n("selectionChanged", a.value);
     }
     function re() {
@@ -3030,7 +3030,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
     function Xe() {
       r.show || (a.value = {}, c.value = "", n("update:modelValue", ""), re());
     }
-    function ye() {
+    function pe() {
       a.value.id || (a.value = {}, c.value = ""), n("selected", a.value), l.value = !1;
     }
     return Y(c, () => {
@@ -3038,7 +3038,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
     }), Y(a, (p) => {
       te(p) && n("update:modelValue", p.id);
     }), (p, O) => {
-      var E, G, _e;
+      var E, G, ye;
       return d(), u(v, null, [
         e.show ? (d(), u("div", {
           key: 0,
@@ -3078,7 +3078,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
                   }, "pl-8 pr-2 showOptions"]),
                   ref: e.field_name,
                   onClick: O[0] || (O[0] = (j) => re()),
-                  value: (_e = y.value) == null ? void 0 : _e.name,
+                  value: (ye = y.value) == null ? void 0 : ye.name,
                   placeholder: e.placeholder,
                   autocomplete: "off",
                   readonly: ""
@@ -3107,7 +3107,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
                       ref: o.value,
                       id: `${e.field_name}search${g.value}`,
                       onKeydown: S,
-                      onBlur: O[4] || (O[4] = (j) => ye()),
+                      onBlur: O[4] || (O[4] = (j) => pe()),
                       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 ..."
@@ -3117,17 +3117,17 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
                   ])
                 ]),
                 s("div", Hn, [
-                  (d(!0), u(v, null, C(x.value, (j, se) => {
-                    var ve;
+                  (d(!0), u(v, null, $(x.value, (j, se) => {
+                    var _e;
                     return 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", se + 1 == i.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
-                      onClick: (Je) => pe(j),
-                      onMousedown: (Je) => pe(j),
+                      onClick: (Je) => be(j),
+                      onMousedown: (Je) => be(j),
                       key: se,
                       id: `${se + 1}${g.value}`
                     }, [
                       s("div", Zn, [
-                        ((ve = y.value) == null ? void 0 : ve.id) === j.id ? (d(), u("svg", Kn, Yn)) : f("", !0),
+                        ((_e = y.value) == null ? void 0 : _e.id) === j.id ? (d(), u("svg", Kn, Yn)) : f("", !0),
                         s("span", null, h(j.name || j.id || "-"), 1)
                       ])
                     ], 42, zn);
@@ -3144,7 +3144,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
       ], 64);
     };
   }
-}, Qn = { class: "font-bold ptext-lg dark:text-white" }, eo = ["id"], to = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ro = ["for"], so = ["required", "name", "id", "type", "placeholder"], ao = { class: "gl-span-form-error" }, no = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, ku = {
+}, Qn = { class: "font-bold ptext-lg dark:text-white" }, eo = ["id"], to = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ro = ["for"], so = ["required", "name", "id", "type", "placeholder"], ao = { class: "gl-span-form-error" }, no = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, wu = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3190,7 +3190,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = $(null);
+    const n = e, o = r, a = C(null);
     R(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus();
     });
@@ -3242,7 +3242,7 @@ const _u = /* @__PURE__ */ k(na, [["render", un], ["__scopeId", "data-v-a94f16a9
           rows: "4",
           placeholder: e.placeholder
         }, null, 42, so), [
-          [V, Oe(i)]
+          [V, De(i)]
         ]),
         s("span", ao, h(e.error_message), 1),
         s("small", no, h(e.description), 1)
@@ -3469,7 +3469,7 @@ function xo(e, t, r, n, o, a) {
               ])
             ], 16, ho)
           ], 2)) : f("", !0),
-          (d(!0), u(v, null, C(l.computed.pageRange, (c, g) => (d(), u("li", {
+          (d(!0), u(v, null, $(l.computed.pageRange, (c, g) => (d(), u("li", {
             class: b(["", { active: c == l.computed.currentPage }]),
             key: g
           }, [
@@ -3692,7 +3692,7 @@ function Zo(e, t, r, n, o, a) {
       s("table", Io, [
         s("thead", Mo, [
           s("tr", null, [
-            (d(!0), u(v, null, C(r.columns, (c, g) => (d(), u("th", {
+            (d(!0), u(v, null, $(r.columns, (c, g) => (d(), u("th", {
               key: g,
               onClick: (m) => a.updateSortColumn(c.field_name, c.sortable),
               class: "w-full px-4 py-2 lg:w-2/12"
@@ -3710,11 +3710,11 @@ function Zo(e, t, r, n, o, a) {
               colspan: r.columns.length
             }, Uo, 8, Fo)
           ])) : f("", !0),
-          o.isLoading ? f("", !0) : (d(!0), u(v, { key: 1 }, C(o.itemLists.data, (c, g) => (d(), u("tr", {
+          o.isLoading ? f("", !0) : (d(!0), u(v, { key: 1 }, $(o.itemLists.data, (c, g) => (d(), u("tr", {
             key: g,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 hover:dark:text-gray-200 text-gray-500"
           }, [
-            (d(!0), u(v, null, C(r.columns, (m, y) => (d(), u("td", {
+            (d(!0), u(v, null, $(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"
@@ -3749,7 +3749,7 @@ function Zo(e, t, r, n, o, a) {
     ])
   ]);
 }
-const $u = /* @__PURE__ */ k(ko, [["render", Zo]]), Ko = {
+const ku = /* @__PURE__ */ k(ko, [["render", Zo]]), Ko = {
   components: {},
   props: {
     data: Array,
@@ -3932,7 +3932,7 @@ function Il(e, t, r, n, o, a) {
       s("table", nl, [
         s("thead", ol, [
           s("tr", null, [
-            (d(!0), u(v, null, C(r.columns, (l, c) => (d(), u("th", {
+            (d(!0), u(v, null, $(r.columns, (l, c) => (d(), u("th", {
               key: c,
               onClick: (g) => a.sort(l),
               class: "w-full px-4 py-2 lg:w-2/12"
@@ -3945,11 +3945,11 @@ function Il(e, t, r, n, o, a) {
           ])
         ]),
         s("tbody", null, [
-          (d(!0), u(v, null, C(a.paginatedData, (l, c) => (d(), u("tr", {
+          (d(!0), u(v, null, $(a.paginatedData, (l, 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 hover:dark:text-gray-200 text-gray-500"
           }, [
-            (d(!0), u(v, null, C(r.columns, (g, m) => (d(), u("td", {
+            (d(!0), u(v, null, $(r.columns, (g, m) => (d(), u("td", {
               key: m,
               "data-label": g,
               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"
@@ -4001,7 +4001,7 @@ function Il(e, t, r, n, o, a) {
                   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"
                 }, Dl, 8, $l)
               ]),
-              (d(!0), u(v, null, C(a.displayedPageNumbers, (l) => (d(), u(v, { key: l }, [
+              (d(!0), u(v, null, $(a.displayedPageNumbers, (l) => (d(), u(v, { key: l }, [
                 s("li", null, [
                   o.currentPage !== l ? (d(), u("a", {
                     key: 0,
@@ -4035,7 +4035,7 @@ function Il(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
+const $u = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
 }, Nl = {
@@ -4129,7 +4129,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
       }, Xl)
     ]));
   }
-}, de = De({
+}, de = Se({
   items: []
 }), Ql = {
   add(e) {
@@ -4143,14 +4143,14 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
   remove(e) {
     de.items.splice(e, 1);
   }
-}, Ce = {
+}, $e = {
   state: de,
   methods: Ql
-}, Su = {
+}, Cu = {
   __name: "GlToastList",
   setup(e) {
     function t(r) {
-      Ce.methods.remove(r);
+      $e.methods.remove(r);
     }
     return (r, n) => (d(), K(dt, {
       tag: "div",
@@ -4161,7 +4161,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
       class: "fixed z-50 w-full max-w-xs space-y-4 top-4 right-4"
     }, {
       default: J(() => [
-        (d(!0), u(v, null, C(Oe(Ce).state.items, (o, a) => (d(), K(Jl, {
+        (d(!0), u(v, null, $(De($e).state.items, (o, a) => (d(), K(Jl, {
           key: o.key,
           message: o.message,
           type: o.type,
@@ -4188,7 +4188,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
 ], si = { class: "absolute right-0 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" }, ai = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, ni = { key: 0 }, oi = ["href"], li = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ii = { key: 1 }, di = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Du = {
+}, ni = { key: 0 }, oi = ["href"], li = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ii = { key: 1 }, di = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Su = {
   __name: "DatatableAction",
   props: {
     field: {
@@ -4214,7 +4214,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = Ae(), n = e, o = $(!1), a = $(!1), i = () => {
+    const r = Ae(), n = e, o = C(!1), a = C(!1), i = () => {
       o.value = !1;
     }, l = () => {
       o.value = !0;
@@ -4234,9 +4234,9 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
       });
     };
     return (x, S) => {
-      const B = ue("click-outside");
+      const B = Oe("click-outside");
       return d(), u(v, null, [
-        Z(ce, {
+        Z(ue, {
           isOpen: a.value,
           onConfirmDelete: y,
           onCancelDelete: c
@@ -4294,7 +4294,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
 ], gi = { class: "absolute right-0 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" }, hi = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, mi = { key: 0 }, bi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ou = {
+}, mi = { key: 0 }, bi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Du = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4320,7 +4320,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = Ae(), n = e, o = $(!1), a = $(!1), i = () => {
+    const r = Ae(), n = e, o = C(!1), a = C(!1), i = () => {
       o.value = !1;
     }, l = () => {
       o.value = !0;
@@ -4340,9 +4340,9 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
       });
     };
     return (x, S) => {
-      const B = ue("click-outside");
+      const B = Oe("click-outside");
       return d(), u(v, null, [
-        Z(ce, {
+        Z(ue, {
           isOpen: a.value,
           onConfirmDelete: y,
           onCancelDelete: c
@@ -4430,7 +4430,7 @@ const Cu = /* @__PURE__ */ k(Ko, [["render", Il]]), Ml = {
 ], -1);
 function ki(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, C(r.row, (i, l) => (d(), u("div", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row, (i, l) => (d(), u("div", {
       key: l,
       class: "m-1 d-inline-block"
     }, [
@@ -4456,7 +4456,7 @@ function ki(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const Pu = /* @__PURE__ */ k(pi, [["render", ki]]), $i = {
+const Ou = /* @__PURE__ */ k(pi, [["render", ki]]), $i = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4506,7 +4506,7 @@ const Pu = /* @__PURE__ */ k(pi, [["render", ki]]), $i = {
 ], -1);
 function Ei(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, C(r.row[r.field], (i) => (d(), u("div", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row[r.field], (i) => (d(), u("div", {
       key: i.id,
       class: "m-1 d-inline-block"
     }, [
@@ -4532,7 +4532,7 @@ function Ei(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const Eu = /* @__PURE__ */ k($i, [["render", Ei]]), Ai = {
+const Pu = /* @__PURE__ */ k($i, [["render", Ei]]), Ai = {
   props: ["field", "row", "tdProps"]
 }, ji = { key: 0 }, Ti = ["innerHTML"];
 function Ii(e, t, r, n, o, a) {
@@ -4543,7 +4543,7 @@ function Ii(e, t, r, n, o, a) {
     }, null, 8, Ti)
   ])) : f("", !0);
 }
-const Au = /* @__PURE__ */ k(Ai, [["render", Ii]]), Mi = {
+const Eu = /* @__PURE__ */ k(Ai, [["render", Ii]]), Mi = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4563,13 +4563,13 @@ const Au = /* @__PURE__ */ k(Ai, [["render", Ii]]), Mi = {
 };
 function Li(e, t, r, n, o, a) {
   return d(), u("div", Ni, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, C(r.row[a.entry.key], (i, l) => (d(), u("span", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row[a.entry.key], (i, l) => (d(), u("span", {
       key: l,
       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(i[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Vi, h(r.row[a.entry.key][a.entry.field]), 1)) : f("", !0)
   ]);
 }
-const ju = /* @__PURE__ */ k(Mi, [["render", Li]]), Bi = {
+const Au = /* @__PURE__ */ k(Mi, [["render", Li]]), Bi = {
   props: ["field", "row", "tdProps"]
 }, Gi = { key: 0 }, Fi = { class: "m-1 d-inline-block" }, Ri = ["href", "title"], Ui = ["src", "alt", "title"];
 function qi(e, t, r, n, o, a) {
@@ -4589,7 +4589,7 @@ function qi(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const Tu = /* @__PURE__ */ k(Bi, [["render", qi], ["__scopeId", "data-v-3a28c02c"]]), Hi = {
+const ju = /* @__PURE__ */ k(Bi, [["render", qi], ["__scopeId", "data-v-3a28c02c"]]), Hi = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
@@ -4614,7 +4614,7 @@ function Xi(e, t, r, n, o, a) {
     ]))
   ]);
 }
-const Iu = /* @__PURE__ */ k(Hi, [["render", Xi]]), Ji = {
+const Tu = /* @__PURE__ */ k(Hi, [["render", Xi]]), Ji = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4667,7 +4667,7 @@ function ud(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const Mu = /* @__PURE__ */ k(Ji, [["render", ud]]), cd = {
+const Iu = /* @__PURE__ */ k(Ji, [["render", ud]]), cd = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor() {
@@ -4725,7 +4725,7 @@ function gd(e, t, r, n, o, a) {
     }, h(this.row[this.field]), 3)) : f("", !0)
   ]);
 }
-const Nu = /* @__PURE__ */ k(cd, [["render", gd]]), hd = {
+const Mu = /* @__PURE__ */ k(cd, [["render", gd]]), hd = {
   props: ["field", "row", "tdProps"],
   computed: {
     formattedDate() {
@@ -4744,7 +4744,7 @@ const Nu = /* @__PURE__ */ k(cd, [["render", gd]]), hd = {
 function bd(e, t, r, n, o, a) {
   return d(), u("div", md, h(a.formattedDate), 1);
 }
-const Vu = /* @__PURE__ */ k(hd, [["render", bd]]), pd = {
+const Nu = /* @__PURE__ */ k(hd, [["render", bd]]), pd = {
   props: ["field", "row", "tdProps"]
 }, yd = { class: "flex flex-wrap gap-2 text-nowrap" }, _d = {
   key: 0,
@@ -4775,7 +4775,7 @@ function Cd(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const Lu = /* @__PURE__ */ k(pd, [["render", Cd]]), Sd = {
+const Vu = /* @__PURE__ */ k(pd, [["render", Cd]]), Sd = {
   props: ["field", "row", "tdProps"]
 }, Dd = {
   key: 0,
@@ -4787,7 +4787,7 @@ function Pd(e, t, r, n, o, a) {
         `, 1)
   ])) : f("", !0);
 }
-const Bu = /* @__PURE__ */ k(Sd, [["render", Pd]]), Ed = {
+const Lu = /* @__PURE__ */ k(Sd, [["render", Pd]]), Ed = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4841,25 +4841,25 @@ function Rd(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const Gu = /* @__PURE__ */ k(Ed, [["render", Rd]]), Ud = { class: "w-full max-w-lg" }, qd = { class: "mb-2 flex justify-between items-center" }, Hd = { class: "text-sm font-medium text-gray-900 dark:text-white" }, zd = { class: "relative bg-gray-50 rounded-lg dark:bg-gray-700 p-4 h-64" }, Zd = { class: "overflow-scroll max-h-full" }, Kd = { class: "text-sm text-gray-500 dark:text-gray-400 whitespace-pre" }, Wd = { class: "absolute top-2 end-2 bg-gray-50 dark:bg-gray-700" }, Yd = { class: "text-gray-900 dark:text-gray-400 m-0.5 hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 rounded-lg py-2 px-2.5 inline-flex items-center justify-center bg-white border-gray-200 border" }, Xd = {
+const Bu = /* @__PURE__ */ k(Ed, [["render", Rd]]), Ud = { class: "w-full max-w-lg" }, qd = { class: "mb-2 flex justify-between items-center" }, Hd = { class: "text-sm font-medium text-gray-900 dark:text-white" }, zd = { class: "relative bg-gray-50 rounded-lg dark:bg-gray-700 p-4 h-auto" }, Zd = { class: "overflow-scroll max-h-full" }, Kd = { class: "text-sm text-gray-500 dark:text-gray-400 whitespace-pre" }, Wd = { class: "absolute top-2 end-2 bg-gray-50 dark:bg-gray-700" }, Yd = {
   key: 0,
   class: "inline-flex items-center"
-}, Jd = /* @__PURE__ */ s("svg", {
-  class: "w-3 h-3 me-1.5",
+}, Xd = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3 me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 18 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M16 1h-3.278A1.992 1.992 0 0 0 11 0H7a1.993 1.993 0 0 0-1.722 1H2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-3 14H5a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0-4H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Zm0-5H5a1 1 0 0 1 0-2h2V2h4v2h2a1 1 0 1 1 0 2Z" })
-], -1), Qd = /* @__PURE__ */ s("span", { class: "text-xs font-semibold" }, "Copy", -1), eu = [
-  Jd,
-  Qd
-], tu = {
+], -1), Jd = /* @__PURE__ */ s("span", { class: "text-xs font-semibold" }, "Copy", -1), Qd = [
+  Xd,
+  Jd
+], eu = {
   key: 1,
   class: "hidden inline-flex items-center"
-}, ru = /* @__PURE__ */ s("svg", {
-  class: "w-3 h-3 text-blue-700 dark:text-blue-500 me-1.5",
+}, tu = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3 text-blue-700 dark:text-blue-500 me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -4872,10 +4872,10 @@ const Gu = /* @__PURE__ */ k(Ed, [["render", Rd]]), Ud = { class: "w-full max-w-
     "stroke-width": "2",
     d: "M1 5.917 5.724 10.5 15 1.5"
   })
-], -1), su = /* @__PURE__ */ s("span", { class: "text-xs font-semibold text-blue-700 dark:text-blue-500" }, "Copied", -1), au = [
-  ru,
-  su
-], nu = { class: "mt-2 text-sm text-gray-500 dark:text-gray-400" }, Fu = {
+], -1), ru = /* @__PURE__ */ s("span", { class: "text-xs font-semibold text-blue-700 dark:text-blue-500" }, "Copied", -1), su = [
+  tu,
+  ru
+], au = { class: "mt-2 text-sm text-gray-500 dark:text-gray-400" }, Gu = {
   __name: "GlCodeCopy",
   props: {
     label_name: {
@@ -4892,9 +4892,7 @@ const Gu = /* @__PURE__ */ k(Ed, [["render", Rd]]), Ud = { class: "w-full max-w-
     }
   },
   setup(e) {
-    const t = e;
-    $(null);
-    const r = $(!1), n = (a) => {
+    const t = e, r = C(!1), n = (a) => {
       navigator.clipboard.writeText(a).then(function() {
         r.value = !0, setTimeout(() => {
           r.value = !1;
@@ -4902,72 +4900,70 @@ const Gu = /* @__PURE__ */ k(Ed, [["render", Rd]]), Ud = { class: "w-full max-w-
       }).catch(function(i) {
         console.error("Error copying to clipboard: ", i);
       });
-    }, o = L(() => t.code.value);
-    return (a, i) => {
-      const l = ue("click");
-      return d(), u("div", Ud, [
-        s("div", qd, [
-          s("p", Hd, h(e.label_name), 1)
-        ]),
-        s("div", zd, [
-          s("div", Zd, [
-            s("pre", null, [
-              s("code", Kd, `
+    }, o = L(() => t.code);
+    return (a, i) => (d(), u("div", Ud, [
+      s("div", qd, [
+        s("p", Hd, h(e.label_name), 1)
+      ]),
+      s("div", zd, [
+        s("div", Zd, [
+          s("pre", null, [
+            s("code", Kd, `
             ` + h(o.value) + `
 `, 1)
-            ])
-          ]),
-          s("div", Wd, [
-            D((d(), u("button", Yd, [
-              r.value ? f("", !0) : (d(), u("span", Xd, eu)),
-              r.value ? (d(), u("span", tu, au)) : f("", !0)
-            ])), [
-              [l, n(o.value)]
-            ])
           ])
         ]),
-        s("p", nu, h(e.description), 1)
-      ]);
-    };
+        s("div", Wd, [
+          s("button", {
+            onClick: i[0] || (i[0] = (l) => n(o.value)),
+            class: "text-gray-900 dark:text-gray-400 m-1 hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 rounded-lg py-2 px-3 inline-flex items-center justify-center bg-white border-gray-200 border"
+          }, [
+            r.value ? f("", !0) : (d(), u("span", Yd, Qd)),
+            r.value ? (d(), u("span", eu, su)) : f("", !0)
+          ])
+        ])
+      ]),
+      s("p", au, h(e.description), 1)
+    ]));
   }
 };
 export {
-  Bu as GLDatatableCommand,
-  Vu as GLDatatableDateTime,
-  Lu as GLDatatableStatusServer,
-  fu as GlButton,
-  uu as GlCard,
-  Fu as GlCodeCopy,
-  Gu as GlConfirmationModal,
-  Cu as GlDataTable,
-  $u as GlDataTableServerSide,
-  Du as GlDatatableAction,
-  Ou as GlDatatableDeleteAction,
-  Pu as GlDatatableFileDownload,
-  Eu as GlDatatableFiles,
-  Au as GlDatatableHtml,
-  ju as GlDatatableList,
-  Tu as GlDatatablePicture,
-  Iu as GlDatatableStatus,
-  Mu as GlDatatableStatusGeneral,
-  Nu as GlDatatableStatusSpecficColor,
-  ce as GlDeleteConfirmationModal,
-  wu as GlDropdown,
-  lu as GlFilesUpload,
-  du as GlLanguageSelector,
-  vu as GlModal,
-  _u as GlMultiItemSlide,
-  cu as GlMultiSelectDropdown,
-  iu as GlNotify,
-  yu as GlTab,
-  pu as GlTabsWrapper,
+  Lu as GLDatatableCommand,
+  Nu as GLDatatableDateTime,
+  Vu as GLDatatableStatusServer,
+  cu as GlButton,
+  du as GlCard,
+  Gu as GlCodeCopy,
+  Bu as GlConfirmationModal,
+  $u as GlDataTable,
+  ku as GlDataTableServerSide,
+  Su as GlDatatableAction,
+  Du as GlDatatableDeleteAction,
+  Ou as GlDatatableFileDownload,
+  Pu as GlDatatableFiles,
+  Eu as GlDatatableHtml,
+  Au as GlDatatableList,
+  ju as GlDatatablePicture,
+  Tu as GlDatatableStatus,
+  Iu as GlDatatableStatusGeneral,
+  Mu as GlDatatableStatusSpecficColor,
+  ue as GlDeleteConfirmationModal,
+  xu as GlDropdown,
+  ou as GlFilesUpload,
+  iu as GlLanguageSelector,
+  _u as GlModal,
+  yu as GlMultiItemSlide,
+  uu as GlMultiSelectDropdown,
+  lu as GlNotify,
+  pu as GlTab,
+  bu as GlTabsWrapper,
   wo as GlTailwindPagination,
-  bu as GlTextInput,
-  mu as GlTextTranslate,
-  ku as GlTextarea,
-  gu as GlTextareaTranslate,
-  hu as GlTinymceTranslate,
-  Ce as GlToast,
-  Su as GlToastList,
-  xu as GlToggleBox
+  mu as GlTextInput,
+  hu as GlTextTranslate,
+  wu as GlTextarea,
+  fu as GlTextareaTranslate,
+  gu as GlTinymceTranslate,
+  $e as GlToast,
+  Cu as GlToastList,
+  vu as GlToggleBox
 };