golden-logic-ui 1.0.71 → 1.0.73

package/dist/golden-logic-ui.js

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as Je, inject as Ce, watch as X, effectScope as Qe, computed as G, reactive as Se, resolveComponent as Y, Fragment as v, createVNode as Z, normalizeClass as p, toDisplayString as h, withModifiers as N, withDirectives as O, vModelText as V, renderList as k, normalizeStyle as et, 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 tt, provide as rt, pushScopeId as st, popScopeId as at, vModelCheckbox as nt, nextTick as ot, toHandlers as ae, TransitionGroup as it, unref as lt, resolveDirective as De, markRaw as dt } from "vue";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as Je, inject as Ce, watch as X, effectScope as Qe, computed as G, reactive as Se, resolveComponent as Y, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as h, withModifiers as N, withDirectives as O, vModelText as V, renderList as k, normalizeStyle as et, 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 tt, provide as rt, pushScopeId as st, popScopeId as at, vModelCheckbox as nt, nextTick as ot, toHandlers as ae, TransitionGroup as lt, unref as it, resolveDirective as De, markRaw as dt } from "vue";
 const S = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
@@ -20,28 +20,28 @@ const S = (e, t) => {
   "aria-labelledby": "modal-title",
   role: "dialog",
   "aria-modal": "true"
-}, ft = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, ht = /* @__PURE__ */ s("div", {
+}, ft = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, gt = /* @__PURE__ */ s("div", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), gt = /* @__PURE__ */ s("span", {
+}, null, -1), ht = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), mt = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, pt = /* @__PURE__ */ Je('<div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"><div class="sm:flex sm:items-start"><div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"><h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Confirm Deletion </h3><div class="mt-2"><p class="text-sm text-gray-500"> Are you sure you want to delete this item? This action cannot be undone. </p></div></div></div></div>', 1), bt = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
-function _t(e, t, r, n, o, a) {
+}, "​", -1), mt = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, bt = /* @__PURE__ */ Je('<div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"><div class="sm:flex sm:items-start"><div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"><h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Confirm Deletion </h3><div class="mt-2"><p class="text-sm text-gray-500"> Are you sure you want to delete this item? This action cannot be undone. </p></div></div></div></div>', 1), pt = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+function yt(e, t, r, n, o, a) {
   return r.isOpen ? (d(), u("div", ct, [
     s("div", ft, [
-      ht,
       gt,
+      ht,
       s("div", mt, [
-        pt,
-        s("div", bt, [
+        bt,
+        s("div", pt, [
           s("button", {
-            onClick: t[0] || (t[0] = (...l) => a.confirmDeletion && a.confirmDeletion(...l)),
+            onClick: t[0] || (t[0] = (...i) => a.confirmDeletion && a.confirmDeletion(...i)),
             type: "button",
             class: "inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-red-600 border border-transparent rounded-md shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
           }, " Delete "),
           s("button", {
-            onClick: t[1] || (t[1] = (...l) => a.cancelDeletion && a.cancelDeletion(...l)),
+            onClick: t[1] || (t[1] = (...i) => a.cancelDeletion && a.cancelDeletion(...i)),
             type: "button",
             class: "inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
           }, " Cancel ")
@@ -50,70 +50,70 @@ function _t(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const ue = /* @__PURE__ */ S(ut, [["render", _t]]);
-function yt() {
+const ue = /* @__PURE__ */ S(ut, [["render", yt]]);
+function _t() {
   return Oe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function Oe() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
 const vt = typeof Proxy == "function", xt = "devtools-plugin:setup", wt = "plugin:settings:set";
-let z, ie;
+let z, le;
 function kt() {
   var e;
-  return z !== void 0 || (typeof window < "u" && window.performance ? (z = !0, ie = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (z = !0, ie = globalThis.perf_hooks.performance) : z = !1), z;
+  return z !== void 0 || (typeof window < "u" && window.performance ? (z = !0, le = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (z = !0, le = globalThis.perf_hooks.performance) : z = !1), z;
 }
 function $t() {
-  return kt() ? ie.now() : Date.now();
+  return kt() ? le.now() : Date.now();
 }
 class Ct {
   constructor(t, r) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = r;
     const n = {};
     if (t.settings)
-      for (const l in t.settings) {
-        const i = t.settings[l];
-        n[l] = i.defaultValue;
+      for (const i in t.settings) {
+        const l = t.settings[i];
+        n[i] = l.defaultValue;
       }
     const o = `__vue-devtools-plugin-settings__${t.id}`;
     let a = Object.assign({}, n);
     try {
-      const l = localStorage.getItem(o), i = JSON.parse(l);
-      Object.assign(a, i);
+      const i = localStorage.getItem(o), l = JSON.parse(i);
+      Object.assign(a, l);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
         return a;
       },
-      setSettings(l) {
+      setSettings(i) {
         try {
-          localStorage.setItem(o, JSON.stringify(l));
+          localStorage.setItem(o, JSON.stringify(i));
         } catch {
         }
-        a = l;
+        a = i;
       },
       now() {
         return $t();
       }
-    }, r && r.on(wt, (l, i) => {
-      l === this.plugin.id && this.fallbacks.setSettings(i);
+    }, r && r.on(wt, (i, l) => {
+      i === this.plugin.id && this.fallbacks.setSettings(l);
     }), this.proxiedOn = new Proxy({}, {
-      get: (l, i) => this.target ? this.target.on[i] : (...c) => {
+      get: (i, l) => this.target ? this.target.on[l] : (...c) => {
         this.onQueue.push({
-          method: i,
+          method: l,
           args: c
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (l, i) => this.target ? this.target[i] : i === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(i) ? (...c) => (this.targetQueue.push({
-        method: i,
+      get: (i, l) => this.target ? this.target[l] : l === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(l) ? (...c) => (this.targetQueue.push({
+        method: l,
         args: c,
         resolve: () => {
         }
-      }), this.fallbacks[i](...c)) : (...c) => new Promise((f) => {
+      }), this.fallbacks[l](...c)) : (...c) => new Promise((f) => {
         this.targetQueue.push({
-          method: i,
+          method: l,
           args: c,
           resolve: f
         });
@@ -129,16 +129,16 @@ class Ct {
   }
 }
 function St(e, t) {
-  const r = e, n = Oe(), o = yt(), a = vt && r.enableEarlyProxy;
+  const r = e, n = Oe(), o = _t(), a = vt && r.enableEarlyProxy;
   if (o && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
     o.emit(xt, e, t);
   else {
-    const l = a ? new Ct(r, o) : null;
+    const i = a ? new Ct(r, o) : null;
     (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: r,
       setupFn: t,
-      proxy: l
-    }), l && t(l.proxiedTarget);
+      proxy: i
+    }), i && t(i.proxiedTarget);
   }
 }
 /*!
@@ -184,14 +184,14 @@ function Te(e, t) {
 function ce(e, t, r) {
   var n = e._state, o = e._scope;
   e.getters = {}, e._makeLocalGettersCache = /* @__PURE__ */ Object.create(null);
-  var a = e._wrappedGetters, l = {}, i = {}, c = Qe(!0);
+  var a = e._wrappedGetters, i = {}, l = {}, c = Qe(!0);
   c.run(function() {
     U(a, function(f, m) {
-      l[m] = Ot(f, e), i[m] = G(function() {
-        return l[m]();
+      i[m] = Ot(f, e), l[m] = G(function() {
+        return i[m]();
       }), Object.defineProperty(e.getters, m, {
         get: function() {
-          return i[m].value;
+          return l[m].value;
         },
         enumerable: !0
         // for local getters
@@ -204,24 +204,24 @@ function ce(e, t, r) {
   }), o && o.stop();
 }
 function ee(e, t, r, n, o) {
-  var a = !r.length, l = e._modules.getNamespace(r);
-  if (n.namespaced && (e._modulesNamespaceMap[l] && process.env.NODE_ENV !== "production" && console.error("[vuex] duplicate namespace " + l + " for the namespaced module " + r.join("/")), e._modulesNamespaceMap[l] = n), !a && !o) {
-    var i = fe(t, r.slice(0, -1)), c = r[r.length - 1];
+  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 = fe(t, r.slice(0, -1)), c = r[r.length - 1];
     e._withCommit(function() {
-      process.env.NODE_ENV !== "production" && c in i && console.warn(
+      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(".") + '"'
-      ), i[c] = n.state;
+      ), l[c] = n.state;
     });
   }
-  var f = n.context = Pt(e, l, r);
+  var f = n.context = Pt(e, i, r);
   n.forEachMutation(function(m, y) {
-    var x = l + y;
+    var x = i + y;
     Et(e, x, m, f);
   }), n.forEachAction(function(m, y) {
-    var x = m.root ? y : l + y, $ = m.handler || m;
+    var x = m.root ? y : i + y, $ = m.handler || m;
     jt(e, x, $, f);
   }), n.forEachGetter(function(m, y) {
-    var x = l + y;
+    var x = i + y;
     At(e, x, m, f);
   }), n.forEachChild(function(m, y) {
     ee(e, t, r.concat(y), m, o);
@@ -229,16 +229,16 @@ function ee(e, t, r, n, o) {
 }
 function Pt(e, t, r) {
   var n = t === "", o = {
-    dispatch: n ? e.dispatch : function(a, l, i) {
-      var c = Q(a, l, i), f = c.payload, m = c.options, y = c.type;
+    dispatch: n ? e.dispatch : function(a, i, l) {
+      var c = Q(a, i, l), f = c.payload, m = c.options, y = c.type;
       if ((!m || !m.root) && (y = t + y, process.env.NODE_ENV !== "production" && !e._actions[y])) {
         console.error("[vuex] unknown local action type: " + c.type + ", global type: " + y);
         return;
       }
       return e.dispatch(y, f);
     },
-    commit: n ? e.commit : function(a, l, i) {
-      var c = Q(a, l, i), f = c.payload, m = c.options, y = c.type;
+    commit: n ? e.commit : function(a, i, l) {
+      var c = Q(a, i, l), f = c.payload, m = c.options, y = c.type;
       if ((!m || !m.root) && (y = t + y, process.env.NODE_ENV !== "production" && !e._mutations[y])) {
         console.error("[vuex] unknown local mutation type: " + c.type + ", global type: " + y);
         return;
@@ -280,24 +280,24 @@ function Ie(e, t) {
 }
 function Et(e, t, r, n) {
   var o = e._mutations[t] || (e._mutations[t] = []);
-  o.push(function(l) {
-    r.call(e, n.state, l);
+  o.push(function(i) {
+    r.call(e, n.state, i);
   });
 }
 function jt(e, t, r, n) {
   var o = e._actions[t] || (e._actions[t] = []);
-  o.push(function(l) {
-    var i = r.call(e, {
+  o.push(function(i) {
+    var l = r.call(e, {
       dispatch: n.dispatch,
       commit: n.commit,
       getters: n.getters,
       state: n.state,
       rootGetters: e.getters,
       rootState: e.state
-    }, l);
-    return Dt(i) || (i = Promise.resolve(i)), e._devtoolHook ? i.catch(function(c) {
+    }, i);
+    return Dt(l) || (l = Promise.resolve(l)), e._devtoolHook ? l.catch(function(c) {
       throw e._devtoolHook.emit("vuex:error", c), c;
-    }) : i;
+    }) : l;
   });
 }
 function At(e, t, r, n) {
@@ -409,13 +409,13 @@ function Nt(e, t) {
           });
         },
         after: function(n, o) {
-          var a = {}, l = Date.now() - n._time;
+          var a = {}, i = Date.now() - n._time;
           a.duration = {
             _custom: {
               type: "duration",
-              display: l + "ms",
+              display: i + "ms",
               tooltip: "Action duration",
-              value: l
+              value: i
             }
           }, n.payload && (a.payload = n.payload), a.state = o, r.addTimelineEvent({
             layerId: ne,
@@ -470,22 +470,22 @@ function Le(e, t, r, n) {
 function Bt(e, t, r) {
   t = r === "root" ? t : t[r];
   var n = Object.keys(t), o = {
-    state: Object.keys(e.state).map(function(l) {
+    state: Object.keys(e.state).map(function(i) {
       return {
-        key: l,
+        key: i,
         editable: !0,
-        value: e.state[l]
+        value: e.state[i]
       };
     })
   };
   if (n.length) {
     var a = Gt(t);
-    o.getters = Object.keys(a).map(function(l) {
+    o.getters = Object.keys(a).map(function(i) {
       return {
-        key: l.endsWith("/") ? Ne(l) : l,
+        key: i.endsWith("/") ? Ne(i) : i,
         editable: !1,
-        value: le(function() {
-          return a[l];
+        value: ie(function() {
+          return a[i];
         })
       };
     });
@@ -498,20 +498,20 @@ function Gt(e) {
     var n = r.split("/");
     if (n.length > 1) {
       var o = t, a = n.pop();
-      n.forEach(function(l) {
-        o[l] || (o[l] = {
+      n.forEach(function(i) {
+        o[i] || (o[i] = {
           _custom: {
             value: {},
-            display: l,
+            display: i,
             tooltip: "Module",
             abstract: !0
           }
-        }), o = o[l]._custom.value;
-      }), o[a] = le(function() {
+        }), o = o[i]._custom.value;
+      }), o[a] = ie(function() {
         return e[r];
       });
     } else
-      t[r] = le(function() {
+      t[r] = ie(function() {
         return e[r];
       });
   }), t;
@@ -522,15 +522,15 @@ function Ft(e, t) {
   });
   return r.reduce(
     function(n, o, a) {
-      var l = n[o];
-      if (!l)
+      var i = n[o];
+      if (!i)
         throw new Error('Missing module "' + o + '" for path "' + t + '".');
-      return a === r.length - 1 ? l : l._children;
+      return a === r.length - 1 ? i : i._children;
     },
     t === "root" ? e : e.root._children
   );
 }
-function le(e) {
+function ie(e) {
   try {
     return e();
   } catch (t) {
@@ -597,11 +597,11 @@ q.prototype.register = function(t, r, n) {
   if (t.length === 0)
     this.root = a;
   else {
-    var l = this.get(t.slice(0, -1));
-    l.addChild(t[t.length - 1], a);
+    var i = this.get(t.slice(0, -1));
+    i.addChild(t[t.length - 1], a);
   }
-  r.modules && U(r.modules, function(i, c) {
-    o.register(t.concat(c), i, n);
+  r.modules && U(r.modules, function(l, c) {
+    o.register(t.concat(c), l, n);
   });
 };
 q.prototype.unregister = function(t) {
@@ -675,46 +675,46 @@ var j = function e(t) {
   o === void 0 && (o = !1);
   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 q(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;
+  var i = this, l = this, c = l.dispatch, f = l.commit;
   this.dispatch = function(x, $) {
-    return c.call(l, x, $);
+    return c.call(i, x, $);
   }, this.commit = function(x, $, L) {
-    return f.call(l, x, $, L);
+    return f.call(i, x, $, L);
   }, this.strict = o;
   var m = this._modules.root.state;
   ee(this, m, [], this._modules.root), ce(this, m), n.forEach(function(y) {
     return y(r);
   });
-}, he = { state: { configurable: !0 } };
+}, ge = { state: { configurable: !0 } };
 j.prototype.install = function(t, r) {
   t.provide(r || Pe, this), t.config.globalProperties.$store = this;
   var n = this._devtools !== void 0 ? this._devtools : process.env.NODE_ENV !== "production" || !1;
   n && Nt(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.");
 };
 j.prototype.commit = function(t, r, n) {
-  var o = this, a = Q(t, r, n), l = a.type, i = a.payload, c = a.options, f = { type: l, payload: i }, m = this._mutations[l];
+  var o = this, a = Q(t, r, n), i = a.type, l = a.payload, c = a.options, f = { type: i, payload: l }, m = this._mutations[i];
   if (!m) {
-    process.env.NODE_ENV !== "production" && console.error("[vuex] unknown mutation type: " + l);
+    process.env.NODE_ENV !== "production" && console.error("[vuex] unknown mutation type: " + i);
     return;
   }
   this._withCommit(function() {
     m.forEach(function(x) {
-      x(i);
+      x(l);
     });
   }), this._subscribers.slice().forEach(function(y) {
     return y(f, o.state);
   }), process.env.NODE_ENV !== "production" && c && c.silent && console.warn(
-    "[vuex] mutation type: " + l + ". Silent option has been removed. Use the filter functionality in the vue-devtools"
+    "[vuex] mutation type: " + i + ". Silent option has been removed. Use the filter functionality in the vue-devtools"
   );
 };
 j.prototype.dispatch = function(t, r) {
-  var n = this, o = Q(t, r), a = o.type, l = o.payload, i = { type: a, payload: l }, c = this._actions[a];
+  var n = this, o = Q(t, r), a = o.type, i = o.payload, l = { type: a, payload: i }, c = this._actions[a];
   if (!c) {
     process.env.NODE_ENV !== "production" && console.error("[vuex] unknown action type: " + a);
     return;
@@ -723,21 +723,21 @@ j.prototype.dispatch = function(t, r) {
     this._actionSubscribers.slice().filter(function(m) {
       return m.before;
     }).forEach(function(m) {
-      return m.before(i, n.state);
+      return m.before(l, n.state);
     });
   } catch (m) {
     process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in before action subscribers: "), console.error(m));
   }
   var f = c.length > 1 ? Promise.all(c.map(function(m) {
-    return m(l);
-  })) : c[0](l);
+    return m(i);
+  })) : c[0](i);
   return new Promise(function(m, y) {
     f.then(function(x) {
       try {
         n._actionSubscribers.filter(function($) {
           return $.after;
         }).forEach(function($) {
-          return $.after(i, n.state);
+          return $.after(l, n.state);
         });
       } catch ($) {
         process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in after action subscribers: "), console.error($));
@@ -748,7 +748,7 @@ j.prototype.dispatch = function(t, r) {
         n._actionSubscribers.filter(function($) {
           return $.error;
         }).forEach(function($) {
-          return $.error(i, n.state, x);
+          return $.error(l, n.state, x);
         });
       } catch ($) {
         process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in error action subscribers: "), console.error($));
@@ -796,29 +796,29 @@ j.prototype._withCommit = function(t) {
   var r = this._committing;
   this._committing = !0, t(), this._committing = r;
 };
-Object.defineProperties(j.prototype, he);
+Object.defineProperties(j.prototype, ge);
 var qt = Ue(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !ge(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Re(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"), Re(t).forEach(function(n) {
     var o = n.key, a = n.val;
     r[o] = function() {
-      var i = this.$store.state, c = this.$store.getters;
+      var l = this.$store.state, c = this.$store.getters;
       if (e) {
         var f = qe(this.$store, "mapState", e);
         if (!f)
           return;
-        i = f.context.state, c = f.context.getters;
+        l = f.context.state, c = f.context.getters;
       }
-      return typeof a == "function" ? a.call(this, i, c) : i[a];
+      return typeof a == "function" ? a.call(this, l, c) : l[a];
     }, r[o].vuex = !0;
   }), r;
 }), zt = Ue(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !ge(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Re(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"), Re(t).forEach(function(n) {
     var o = n.key, a = n.val;
     r[o] = function() {
-      for (var i = [], c = arguments.length; c--; )
-        i[c] = arguments[c];
+      for (var l = [], c = arguments.length; c--; )
+        l[c] = arguments[c];
       var f = this.$store.commit;
       if (e) {
         var m = qe(this.$store, "mapMutations", e);
@@ -826,18 +826,18 @@ var qt = Ue(function(e, t) {
           return;
         f = m.context.commit;
       }
-      return typeof a == "function" ? a.apply(this, [f].concat(i)) : f.apply(this.$store, [a].concat(i));
+      return typeof a == "function" ? a.apply(this, [f].concat(l)) : f.apply(this.$store, [a].concat(l));
     };
   }), r;
 });
 function Re(e) {
-  return ge(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 ge(e) {
+function he(e) {
   return Array.isArray(e) || je(e);
 }
 function Ue(e) {
@@ -969,7 +969,7 @@ const Ht = {
           }
         }).then((o) => {
           let a = this.files.findIndex(
-            (l) => l.file_name === e.name
+            (i) => i.file_name === e.name
           );
           a !== -1 && this.files.splice(a, 1), this.uploadFileList.push({
             file_name: o.data.file_name,
@@ -983,7 +983,7 @@ const Ht = {
             "file"
           ) : console.error("An error occurred:", o);
           let a = this.files.findIndex(
-            (l) => l.file_name === e.name
+            (i) => i.file_name === e.name
           );
           a !== -1 && this.files.splice(a, 1), console.log(o), t();
         });
@@ -1021,35 +1021,35 @@ const Ht = {
 ], rr = { class: "mt-2 gl-span-form-error" }, sr = { class: "block mt-2 mb-3 text-sm font-normal leading-5 text-gray-500" }, ar = {
   key: 0,
   class: ""
-}, nr = { 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" }, or = /* @__PURE__ */ s("i", { class: "text-3xl fas fa-file-alt" }, null, -1), ir = { class: "w-full ml-3" }, lr = { class: "flex items-center justify-between mb-1" }, dr = { class: "text-xs text-black dark:text-white" }, ur = { class: "text-xs text-black dark:text-white" }, cr = { class: "w-full h-1 mb-1 bg-white rounded-full dark:bg-gray-800" }, fr = { class: "overflow-x-scroll max-h-56" }, hr = { 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" }, gr = { class: "flex items-center" }, mr = /* @__PURE__ */ s("i", {
+}, nr = { 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" }, or = /* @__PURE__ */ s("i", { class: "text-3xl fas fa-file-alt" }, null, -1), lr = { class: "w-full ml-3" }, ir = { class: "flex items-center justify-between mb-1" }, dr = { class: "text-xs text-black dark:text-white" }, ur = { class: "text-xs text-black dark:text-white" }, cr = { class: "w-full h-1 mb-1 bg-white rounded-full dark:bg-gray-800" }, fr = { class: "overflow-x-scroll max-h-56" }, gr = { 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" }, hr = { class: "flex items-center" }, mr = /* @__PURE__ */ s("i", {
   class: "text-3xl fas fa-file-alt",
   "aria-hidden": "true"
-}, null, -1), pr = { class: "flex flex-col ml-3" }, br = { class: "text-xs" }, _r = { class: "text-xs" }, yr = { class: "flex gap-2" }, vr = ["href"], xr = ["onClick"];
+}, null, -1), br = { class: "flex flex-col ml-3" }, pr = { class: "text-xs" }, yr = { class: "text-xs" }, _r = { class: "flex gap-2" }, vr = ["href"], xr = ["onClick"];
 function wr(e, t, r, n, o, a) {
-  const l = Y("DeleteConfirmationModal");
+  const i = Y("DeleteConfirmationModal");
   return d(), u(v, null, [
-    Z(l, {
+    Z(i, {
       isOpen: o.open_delete_modal,
       onConfirmDelete: a.deleteAction,
       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
         })
       }, h(r.label_name), 3),
       s("div", {
-        onDragover: t[3] || (t[3] = N((...i) => a.onDragOver && a.onDragOver(...i), ["prevent"])),
-        onDragleave: t[4] || (t[4] = N((...i) => a.onDragLeave && a.onDragLeave(...i), ["prevent"])),
-        onDrop: t[5] || (t[5] = N((...i) => a.onDrop && a.onDrop(...i), ["prevent"])),
+        onDragover: t[3] || (t[3] = N((...l) => a.onDragOver && a.onDragOver(...l), ["prevent"])),
+        onDragleave: t[4] || (t[4] = N((...l) => a.onDragLeave && a.onDragLeave(...l), ["prevent"])),
+        onDrop: t[5] || (t[5] = N((...l) => a.onDrop && a.onDrop(...l), ["prevent"])),
         class: "flex flex-col items-center justify-center w-full h-40 mt-3 mb-3 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600"
       }, [
         s("div", Zt, [
@@ -1058,60 +1058,60 @@ function wr(e, t, r, n, o, a) {
             ref: "file_input" + r.field_name,
             hidden: "",
             multiple: r.has_multiple_file,
-            onChange: t[0] || (t[0] = (...i) => a.uploadFiles && a.uploadFiles(...i))
+            onChange: t[0] || (t[0] = (...l) => a.uploadFiles && a.uploadFiles(...l))
           }, null, 40, Kt),
           O(s("input", {
             type: "hidden",
             name: r.field_name,
-            "onUpdate:modelValue": t[1] || (t[1] = (i) => a.uploadedFileIds = i)
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => a.uploadedFileIds = l)
           }, null, 8, Wt), [
             [V, a.uploadedFileIds]
           ]),
           o.isDragging ? (d(), u("div", Qt, tr)) : (d(), u("div", {
             key: 0,
             class: "flex flex-col items-center justify-center",
-            onClick: t[2] || (t[2] = (i) => e.$refs["file_input" + this.field_name].click())
+            onClick: t[2] || (t[2] = (l) => e.$refs["file_input" + this.field_name].click())
           }, Jt))
         ])
       ], 32),
       s("span", rr, h(o.error_message_data), 1),
       s("small", sr, h(r.description), 1),
       o.files.length > 0 ? (d(), u("section", ar, [
-        (d(!0), u(v, null, k(o.files, (i, c) => (d(), u("li", nr, [
+        (d(!0), u(v, null, k(o.files, (l, c) => (d(), u("li", nr, [
           or,
-          s("div", ir, [
-            s("div", lr, [
-              s("span", dr, h(a.getFileName(i.file_name)), 1),
-              s("span", ur, h(i.loading), 1)
+          s("div", lr, [
+            s("div", ir, [
+              s("span", dr, h(a.getFileName(l.file_name)), 1),
+              s("span", ur, h(l.loading), 1)
             ]),
             s("div", cr, [
               s("div", {
                 class: "h-full bg-gray-500 rounded-full dark:bg-gray-400",
-                style: et({ width: i.loading + "%" })
+                style: et({ width: l.loading + "%" })
               }, null, 4)
             ])
           ])
         ]))), 256))
       ])) : g("", !0),
       s("section", fr, [
-        (d(!0), u(v, null, k(o.uploadFileList, (i, c) => (d(), u("li", hr, [
-          s("div", gr, [
+        (d(!0), u(v, null, k(o.uploadFileList, (l, c) => (d(), u("li", gr, [
+          s("div", hr, [
             mr,
-            s("div", pr, [
-              s("span", br, h(a.getFileName(i.file_name)), 1),
-              s("span", _r, h(a.formatFileSize(i.size)), 1)
+            s("div", br, [
+              s("span", pr, h(a.getFileName(l.file_name)), 1),
+              s("span", yr, h(a.formatFileSize(l.size)), 1)
             ])
           ]),
-          s("div", yr, [
+          s("div", _r, [
             s("a", {
-              href: i.url,
+              href: l.url,
               target: "_blank",
               class: "text-lg text-blue-600 cursor-pointer dark:text-blue-400 fas fa-download"
             }, null, 8, vr),
             r.is_enable_delete ? (d(), u("i", {
               key: 0,
               onClick: (f) => {
-                o.media_id = i.id, o.open_delete_modal = !0;
+                o.media_id = l.id, o.open_delete_modal = !0;
               },
               class: "text-lg text-red-600 cursor-pointer dark:text-red-400 fas fa-x"
             }, null, 8, xr)) : g("", !0)
@@ -1121,7 +1121,7 @@ function wr(e, t, r, n, o, a) {
     ], 2)
   ], 64);
 }
-const yd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
+const wd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
   computed: {
     ...qt("notification", ["notification"]),
     alertClasses() {
@@ -1199,7 +1199,7 @@ const yd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
 function Er(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"
   }, [
     $r,
@@ -1207,13 +1207,13 @@ function Er(e, t, r, n, o, a) {
     s("div", Sr, h(e.notification.message), 1),
     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]),
+      onClick: t[0] || (t[0] = (...i) => a.dismiss && a.dismiss(...i)),
+      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"
     }, Pr, 2)
   ], 2)) : g("", !0);
 }
-const vd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
+const kd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
   components: {},
   props: {
     field_name: {
@@ -1251,31 +1251,31 @@ const vd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
 }, Ar = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, Tr = ["name", "value", "id", "checked"], Ir = ["for"];
 function Mr(e, t, r, n, o, a) {
   return d(), u("ul", Ar, [
-    (d(!0), u(v, null, k(o.locals, (l, i) => (d(), u("li", null, [
+    (d(!0), u(v, null, k(o.locals, (i, l) => (d(), u("li", null, [
       s("input", {
         type: "radio",
         name: r.trans_selector_name,
-        value: l,
+        value: i,
         class: "hidden peer",
-        id: l + "_" + r.field_name,
+        id: i + "_" + r.field_name,
         autocomplete: "off",
-        checked: l === o.default_language
+        checked: i === o.default_language
       }, null, 8, Tr),
       s("label", {
-        for: l + "_" + r.field_name,
-        class: p([{
-          "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
+        for: i + "_" + r.field_name,
+        class: b([{
+          "border md:!rounded-s-lg": l === 0,
+          "border md:!rounded-e-lg": l === o.locals.length - 1,
+          "border-t border-b": l !== 0 && l !== o.locals.length - 1
         }, "w-full p-1 font-bold text-center text-gray-500 uppercase bg-white border-gray-200 rounded-lg cursor-pointer md:rounded-none dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700"])
-      }, h(l), 11, Ir)
+      }, h(i), 11, Ir)
     ]))), 256))
   ]);
 }
-const xd = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Vr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Lr = { class: "font-semibold text-black dark:text-white" }, Br = {
+const $d = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Vr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Lr = { class: "font-semibold text-black dark:text-white" }, Br = {
   key: 0,
   class: "p-6"
-}, wd = {
+}, Cd = {
   __name: "GlCard",
   props: {
     class: {
@@ -1286,7 +1286,7 @@ const xd = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white bord
   setup(e) {
     const t = e, r = G(() => 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", Nr, [
         s("div", Vr, [
@@ -1487,27 +1487,27 @@ function ns(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", Fr, h(r.label_name), 1),
       s("p", Rr, [
-        (d(!0), u(v, null, k(o.selected, (l, i) => (d(), u("span", Ur, h(l.name), 1))), 256))
+        (d(!0), u(v, null, k(o.selected, (i, l) => (d(), u("span", Ur, h(i.name), 1))), 256))
       ]),
       qr
     ], 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, k(o.selectedIds, (l, i) => (d(), u("input", {
+      (d(!0), u(v, null, k(o.selectedIds, (i, l) => (d(), u("input", {
         type: "hidden",
         name: r.field_name + "[]",
-        key: i,
-        value: l
+        key: l,
+        value: i
       }, null, 8, zr))), 128)),
       r.options ? (d(), u("div", Hr, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": r.error_message == "",
             "gl-label-form-invalid": r.error_message !== "",
             required: r.is_required
@@ -1515,12 +1515,12 @@ function ns(e, t, r, n, o, a) {
         }, h(r.label_name), 3),
         s("div", Zr, [
           s("button", {
-            onClick: t[0] || (t[0] = (...l) => a.selectAll && a.selectAll(...l)),
+            onClick: t[0] || (t[0] = (...i) => a.selectAll && a.selectAll(...i)),
             type: "button",
             class: "px-4 py-0 text-sm font-medium text-gray-900 bg-transparent border border-gray-900 rounded-s-md hover:bg-gray-900 hover:text-white focus:z-10 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700"
           }, " Select all "),
           s("button", {
-            onClick: t[1] || (t[1] = (...l) => a.deselectAll && a.deselectAll(...l)),
+            onClick: t[1] || (t[1] = (...i) => a.deselectAll && a.deselectAll(...i)),
             type: "button",
             class: "px-4 py-0 text-sm font-medium text-gray-900 bg-transparent border border-gray-900 rounded-e-md hover:bg-gray-900 hover:text-white focus:z-10 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700"
           }, " Deselect all ")
@@ -1529,21 +1529,21 @@ function ns(e, t, r, n, o, a) {
           s("div", Wr, [
             s("div", {
               class: "flex flex-wrap gap-2 pl-8 pr-2 gl-multi-dropdown showOptions",
-              onClick: t[2] || (t[2] = (l) => a.showOptions())
+              onClick: t[2] || (t[2] = (i) => a.showOptions())
             }, [
-              (d(!0), u(v, null, k(o.selected, (l, i) => (d(), u("span", {
-                key: i,
+              (d(!0), u(v, null, k(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"
               }, [
-                w(h(l.name) + " ", 1),
+                w(h(i.name) + " ", 1),
                 s("i", {
-                  onClick: N((c) => a.clearOption(l), ["stop"]),
+                  onClick: N((c) => a.clearOption(i), ["stop"]),
                   class: "cursor-pointer pointer-events-auto hover:text-red-600 dark:hover:text-red-400 fas fa-times"
                 }, null, 8, Xr)
               ]))), 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)
           ]),
@@ -1554,10 +1554,10 @@ function ns(e, t, r, n, o, a) {
                 ts,
                 O(s("input", {
                   type: "search",
-                  "onUpdate:modelValue": t[3] || (t[3] = (l) => o.searchFilter = l),
+                  "onUpdate:modelValue": t[3] || (t[3] = (i) => o.searchFilter = i),
                   id: r.field_name + "search",
                   ref: r.field_name + "search",
-                  onBlur: t[4] || (t[4] = (l) => a.exit()),
+                  onBlur: t[4] || (t[4] = (i) => a.exit()),
                   autocomplete: "off",
                   class: "block w-full p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
                   placeholder: "Search ..."
@@ -1567,16 +1567,16 @@ function ns(e, t, r, n, o, a) {
               ])
             ]),
             s("div", ss, [
-              (d(!0), u(v, null, k(a.filteredOptions, (l, i) => (d(), u("div", {
-                class: p([
+              (d(!0), u(v, null, k(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",
-                  i + 1 == o.count || a.isOptionSelected(l.id) ? "bg-gray-100 dark:bg-gray-600" : ""
+                  l + 1 == o.count || a.isOptionSelected(i.id) ? "bg-gray-100 dark:bg-gray-600" : ""
                 ]),
-                onClick: (c) => a.selectOption(l),
-                onMousedown: (c) => a.selectOption(l),
-                key: i,
-                id: i + 1
-              }, h(l.name || l.id || "-"), 43, as))), 128))
+                onClick: (c) => a.selectOption(i),
+                onMousedown: (c) => a.selectOption(i),
+                key: l,
+                id: l + 1
+              }, h(i.name || i.id || "-"), 43, as))), 128))
             ])
           ], 512), [
             [F, o.optionsShown]
@@ -1586,7 +1586,7 @@ function ns(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const kd = /* @__PURE__ */ S(Gr, [["render", ns]]), os = {
+const Sd = /* @__PURE__ */ S(Gr, [["render", ns]]), os = {
   props: {
     button_type: {
       type: String,
@@ -1642,7 +1642,7 @@ const kd = /* @__PURE__ */ S(Gr, [["render", ns]]), os = {
     }
   },
   methods: {}
-}, is = /* @__PURE__ */ s("svg", {
+}, ls = /* @__PURE__ */ s("svg", {
   "aria-hidden": "true",
   role: "status",
   class: "inline w-4 h-4 me-3 animate-spin",
@@ -1659,14 +1659,14 @@ const kd = /* @__PURE__ */ S(Gr, [["render", ns]]), os = {
     fill: "#1C64F2"
   })
 ], -1);
-function ls(e, t, r, n, o, a) {
+function is(e, t, r, n, o, a) {
   return r.is_loading ? (d(), K(oe("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: J(() => [
-      is,
+      ls,
       w(" Loading... ")
     ]),
     _: 1
@@ -1681,14 +1681,14 @@ function ls(e, t, r, n, o, a) {
     default: J(() => [
       r.icon ? (d(), u("i", {
         key: 0,
-        class: p([r.icon, "text-base"])
+        class: b([r.icon, "text-base"])
       }, null, 2)) : g("", !0),
       T(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["type", "disabled", "href", "class"]));
 }
-const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold ptext-lg dark:text-white" }, us = ["name", "id"], cs = ["id"], fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), hs = ["for"], gs = /* @__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), ms = ["name", "id"], ps = ["required", "name", "id", "type"], bs = { class: "gl-span-form-error" }, _s = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Cd = {
+const Dd = /* @__PURE__ */ S(os, [["render", is]]), ds = { class: "font-bold ptext-lg dark:text-white" }, us = ["name", "id"], cs = ["id"], fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), gs = ["for"], hs = /* @__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), ms = ["name", "id"], bs = ["required", "name", "id", "type"], ps = { class: "gl-span-form-error" }, ys = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Od = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1746,21 +1746,21 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = C(null), l = C(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,
         row_id: n.translatable.row_id,
         field: n.translatable.field
-      }).then((i) => {
-        l.value.value = JSON.stringify(i.data), o("update:modelValueTranslate", JSON.stringify(i.data)), console.log("input_translate", l.value.value);
-      }).catch((i) => {
-        console.log(i);
+      }).then((l) => {
+        i.value.value = JSON.stringify(l.data), o("update:modelValueTranslate", JSON.stringify(l.data)), console.log("input_translate", i.value.value);
+      }).catch((l) => {
+        console.log(l);
       });
-    }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
+    }), t({ focus: () => a.value.focus() }), (l, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", ds, h(e.label_name), 1),
         O(s("input", {
@@ -1769,10 +1769,10 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
           ref_key: "input_translate",
-          ref: l,
-          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
+          ref: i,
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => l.inputTranslateValue = f)
         }, null, 8, us), [
-          [V, i.inputTranslateValue]
+          [V, l.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
@@ -1782,49 +1782,49 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { 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
           }),
           for: e.field_name
-        }, h(e.label_name), 11, hs),
-        gs,
+        }, h(e.label_name), 11, gs),
+        hs,
         s("input", {
           class: "mb-4",
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
-          onInput: c[1] || (c[1] = (f) => i.$emit("update:modelValueTranslate", f.target.value)),
+          onInput: c[1] || (c[1] = (f) => l.$emit("update:modelValueTranslate", f.target.value)),
           ref_key: "input_translate",
-          ref: l
+          ref: i
         }, null, 40, ms),
         s("textarea", {
           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 !== ""
           }),
           type: e.type,
-          onInput: c[2] || (c[2] = (f) => i.$emit("update:modelValue", f.target.value)),
-          onKeydown: c[3] || (c[3] = (f) => i.$emit("keydown", f)),
+          onInput: c[2] || (c[2] = (f) => l.$emit("update:modelValue", f.target.value)),
+          onKeydown: c[3] || (c[3] = (f) => l.$emit("keydown", f)),
           ref_key: "input",
           ref: a,
           rows: "4"
         }, `
-   `, 42, ps),
-        s("span", bs, h(e.error_message), 1),
-        s("small", _s, h(e.description), 1)
+   `, 42, bs),
+        s("span", ps, h(e.error_message), 1),
+        s("small", ys, h(e.description), 1)
       ], 2))
     ], 64));
   }
-}, ys = { class: "font-bold ptext-lg dark:text-white" }, vs = ["name", "id"], xs = ["id"], ws = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ks = ["for"], $s = /* @__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"], Ss = ["name", "id", "type"], Ds = { class: "gl-span-form-error" }, Os = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Sd = {
+}, _s = { class: "font-bold ptext-lg dark:text-white" }, vs = ["name", "id"], xs = ["id"], ws = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ks = ["for"], $s = /* @__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"], Ss = ["name", "id", "type"], Ds = { class: "gl-span-form-error" }, Os = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Pd = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1882,7 +1882,7 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = C(null), l = C(null);
+    const n = e, o = r, a = C(null), i = C(null);
     return R(() => {
       tinymce.init({
         selector: "#" + n.field_name,
@@ -1892,27 +1892,27 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
         model: n.translatable.model,
         row_id: n.translatable.row_id,
         field: n.translatable.field
-      }).then((i) => {
-        l.value.value = JSON.stringify(i.data), o("update:modelValueTranslate", JSON.stringify(i.data));
-      }).catch((i) => {
-        console.log(i);
+      }).then((l) => {
+        i.value.value = JSON.stringify(l.data), o("update:modelValueTranslate", JSON.stringify(l.data));
+      }).catch((l) => {
+        console.log(l);
       });
-    }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
+    }), t({ focus: () => a.value.focus() }), (l, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
-        s("h3", ys, h(e.label_name), 1),
+        s("h3", _s, h(e.label_name), 1),
         O(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
           ref_key: "input_translate",
-          ref: l,
-          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
+          ref: i,
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => l.inputTranslateValue = f)
         }, null, 8, vs), [
-          [V, i.inputTranslateValue]
+          [V, l.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
@@ -1922,10 +1922,10 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { 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
@@ -1939,20 +1939,20 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           "data-i18n": "true",
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
-          onInput: c[1] || (c[1] = (f) => i.$emit("update:modelValueTranslate", f.target.value)),
+          onInput: c[1] || (c[1] = (f) => l.$emit("update:modelValueTranslate", f.target.value)),
           ref_key: "input_translate",
-          ref: l
+          ref: i
         }, null, 40, Cs),
         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 !== ""
           }]),
           type: e.type,
-          onInput: c[2] || (c[2] = (f) => i.$emit("update:modelValue", f.target.value)),
-          onKeydown: c[3] || (c[3] = (f) => i.$emit("keydown", f)),
+          onInput: c[2] || (c[2] = (f) => l.$emit("update:modelValue", f.target.value)),
+          onKeydown: c[3] || (c[3] = (f) => l.$emit("keydown", f)),
           ref_key: "input",
           ref: a,
           rows: "4"
@@ -1963,7 +1963,7 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Ps = { class: "font-bold ptext-lg dark:text-white" }, Es = ["name", "id"], js = ["id"], As = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Ts = ["for"], Is = /* @__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), Ms = ["name", "id"], Ns = ["required", "name", "id", "type"], Vs = { class: "gl-span-form-error" }, Ls = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Dd = {
+}, Ps = { class: "font-bold ptext-lg dark:text-white" }, Es = ["name", "id"], js = ["id"], As = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Ts = ["for"], Is = /* @__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), Ms = ["name", "id"], Ns = ["required", "name", "id", "type"], Vs = { class: "gl-span-form-error" }, Ls = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ed = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2021,21 +2021,21 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = C(null), l = C(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,
         row_id: n.translatable.row_id,
         field: n.translatable.field
-      }).then((i) => {
-        l.value.value = JSON.stringify(i.data), o("update:modelValueTranslate", JSON.stringify(i.data));
-      }).catch((i) => {
-        console.log(i);
+      }).then((l) => {
+        i.value.value = JSON.stringify(l.data), o("update:modelValueTranslate", JSON.stringify(l.data));
+      }).catch((l) => {
+        console.log(l);
       });
-    }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
+    }), t({ focus: () => a.value.focus() }), (l, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Ps, h(e.label_name), 1),
         O(s("input", {
@@ -2044,9 +2044,9 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
           ref: "input_translate_s",
-          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => l.inputTranslateValue = f)
         }, null, 8, Es), [
-          [V, i.inputTranslateValue]
+          [V, l.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
@@ -2056,10 +2056,10 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { 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
@@ -2073,21 +2073,21 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           "data-i18n": "true",
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
-          onInput: c[1] || (c[1] = (f) => i.$emit("update:modelValueTranslate", f.target.value)),
+          onInput: c[1] || (c[1] = (f) => l.$emit("update:modelValueTranslate", f.target.value)),
           ref_key: "input_translate",
-          ref: l
+          ref: i
         }, null, 40, Ms),
         s("input", {
           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 !== ""
           }),
           type: e.type,
-          onInput: c[2] || (c[2] = (f) => i.$emit("update:modelValue", f.target.value)),
-          onKeydown: c[3] || (c[3] = (f) => i.$emit("keydown", f)),
+          onInput: c[2] || (c[2] = (f) => l.$emit("update:modelValue", f.target.value)),
+          onKeydown: c[3] || (c[3] = (f) => l.$emit("keydown", f)),
           ref_key: "input",
           ref: a
         }, null, 42, Ns),
@@ -2096,7 +2096,7 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Bs = { class: "font-bold ptext-lg dark:text-white" }, Gs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Rs = ["for"], Us = ["required", "name", "id", "type"], qs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Od = {
+}, Bs = { class: "font-bold ptext-lg dark:text-white" }, Gs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Rs = ["for"], Us = ["required", "name", "id", "type"], qs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, jd = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -2142,18 +2142,18 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     R(() => {
       a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus();
     });
-    const l = G({
+    const i = G({
       get() {
         return n.modelValue;
       },
-      set(i) {
-        o("update:modelValue", i);
+      set(l) {
+        o("update:modelValue", l);
       }
     });
-    return t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
+    return t({ focus: () => a.value.focus() }), (l, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Bs, h(e.label_name), 1),
         s("p", Gs, h(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
@@ -2161,10 +2161,10 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { 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
@@ -2175,17 +2175,17 @@ const $d = /* @__PURE__ */ S(os, [["render", ls]]), ds = { 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 !== ""
           }),
           type: e.type,
-          "onUpdate:modelValue": c[0] || (c[0] = (f) => l.value = f),
-          onKeydown: c[1] || (c[1] = (f) => i.$emit("keydown", f)),
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.value = f),
+          onKeydown: c[1] || (c[1] = (f) => l.$emit("keydown", f)),
           ref_key: "input",
           ref: a
         }, null, 42, Us), [
-          [tt, l.value]
+          [tt, i.value]
         ]),
         s("span", qs, h(e.error_message), 1),
         s("small", zs, h(e.description), 1)
@@ -2206,18 +2206,18 @@ function ea(e, t, r, n, o, a) {
     s("div", Zs, [
       s("div", Ks, [
         s("ul", Ws, [
-          (d(!0), u(v, null, k(n.tabs, (l) => (d(), u("li", {
-            key: l.title,
-            onClick: (i) => n.selectedTitle = l.title,
+          (d(!0), u(v, null, k(n.tabs, (i) => (d(), u("li", {
+            key: i.title,
+            onClick: (l) => n.selectedTitle = i.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 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 != i.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === i.title }, "block px-5 py-3 text-xs font-bold leading-normal 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([i.icon, "mr-1 text-base"])
               }, null, 2),
-              w(" " + h(l.title), 1)
+              w(" " + h(i.title), 1)
             ], 2)
           ], 8, Xs))), 128))
         ])
@@ -2232,7 +2232,7 @@ function ea(e, t, r, n, o, a) {
     ])
   ], 64);
 }
-const Pd = /* @__PURE__ */ S(Hs, [["render", ea]]), ta = {
+const Ad = /* @__PURE__ */ S(Hs, [["render", ea]]), ta = {
   props: ["title"],
   setup() {
     return {
@@ -2247,7 +2247,7 @@ function sa(e, t, r, n, o, a) {
     [F, r.title == n.selectedTitle]
   ]);
 }
-const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
+const Td = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2308,13 +2308,13 @@ const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
       let e = this, t = document.getElementById("slider_" + this.Random_string);
       const r = (o) => {
         t.style.cursor = "grabbing";
-        const a = (i) => {
-          const c = i.clientX || i.touches && i.touches[0] && i.touches[0].clientX, f = i.clientY || i.touches && i.touches[0] && i.touches[0].clientY, m = c - e.initialX, y = f - e.initialY;
-          Math.abs(m) > Math.abs(y) ? (i.preventDefault(), Math.abs(m) >= 70 && (m < 0 ? e.next() : e.prev(), e.initialX = c)) : t.style.cursor = "grab", Math.abs(y) > Math.abs(m) && (t.style.cursor = "grab");
-        }, l = () => {
-          document.removeEventListener("mousemove", a), document.removeEventListener("touchmove", a), document.removeEventListener("mouseup", l), document.removeEventListener("touchend", l), t.style.cursor = "grab";
+        const a = (l) => {
+          const c = l.clientX || l.touches && l.touches[0] && l.touches[0].clientX, f = l.clientY || l.touches && l.touches[0] && l.touches[0].clientY, m = c - e.initialX, y = f - e.initialY;
+          Math.abs(m) > Math.abs(y) ? (l.preventDefault(), Math.abs(m) >= 70 && (m < 0 ? e.next() : e.prev(), e.initialX = c)) : t.style.cursor = "grab", Math.abs(y) > Math.abs(m) && (t.style.cursor = "grab");
+        }, i = () => {
+          document.removeEventListener("mousemove", a), document.removeEventListener("touchmove", a), document.removeEventListener("mouseup", i), document.removeEventListener("touchend", i), t.style.cursor = "grab";
         };
-        document.addEventListener("mousemove", a), document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("mouseup", l), document.addEventListener("touchend", l), e.initialX = o.clientX || o.touches && o.touches[0] && o.touches[0].clientX, e.initialY = o.clientY || o.touches && o.touches[0] && o.touches[0].clientY;
+        document.addEventListener("mousemove", a), document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("mouseup", i), document.addEventListener("touchend", i), e.initialX = o.clientX || o.touches && o.touches[0] && o.touches[0].clientX, e.initialY = o.clientY || o.touches && o.touches[0] && o.touches[0].clientY;
       }, n = (o) => {
         o.key === "ArrowLeft" ? e.prev() : o.key === "ArrowRight" && e.next();
       };
@@ -2327,18 +2327,18 @@ const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
       this.currentDot > 1 && (this.currentDot--, this.setDot(this.currentDot));
     },
     initSlider() {
-      let e = document.getElementById("sliderContainer_" + this.Random_string), t = document.getElementById("mainSliderContainer_" + this.Random_string), r = document.getElementById("slider_" + this.Random_string), n = r.querySelectorAll("li"), o = Array.from(n).filter((i) => i.parentNode === r), a = e.clientWidth, l = a / this.elementsToShow;
-      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, l = this.hide_arrow ? t.clientWidth : a) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, l = this.hide_arrow ? t.clientWidth : a), o.length > 1) {
+      let e = document.getElementById("sliderContainer_" + this.Random_string), t = document.getElementById("mainSliderContainer_" + this.Random_string), r = document.getElementById("slider_" + this.Random_string), n = r.querySelectorAll("li"), o = Array.from(n).filter((l) => l.parentNode === r), a = e.clientWidth, i = a / this.elementsToShow;
+      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, i = this.hide_arrow ? t.clientWidth : a) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, i = this.hide_arrow ? t.clientWidth : a), o.length > 1) {
         this.dotsNum = this.elementsToShow == 1 ? o.length : o.length - this.elementsToShow + 1;
-        let i = this.elementsToShow == 1 ? l * o.length / this.dotsNum : l * (o.length - this.elementsToShow) / (this.dotsNum - 1);
+        let l = this.elementsToShow == 1 ? i * o.length / this.dotsNum : i * (o.length - this.elementsToShow) / (this.dotsNum - 1);
         this.dotsNavigation = [];
         for (let c = 0; c < this.dotsNum; c++)
-          this.dotsNavigation.push(i * c);
+          this.dotsNavigation.push(l * c);
       }
-      r.style.width = o.length * l + "px", r.style.transition = "margin", r.style.transitionDuration = "1s";
-      for (let i = 0; i < o.length; i++) {
-        const c = o[i];
-        c.style.width = l + "px";
+      r.style.width = o.length * i + "px", r.style.transition = "margin", r.style.transitionDuration = "1s";
+      for (let l = 0; l < o.length; l++) {
+        const c = o[l];
+        c.style.width = i + "px";
       }
     },
     setDot(e) {
@@ -2349,7 +2349,7 @@ const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
 }, P = (e) => (st("data-v-a94f16a9"), e = e(), at(), e), na = ["id"], oa = {
   key: 0,
   class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
-}, ia = { class: "w-full" }, la = {
+}, la = { class: "w-full" }, ia = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2375,9 +2375,9 @@ const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), ha = [
+}, null, -1)), ga = [
   fa
-], ga = ["id"], ma = ["id"], pa = { class: "w-full" }, ba = {
+], ha = ["id"], ma = ["id"], ba = { class: "w-full" }, pa = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2385,12 +2385,12 @@ const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, _a = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, ya = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), ya = [
-  _a
+}, null, -1)), _a = [
+  ya
 ], va = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
@@ -2534,22 +2534,22 @@ const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
 function dn(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", oa, [
-        s("div", ia, [
+        s("div", la, [
           s("button", {
             class: "p-3 mr-5 rounded-full shadow-lg arrow_button_styles",
-            onClick: t[0] || (t[0] = (l) => a.prev())
+            onClick: t[0] || (t[0] = (i) => a.prev())
           }, [
-            r.direction_property == "ltr" ? (d(), u("svg", la, ua)) : g("", !0),
-            r.direction_property == "rtl" ? (d(), u("svg", ca, ha)) : g("", !0)
+            r.direction_property == "ltr" ? (d(), u("svg", ia, ua)) : g("", !0),
+            r.direction_property == "rtl" ? (d(), u("svg", ca, ga)) : g("", !0)
           ])
         ])
       ])) : g("", !0),
       s("div", {
-        class: p(["overflow-hidden", a.sliderContainerAction()]),
+        class: b(["overflow-hidden", a.sliderContainerAction()]),
         id: "sliderContainer_" + e.Random_string
       }, [
         s("ul", {
@@ -2558,14 +2558,14 @@ function dn(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", pa, [
+            s("div", ba, [
               s("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
-                onClick: t[1] || (t[1] = N((l) => a.prev(), ["stop"]))
+                onClick: t[1] || (t[1] = N((i) => a.prev(), ["stop"]))
               }, [
-                r.direction_property == "ltr" ? (d(), u("svg", ba, ya)) : g("", !0),
+                r.direction_property == "ltr" ? (d(), u("svg", pa, _a)) : g("", !0),
                 r.direction_property == "rtl" ? (d(), u("svg", va, wa)) : g("", !0)
               ])
             ])
@@ -2573,12 +2573,12 @@ function dn(e, t, r, n, o, a) {
           T(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", ka, [
               s("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
-                onClick: t[2] || (t[2] = N((l) => a.next(), ["stop"]))
+                onClick: t[2] || (t[2] = N((i) => a.next(), ["stop"]))
               }, [
                 r.direction_property == "ltr" ? (d(), u("svg", $a, Sa)) : g("", !0),
                 r.direction_property == "rtl" ? (d(), u("svg", Da, Pa)) : g("", !0)
@@ -2588,32 +2588,32 @@ function dn(e, t, r, n, o, a) {
         ], 8, ma),
         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, k(e.dotsNum, (l) => (d(), u("button", {
+          (d(!0), u(v, null, k(e.dotsNum, (i) => (d(), u("button", {
             role: "button",
-            class: p(["gl-dot", { active: e.currentDot == l }]),
-            key: l,
-            onClick: (i) => a.setDot(l)
+            class: b(["gl-dot", { active: e.currentDot == i }]),
+            key: i,
+            onClick: (l) => a.setDot(i)
           }, Aa, 10, Ea))), 128))
         ], 2)) : g("", !0),
         r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", Ta, [
           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, k(e.dotsNum, (l) => (d(), u("button", {
+            (d(!0), u(v, null, k(e.dotsNum, (i) => (d(), u("button", {
               role: "button",
-              class: p(["gl-dot", { active: e.currentDot == l }]),
-              key: l,
-              onClick: (i) => a.setDot(l)
+              class: b(["gl-dot", { active: e.currentDot == i }]),
+              key: i,
+              onClick: (l) => a.setDot(i)
             }, Na, 10, Ia))), 128))
           ], 2),
           e.dotsNum > 0 ? (d(), u("div", Va, [
             s("div", La, [
               s("div", Ba, [
                 s("button", {
-                  class: p(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
-                  onClick: t[3] || (t[3] = (l) => a.prev())
+                  class: b(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
+                  onClick: t[3] || (t[3] = (i) => a.prev())
                 }, [
                   r.direction_property == "ltr" ? (d(), u("svg", Ga, Ra)) : g("", !0),
                   r.direction_property == "rtl" ? (d(), u("svg", Ua, za)) : g("", !0)
@@ -2624,7 +2624,7 @@ function dn(e, t, r, n, o, a) {
               s("div", Za, [
                 s("button", {
                   class: "p-3 rounded-full arrow_button_styles",
-                  onClick: t[4] || (t[4] = (l) => a.next())
+                  onClick: t[4] || (t[4] = (i) => a.next())
                 }, [
                   r.direction_property == "ltr" ? (d(), u("svg", Ka, Xa)) : g("", !0),
                   r.direction_property == "rtl" ? (d(), u("svg", Ya, Qa)) : g("", !0)
@@ -2633,12 +2633,12 @@ function dn(e, t, r, n, o, a) {
             ])
           ])) : g("", !0)
         ])) : g("", !0)
-      ], 10, ga),
+      ], 10, ha),
       e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", en, [
         s("div", tn, [
           s("button", {
             class: "p-3 ml-5 rounded-full shadow-lg arrow_button_styles",
-            onClick: t[5] || (t[5] = (l) => a.next())
+            onClick: t[5] || (t[5] = (i) => a.next())
           }, [
             r.direction_property == "ltr" ? (d(), u("svg", rn, an)) : g("", !0),
             r.direction_property == "rtl" ? (d(), u("svg", nn, ln)) : g("", !0)
@@ -2648,11 +2648,11 @@ function dn(e, t, r, n, o, a) {
     ], 10, na)
   ]);
 }
-const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9"]]), un = {
+const Id = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9"]]), un = {
   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"
-}, cn = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-none bg-white border rounded-lg border-stroke dark:border-strokedark dark:bg-boxdark" }, fn = { class: "flex items-center justify-between flex-shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, hn = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, gn = /* @__PURE__ */ s("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
+}, cn = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-none bg-white border rounded-lg border-stroke dark:border-strokedark dark:bg-boxdark" }, fn = { class: "flex items-center justify-between flex-shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, gn = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, hn = /* @__PURE__ */ s("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
   /* @__PURE__ */ s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
@@ -2667,8 +2667,8 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
     })
   ])
 ], -1), mn = [
-  gn
-], 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" }, Ad = {
+  hn
+], bn = { 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" }, Md = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2694,38 +2694,38 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       document.documentElement.style.overflow = "hidden", document.documentElement.style.paddingRight = "0px";
     }, a = () => {
       document.documentElement.style.overflow = "", document.documentElement.style.paddingRight = "";
-    }, l = () => {
+    }, i = () => {
       n("closeModal"), a();
     };
     return X(
       () => r.is_open,
-      (i, c) => {
-        i ? o() : a();
+      (l, c) => {
+        l ? o() : a();
       },
       { immediate: !0, deep: !0 }
-    ), (i, c) => O((d(), u("div", un, [
+    ), (l, c) => O((d(), u("div", un, [
       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", cn, [
           s("div", fn, [
-            s("h5", hn, h(e.title), 1),
+            s("h5", gn, h(e.title), 1),
             s("button", {
               type: "button",
               class: "box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-none dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
-              onClick: l,
+              onClick: i,
               "aria-label": "Close"
             }, mn)
           ]),
           s("div", {
-            class: p(["relative overflow-y-auto", e.bodyClass])
+            class: b(["relative overflow-y-auto", e.bodyClass])
           }, [
-            T(i.$slots, "body")
+            T(l.$slots, "body")
           ], 2),
-          s("div", pn, [
-            T(i.$slots, "buttons"),
+          s("div", bn, [
+            T(l.$slots, "buttons"),
             s("button", {
-              onClick: l,
+              onClick: i,
               type: "button",
               class: "px-5 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-200 rounded-lg ms-3 hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600"
             }, " Close ")
@@ -2736,7 +2736,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       [F, e.is_open]
     ]);
   }
-}, bn = { class: "mb-4" }, _n = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, yn = { class: "relative inline-flex items-center cursor-pointer" }, vn = ["name", "id", "checked"], xn = /* @__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), wn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), kn = { 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" }, $n = { class: "relative inline-flex items-center cursor-pointer" }, Cn = ["name", "id"], Sn = /* @__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), Dn = { class: "gl-span-form-error" }, On = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Td = {
+}, pn = { class: "mb-4" }, yn = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, _n = { class: "relative inline-flex items-center cursor-pointer" }, vn = ["name", "id", "checked"], xn = /* @__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), wn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), kn = { 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" }, $n = { class: "relative inline-flex items-center cursor-pointer" }, Cn = ["name", "id"], Sn = /* @__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), Dn = { class: "gl-span-form-error" }, On = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Nd = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2782,19 +2782,19 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       get() {
         return r.modelValue;
       },
-      set(l) {
-        n("update:modelValue", l);
+      set(i) {
+        n("update:modelValue", i);
       }
     });
-    return (l, i) => (d(), u(v, null, [
+    return (i, l) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
-        s("div", bn, [
-          s("li", _n, [
+        s("div", pn, [
+          s("li", yn, [
             w(h(e.label_name) + " ", 1),
-            s("label", yn, [
+            s("label", _n, [
               s("input", {
                 type: "checkbox",
                 class: "sr-only peer",
@@ -2815,7 +2815,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__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", kn, [
           w(h(e.label_name) + " ", 1),
@@ -2829,7 +2829,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
               "false-value": 0,
               ref_key: "input",
               ref: o,
-              "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c)
+              "onUpdate:modelValue": l[0] || (l[0] = (c) => a.value = c)
             }, null, 8, Cn), [
               [nt, a.value]
             ]),
@@ -2878,7 +2878,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   d: "M1 5.917 5.724 10.5 15 1.5"
 }, null, -1), Wn = [
   Kn
-], Xn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Yn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Id = {
+], Xn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Yn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Vd = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -2938,106 +2938,106 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue", "selected", "selectionChanged"],
   setup(e, { emit: t }) {
-    const r = e, n = t, o = C(null), a = C({}), l = C(0), i = C(!1), c = C(""), f = C("");
+    const r = e, n = t, o = C(null), a = C({}), i = C(0), l = C(!1), c = C(""), f = C("");
     R(() => {
-      f.value = L(), r.show || (document.body.addEventListener("click", (b) => {
-        ze(b);
-      }), document.addEventListener("keypress", (b) => {
-        b.key === "Enter" && b.target.form && b.preventDefault();
+      f.value = L(), r.show || (document.body.addEventListener("click", (p) => {
+        ze(p);
+      }), document.addEventListener("keypress", (p) => {
+        p.key === "Enter" && p.target.form && p.preventDefault();
       }));
     });
     const m = G(() => Ke()), y = G(() => We()), x = G(() => {
-      const b = [], D = new RegExp(c.value, "ig");
+      const p = [], D = new RegExp(c.value, "ig");
       for (const E of m.value) {
         const B = String(E.name);
-        (c.value.length < 1 || B.match(D)) && b.length < r.maxItem && b.push(E);
+        (c.value.length < 1 || B.match(D)) && p.length < r.maxItem && p.push(E);
       }
-      return b;
+      return p;
     });
-    function $(b) {
+    function $(p) {
       if ([
         "ArrowLeft",
         "ArrowUp",
         "ArrowRight",
         "ArrowDown",
         "Enter"
-      ].includes(b.key)) {
-        if (["ArrowUp", "ArrowDown"].includes(b.key) && b.preventDefault(), b.key === "ArrowDown" && r.posts === "")
+      ].includes(p.key)) {
+        if (["ArrowUp", "ArrowDown"].includes(p.key) && p.preventDefault(), p.key === "ArrowDown" && r.posts === "")
           return;
-        Ze(b.key);
+        Ze(p.key);
       }
     }
     function L() {
-      let b = (/* @__PURE__ */ new Date()).getTime();
+      let p = (/* @__PURE__ */ new Date()).getTime();
       return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
         /[xy]/g,
         function(E) {
-          const B = (b + Math.random() * 16) % 16 | 0;
-          return b = Math.floor(b / 16), (E === "x" ? B : B & 3 | 8).toString(16);
+          const B = (p + Math.random() * 16) % 16 | 0;
+          return p = Math.floor(p / 16), (E === "x" ? B : B & 3 | 8).toString(16);
         }
       );
     }
-    function te(b) {
-      return b !== null && typeof b == "object" && Object.keys(b).length > 0;
+    function te(p) {
+      return p !== null && typeof p == "object" && Object.keys(p).length > 0;
     }
-    function ze(b) {
-      b.target.id != r.field_name + "search" + f.value && b.target.id != r.field_name && !b.target.classList.contains("showOptions") && (be(), l.value = 0);
+    function ze(p) {
+      p.target.id != r.field_name + "search" + f.value && p.target.id != r.field_name && !p.target.classList.contains("showOptions") && (pe(), i.value = 0);
     }
-    function me(b) {
-      const D = `${b}${f.value}`, E = document.getElementById(D);
+    function me(p) {
+      const D = `${p}${f.value}`, E = document.getElementById(D);
       E && E.scrollIntoView();
     }
-    function He(b) {
-      const D = `${b}${f.value}`, E = document.getElementById(D);
+    function He(p) {
+      const D = `${p}${f.value}`, E = document.getElementById(D);
       E && E.click();
     }
-    function Ze(b) {
-      b === "ArrowDown" && l.value < x.value.length && (l.value++, me(l.value)), b === "ArrowUp" && l.value > 1 && (l.value--, me(l.value)), b === "Enter" && He(l.value);
+    function Ze(p) {
+      p === "ArrowDown" && i.value < x.value.length && (i.value++, me(i.value)), p === "ArrowUp" && i.value > 1 && (i.value--, me(i.value)), p === "Enter" && He(i.value);
     }
     function Ke() {
-      return r.options.map((b, D) => typeof b == "object" ? b : { id: b, name: b });
+      return r.options.map((p, D) => typeof p == "object" ? p : { id: p, name: p });
     }
     function We() {
       if (te(a.value))
         return console.log("selected.value: ", a.value), typeof a.value == "object" ? m.value.find(
-          (b) => String(b.id) === String(a.value.id)
+          (p) => String(p.id) === String(a.value.id)
         ) || {} : m.value.find(
-          (b) => String(b.id) === String(a.value)
+          (p) => String(p.id) === String(a.value)
         ) || {};
       if (r.modelValue)
         return console.log("props.modelValue :", r.modelValue), typeof r.modelValue == "object" ? m.value.find(
-          (b) => String(b.id) === String(r.modelValue.id)
+          (p) => String(p.id) === String(r.modelValue.id)
         ) || {} : m.value.find(
-          (b) => String(b.id) === String(r.modelValue)
+          (p) => String(p.id) === String(r.modelValue)
         ) || {};
     }
-    function pe(b) {
-      a.value = b, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
+    function be(p) {
+      a.value = p, l.value = !1, n("selected", a.value), n("selectionChanged", a.value);
     }
     function re() {
-      r.show || (c.value = "", i.value = !0, ot(() => {
-        var b = document.getElementById(
+      r.show || (c.value = "", l.value = !0, ot(() => {
+        var p = document.getElementById(
           `${r.field_name}search${f.value}`
         );
-        b && b.focus();
+        p && p.focus();
       }));
     }
     function Xe() {
       r.show || (a.value = {}, c.value = "", n("update:modelValue", ""), re());
     }
-    function be() {
-      a.value.id || (a.value = {}, c.value = ""), n("selected", a.value), i.value = !1;
+    function pe() {
+      a.value.id || (a.value = {}, c.value = ""), n("selected", a.value), l.value = !1;
     }
     return X(c, () => {
       x.value.length === 0 && (a.value = {});
-    }), X(a, (b) => {
-      te(b) && n("update:modelValue", b.id);
-    }), (b, D) => {
-      var E, B, _e;
+    }), X(a, (p) => {
+      te(p) && n("update:modelValue", p.id);
+    }), (p, D) => {
+      var E, B, ye;
       return d(), u(v, null, [
         e.show ? (d(), u("div", {
           key: 0,
-          class: p(e.field_name)
+          class: b(e.field_name)
         }, [
           s("h3", Pn, h(e.label_name), 1),
           s("p", En, [
@@ -3047,7 +3047,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__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("input", {
             type: "hidden",
@@ -3058,7 +3058,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
           e.options ? (d(), u("div", In, [
             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
@@ -3067,13 +3067,13 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
             s("div", Mn, [
               s("div", Nn, [
                 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: D[0] || (D[0] = (A) => 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: ""
@@ -3086,8 +3086,8 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                   [F, te(y.value) && e.has_cancel]
                 ]),
                 s("i", {
-                  onClick: D[2] || (D[2] = (A) => !i.value && re()),
-                  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] = (A) => !l.value && re()),
+                  class: b([l.value ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 dark:hover:text-gray-800 showOptions"]),
                   style: { top: "11px" }
                 }, null, 2)
               ]),
@@ -3102,7 +3102,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                       ref: o.value,
                       id: `${e.field_name}search${f.value}`,
                       onKeydown: $,
-                      onBlur: D[4] || (D[4] = (A) => be()),
+                      onBlur: D[4] || (D[4] = (A) => 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 ..."
@@ -3113,23 +3113,23 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                 ]),
                 s("div", qn, [
                   (d(!0), u(v, null, k(x.value, (A, se) => {
-                    var ye;
+                    var _e;
                     return d(), u("div", {
-                      class: p(["relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white", se + 1 == l.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
-                      onClick: (Ye) => pe(A),
-                      onMousedown: (Ye) => pe(A),
+                      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: (Ye) => be(A),
+                      onMousedown: (Ye) => be(A),
                       key: se,
                       id: `${se + 1}${f.value}`
                     }, [
                       s("div", Hn, [
-                        ((ye = y.value) == null ? void 0 : ye.id) === A.id ? (d(), u("svg", Zn, Wn)) : g("", !0),
+                        ((_e = y.value) == null ? void 0 : _e.id) === A.id ? (d(), u("svg", Zn, Wn)) : g("", !0),
                         s("span", null, h(A.name || A.id || "-"), 1)
                       ])
                     ], 42, zn);
                   }), 128))
                 ])
               ], 512), [
-                [F, i.value]
+                [F, l.value]
               ])
             ])
           ])) : g("", !0),
@@ -3139,7 +3139,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       ], 64);
     };
   }
-}, Jn = { class: "font-bold ptext-lg dark:text-white" }, Qn = ["id"], eo = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), to = ["for"], ro = ["required", "name", "id", "type", "placeholder"], so = { class: "gl-span-form-error" }, ao = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Md = {
+}, Jn = { class: "font-bold ptext-lg dark:text-white" }, Qn = ["id"], eo = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), to = ["for"], ro = ["required", "name", "id", "type", "placeholder"], so = { class: "gl-span-form-error" }, ao = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ld = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3188,10 +3188,10 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
     const n = e, o = r, a = 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.modelValue != "" && (o("update:modelValue", n.modelValue), a.value.value = n.modelValue);
-    }), t({ focus: () => a.value.focus() }), (l, i) => (d(), u(v, null, [
+    }), t({ focus: () => a.value.focus() }), (i, l) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Jn, h(e.label_name), 1),
         s("p", {
@@ -3202,10 +3202,10 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__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
@@ -3216,12 +3216,12 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__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 !== ""
           }),
           type: e.type,
-          onInput: i[0] || (i[0] = (c) => l.$emit("update:modelValue", c.target.value)),
+          onInput: l[0] || (l[0] = (c) => i.$emit("update:modelValue", c.target.value)),
           ref_key: "input",
           ref: a,
           rows: "4",
@@ -3284,11 +3284,11 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
         return 0;
       if (this.limit === 0)
         return this.lastPage;
-      for (var e = this.currentPage, t = this.lastPage, r = this.limit, n = e - r, o = e + r + 1, a = [], l = [], i, c = 1; c <= t; c++)
+      for (var e = this.currentPage, t = this.lastPage, r = this.limit, n = e - r, o = e + r + 1, a = [], i = [], l, c = 1; c <= t; c++)
         (c === 1 || c === t || c >= n && c < o) && a.push(c);
       return a.forEach(function(f) {
-        i && (f - i === 2 ? l.push(i + 1) : f - i !== 1 && l.push("...")), l.push(f), i = f;
-      }), l;
+        l && (f - l === 2 ? i.push(l + 1) : f - l !== 1 && i.push("...")), i.push(f), l = f;
+      }), i;
     }
   },
   methods: {
@@ -3378,10 +3378,10 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   },
   mounted() {
   }
-}, io = { class: "flex flex-col items-center" }, lo = {
+}, lo = { class: "flex flex-col items-center" }, io = {
   key: 0,
   class: "text-sm text-gray-700 dark:text-gray-400"
-}, uo = { class: "font-semibold text-gray-900 dark:text-white" }, co = { class: "font-semibold text-gray-900 dark:text-white" }, fo = { class: "font-semibold text-gray-900 dark:text-white" }, ho = ["tabindex"], go = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), mo = /* @__PURE__ */ s("svg", {
+}, uo = { class: "font-semibold text-gray-900 dark:text-white" }, co = { class: "font-semibold text-gray-900 dark:text-white" }, fo = { class: "font-semibold text-gray-900 dark:text-white" }, go = ["tabindex"], ho = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), mo = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3395,7 +3395,7 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), po = ["aria-current"], bo = ["tabindex"], _o = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), yo = /* @__PURE__ */ s("svg", {
+], -1), bo = ["aria-current"], po = ["tabindex"], yo = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), _o = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3411,24 +3411,24 @@ const jd = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   })
 ], -1);
 function vo(e, t, r, n, o, a) {
-  const l = Y("RenderlessPagination");
-  return d(), K(l, {
+  const i = Y("RenderlessPagination");
+  return d(), K(i, {
     data: r.data,
     limit: r.limit,
     onPaginationChangePage: a.onPaginationChangePage
   }, {
-    default: J((i) => [
-      s("div", io, [
-        i.computed.total > i.computed.perPage ? (d(), u("span", lo, [
+    default: J((l) => [
+      s("div", lo, [
+        l.computed.total > l.computed.perPage ? (d(), u("span", io, [
           w(" Showing "),
-          s("span", uo, h(i.computed.from), 1),
+          s("span", uo, h(l.computed.from), 1),
           w(" to "),
-          s("span", co, h(i.computed.to), 1),
+          s("span", co, h(l.computed.to), 1),
           w(" of "),
-          s("span", fo, h(i.computed.total), 1),
+          s("span", fo, h(l.computed.total), 1),
           w(" Entries ")
         ])) : g("", !0),
-        i.computed.total > i.computed.perPage ? (d(), u("ul", W({ key: 1 }, e.$attrs, {
+        l.computed.total > l.computed.perPage ? (d(), u("ul", W({ key: 1 }, e.$attrs, {
           class: ["flex items-center h-8 -space-x-px text-sm", {
             "pagination-sm": r.size == "small",
             "pagination-lg": r.size == "large",
@@ -3436,49 +3436,49 @@ function vo(e, t, r, n, o, a) {
             "justify-content-end": r.align == "right"
           }]
         }), [
-          i.computed.prevPageUrl || r.showDisabled ? (d(), u("li", {
+          l.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: !l.computed.prevPageUrl }])
           }, [
             s("a", W({
               class: "page-link",
               href: "#",
               "aria-label": "Previous",
-              tabindex: !i.computed.prevPageUrl && -1
-            }, ae(i.prevButtonEvents, !0)), [
+              tabindex: !l.computed.prevPageUrl && -1
+            }, ae(l.prevButtonEvents, !0)), [
               T(e.$slots, "prev-nav", {}, () => [
-                go,
+                ho,
                 mo
               ])
-            ], 16, ho)
+            ], 16, go)
           ], 2)) : g("", !0),
-          (d(!0), u(v, null, k(i.computed.pageRange, (c, f) => (d(), u("li", {
-            class: p(["", { active: c == i.computed.currentPage }]),
+          (d(!0), u(v, null, k(l.computed.pageRange, (c, f) => (d(), u("li", {
+            class: b(["", { active: c == l.computed.currentPage }]),
             key: f
           }, [
             s("a", W({
               class: "",
               href: "#"
-            }, ae(i.pageButtonEvents(c), !0), {
-              "aria-current": c == i.computed.currentPage ? "page" : null,
-              class: c == i.computed.currentPage ? "z-10 flex items-center justify-center px-3 h-8 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white" : "flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 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"
-            }), h(c), 17, po)
+            }, ae(l.pageButtonEvents(c), !0), {
+              "aria-current": c == l.computed.currentPage ? "page" : null,
+              class: c == l.computed.currentPage ? "z-10 flex items-center justify-center px-3 h-8 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white" : "flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 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"
+            }), h(c), 17, bo)
           ], 2))), 128)),
-          i.computed.nextPageUrl || r.showDisabled ? (d(), u("li", {
+          l.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: !l.computed.nextPageUrl }])
           }, [
             s("a", W({
               class: "",
               href: "#",
               "aria-label": "Next",
-              tabindex: !i.computed.nextPageUrl && -1
-            }, ae(i.nextButtonEvents, !0)), [
+              tabindex: !l.computed.nextPageUrl && -1
+            }, ae(l.nextButtonEvents, !0)), [
               T(e.$slots, "next-nav", {}, () => [
-                _o,
-                yo
+                yo,
+                _o
               ])
-            ], 16, bo)
+            ], 16, po)
           ], 2)) : g("", !0)
         ], 16)) : g("", !0)
       ])
@@ -3497,6 +3497,7 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
   },
   data() {
     return {
+      isLoading: !1,
       isMounted: !1,
       limit: 5,
       showDisabled: !1,
@@ -3526,7 +3527,7 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
       return typeof e == "object" ? e : null;
     },
     GetItemLists(e = 1) {
-      this.page = e;
+      this.isLoading = !0, this.page = e;
       const t = {
         sort: this.sortField,
         order: this.sortOrder,
@@ -3535,9 +3536,9 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
         page: this.page
       };
       axios.get(this.xprops.route_get_data, { params: t }).then((r) => {
-        this.itemLists = r.data;
+        this.itemLists = r.data, this.isLoading = !1;
       }).catch((r) => {
-        console.error(r);
+        console.error(r), this.isLoading = !1;
       });
     },
     updateSortColumn(e, t) {
@@ -3547,8 +3548,6 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
       this.sortField = this.columns[0].field_name, this.sortOrder = "asc", this.page = 1, this.GetItemLists(this.page);
     }
   },
-  beforeDestroy() {
-  },
   mounted() {
     this.GetItemLists(), this.isMounted = !0;
   },
@@ -3580,7 +3579,7 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), Ao = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, To = { 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" }, Io = { class: "hidden text-sm font-normal text-center text-gray-500 uppercase lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-200" }, Mo = ["onClick"], No = {
+], -1), Ao = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, To = { 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" }, Io = { class: "hidden text-sm font-normal text-center text-gray-500 lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-200" }, Mo = ["onClick"], No = {
   key: 0,
   class: "ml-2"
 }, Vo = {
@@ -3589,15 +3588,57 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
 }, Lo = {
   key: 1,
   class: "fa fa-arrow-down"
-}, Bo = ["data-label"], Go = { class: "overflow-auto max-h-40" }, Fo = { 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" };
-function Ro(e, t, r, n, o, a) {
-  const l = Y("dropdown"), i = Y("TailwindPagination");
+}, Bo = { key: 0 }, Go = /* @__PURE__ */ s("div", {
+  role: "status",
+  class: "max-w-md p-4 space-y-4 border border-gray-200 divide-y divide-gray-200 rounded shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700"
+}, [
+  /* @__PURE__ */ s("div", { class: "flex items-center justify-between" }, [
+    /* @__PURE__ */ s("div", null, [
+      /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-3" }),
+      /* @__PURE__ */ s("div", { class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" })
+    ]),
+    /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-700 w-12" })
+  ]),
+  /* @__PURE__ */ s("div", { class: "flex items-center justify-between pt-4" }, [
+    /* @__PURE__ */ s("div", null, [
+      /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-3" }),
+      /* @__PURE__ */ s("div", { class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" })
+    ]),
+    /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-700 w-12" })
+  ]),
+  /* @__PURE__ */ s("div", { class: "flex items-center justify-between pt-4" }, [
+    /* @__PURE__ */ s("div", null, [
+      /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-3" }),
+      /* @__PURE__ */ s("div", { class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" })
+    ]),
+    /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-700 w-12" })
+  ]),
+  /* @__PURE__ */ s("div", { class: "flex items-center justify-between pt-4" }, [
+    /* @__PURE__ */ s("div", null, [
+      /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-3" }),
+      /* @__PURE__ */ s("div", { class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" })
+    ]),
+    /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-700 w-12" })
+  ]),
+  /* @__PURE__ */ s("div", { class: "flex items-center justify-between pt-4" }, [
+    /* @__PURE__ */ s("div", null, [
+      /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-3" }),
+      /* @__PURE__ */ s("div", { class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" })
+    ]),
+    /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-700 w-12" })
+  ]),
+  /* @__PURE__ */ s("span", { class: "sr-only" }, "Loading...")
+], -1), Fo = [
+  Go
+], Ro = ["data-label"], Uo = { class: "overflow-auto max-h-40" }, qo = { 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" };
+function zo(e, t, r, n, o, a) {
+  const i = Y("dropdown"), l = Y("TailwindPagination");
   return d(), u("div", ko, [
     s("div", $o, [
       s("div", Co, [
         So,
         s("div", Do, [
-          Z(l, {
+          Z(i, {
             has_cancel: !1,
             options: o.pageOptions,
             modelValue: o.perPage,
@@ -3643,7 +3684,8 @@ function Ro(e, t, r, n, o, a) {
           ])
         ]),
         s("tbody", null, [
-          (d(!0), u(v, null, k(o.itemLists.data, (c, f) => (d(), u("tr", {
+          o.isLoading ? (d(), u("tr", Bo, Fo)) : g("", !0),
+          o.isLoading ? g("", !0) : (d(!0), u(v, { key: 1 }, 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 hover:dark:text-gray-200 text-gray-500"
           }, [
@@ -3652,7 +3694,7 @@ function Ro(e, t, r, n, o, a) {
               "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"
             }, [
-              s("div", Go, [
+              s("div", Uo, [
                 m.tdComp ? (d(), K(oe(a.forDynCompIs(m.tdComp)), {
                   key: 0,
                   row: c,
@@ -3664,13 +3706,13 @@ function Ro(e, t, r, n, o, a) {
                   w(h(c[m.field_name]), 1)
                 ], 64))
               ])
-            ], 8, Bo))), 128))
+            ], 8, Ro))), 128))
           ]))), 128))
         ])
       ])
     ]),
-    s("div", Fo, [
-      Z(i, {
+    s("div", qo, [
+      Z(l, {
         class: "mt-3 mb-0",
         data: o.itemLists,
         limit: o.limit,
@@ -3681,7 +3723,7 @@ function Ro(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Nd = /* @__PURE__ */ S(wo, [["render", Ro]]), Uo = {
+const Bd = /* @__PURE__ */ S(wo, [["render", zo]]), Ho = {
   components: {},
   props: {
     data: Array,
@@ -3778,10 +3820,10 @@ const Nd = /* @__PURE__ */ S(wo, [["render", Ro]]), Uo = {
   mounted() {
     document.body.addEventListener("click", this.closeBoxOnbodyClick);
   }
-}, qo = { class: "p-2" }, zo = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Ho = { class: "flex items-center gap-2" }, Zo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Ko = { style: { "margin-top": "9px" } }, Wo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Xo = /* @__PURE__ */ s("label", {
+}, Zo = { class: "p-2" }, Ko = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Wo = { class: "flex items-center gap-2" }, Xo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Yo = { style: { "margin-top": "9px" } }, Jo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Qo = /* @__PURE__ */ s("label", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), Yo = { class: "relative" }, Jo = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
+}, "Search", -1), el = { class: "relative" }, tl = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
   /* @__PURE__ */ s("svg", {
     class: "w-5 h-5 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -3795,10 +3837,10 @@ const Nd = /* @__PURE__ */ S(wo, [["render", Ro]]), Uo = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), Qo = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, ei = { 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" }, ti = { 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" }, ri = ["onClick"], si = {
+], -1), rl = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, sl = { 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" }, al = { 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" }, nl = ["onClick"], ol = {
   key: 0,
   class: "ml-2"
-}, ai = ["data-label"], ni = ["innerHTML"], oi = { 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" }, ii = { class: "flex justify-between flex-1 sm:hidden" }, li = ["disabled"], di = ["disabled"], ui = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, ci = { class: "text-sm text-gray-700 dark:text-gray-400" }, fi = { class: "font-medium" }, hi = { class: "font-medium" }, gi = { class: "font-medium" }, mi = { "aria-label": "Page navigation" }, pi = { class: "flex items-center h-8 -space-x-px text-sm" }, bi = ["disabled"], _i = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), yi = /* @__PURE__ */ s("svg", {
+}, ll = ["data-label"], il = ["innerHTML"], dl = { 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" }, ul = { class: "flex justify-between flex-1 sm:hidden" }, cl = ["disabled"], fl = ["disabled"], gl = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, hl = { class: "text-sm text-gray-700 dark:text-gray-400" }, ml = { class: "font-medium" }, bl = { class: "font-medium" }, pl = { class: "font-medium" }, yl = { "aria-label": "Page navigation" }, _l = { class: "flex items-center h-8 -space-x-px text-sm" }, vl = ["disabled"], xl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), wl = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3812,10 +3854,10 @@ const Nd = /* @__PURE__ */ S(wo, [["render", Ro]]), Uo = {
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), vi = [
-  _i,
-  yi
-], xi = ["onClick"], wi = ["onClick"], ki = ["disabled"], $i = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Ci = /* @__PURE__ */ s("svg", {
+], -1), kl = [
+  xl,
+  wl
+], $l = ["onClick"], Cl = ["onClick"], Sl = ["disabled"], Dl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Ol = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3829,22 +3871,22 @@ const Nd = /* @__PURE__ */ S(wo, [["render", Ro]]), Uo = {
     "stroke-width": "2",
     d: "m1 9 4-4-4-4"
   })
-], -1), Si = [
-  $i,
-  Ci
+], -1), Pl = [
+  Dl,
+  Ol
 ];
-function Di(e, t, r, n, o, a) {
-  const l = Y("dropdown");
-  return d(), u("div", qo, [
-    s("div", zo, [
-      s("div", Ho, [
-        Zo,
-        s("div", Ko, [
-          Z(l, {
+function El(e, t, r, n, o, a) {
+  const i = Y("dropdown");
+  return d(), u("div", Zo, [
+    s("div", Ko, [
+      s("div", Wo, [
+        Xo,
+        s("div", Yo, [
+          Z(i, {
             has_cancel: !1,
             options: o.showNoOfEntries,
             modelValue: o.itemsPerPage,
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => o.itemsPerPage = i),
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => o.itemsPerPage = l),
             is_required: !1,
             field_name: "NoOfEntries",
             label_name: "",
@@ -3853,14 +3895,14 @@ function Di(e, t, r, n, o, a) {
             placeholder: "Please select an option"
           }, null, 8, ["options", "modelValue"])
         ]),
-        Wo
+        Jo
       ]),
-      Xo,
-      s("div", Yo, [
-        Jo,
+      Qo,
+      s("div", el, [
+        tl,
         O(s("input", {
           type: "text",
-          "onUpdate:modelValue": t[1] || (t[1] = (i) => o.search = i),
+          "onUpdate:modelValue": t[1] || (t[1] = (l) => o.search = l),
           class: "block p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 w-80 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
           placeholder: "Search ..."
         }, null, 512), [
@@ -3868,22 +3910,22 @@ function Di(e, t, r, n, o, a) {
         ])
       ])
     ]),
-    s("div", Qo, [
-      s("table", ei, [
-        s("thead", ti, [
+    s("div", rl, [
+      s("table", sl, [
+        s("thead", al, [
           s("tr", null, [
-            (d(!0), u(v, null, k(r.columns, (i, c) => (d(), u("th", {
+            (d(!0), u(v, null, k(r.columns, (l, c) => (d(), u("th", {
               key: c,
-              onClick: (f) => a.sort(i),
+              onClick: (f) => a.sort(l),
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
-              w(h(i) + " ", 1),
-              o.sortKey === i ? (d(), u("span", si, h(o.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
-            ], 8, ri))), 128))
+              w(h(l) + " ", 1),
+              o.sortKey === l ? (d(), u("span", ol, h(o.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
+            ], 8, nl))), 128))
           ])
         ]),
         s("tbody", null, [
-          (d(!0), u(v, null, k(a.paginatedData, (i, c) => (d(), u("tr", {
+          (d(!0), u(v, null, k(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"
           }, [
@@ -3894,77 +3936,77 @@ function Di(e, t, r, n, o, a) {
             }, [
               s("p", {
                 class: "text-pretty",
-                innerHTML: i[m]
-              }, null, 8, ni)
-            ], 8, ai))), 128))
+                innerHTML: l[m]
+              }, null, 8, il)
+            ], 8, ll))), 128))
           ]))), 128))
         ])
       ])
     ]),
-    s("div", oi, [
-      s("div", ii, [
+    s("div", dl, [
+      s("div", ul, [
         s("a", {
           href: "#",
-          onClick: t[2] || (t[2] = (...i) => a.previousPage && a.previousPage(...i)),
+          onClick: t[2] || (t[2] = (...l) => a.previousPage && a.previousPage(...l)),
           disabled: o.currentPage === 1,
           class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
-        }, "Previous", 8, li),
+        }, "Previous", 8, cl),
         s("a", {
           href: "#",
-          onClick: t[3] || (t[3] = (...i) => a.nextPage && a.nextPage(...i)),
+          onClick: t[3] || (t[3] = (...l) => a.nextPage && a.nextPage(...l)),
           disabled: o.currentPage === a.totalPages,
           class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
-        }, "Next", 8, di)
+        }, "Next", 8, fl)
       ]),
-      s("div", ui, [
+      s("div", gl, [
         s("div", null, [
-          s("p", ci, [
+          s("p", hl, [
             w(" Showing "),
-            s("span", fi, h(a.firstItemIndex), 1),
+            s("span", ml, h(a.firstItemIndex), 1),
             w(" to "),
-            s("span", hi, h(a.lastItemIndex), 1),
+            s("span", bl, h(a.lastItemIndex), 1),
             w(" of "),
-            s("span", gi, h(a.filteredData.length), 1),
+            s("span", pl, h(a.filteredData.length), 1),
             w(" entries ")
           ])
         ]),
         s("div", null, [
-          s("nav", mi, [
-            s("ul", pi, [
+          s("nav", yl, [
+            s("ul", _l, [
               s("li", null, [
                 s("a", {
                   href: "#",
-                  onClick: t[4] || (t[4] = (...i) => a.previousPage && a.previousPage(...i)),
+                  onClick: t[4] || (t[4] = (...l) => a.previousPage && a.previousPage(...l)),
                   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"
-                }, vi, 8, bi)
+                }, kl, 8, vl)
               ]),
-              (d(!0), u(v, null, k(a.displayedPageNumbers, (i) => (d(), u(v, { key: i }, [
+              (d(!0), u(v, null, k(a.displayedPageNumbers, (l) => (d(), u(v, { key: l }, [
                 s("li", null, [
-                  o.currentPage !== i ? (d(), u("a", {
+                  o.currentPage !== l ? (d(), u("a", {
                     key: 0,
                     href: "#",
-                    onClick: (c) => a.goToPage(i),
+                    onClick: (c) => a.goToPage(l),
                     class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 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"
-                  }, h(i), 9, xi)) : g("", !0)
+                  }, h(l), 9, $l)) : g("", !0)
                 ]),
                 s("li", null, [
-                  o.currentPage === i ? (d(), u("a", {
+                  o.currentPage === l ? (d(), u("a", {
                     key: 0,
                     href: "#",
-                    onClick: (c) => a.goToPage(i),
+                    onClick: (c) => a.goToPage(l),
                     "aria-current": "page",
                     class: "z-10 flex items-center justify-center h-8 px-3 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white"
-                  }, h(i), 9, wi)) : g("", !0)
+                  }, h(l), 9, Cl)) : g("", !0)
                 ])
               ], 64))), 128)),
               s("li", null, [
                 s("a", {
                   href: "#",
-                  onClick: t[5] || (t[5] = (...i) => a.nextPage && a.nextPage(...i)),
+                  onClick: t[5] || (t[5] = (...l) => a.nextPage && a.nextPage(...l)),
                   disabled: o.currentPage === a.totalPages,
                   class: "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"
-                }, Si, 8, ki)
+                }, Pl, 8, Sl)
               ])
             ])
           ])
@@ -3973,13 +4015,13 @@ function Di(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
+const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
-}, Pi = {
+}, Al = {
   key: 0,
   class: "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-green-500 bg-green-100 rounded-lg dark:bg-green-800 dark:text-green-200"
-}, Ei = /* @__PURE__ */ s("svg", {
+}, Tl = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3987,13 +4029,13 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z" })
-], -1), ji = /* @__PURE__ */ s("span", { class: "sr-only" }, "Check icon", -1), Ai = [
-  Ei,
-  ji
-], Ti = {
+], -1), Il = /* @__PURE__ */ s("span", { class: "sr-only" }, "Check icon", -1), Ml = [
+  Tl,
+  Il
+], Nl = {
   key: 1,
   class: "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-red-500 bg-red-100 rounded-lg dark:bg-red-800 dark:text-red-200"
-}, Ii = /* @__PURE__ */ s("svg", {
+}, Vl = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4001,13 +4043,13 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z" })
-], -1), Mi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Error icon", -1), Ni = [
-  Ii,
-  Mi
-], Vi = {
+], -1), Ll = /* @__PURE__ */ s("span", { class: "sr-only" }, "Error icon", -1), Bl = [
+  Vl,
+  Ll
+], Gl = {
   key: 2,
   class: "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-orange-500 bg-orange-100 rounded-lg dark:bg-orange-700 dark:text-orange-200"
-}, Li = /* @__PURE__ */ s("svg", {
+}, Fl = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4015,10 +4057,10 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z" })
-], -1), Bi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Warning icon", -1), Gi = [
-  Li,
-  Bi
-], Fi = { class: "ml-3 text-sm font-normal" }, Ri = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), Ui = /* @__PURE__ */ s("svg", {
+], -1), Rl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Warning icon", -1), Ul = [
+  Fl,
+  Rl
+], ql = { class: "ml-3 text-sm font-normal" }, zl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), Hl = /* @__PURE__ */ s("svg", {
   "aria-hidden": "true",
   class: "w-5 h-5",
   fill: "currentColor",
@@ -4030,10 +4072,10 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
     d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
     "clip-rule": "evenodd"
   })
-], -1), qi = [
-  Ri,
-  Ui
-], zi = {
+], -1), Zl = [
+  zl,
+  Hl
+], Kl = {
   __name: "ToastListItem",
   props: {
     message: String,
@@ -4053,23 +4095,23 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
       setTimeout(() => n("remove"), r.duration);
     });
     const n = t;
-    return (o, a) => (d(), u("div", Oi, [
-      r.type === "success" ? (d(), u("div", Pi, Ai)) : g("", !0),
-      r.type === "error" ? (d(), u("div", Ti, Ni)) : g("", !0),
-      r.type === "warning" ? (d(), u("div", Vi, Gi)) : g("", !0),
-      s("div", Fi, h(r.message), 1),
+    return (o, a) => (d(), u("div", jl, [
+      r.type === "success" ? (d(), u("div", Al, Ml)) : g("", !0),
+      r.type === "error" ? (d(), u("div", Nl, Bl)) : g("", !0),
+      r.type === "warning" ? (d(), u("div", Gl, Ul)) : g("", !0),
+      s("div", ql, h(r.message), 1),
       s("button", {
-        onClick: a[0] || (a[0] = (l) => n("remove")),
+        onClick: a[0] || (a[0] = (i) => n("remove")),
         type: "button",
         class: "-mx-1.5 -my-1.5 ml-auto inline-flex h-8 w-8 rounded-lg bg-white p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white",
         "data-dismiss-target": "#toast-default",
         "aria-label": "Close"
-      }, qi)
+      }, Zl)
     ]));
   }
 }, de = Se({
   items: []
-}), Hi = {
+}), Wl = {
   add(e) {
     de.items.unshift({
       key: Symbol(),
@@ -4083,14 +4125,14 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   }
 }, $e = {
   state: de,
-  methods: Hi
-}, Ld = {
+  methods: Wl
+}, Fd = {
   __name: "GlToastList",
   setup(e) {
     function t(r) {
       $e.methods.remove(r);
     }
-    return (r, n) => (d(), K(it, {
+    return (r, n) => (d(), K(lt, {
       tag: "div",
       "enter-from-class": "translate-x-full opacity-0",
       "enter-active-class": "duration-500",
@@ -4099,21 +4141,21 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
       class: "fixed z-50 w-full max-w-xs space-y-4 top-4 right-4"
     }, {
       default: J(() => [
-        (d(!0), u(v, null, k(lt($e).state.items, (o, a) => (d(), K(zi, {
+        (d(!0), u(v, null, k(it($e).state.items, (o, a) => (d(), K(Kl, {
           key: o.key,
           message: o.message,
           type: o.type,
           duration: o.duration,
-          onRemove: (l) => t(a)
+          onRemove: (i) => t(a)
         }, null, 8, ["message", "type", "duration", "onRemove"]))), 128))
       ]),
       _: 1
     }));
   }
-}, Zi = {
+}, Xl = {
   key: 0,
   class: "flex justify-center"
-}, Ki = /* @__PURE__ */ s("svg", {
+}, Yl = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4121,12 +4163,12 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   viewBox: "0 0 4 15"
 }, [
   /* @__PURE__ */ s("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
-], -1), Wi = [
-  Ki
-], Xi = { class: "absolute z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, Yi = {
+], -1), Jl = [
+  Yl
+], Ql = { 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" }, ei = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, Ji = { key: 0 }, Qi = ["href"], el = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), tl = { key: 1 }, rl = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Bd = {
+}, ti = { key: 0 }, ri = ["href"], si = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ai = { key: 1 }, ni = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Rd = {
   __name: "DatatableAction",
   props: {
     field: {
@@ -4152,9 +4194,9 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = Ee(), n = e, o = C(!1), a = C(!1), l = () => {
+    const r = Ee(), n = e, o = C(!1), a = C(!1), i = () => {
       o.value = !1;
-    }, i = () => {
+    }, l = () => {
       o.value = !0;
     }, c = () => {
       a.value = !1;
@@ -4179,30 +4221,30 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Zi, [
+        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Xl, [
           s("button", {
-            onClick: i,
+            onClick: l,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
-          }, Wi),
-          O(s("div", Xi, [
-            s("ul", Yi, [
-              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", Ji, [
+          }, Jl),
+          O(s("div", Ql, [
+            s("ul", ei, [
+              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", ti, [
                 s("a", {
                   href: e.xprops.route + "/" + e.row.id + "/edit",
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  el,
+                  si,
                   w(" Edit")
-                ], 8, Qi)
+                ], 8, ri)
               ])) : g("", !0),
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", tl, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ai, [
                 s("a", {
                   href: "#",
                   onClick: N(f, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  rl,
+                  ni,
                   w(" Remove")
                 ])
               ])) : g("", !0)
@@ -4211,15 +4253,15 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
             [F, o.value]
           ])
         ])), [
-          [L, l]
+          [L, i]
         ]) : g("", !0)
       ], 64);
     };
   }
-}, sl = {
+}, oi = {
   key: 0,
   class: "flex justify-center"
-}, al = /* @__PURE__ */ s("svg", {
+}, li = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4227,12 +4269,12 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   viewBox: "0 0 4 15"
 }, [
   /* @__PURE__ */ s("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
-], -1), nl = [
-  al
-], ol = { class: "absolute z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, il = {
+], -1), ii = [
+  li
+], di = { 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" }, ui = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, ll = { key: 0 }, dl = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Gd = {
+}, ci = { key: 0 }, fi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ud = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4258,9 +4300,9 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = Ee(), n = e, o = C(!1), a = C(!1), l = () => {
+    const r = Ee(), n = e, o = C(!1), a = C(!1), i = () => {
       o.value = !1;
-    }, i = () => {
+    }, l = () => {
       o.value = !0;
     }, c = () => {
       a.value = !1;
@@ -4285,21 +4327,21 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", sl, [
+        e.row && x.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", oi, [
           s("button", {
-            onClick: i,
+            onClick: l,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
-          }, nl),
-          O(s("div", ol, [
-            s("ul", il, [
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ll, [
+          }, ii),
+          O(s("div", di, [
+            s("ul", ui, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ci, [
                 s("a", {
                   href: "#",
                   onClick: N(f, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  dl,
+                  fi,
                   w(" Remove")
                 ])
               ])) : g("", !0)
@@ -4308,12 +4350,12 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
             [F, o.value]
           ])
         ])), [
-          [L, l]
+          [L, i]
         ]) : g("", !0)
       ], 64);
     };
   }
-}, ul = {
+}, gi = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4329,7 +4371,7 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   mounted() {
     console.log("row : ", this.row);
   }
-}, cl = ["href", "title"], fl = /* @__PURE__ */ s("svg", {
+}, hi = ["href", "title"], mi = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4346,10 +4388,10 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
     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), hl = {
+], -1), bi = {
   key: 1,
   class: "m-1 d-inline-block"
-}, gl = ["href", "title"], ml = /* @__PURE__ */ s("svg", {
+}, pi = ["href", "title"], yi = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4367,35 +4409,35 @@ const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
     "clip-rule": "evenodd"
   })
 ], -1);
-function pl(e, t, r, n, o, a) {
+function _i(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row, (l, i) => (d(), u("div", {
-      key: i,
+    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row, (i, l) => (d(), u("div", {
+      key: l,
       class: "m-1 d-inline-block"
     }, [
       s("a", {
-        href: l,
-        title: l,
+        href: i,
+        title: i,
         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"
       }, [
-        fl,
+        mi,
         w(" Download ")
-      ], 8, cl)
-    ]))), 128)) : a.isString ? (d(), u("div", hl, [
+      ], 8, hi)
+    ]))), 128)) : a.isString ? (d(), u("div", bi, [
       s("a", {
         href: r.row,
         title: r.row,
         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"
       }, [
-        ml,
+        yi,
         w(" Download ")
-      ], 8, gl)
+      ], 8, pi)
     ])) : g("", !0)
   ]);
 }
-const Fd = /* @__PURE__ */ S(ul, [["render", pl]]), bl = {
+const qd = /* @__PURE__ */ S(gi, [["render", _i]]), vi = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4405,7 +4447,7 @@ const Fd = /* @__PURE__ */ S(ul, [["render", pl]]), bl = {
       return typeof this.row[this.field] == "object";
     }
   }
-}, _l = ["href", "title"], yl = /* @__PURE__ */ s("svg", {
+}, xi = ["href", "title"], wi = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4422,10 +4464,10 @@ const Fd = /* @__PURE__ */ S(ul, [["render", pl]]), bl = {
     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), vl = {
+], -1), ki = {
   key: 1,
   class: "m-1 d-inline-block"
-}, xl = ["href", "title"], wl = /* @__PURE__ */ s("svg", {
+}, $i = ["href", "title"], Ci = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4443,46 +4485,46 @@ const Fd = /* @__PURE__ */ S(ul, [["render", pl]]), bl = {
     "clip-rule": "evenodd"
   })
 ], -1);
-function kl(e, t, r, n, o, a) {
+function Si(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[r.field], (l) => (d(), u("div", {
-      key: l.id,
+    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[r.field], (i) => (d(), u("div", {
+      key: i.id,
       class: "m-1 d-inline-block"
     }, [
       s("a", {
-        href: l.url,
-        title: l.name,
+        href: i.url,
+        title: i.name,
         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"
       }, [
-        yl,
+        wi,
         w(" Download ")
-      ], 8, _l)
-    ]))), 128)) : a.isObject ? (d(), u("div", vl, [
+      ], 8, xi)
+    ]))), 128)) : a.isObject ? (d(), u("div", ki, [
       s("a", {
         href: r.row[r.field].url,
         title: r.row[r.field].name,
         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"
       }, [
-        wl,
+        Ci,
         w(" Download ")
-      ], 8, xl)
+      ], 8, $i)
     ])) : g("", !0)
   ]);
 }
-const Rd = /* @__PURE__ */ S(bl, [["render", kl]]), $l = {
+const zd = /* @__PURE__ */ S(vi, [["render", Si]]), Di = {
   props: ["field", "row", "tdProps"]
-}, Cl = { key: 0 }, Sl = ["innerHTML"];
-function Dl(e, t, r, n, o, a) {
-  return r.row[r.field] ? (d(), u("div", Cl, [
+}, Oi = { key: 0 }, Pi = ["innerHTML"];
+function Ei(e, t, r, n, o, a) {
+  return r.row[r.field] ? (d(), u("div", Oi, [
     s("div", {
       class: "w-full",
       innerHTML: r.row[r.field]
-    }, null, 8, Sl)
+    }, null, 8, Pi)
   ])) : g("", !0);
 }
-const Ud = /* @__PURE__ */ S($l, [["render", Dl]]), Ol = {
+const Hd = /* @__PURE__ */ S(Di, [["render", Ei]]), ji = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4496,24 +4538,24 @@ const Ud = /* @__PURE__ */ S($l, [["render", Dl]]), Ol = {
       return typeof this.row[this.entry.key] == "object";
     }
   }
-}, Pl = { class: "flex flex-wrap gap-2" }, El = {
+}, Ai = { class: "flex flex-wrap gap-2" }, Ti = {
   key: 1,
   class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
 };
-function jl(e, t, r, n, o, a) {
-  return d(), u("div", Pl, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[a.entry.key], (l, i) => (d(), u("span", {
-      key: i,
+function Ii(e, t, r, n, o, a) {
+  return d(), u("div", Ai, [
+    a.isArray ? (d(!0), u(v, { key: 0 }, k(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(l[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", El, h(r.row[a.entry.key][a.entry.field]), 1)) : g("", !0)
+    }, h(i[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Ti, h(r.row[a.entry.key][a.entry.field]), 1)) : g("", !0)
   ]);
 }
-const qd = /* @__PURE__ */ S(Ol, [["render", jl]]), Al = {
+const Zd = /* @__PURE__ */ S(ji, [["render", Ii]]), Mi = {
   props: ["field", "row", "tdProps"]
-}, Tl = { key: 0 }, Il = { class: "m-1 d-inline-block" }, Ml = ["href", "title"], Nl = ["src", "alt", "title"];
-function Vl(e, t, r, n, o, a) {
-  return r.row[r.field] ? (d(), u("div", Tl, [
-    s("div", Il, [
+}, Ni = { key: 0 }, Vi = { class: "m-1 d-inline-block" }, Li = ["href", "title"], Bi = ["src", "alt", "title"];
+function Gi(e, t, r, n, o, a) {
+  return r.row[r.field] ? (d(), u("div", Ni, [
+    s("div", Vi, [
       s("a", {
         href: r.row[r.field].url,
         title: r.row[r.field].name,
@@ -4523,37 +4565,37 @@ function Vl(e, t, r, n, o, a) {
           src: r.row[r.field].thumbnail,
           alt: r.row[r.field].name,
           title: r.row[r.field].name
-        }, null, 8, Nl)
-      ], 8, Ml)
+        }, null, 8, Bi)
+      ], 8, Li)
     ])
   ])) : g("", !0);
 }
-const zd = /* @__PURE__ */ S(Al, [["render", Vl], ["__scopeId", "data-v-3a28c02c"]]), Ll = {
+const Kd = /* @__PURE__ */ S(Mi, [["render", Gi], ["__scopeId", "data-v-3a28c02c"]]), Fi = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
       return this.row[this.field] === 1;
     }
   }
-}, Bl = { class: "flex flex-wrap gap-2 text-nowrap" }, Gl = {
+}, Ri = { class: "flex flex-wrap gap-2 text-nowrap" }, Ui = {
   key: 0,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
-}, Fl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Rl = {
+}, qi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), zi = {
   key: 1,
   class: "inline-flex items-center bg-red-100 text-red-800 text-xs font-medium px-2.5 py-0.5 rounded-full dark:bg-red-900 dark:text-red-300"
-}, Ul = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
-function ql(e, t, r, n, o, a) {
-  return d(), u("div", Bl, [
-    a.isActive ? (d(), u("span", Gl, [
-      Fl,
+}, Hi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
+function Zi(e, t, r, n, o, a) {
+  return d(), u("div", Ri, [
+    a.isActive ? (d(), u("span", Ui, [
+      qi,
       w(" Active ")
-    ])) : a.isActive ? g("", !0) : (d(), u("span", Rl, [
-      Ul,
+    ])) : a.isActive ? g("", !0) : (d(), u("span", zi, [
+      Hi,
       w(" Inactive ")
     ]))
   ]);
 }
-const Hd = /* @__PURE__ */ S(Ll, [["render", ql]]), zl = {
+const Wd = /* @__PURE__ */ S(Fi, [["render", Zi]]), Ki = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4561,40 +4603,40 @@ const Hd = /* @__PURE__ */ S(Ll, [["render", ql]]), zl = {
       return t ? t.class : "";
     }
   }
-}, Hl = { class: "flex flex-wrap gap-2 text-nowrap" }, Zl = {
+}, Wi = { class: "flex flex-wrap gap-2 text-nowrap" }, Xi = {
   key: 0,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
-}, Kl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Wl = {
+}, Yi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Ji = {
   key: 1,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-red-800 bg-red-100 rounded-full dark:bg-red-900 dark:text-red-300"
-}, Xl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), Yl = {
+}, Qi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), ed = {
   key: 2,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-yellow-800 bg-yellow-100 rounded-full dark:bg-gray-700 dark:text-yellow-300"
-}, Jl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), Ql = {
+}, td = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), rd = {
   key: 3,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-gray-700 dark:text-blue-400"
-}, ed = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1);
-function td(e, t, r, n, o, a) {
-  return d(), u("div", Hl, [
-    a.hasLabelColor == "green" ? (d(), u("span", Zl, [
-      Kl,
+}, sd = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1);
+function ad(e, t, r, n, o, a) {
+  return d(), u("div", Wi, [
+    a.hasLabelColor == "green" ? (d(), u("span", Xi, [
+      Yi,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "red" ? (d(), u("span", Wl, [
-      Xl,
+    a.hasLabelColor == "red" ? (d(), u("span", Ji, [
+      Qi,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "yellow" ? (d(), u("span", Yl, [
-      Jl,
+    a.hasLabelColor == "yellow" ? (d(), u("span", ed, [
+      td,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "default" ? (d(), u("span", Ql, [
-      ed,
+    a.hasLabelColor == "default" ? (d(), u("span", rd, [
+      sd,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0)
   ]);
 }
-const Zd = /* @__PURE__ */ S(zl, [["render", td]]), rd = {
+const Xd = /* @__PURE__ */ S(Ki, [["render", ad]]), nd = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor() {
@@ -4615,44 +4657,44 @@ const Zd = /* @__PURE__ */ S(zl, [["render", td]]), rd = {
       }
     }
   }
-}, sd = { class: "flex flex-wrap gap-2 text-nowrap" };
-function ad(e, t, r, n, o, a) {
-  return d(), u("div", sd, [
+}, od = { class: "flex flex-wrap gap-2 text-nowrap" };
+function ld(e, t, r, n, o, a) {
+  return d(), u("div", od, [
     a.hasLabelColor == "Default" ? (d(), u("span", {
       key: 0,
-      class: p(["bg-blue-100 text-blue-800 font-medium me-2 px-2.5 py-0.5 dark:bg-blue-900 dark:text-blue-300 border-blue-400", a.badgeType])
+      class: b(["bg-blue-100 text-blue-800 font-medium me-2 px-2.5 py-0.5 dark:bg-blue-900 dark:text-blue-300 border-blue-400", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Dark" ? (d(), u("span", {
       key: 1,
-      class: p(["bg-gray-100 text-gray-800 font-medium me-2 px-2.5 py-0.5 dark:bg-gray-700 dark:text-gray-300 border-gray-500", a.badgeType])
+      class: b(["bg-gray-100 text-gray-800 font-medium me-2 px-2.5 py-0.5 dark:bg-gray-700 dark:text-gray-300 border-gray-500", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Red" ? (d(), u("span", {
       key: 2,
-      class: p(["bg-red-100 text-red-800 font-medium me-2 px-2.5 py-0.5 dark:bg-red-900 dark:text-red-300 border-red-400", a.badgeType])
+      class: b(["bg-red-100 text-red-800 font-medium me-2 px-2.5 py-0.5 dark:bg-red-900 dark:text-red-300 border-red-400", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Green" ? (d(), u("span", {
       key: 3,
-      class: p(["bg-green-100 text-green-800 font-medium me-2 px-2.5 py-0.5 dark:bg-green-900 dark:text-green-300 border-green-400", a.badgeType])
+      class: b(["bg-green-100 text-green-800 font-medium me-2 px-2.5 py-0.5 dark:bg-green-900 dark:text-green-300 border-green-400", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Yellow" ? (d(), u("span", {
       key: 4,
-      class: p(["bg-yellow-100 text-yellow-800 font-medium me-2 px-2.5 py-0.5 dark:bg-yellow-900 dark:text-yellow-300 border-yellow-300", a.badgeType])
+      class: b(["bg-yellow-100 text-yellow-800 font-medium me-2 px-2.5 py-0.5 dark:bg-yellow-900 dark:text-yellow-300 border-yellow-300", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Indigo" ? (d(), u("span", {
       key: 5,
-      class: p(["bg-indigo-100 text-indigo-800 font-medium me-2 px-2.5 py-0.5 dark:bg-indigo-900 dark:text-indigo-300 border-indigo-400", a.badgeType])
+      class: b(["bg-indigo-100 text-indigo-800 font-medium me-2 px-2.5 py-0.5 dark:bg-indigo-900 dark:text-indigo-300 border-indigo-400", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Purple" ? (d(), u("span", {
       key: 6,
-      class: p(["bg-purple-100 text-purple-800 font-medium me-2 px-2.5 py-0.5 dark:bg-purple-900 dark:text-purple-300 border-purple-400", a.badgeType])
+      class: b(["bg-purple-100 text-purple-800 font-medium me-2 px-2.5 py-0.5 dark:bg-purple-900 dark:text-purple-300 border-purple-400", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0),
     a.hasLabelColor == "Pink" ? (d(), u("span", {
       key: 7,
-      class: p(["bg-pink-100 text-pink-800 font-medium me-2 px-2.5 py-0.5 dark:bg-pink-900 dark:text-pink-300 border-pink-400", a.badgeType])
+      class: b(["bg-pink-100 text-pink-800 font-medium me-2 px-2.5 py-0.5 dark:bg-pink-900 dark:text-pink-300 border-pink-400", a.badgeType])
     }, h(this.row[this.field]), 3)) : g("", !0)
   ]);
 }
-const Kd = /* @__PURE__ */ S(rd, [["render", ad]]), nd = {
+const Yd = /* @__PURE__ */ S(nd, [["render", ld]]), id = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4662,42 +4704,42 @@ const Kd = /* @__PURE__ */ S(rd, [["render", ad]]), nd = {
       this.$emit("cancel-action");
     }
   }
-}, od = {
+}, dd = {
   key: 0,
   class: "fixed inset-0 z-50 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, id = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, ld = /* @__PURE__ */ s("div", {
+}, ud = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, cd = /* @__PURE__ */ s("div", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), dd = /* @__PURE__ */ s("span", {
+}, null, -1), fd = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), ud = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, cd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, fd = { class: "sm:flex sm:items-start" }, hd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, gd = { class: "text-lg font-medium leading-6 text-gray-900" }, md = { class: "mt-2" }, pd = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
-function bd(e, t, r, n, o, a) {
-  return r.isOpen ? (d(), u("div", od, [
-    s("div", id, [
-      ld,
-      dd,
-      s("div", ud, [
-        s("div", cd, [
-          s("div", fd, [
-            s("div", hd, [
-              s("h3", gd, h(r.title), 1),
-              s("div", md, [
+}, "​", -1), gd = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, hd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, md = { class: "sm:flex sm:items-start" }, bd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, pd = { class: "text-lg font-medium leading-6 text-gray-900" }, yd = { class: "mt-2" }, _d = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+function vd(e, t, r, n, o, a) {
+  return r.isOpen ? (d(), u("div", dd, [
+    s("div", ud, [
+      cd,
+      fd,
+      s("div", gd, [
+        s("div", hd, [
+          s("div", md, [
+            s("div", bd, [
+              s("h3", pd, h(r.title), 1),
+              s("div", yd, [
                 T(e.$slots, "default")
               ])
             ])
           ])
         ]),
-        s("div", pd, [
+        s("div", _d, [
           s("button", {
-            onClick: t[0] || (t[0] = (...l) => a.confirmAction && a.confirmAction(...l)),
+            onClick: t[0] || (t[0] = (...i) => a.confirmAction && a.confirmAction(...i)),
             type: "button",
             class: "inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-red-600 border border-transparent rounded-md shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
           }, h(r.button_text), 1),
           s("button", {
-            onClick: t[1] || (t[1] = (...l) => a.cancelAction && a.cancelAction(...l)),
+            onClick: t[1] || (t[1] = (...i) => a.cancelAction && a.cancelAction(...i)),
             type: "button",
             class: "inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
           }, " Cancel ")
@@ -4706,40 +4748,40 @@ function bd(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const Wd = /* @__PURE__ */ S(nd, [["render", bd]]);
+const Jd = /* @__PURE__ */ S(id, [["render", vd]]);
 export {
-  $d as GlButton,
-  wd as GlCard,
-  Wd as GlConfirmationModal,
-  Vd as GlDataTable,
-  Nd as GlDataTableServerSide,
-  Bd as GlDatatableAction,
-  Gd as GlDatatableDeleteAction,
-  Fd as GlDatatableFileDownload,
-  Rd as GlDatatableFiles,
-  Ud as GlDatatableHtml,
-  qd as GlDatatableList,
-  zd as GlDatatablePicture,
-  Hd as GlDatatableStatus,
-  Zd as GlDatatableStatusGeneral,
-  Kd as GlDatatableStatusSpecficColor,
+  Dd as GlButton,
+  Cd as GlCard,
+  Jd as GlConfirmationModal,
+  Gd as GlDataTable,
+  Bd as GlDataTableServerSide,
+  Rd as GlDatatableAction,
+  Ud as GlDatatableDeleteAction,
+  qd as GlDatatableFileDownload,
+  zd as GlDatatableFiles,
+  Hd as GlDatatableHtml,
+  Zd as GlDatatableList,
+  Kd as GlDatatablePicture,
+  Wd as GlDatatableStatus,
+  Xd as GlDatatableStatusGeneral,
+  Yd as GlDatatableStatusSpecficColor,
   ue as GlDeleteConfirmationModal,
-  Id as GlDropdown,
-  yd as GlFilesUpload,
-  xd as GlLanguageSelector,
-  Ad as GlModal,
-  jd as GlMultiItemSlide,
-  kd as GlMultiSelectDropdown,
-  vd as GlNotify,
-  Ed as GlTab,
-  Pd as GlTabsWrapper,
+  Vd as GlDropdown,
+  wd as GlFilesUpload,
+  $d as GlLanguageSelector,
+  Md as GlModal,
+  Id as GlMultiItemSlide,
+  Sd as GlMultiSelectDropdown,
+  kd as GlNotify,
+  Td as GlTab,
+  Ad as GlTabsWrapper,
   xo as GlTailwindPagination,
-  Od as GlTextInput,
-  Dd as GlTextTranslate,
-  Md as GlTextarea,
-  Cd as GlTextareaTranslate,
-  Sd as GlTinymceTranslate,
+  jd as GlTextInput,
+  Ed as GlTextTranslate,
+  Ld as GlTextarea,
+  Od as GlTextareaTranslate,
+  Pd as GlTinymceTranslate,
   $e as GlToast,
-  Ld as GlToastList,
-  Td as GlToggleBox
+  Fd as GlToastList,
+  Nd as GlToggleBox
 };