golden-logic-ui 1.0.78 → 1.0.80

package/dist/golden-logic-ui.js

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as f, createStaticVNode as Je, inject as Ce, watch as Y, effectScope as Qe, computed as G, reactive as Se, resolveComponent as X, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as g, withModifiers as N, withDirectives as O, vModelText as V, renderList as k, normalizeStyle as et, renderSlot as A, createTextVNode as w, vShow as F, createBlock as K, resolveDynamicComponent as oe, mergeProps as W, withCtx as J, ref as S, 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";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as f, createStaticVNode as Je, inject as Ce, watch as Y, effectScope as Qe, computed as G, reactive as Se, resolveComponent as X, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as g, withModifiers as N, withDirectives as O, vModelText as V, renderList as k, normalizeStyle as et, renderSlot as T, createTextVNode as x, vShow as F, createBlock as K, resolveDynamicComponent as oe, mergeProps as W, withCtx as J, ref as S, 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 $ = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
@@ -170,13 +170,13 @@ function Ot(e, t) {
     return e(t);
   };
 }
-function Te(e, t, r) {
+function Ae(e, t, r) {
   return t.indexOf(e) < 0 && (r && r.prepend ? t.unshift(e) : t.push(e)), function() {
     var n = t.indexOf(e);
     n > -1 && t.splice(n, 1);
   };
 }
-function Ae(e, t) {
+function Te(e, t) {
   e._actions = /* @__PURE__ */ Object.create(null), e._mutations = /* @__PURE__ */ Object.create(null), e._wrappedGetters = /* @__PURE__ */ Object.create(null), e._modulesNamespaceMap = /* @__PURE__ */ Object.create(null);
   var r = e.state;
   ee(e, r, [], e._modules.root, !0), ce(e, r, t);
@@ -199,7 +199,7 @@ function ce(e, t, r) {
     });
   }), e._state = Se({
     data: t
-  }), e._scope = c, e.strict && At(e), n && r && e._withCommit(function() {
+  }), e._scope = c, e.strict && Tt(e), n && r && e._withCommit(function() {
     n.data = null;
   }), o && o.stop();
 }
@@ -215,14 +215,14 @@ function ee(e, t, r, n, o) {
   }
   var h = n.context = Pt(e, i, r);
   n.forEachMutation(function(m, y) {
-    var x = i + y;
-    Et(e, x, m, h);
+    var w = i + y;
+    Et(e, w, m, h);
   }), n.forEachAction(function(m, y) {
-    var x = m.root ? y : i + y, C = m.handler || m;
-    jt(e, x, C, h);
+    var w = m.root ? y : i + y, C = m.handler || m;
+    jt(e, w, C, h);
   }), n.forEachGetter(function(m, y) {
-    var x = i + y;
-    Tt(e, x, m, h);
+    var w = i + y;
+    At(e, w, m, h);
   }), n.forEachChild(function(m, y) {
     ee(e, t, r.concat(y), m, o);
   });
@@ -300,7 +300,7 @@ function jt(e, t, r, n) {
     }) : l;
   });
 }
-function Tt(e, t, r, n) {
+function At(e, t, r, n) {
   if (e._wrappedGetters[t]) {
     process.env.NODE_ENV !== "production" && console.error("[vuex] duplicate getter key: " + t);
     return;
@@ -318,7 +318,7 @@ function Tt(e, t, r, n) {
     );
   };
 }
-function At(e) {
+function Tt(e) {
   Y(function() {
     return e._state.data;
   }, function() {
@@ -676,10 +676,10 @@ var j = function e(t) {
   var a = t.devtools;
   this._committing = !1, this._actions = /* @__PURE__ */ Object.create(null), this._actionSubscribers = [], this._mutations = /* @__PURE__ */ Object.create(null), this._wrappedGetters = /* @__PURE__ */ Object.create(null), this._modules = new q(t), this._modulesNamespaceMap = /* @__PURE__ */ Object.create(null), this._subscribers = [], this._makeLocalGettersCache = /* @__PURE__ */ Object.create(null), this._scope = null, this._devtools = a;
   var i = this, l = this, c = l.dispatch, h = l.commit;
-  this.dispatch = function(x, C) {
-    return c.call(i, x, C);
-  }, this.commit = function(x, C, L) {
-    return h.call(i, x, C, L);
+  this.dispatch = function(w, C) {
+    return c.call(i, w, C);
+  }, this.commit = function(w, C, L) {
+    return h.call(i, w, C, L);
   }, this.strict = o;
   var m = this._modules.root.state;
   ee(this, m, [], this._modules.root), ce(this, m), n.forEach(function(y) {
@@ -704,8 +704,8 @@ j.prototype.commit = function(t, r, n) {
     return;
   }
   this._withCommit(function() {
-    m.forEach(function(x) {
-      x(l);
+    m.forEach(function(w) {
+      w(l);
     });
   }), this._subscribers.slice().forEach(function(y) {
     return y(h, o.state);
@@ -732,7 +732,7 @@ j.prototype.dispatch = function(t, r) {
     return m(i);
   })) : c[0](i);
   return new Promise(function(m, y) {
-    h.then(function(x) {
+    h.then(function(w) {
       try {
         n._actionSubscribers.filter(function(C) {
           return C.after;
@@ -742,27 +742,27 @@ j.prototype.dispatch = function(t, r) {
       } catch (C) {
         process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in after action subscribers: "), console.error(C));
       }
-      m(x);
-    }, function(x) {
+      m(w);
+    }, function(w) {
       try {
         n._actionSubscribers.filter(function(C) {
           return C.error;
         }).forEach(function(C) {
-          return C.error(l, n.state, x);
+          return C.error(l, n.state, w);
         });
       } catch (C) {
         process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in error action subscribers: "), console.error(C));
       }
-      y(x);
+      y(w);
     });
   });
 };
 j.prototype.subscribe = function(t, r) {
-  return Te(t, this._subscribers, r);
+  return Ae(t, this._subscribers, r);
 };
 j.prototype.subscribeAction = function(t, r) {
   var n = typeof t == "function" ? { before: t } : t;
-  return Te(n, this._actionSubscribers, r);
+  return Ae(n, this._actionSubscribers, r);
 };
 j.prototype.watch = function(t, r, n) {
   var o = this;
@@ -784,13 +784,13 @@ j.prototype.unregisterModule = function(t) {
   typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && I(Array.isArray(t), "module path must be a string or an Array."), this._modules.unregister(t), this._withCommit(function() {
     var n = fe(r.state, t.slice(0, -1));
     delete n[t[t.length - 1]];
-  }), Ae(this);
+  }), Te(this);
 };
 j.prototype.hasModule = function(t) {
   return typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && I(Array.isArray(t), "module path must be a string or an Array."), this._modules.isRegistered(t);
 };
 j.prototype.hotUpdate = function(t) {
-  this._modules.update(t), Ae(this, !0);
+  this._modules.update(t), Te(this, !0);
 };
 j.prototype._withCommit = function(t) {
   var r = this._committing;
@@ -1121,7 +1121,7 @@ function wr(e, t, r, n, o, a) {
     ], 2)
   ], 64);
 }
-const Od = /* @__PURE__ */ $(Ht, [["render", wr]]), kr = {
+const Vd = /* @__PURE__ */ $(Ht, [["render", wr]]), kr = {
   computed: {
     ...qt("notification", ["notification"]),
     alertClasses() {
@@ -1213,7 +1213,7 @@ function Er(e, t, r, n, o, a) {
     }, Pr, 2)
   ], 2)) : f("", !0);
 }
-const Pd = /* @__PURE__ */ $(kr, [["render", Er]]), jr = {
+const Ld = /* @__PURE__ */ $(kr, [["render", Er]]), jr = {
   components: {},
   props: {
     field_name: {
@@ -1248,9 +1248,9 @@ const Pd = /* @__PURE__ */ $(kr, [["render", Er]]), jr = {
   },
   mounted() {
   }
-}, Tr = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, Ar = ["name", "value", "id", "checked"], Ir = ["for"];
+}, 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", Tr, [
+  return d(), u("ul", Ar, [
     (d(!0), u(v, null, k(o.locals, (i, l) => (d(), u("li", null, [
       s("input", {
         type: "radio",
@@ -1260,7 +1260,7 @@ function Mr(e, t, r, n, o, a) {
         id: i + "_" + r.field_name,
         autocomplete: "off",
         checked: i === o.default_language
-      }, null, 8, Ar),
+      }, null, 8, Tr),
       s("label", {
         for: i + "_" + r.field_name,
         class: b([{
@@ -1272,10 +1272,10 @@ function Mr(e, t, r, n, o, a) {
     ]))), 256))
   ]);
 }
-const Ed = /* @__PURE__ */ $(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 Bd = /* @__PURE__ */ $(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"
-}, jd = {
+}, Gd = {
   __name: "GlCard",
   props: {
     class: {
@@ -1291,11 +1291,11 @@ const Ed = /* @__PURE__ */ $(jr, [["render", Mr]]), Nr = { class: "bg-white bord
       s("div", Nr, [
         s("div", Vr, [
           s("h3", Lr, [
-            A(n.$slots, "header")
+            T(n.$slots, "header")
           ])
         ]),
         n.$slots.body ? (d(), u("div", Br, [
-          A(n.$slots, "body")
+          T(n.$slots, "body")
         ])) : f("", !0)
       ])
     ], 2));
@@ -1535,7 +1535,7 @@ function ns(e, t, r, n, o, a) {
                 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(g(i.name) + " ", 1),
+                x(g(i.name) + " ", 1),
                 s("i", {
                   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"
@@ -1586,7 +1586,7 @@ function ns(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const Td = /* @__PURE__ */ $(Gr, [["render", ns]]), os = {
+const Fd = /* @__PURE__ */ $(Gr, [["render", ns]]), os = {
   props: {
     button_type: {
       type: String,
@@ -1667,7 +1667,7 @@ function is(e, t, r, n, o, a) {
   }, {
     default: J(() => [
       ls,
-      w(" Loading... ")
+      x(" Loading... ")
     ]),
     _: 1
   }, 8, ["class"])) : (d(), K(oe(r.tag), W({
@@ -1683,12 +1683,12 @@ function is(e, t, r, n, o, a) {
         key: 0,
         class: b([r.icon, "text-base"])
       }, null, 2)) : f("", !0),
-      A(e.$slots, "default")
+      T(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["type", "disabled", "href", "class"]));
 }
-const Ad = /* @__PURE__ */ $(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" }, Id = {
+const Rd = /* @__PURE__ */ $(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" }, Ud = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1824,7 +1824,7 @@ const Ad = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, _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" }, Md = {
+}, _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" }, qd = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1963,7 +1963,7 @@ const Ad = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Ps = { class: "font-bold ptext-lg dark:text-white" }, Es = ["name", "id"], js = ["id"], Ts = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), As = ["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" }, Nd = {
+}, 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" }, zd = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2052,7 +2052,7 @@ const Ad = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
         }, g(e.model_value), 9, js),
-        Ts
+        As
       ], 2)) : f("", !0),
       e.show ? f("", !0) : (d(), u("div", {
         key: 1,
@@ -2065,7 +2065,7 @@ const Ad = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
             required: e.is_required
           }),
           for: e.field_name
-        }, g(e.label_name), 11, As),
+        }, g(e.label_name), 11, Ts),
         Is,
         s("input", {
           class: "mb-4",
@@ -2096,7 +2096,7 @@ const Ad = /* @__PURE__ */ $(os, [["render", is]]), 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" }, Vd = {
+}, 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" }, Hd = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -2217,7 +2217,7 @@ function ea(e, t, r, n, o, a) {
               s("i", {
                 class: b([i.icon, "mr-1 text-base"])
               }, null, 2),
-              w(" " + g(i.title), 1)
+              x(" " + g(i.title), 1)
             ], 2)
           ], 8, Ys))), 128))
         ])
@@ -2226,13 +2226,13 @@ function ea(e, t, r, n, o, a) {
     s("div", Xs, [
       s("div", Js, [
         s("div", Qs, [
-          A(e.$slots, "default")
+          T(e.$slots, "default")
         ])
       ])
     ])
   ], 64);
 }
-const Ld = /* @__PURE__ */ $(Hs, [["render", ea]]), ta = {
+const Zd = /* @__PURE__ */ $(Hs, [["render", ea]]), ta = {
   props: ["title"],
   setup() {
     return {
@@ -2242,12 +2242,12 @@ const Ld = /* @__PURE__ */ $(Hs, [["render", ea]]), ta = {
 }, ra = { class: "block" };
 function sa(e, t, r, n, o, a) {
   return O((d(), u("div", ra, [
-    A(e.$slots, "default")
+    T(e.$slots, "default")
   ], 512)), [
     [F, r.title == n.selectedTitle]
   ]);
 }
-const Bd = /* @__PURE__ */ $(ta, [["render", sa]]), aa = {
+const Kd = /* @__PURE__ */ $(ta, [["render", sa]]), aa = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2433,9 +2433,9 @@ const Bd = /* @__PURE__ */ $(ta, [["render", sa]]), aa = {
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
 }, null, -1)), Pa = [
   Oa
-], Ea = ["onClick"], ja = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), Ta = [
+], Ea = ["onClick"], ja = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), Aa = [
   ja
-], Aa = {
+], Ta = {
   key: 1,
   class: "flex justify-between pl-5 pr-5"
 }, Ia = ["onClick"], Ma = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), Na = [
@@ -2570,7 +2570,7 @@ function dn(e, t, r, n, o, a) {
               ])
             ])
           ], 2)) : f("", !0),
-          A(e.$slots, "default", {}, void 0, !0),
+          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: 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"])
@@ -2595,9 +2595,9 @@ function dn(e, t, r, n, o, a) {
             class: b(["gl-dot", { active: e.currentDot == i }]),
             key: i,
             onClick: (l) => a.setDot(i)
-          }, Ta, 10, Ea))), 128))
+          }, Aa, 10, Ea))), 128))
         ], 2)) : f("", !0),
-        r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", Aa, [
+        r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", Ta, [
           s("div", {
             class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
           }, [
@@ -2648,7 +2648,7 @@ function dn(e, t, r, n, o, a) {
     ], 10, na)
   ]);
 }
-const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9"]]), un = {
+const Wd = /* @__PURE__ */ $(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"
@@ -2668,7 +2668,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   ])
 ], -1), mn = [
   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" }, Fd = {
+], 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" }, Yd = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2720,10 +2720,10 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
           s("div", {
             class: b(["relative overflow-y-auto", e.bodyClass])
           }, [
-            A(l.$slots, "body")
+            T(l.$slots, "body")
           ], 2),
           s("div", bn, [
-            A(l.$slots, "buttons"),
+            T(l.$slots, "buttons"),
             s("button", {
               onClick: i,
               type: "button",
@@ -2736,7 +2736,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       [F, e.is_open]
     ]);
   }
-}, 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" }, Rd = {
+}, 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" }, Xd = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2793,7 +2793,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       }, [
         s("div", pn, [
           s("li", yn, [
-            w(g(e.label_name) + " ", 1),
+            x(g(e.label_name) + " ", 1),
             s("label", _n, [
               s("input", {
                 type: "checkbox",
@@ -2818,7 +2818,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
         class: b(["mb-4", e.field_name])
       }, [
         s("li", kn, [
-          w(g(e.label_name) + " ", 1),
+          x(g(e.label_name) + " ", 1),
           s("label", $n, [
             O(s("input", {
               type: "checkbox",
@@ -2841,7 +2841,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       ], 2))
     ], 64));
   }
-}, Pn = { class: "font-bold ptext-lg dark:text-white" }, En = { class: "mt-3 mb-4" }, jn = { class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, Tn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), An = ["name", "id", "value"], In = {
+}, Pn = { class: "font-bold ptext-lg dark:text-white" }, En = { class: "mt-3 mb-4" }, jn = { class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, An = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Tn = ["name", "id", "value"], In = {
   key: 0,
   class: "dropdown"
 }, Mn = { class: "border border-gray-200 rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Nn = { class: "relative showOptions" }, Vn = ["value", "placeholder"], Ln = { class: "text-gray-700 bg-white dark:border-strokedark dark:bg-boxdark dark:text-gray-200 !border-b !border-t-0 !border-r !border-l absolute w-full z-[999999999]" }, Bn = { class: "p-1" }, Gn = /* @__PURE__ */ s("label", {
@@ -2878,7 +2878,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   d: "M1 5.917 5.724 10.5 15 1.5"
 }, null, -1), Wn = [
   Kn
-], Yn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Xn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ud = {
+], Yn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Xn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Jd = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -2946,7 +2946,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
         p.key === "Enter" && p.target.form && p.preventDefault();
       }));
     });
-    const m = G(() => Ke()), y = G(() => We()), x = G(() => {
+    const m = G(() => Ke()), y = G(() => We()), w = G(() => {
       const p = [], D = new RegExp(c.value, "ig");
       for (const E of m.value) {
         const B = String(E.name);
@@ -2992,7 +2992,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       E && E.click();
     }
     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);
+      p === "ArrowDown" && i.value < w.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((p, D) => typeof p == "object" ? p : { id: p, name: p });
@@ -3029,7 +3029,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       a.value.id || (a.value = {}, c.value = ""), n("selected", a.value), l.value = !1;
     }
     return Y(c, () => {
-      x.value.length === 0 && (a.value = {});
+      w.value.length === 0 && (a.value = {});
     }), Y(a, (p) => {
       te(p) && n("update:modelValue", p.id);
     }), (p, D) => {
@@ -3043,7 +3043,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
           s("p", En, [
             s("span", jn, g((E = y.value) == null ? void 0 : E.name), 1)
           ]),
-          Tn
+          An
         ], 2)) : f("", !0),
         e.show ? f("", !0) : (d(), u("div", {
           key: 1,
@@ -3054,7 +3054,7 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
             name: e.field_name,
             id: e.field_name,
             value: (B = y.value) == null ? void 0 : B.id
-          }, null, 8, An),
+          }, null, 8, Tn),
           e.options ? (d(), u("div", In, [
             e.label_name ? (d(), u("label", {
               key: 0,
@@ -3072,21 +3072,21 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                     "gl-input-form-invalid": e.error_message !== ""
                   }, "pl-8 pr-2 showOptions"]),
                   ref: e.field_name,
-                  onClick: D[0] || (D[0] = (T) => re()),
+                  onClick: D[0] || (D[0] = (A) => re()),
                   value: (ye = y.value) == null ? void 0 : ye.name,
                   placeholder: e.placeholder,
                   autocomplete: "off",
                   readonly: ""
                 }, null, 10, Vn),
                 O(s("i", {
-                  onClick: D[1] || (D[1] = N((T) => Ye(), ["stop"])),
+                  onClick: D[1] || (D[1] = N((A) => Ye(), ["stop"])),
                   class: "absolute text-gray-500 cursor-pointer fas fa-times right-7 hover:text-gray-700 dark:hover:text-gray-800",
                   style: { top: "13px" }
                 }, null, 512), [
                   [F, te(y.value) && e.has_cancel]
                 ]),
                 s("i", {
-                  onClick: D[2] || (D[2] = (T) => !l.value && re()),
+                  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)
@@ -3098,11 +3098,11 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                     Rn,
                     O(s("input", {
                       type: "search",
-                      "onUpdate:modelValue": D[3] || (D[3] = (T) => c.value = T),
+                      "onUpdate:modelValue": D[3] || (D[3] = (A) => c.value = A),
                       ref: o.value,
                       id: `${e.field_name}search${h.value}`,
                       onKeydown: C,
-                      onBlur: D[4] || (D[4] = (T) => pe()),
+                      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 ..."
@@ -3112,18 +3112,18 @@ const Gd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                   ])
                 ]),
                 s("div", qn, [
-                  (d(!0), u(v, null, k(x.value, (T, se) => {
+                  (d(!0), u(v, null, k(w.value, (A, se) => {
                     var _e;
                     return d(), u("div", {
                       class: b(["relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white", se + 1 == i.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
-                      onClick: (Xe) => be(T),
-                      onMousedown: (Xe) => be(T),
+                      onClick: (Xe) => be(A),
+                      onMousedown: (Xe) => be(A),
                       key: se,
                       id: `${se + 1}${h.value}`
                     }, [
                       s("div", Hn, [
-                        ((_e = y.value) == null ? void 0 : _e.id) === T.id ? (d(), u("svg", Zn, Wn)) : f("", !0),
-                        s("span", null, g(T.name || T.id || "-"), 1)
+                        ((_e = y.value) == null ? void 0 : _e.id) === A.id ? (d(), u("svg", Zn, Wn)) : f("", !0),
+                        s("span", null, g(A.name || A.id || "-"), 1)
                       ])
                     ], 42, zn);
                   }), 128))
@@ -3139,7 +3139,7 @@ const Gd = /* @__PURE__ */ $(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" }, qd = {
+}, 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" }, Qd = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3420,13 +3420,13 @@ function vo(e, t, r, n, o, a) {
     default: J((l) => [
       s("div", lo, [
         l.computed.total > l.computed.perPage ? (d(), u("span", io, [
-          w(" Showing "),
+          x(" Showing "),
           s("span", uo, g(l.computed.from), 1),
-          w(" to "),
+          x(" to "),
           s("span", co, g(l.computed.to), 1),
-          w(" of "),
+          x(" of "),
           s("span", fo, g(l.computed.total), 1),
-          w(" Entries ")
+          x(" Entries ")
         ])) : f("", !0),
         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", {
@@ -3446,7 +3446,7 @@ function vo(e, t, r, n, o, a) {
               "aria-label": "Previous",
               tabindex: !l.computed.prevPageUrl && -1
             }, ae(l.prevButtonEvents, !0)), [
-              A(e.$slots, "prev-nav", {}, () => [
+              T(e.$slots, "prev-nav", {}, () => [
                 ho,
                 mo
               ])
@@ -3474,7 +3474,7 @@ function vo(e, t, r, n, o, a) {
               "aria-label": "Next",
               tabindex: !l.computed.nextPageUrl && -1
             }, ae(l.nextButtonEvents, !0)), [
-              A(e.$slots, "next-nav", {}, () => [
+              T(e.$slots, "next-nav", {}, () => [
                 yo,
                 _o
               ])
@@ -3579,7 +3579,7 @@ const xo = /* @__PURE__ */ $(oo, [["render", vo]]), wo = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), To = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, Ao = { 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 = {
+], -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 = {
@@ -3667,8 +3667,8 @@ function Ho(e, t, r, n, o, a) {
         ])
       ])
     ]),
-    s("div", To, [
-      s("table", Ao, [
+    s("div", Ao, [
+      s("table", To, [
         s("thead", Io, [
           s("tr", null, [
             (d(!0), u(v, null, k(r.columns, (c, h) => (d(), u("th", {
@@ -3676,7 +3676,7 @@ function Ho(e, t, r, n, o, a) {
               onClick: (m) => a.updateSortColumn(c.field_name, c.sortable),
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
-              w(g(c.field_label) + " ", 1),
+              x(g(c.field_label) + " ", 1),
               o.sortField === c.field_name ? (d(), u("span", No, [
                 o.sortOrder === "asc" ? (d(), u("i", Vo)) : (d(), u("i", Lo))
               ])) : f("", !0)
@@ -3705,9 +3705,9 @@ function Ho(e, t, r, n, o, a) {
                   field: m.field_name,
                   xprops: r.xprops,
                   tdProps: m.tdProps,
-                  onDeleteAction: t[3] || (t[3] = (x) => a.GetItemLists())
+                  onDeleteAction: t[3] || (t[3] = (w) => a.GetItemLists())
                 }, null, 40, ["row", "field", "xprops", "tdProps"])) : (d(), u(v, { key: 1 }, [
-                  w(g(c[m.field_name]), 1)
+                  x(g(c[m.field_name]), 1)
                 ], 64))
               ])
             ], 8, Uo))), 128))
@@ -3727,7 +3727,7 @@ function Ho(e, t, r, n, o, a) {
     ])
   ]);
 }
-const zd = /* @__PURE__ */ $(wo, [["render", Ho]]), Zo = {
+const eu = /* @__PURE__ */ $(wo, [["render", Ho]]), Zo = {
   components: {},
   props: {
     data: Array,
@@ -3923,7 +3923,7 @@ function jl(e, t, r, n, o, a) {
               onClick: (h) => a.sort(l),
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
-              w(g(l) + " ", 1),
+              x(g(l) + " ", 1),
               o.sortKey === l ? (d(), u("span", ll, g(o.sortOrder === 1 ? "▲" : "▼"), 1)) : f("", !0)
             ], 8, ol))), 128))
           ])
@@ -3965,13 +3965,13 @@ function jl(e, t, r, n, o, a) {
       s("div", hl, [
         s("div", null, [
           s("p", ml, [
-            w(" Showing "),
+            x(" Showing "),
             s("span", bl, g(a.firstItemIndex), 1),
-            w(" to "),
+            x(" to "),
             s("span", pl, g(a.lastItemIndex), 1),
-            w(" of "),
+            x(" of "),
             s("span", yl, g(a.filteredData.length), 1),
-            w(" entries ")
+            x(" entries ")
           ])
         ]),
         s("div", null, [
@@ -4019,10 +4019,10 @@ function jl(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
+const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
-}, Al = {
+}, Tl = {
   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"
 }, Il = /* @__PURE__ */ s("svg", {
@@ -4099,8 +4099,8 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
       setTimeout(() => n("remove"), r.duration);
     });
     const n = t;
-    return (o, a) => (d(), u("div", Tl, [
-      r.type === "success" ? (d(), u("div", Al, Nl)) : f("", !0),
+    return (o, a) => (d(), u("div", Al, [
+      r.type === "success" ? (d(), u("div", Tl, Nl)) : f("", !0),
       r.type === "error" ? (d(), u("div", Vl, Gl)) : f("", !0),
       r.type === "warning" ? (d(), u("div", Fl, ql)) : f("", !0),
       s("div", zl, g(r.message), 1),
@@ -4130,7 +4130,7 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
 }, $e = {
   state: de,
   methods: Yl
-}, Zd = {
+}, ru = {
   __name: "GlToastList",
   setup(e) {
     function t(r) {
@@ -4172,7 +4172,7 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
 ], ei = { 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" }, ti = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, ri = { key: 0 }, si = ["href"], ai = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ni = { key: 1 }, oi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Kd = {
+}, ri = { key: 0 }, si = ["href"], ai = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ni = { key: 1 }, oi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), su = {
   __name: "DatatableAction",
   props: {
     field: {
@@ -4213,11 +4213,11 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
           type: "success",
           duration: 5e3
         });
-      }).catch((x) => {
-        console.log(x);
+      }).catch((w) => {
+        console.log(w);
       });
     };
-    return (x, C) => {
+    return (w, C) => {
       const L = De("click-outside");
       return d(), u(v, null, [
         Z(ue, {
@@ -4225,7 +4225,7 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Xl, [
+        e.row && w.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Xl, [
           s("button", {
             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",
@@ -4233,23 +4233,23 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
           }, Ql),
           O(s("div", ei, [
             s("ul", ti, [
-              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", ri, [
+              w.can(`edit_${e.xprops.permission}`) ? (d(), u("li", ri, [
                 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"
                 }, [
                   ai,
-                  w(" Edit")
+                  x(" Edit")
                 ], 8, si)
               ])) : f("", !0),
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ni, [
+              w.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ni, [
                 s("a", {
                   href: "#",
                   onClick: N(h, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
                   oi,
-                  w(" Remove")
+                  x(" Remove")
                 ])
               ])) : f("", !0)
             ])
@@ -4278,7 +4278,7 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
 ], ui = { 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" }, ci = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, fi = { key: 0 }, gi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Wd = {
+}, fi = { key: 0 }, gi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), au = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4319,11 +4319,11 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
           type: "success",
           duration: 5e3
         });
-      }).catch((x) => {
-        console.log(x);
+      }).catch((w) => {
+        console.log(w);
       });
     };
-    return (x, C) => {
+    return (w, C) => {
       const L = De("click-outside");
       return d(), u(v, null, [
         Z(ue, {
@@ -4331,7 +4331,7 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", li, [
+        e.row && w.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", li, [
           s("button", {
             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",
@@ -4339,14 +4339,14 @@ const Hd = /* @__PURE__ */ $(Zo, [["render", jl]]), Tl = {
           }, di),
           O(s("div", ui, [
             s("ul", ci, [
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", fi, [
+              w.can(`delete_${e.xprops.permission}`) ? (d(), u("li", fi, [
                 s("a", {
                   href: "#",
                   onClick: N(h, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
                   gi,
-                  w(" Remove")
+                  x(" Remove")
                 ])
               ])) : f("", !0)
             ])
@@ -4426,7 +4426,7 @@ function vi(e, t, r, n, o, a) {
         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"
       }, [
         bi,
-        w(" Download ")
+        x(" Download ")
       ], 8, mi)
     ]))), 128)) : a.isString ? (d(), u("div", pi, [
       s("a", {
@@ -4436,12 +4436,12 @@ function vi(e, t, r, n, o, a) {
         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"
       }, [
         _i,
-        w(" Download ")
+        x(" Download ")
       ], 8, yi)
     ])) : f("", !0)
   ]);
 }
-const Yd = /* @__PURE__ */ $(hi, [["render", vi]]), xi = {
+const nu = /* @__PURE__ */ $(hi, [["render", vi]]), xi = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4502,7 +4502,7 @@ function Di(e, t, r, n, o, a) {
         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"
       }, [
         ki,
-        w(" Download ")
+        x(" Download ")
       ], 8, wi)
     ]))), 128)) : a.isObject ? (d(), u("div", $i, [
       s("a", {
@@ -4512,12 +4512,12 @@ function Di(e, t, r, n, o, a) {
         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"
       }, [
         Si,
-        w(" Download ")
+        x(" Download ")
       ], 8, Ci)
     ])) : f("", !0)
   ]);
 }
-const Xd = /* @__PURE__ */ $(xi, [["render", Di]]), Oi = {
+const ou = /* @__PURE__ */ $(xi, [["render", Di]]), Oi = {
   props: ["field", "row", "tdProps"]
 }, Pi = { key: 0 }, Ei = ["innerHTML"];
 function ji(e, t, r, n, o, a) {
@@ -4528,7 +4528,7 @@ function ji(e, t, r, n, o, a) {
     }, null, 8, Ei)
   ])) : f("", !0);
 }
-const Jd = /* @__PURE__ */ $(Oi, [["render", ji]]), Ti = {
+const lu = /* @__PURE__ */ $(Oi, [["render", ji]]), Ai = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4542,19 +4542,19 @@ const Jd = /* @__PURE__ */ $(Oi, [["render", ji]]), Ti = {
       return typeof this.row[this.entry.key] == "object";
     }
   }
-}, Ai = { class: "flex flex-wrap gap-2" }, Ii = {
+}, Ti = { class: "flex flex-wrap gap-2" }, Ii = {
   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 Mi(e, t, r, n, o, a) {
-  return d(), u("div", Ai, [
+  return d(), u("div", Ti, [
     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"
     }, g(i[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Ii, g(r.row[a.entry.key][a.entry.field]), 1)) : f("", !0)
   ]);
 }
-const Qd = /* @__PURE__ */ $(Ti, [["render", Mi]]), Ni = {
+const iu = /* @__PURE__ */ $(Ai, [["render", Mi]]), Ni = {
   props: ["field", "row", "tdProps"]
 }, Vi = { key: 0 }, Li = { class: "m-1 d-inline-block" }, Bi = ["href", "title"], Gi = ["src", "alt", "title"];
 function Fi(e, t, r, n, o, a) {
@@ -4574,7 +4574,7 @@ function Fi(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const eu = /* @__PURE__ */ $(Ni, [["render", Fi], ["__scopeId", "data-v-3a28c02c"]]), Ri = {
+const du = /* @__PURE__ */ $(Ni, [["render", Fi], ["__scopeId", "data-v-3a28c02c"]]), Ri = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
@@ -4592,14 +4592,14 @@ function Ki(e, t, r, n, o, a) {
   return d(), u("div", Ui, [
     a.isActive ? (d(), u("span", qi, [
       zi,
-      w(" Active ")
+      x(" Active ")
     ])) : a.isActive ? f("", !0) : (d(), u("span", Hi, [
       Zi,
-      w(" Inactive ")
+      x(" Inactive ")
     ]))
   ]);
 }
-const tu = /* @__PURE__ */ $(Ri, [["render", Ki]]), Wi = {
+const uu = /* @__PURE__ */ $(Ri, [["render", Ki]]), Wi = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4632,27 +4632,27 @@ function ld(e, t, r, n, o, a) {
   return d(), u("div", Yi, [
     a.hasLabelColor == "green" ? (d(), u("span", Xi, [
       Ji,
-      w(" " + g(this.row[this.field]), 1)
+      x(" " + g(this.row[this.field]), 1)
     ])) : f("", !0),
     a.hasLabelColor == "red" ? (d(), u("span", Qi, [
       ed,
-      w(" " + g(this.row[this.field]), 1)
+      x(" " + g(this.row[this.field]), 1)
     ])) : f("", !0),
     a.hasLabelColor == "yellow" ? (d(), u("span", td, [
       rd,
-      w(" " + g(this.row[this.field]), 1)
+      x(" " + g(this.row[this.field]), 1)
     ])) : f("", !0),
     a.hasLabelColor == "default" ? (d(), u("span", sd, [
       ad,
-      w(" " + g(this.row[this.field]), 1)
+      x(" " + g(this.row[this.field]), 1)
     ])) : f("", !0),
     a.hasLabelColor == "animate" ? (d(), u("span", nd, [
       od,
-      w(" " + g(this.row[this.field]), 1)
+      x(" " + g(this.row[this.field]), 1)
     ])) : f("", !0)
   ]);
 }
-const ru = /* @__PURE__ */ $(Wi, [["render", ld]]), id = {
+const cu = /* @__PURE__ */ $(Wi, [["render", ld]]), id = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor() {
@@ -4710,7 +4710,7 @@ function ud(e, t, r, n, o, a) {
     }, g(this.row[this.field]), 3)) : f("", !0)
   ]);
 }
-const su = /* @__PURE__ */ $(id, [["render", ud]]), cd = {
+const fu = /* @__PURE__ */ $(id, [["render", ud]]), cd = {
   props: ["field", "row", "tdProps"],
   computed: {
     formattedDate() {
@@ -4729,7 +4729,38 @@ const su = /* @__PURE__ */ $(id, [["render", ud]]), cd = {
 function gd(e, t, r, n, o, a) {
   return d(), u("div", fd, g(a.formattedDate), 1);
 }
-const au = /* @__PURE__ */ $(cd, [["render", gd]]), hd = {
+const gu = /* @__PURE__ */ $(cd, [["render", gd]]), hd = {
+  props: ["field", "row", "tdProps"]
+}, md = { class: "flex flex-wrap gap-2 text-nowrap" }, bd = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-sm text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300"
+}, pd = /* @__PURE__ */ s("span", { class: "relative flex w-2 h-2 mr-1" }, [
+  /* @__PURE__ */ s("span", { class: "absolute inline-flex w-full h-full bg-blue-500 rounded-full animate-ping" }),
+  /* @__PURE__ */ s("span", { class: "relative inline-flex w-2 h-2 bg-blue-500 rounded-full" })
+], -1), yd = {
+  key: 1,
+  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"
+}, _d = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), vd = {
+  key: 2,
+  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"
+}, xd = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1);
+function wd(e, t, r, n, o, a) {
+  return d(), u("div", md, [
+    r.row[r.field] === 0 ? (d(), u("span", bd, [
+      pd,
+      x(" Connecting")
+    ])) : f("", !0),
+    r.row[r.field] === 2 ? (d(), u("span", yd, [
+      _d,
+      x(" Paused ")
+    ])) : f("", !0),
+    r.row[r.field] === 1 ? (d(), u("span", vd, [
+      xd,
+      x(" Active ")
+    ])) : f("", !0)
+  ]);
+}
+const hu = /* @__PURE__ */ $(hd, [["render", wd]]), kd = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4739,35 +4770,35 @@ const au = /* @__PURE__ */ $(cd, [["render", gd]]), hd = {
       this.$emit("cancel-action");
     }
   }
-}, md = {
+}, $d = {
   key: 0,
   class: "fixed inset-0 z-50 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, bd = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, pd = /* @__PURE__ */ s("div", {
+}, Cd = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, Sd = /* @__PURE__ */ s("div", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), yd = /* @__PURE__ */ s("span", {
+}, null, -1), Dd = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), _d = { 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" }, vd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, xd = { class: "sm:flex sm:items-start" }, wd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, kd = { class: "text-lg font-medium leading-6 text-gray-900" }, $d = { class: "mt-2" }, Cd = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
-function Sd(e, t, r, n, o, a) {
-  return r.isOpen ? (d(), u("div", md, [
-    s("div", bd, [
-      pd,
-      yd,
-      s("div", _d, [
-        s("div", vd, [
-          s("div", xd, [
-            s("div", wd, [
-              s("h3", kd, g(r.title), 1),
-              s("div", $d, [
-                A(e.$slots, "default")
+}, "​", -1), Od = { 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" }, Pd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Ed = { class: "sm:flex sm:items-start" }, jd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ad = { class: "text-lg font-medium leading-6 text-gray-900" }, Td = { class: "mt-2" }, Id = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+function Md(e, t, r, n, o, a) {
+  return r.isOpen ? (d(), u("div", $d, [
+    s("div", Cd, [
+      Sd,
+      Dd,
+      s("div", Od, [
+        s("div", Pd, [
+          s("div", Ed, [
+            s("div", jd, [
+              s("h3", Ad, g(r.title), 1),
+              s("div", Td, [
+                T(e.$slots, "default")
               ])
             ])
           ])
         ]),
-        s("div", Cd, [
+        s("div", Id, [
           s("button", {
             onClick: t[0] || (t[0] = (...i) => a.confirmAction && a.confirmAction(...i)),
             type: "button",
@@ -4783,41 +4814,42 @@ function Sd(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const nu = /* @__PURE__ */ $(hd, [["render", Sd]]);
+const mu = /* @__PURE__ */ $(kd, [["render", Md]]);
 export {
-  au as GLDatatableDateTime,
-  Ad as GlButton,
-  jd as GlCard,
-  nu as GlConfirmationModal,
-  Hd as GlDataTable,
-  zd as GlDataTableServerSide,
-  Kd as GlDatatableAction,
-  Wd as GlDatatableDeleteAction,
-  Yd as GlDatatableFileDownload,
-  Xd as GlDatatableFiles,
-  Jd as GlDatatableHtml,
-  Qd as GlDatatableList,
-  eu as GlDatatablePicture,
-  tu as GlDatatableStatus,
-  ru as GlDatatableStatusGeneral,
-  su as GlDatatableStatusSpecficColor,
+  gu as GLDatatableDateTime,
+  hu as GLDatatableStatusServer,
+  Rd as GlButton,
+  Gd as GlCard,
+  mu as GlConfirmationModal,
+  tu as GlDataTable,
+  eu as GlDataTableServerSide,
+  su as GlDatatableAction,
+  au as GlDatatableDeleteAction,
+  nu as GlDatatableFileDownload,
+  ou as GlDatatableFiles,
+  lu as GlDatatableHtml,
+  iu as GlDatatableList,
+  du as GlDatatablePicture,
+  uu as GlDatatableStatus,
+  cu as GlDatatableStatusGeneral,
+  fu as GlDatatableStatusSpecficColor,
   ue as GlDeleteConfirmationModal,
-  Ud as GlDropdown,
-  Od as GlFilesUpload,
-  Ed as GlLanguageSelector,
-  Fd as GlModal,
-  Gd as GlMultiItemSlide,
-  Td as GlMultiSelectDropdown,
-  Pd as GlNotify,
-  Bd as GlTab,
-  Ld as GlTabsWrapper,
+  Jd as GlDropdown,
+  Vd as GlFilesUpload,
+  Bd as GlLanguageSelector,
+  Yd as GlModal,
+  Wd as GlMultiItemSlide,
+  Fd as GlMultiSelectDropdown,
+  Ld as GlNotify,
+  Kd as GlTab,
+  Zd as GlTabsWrapper,
   xo as GlTailwindPagination,
-  Vd as GlTextInput,
-  Nd as GlTextTranslate,
-  qd as GlTextarea,
-  Id as GlTextareaTranslate,
-  Md as GlTinymceTranslate,
+  Hd as GlTextInput,
+  zd as GlTextTranslate,
+  Qd as GlTextarea,
+  Ud as GlTextareaTranslate,
+  qd as GlTinymceTranslate,
   $e as GlToast,
-  Zd as GlToastList,
-  Rd as GlToggleBox
+  ru as GlToastList,
+  Xd as GlToggleBox
 };