golden-logic-ui 1.0.64 → 1.0.66

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 b, toDisplayString as h, withModifiers as N, withDirectives as D, vModelText as V, renderList as k, normalizeStyle as et, renderSlot as I, 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 nt, vModelCheckbox as at, nextTick as ot, toHandlers as ne, TransitionGroup as it, unref as lt, resolveDirective as Oe, 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 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";
 const S = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
@@ -26,15 +26,15 @@ const S = (e, t) => {
 }, null, -1), gt = /* @__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" }, _t = /* @__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 bt(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" }, 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) {
   return r.isOpen ? (d(), u("div", ct, [
     s("div", ft, [
       ht,
       gt,
       s("div", mt, [
-        _t,
-        s("div", pt, [
+        pt,
+        s("div", bt, [
           s("button", {
             onClick: t[0] || (t[0] = (...l) => a.confirmDeletion && a.confirmDeletion(...l)),
             type: "button",
@@ -50,11 +50,11 @@ function bt(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const ue = /* @__PURE__ */ S(ut, [["render", bt]]);
+const ue = /* @__PURE__ */ S(ut, [["render", _t]]);
 function yt() {
-  return De().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+  return Oe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function De() {
+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";
@@ -129,7 +129,7 @@ class Ct {
   }
 }
 function St(e, t) {
-  const r = e, n = De(), o = yt(), a = vt && r.enableEarlyProxy;
+  const r = e, n = Oe(), o = yt(), a = vt && r.enableEarlyProxy;
   if (o && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
     o.emit(xt, e, t);
   else {
@@ -158,14 +158,14 @@ function U(e, t) {
 function je(e) {
   return e !== null && typeof e == "object";
 }
-function Ot(e) {
+function Dt(e) {
   return e && typeof e.then == "function";
 }
-function T(e, t) {
+function I(e, t) {
   if (!e)
     throw new Error("[vuex] " + t);
 }
-function Dt(e, t) {
+function Ot(e, t) {
   return function() {
     return e(t);
   };
@@ -176,7 +176,7 @@ function Ae(e, t, r) {
     n > -1 && t.splice(n, 1);
   };
 }
-function Ie(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);
@@ -187,7 +187,7 @@ function ce(e, t, r) {
   var a = e._wrappedGetters, l = {}, i = {}, c = Qe(!0);
   c.run(function() {
     U(a, function(f, m) {
-      l[m] = Dt(f, e), i[m] = G(function() {
+      l[m] = Ot(f, e), i[m] = G(function() {
         return l[m]();
       }), Object.defineProperty(e.getters, m, {
         get: function() {
@@ -199,7 +199,7 @@ function ce(e, t, r) {
     });
   }), e._state = Se({
     data: t
-  }), e._scope = c, e.strict && It(e), n && r && e._withCommit(function() {
+  }), e._scope = c, e.strict && Tt(e), n && r && e._withCommit(function() {
     n.data = null;
   }), o && o.stop();
 }
@@ -251,7 +251,7 @@ function Pt(e, t, r) {
       get: n ? function() {
         return e.getters;
       } : function() {
-        return Te(e, t);
+        return Ie(e, t);
       }
     },
     state: {
@@ -261,7 +261,7 @@ function Pt(e, t, r) {
     }
   }), o;
 }
-function Te(e, t) {
+function Ie(e, t) {
   if (!e._makeLocalGettersCache[t]) {
     var r = {}, n = t.length;
     Object.keys(e.getters).forEach(function(o) {
@@ -295,7 +295,7 @@ function jt(e, t, r, n) {
       rootGetters: e.getters,
       rootState: e.state
     }, l);
-    return Ot(i) || (i = Promise.resolve(i)), e._devtoolHook ? i.catch(function(c) {
+    return Dt(i) || (i = Promise.resolve(i)), e._devtoolHook ? i.catch(function(c) {
       throw e._devtoolHook.emit("vuex:error", c), c;
     }) : i;
   });
@@ -318,11 +318,11 @@ function At(e, t, r, n) {
     );
   };
 }
-function It(e) {
+function Tt(e) {
   X(function() {
     return e._state.data;
   }, function() {
-    process.env.NODE_ENV !== "production" && T(e._committing, "do not mutate vuex store state outside mutation handlers.");
+    process.env.NODE_ENV !== "production" && I(e._committing, "do not mutate vuex store state outside mutation handlers.");
   }, { deep: !0, flush: "sync" });
 }
 function fe(e, t) {
@@ -331,9 +331,9 @@ function fe(e, t) {
   }, e);
 }
 function Q(e, t, r) {
-  return je(e) && e.type && (r = t, t = e, e = e.type), process.env.NODE_ENV !== "production" && T(typeof e == "string", "expects string as the type, but found " + typeof e + "."), { type: e, payload: t, options: r };
+  return je(e) && e.type && (r = t, t = e, e = e.type), process.env.NODE_ENV !== "production" && I(typeof e == "string", "expects string as the type, but found " + typeof e + "."), { type: e, payload: t, options: r };
 }
-var Tt = "vuex bindings", ve = "vuex:mutations", ae = "vuex:actions", H = "vuex", Mt = 0;
+var It = "vuex bindings", ve = "vuex:mutations", ne = "vuex:actions", H = "vuex", Mt = 0;
 function Nt(e, t) {
   St(
     {
@@ -343,7 +343,7 @@ function Nt(e, t) {
       homepage: "https://next.vuex.vuejs.org/",
       logo: "https://vuejs.org/images/icons/favicon-96x96.png",
       packageName: "vuex",
-      componentStateTypes: [Tt]
+      componentStateTypes: [It]
     },
     function(r) {
       r.addTimelineLayer({
@@ -351,7 +351,7 @@ function Nt(e, t) {
         label: "Vuex Mutations",
         color: xe
       }), r.addTimelineLayer({
-        id: ae,
+        id: ne,
         label: "Vuex Actions",
         color: xe
       }), r.addInspector({
@@ -371,7 +371,7 @@ function Nt(e, t) {
       }), r.on.getInspectorState(function(n) {
         if (n.app === e && n.inspectorId === H) {
           var o = n.nodeId;
-          Te(t, o), n.state = Bt(
+          Ie(t, o), n.state = Bt(
             Ft(t._modules, o),
             o === "root" ? t.getters : t._makeLocalGettersCache,
             o
@@ -398,7 +398,7 @@ function Nt(e, t) {
         before: function(n, o) {
           var a = {};
           n.payload && (a.payload = n.payload), n._id = Mt++, n._time = Date.now(), a.state = o, r.addTimelineEvent({
-            layerId: ae,
+            layerId: ne,
             event: {
               time: n._time,
               title: n.type,
@@ -418,7 +418,7 @@ function Nt(e, t) {
               value: l
             }
           }, n.payload && (a.payload = n.payload), a.state = o, r.addTimelineEvent({
-            layerId: ae,
+            layerId: ne,
             event: {
               time: Date.now(),
               title: n.type,
@@ -654,7 +654,7 @@ function Fe(e, t) {
     if (t[r]) {
       var n = ke[r];
       U(t[r], function(o, a) {
-        T(
+        I(
           n.assert(o),
           Ut(e, r, a, o, n.expected)
         );
@@ -668,7 +668,7 @@ function Ut(e, t, r, n, o) {
 }
 var j = function e(t) {
   var r = this;
-  t === void 0 && (t = {}), process.env.NODE_ENV !== "production" && (T(typeof Promise < "u", "vuex requires a Promise polyfill in this browser."), T(this instanceof e, "store must be called with the new operator."));
+  t === void 0 && (t = {}), process.env.NODE_ENV !== "production" && (I(typeof Promise < "u", "vuex requires a Promise polyfill in this browser."), I(this instanceof e, "store must be called with the new operator."));
   var n = t.plugins;
   n === void 0 && (n = []);
   var o = t.strict;
@@ -695,7 +695,7 @@ he.state.get = function() {
   return this._state.data;
 };
 he.state.set = function(e) {
-  process.env.NODE_ENV !== "production" && T(!1, "use store.replaceState() to explicit replace store state.");
+  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];
@@ -766,7 +766,7 @@ j.prototype.subscribeAction = function(t, r) {
 };
 j.prototype.watch = function(t, r, n) {
   var o = this;
-  return process.env.NODE_ENV !== "production" && T(typeof t == "function", "store.watch only accepts a function."), X(function() {
+  return process.env.NODE_ENV !== "production" && I(typeof t == "function", "store.watch only accepts a function."), X(function() {
     return t(o.state, o.getters);
   }, r, Object.assign({}, n));
 };
@@ -777,20 +777,20 @@ j.prototype.replaceState = function(t) {
   });
 };
 j.prototype.registerModule = function(t, r, n) {
-  n === void 0 && (n = {}), typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && (T(Array.isArray(t), "module path must be a string or an Array."), T(t.length > 0, "cannot register the root module by using registerModule.")), this._modules.register(t, r), ee(this, this.state, t, this._modules.get(t), n.preserveState), ce(this, this.state);
+  n === void 0 && (n = {}), typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && (I(Array.isArray(t), "module path must be a string or an Array."), I(t.length > 0, "cannot register the root module by using registerModule.")), this._modules.register(t, r), ee(this, this.state, t, this._modules.get(t), n.preserveState), ce(this, this.state);
 };
 j.prototype.unregisterModule = function(t) {
   var r = this;
-  typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && T(Array.isArray(t), "module path must be a string or an Array."), this._modules.unregister(t), this._withCommit(function() {
+  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]];
-  }), Ie(this);
+  }), Te(this);
 };
 j.prototype.hasModule = function(t) {
-  return typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && T(Array.isArray(t), "module path must be a string or an Array."), this._modules.isRegistered(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), Ie(this, !0);
+  this._modules.update(t), Te(this, !0);
 };
 j.prototype._withCommit = function(t) {
   var r = this._committing;
@@ -1018,13 +1018,13 @@ const Ht = {
   Yt
 ], Qt = { key: 1 }, er = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, "Drop files here", -1), tr = [
   er
-], rr = { class: "mt-2 gl-span-form-error" }, sr = { class: "block mt-2 mb-3 text-sm font-normal leading-5 text-gray-500" }, nr = {
+], 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: ""
-}, ar = { 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), 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", {
   class: "text-3xl fas fa-file-alt",
   "aria-hidden": "true"
-}, null, -1), _r = { class: "flex flex-col ml-3" }, pr = { class: "text-xs" }, br = { class: "text-xs" }, yr = { class: "flex gap-2" }, vr = ["href"], xr = ["onClick"];
+}, 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"];
 function wr(e, t, r, n, o, a) {
   const l = Y("DeleteConfirmationModal");
   return d(), u(v, null, [
@@ -1034,13 +1034,13 @@ function wr(e, t, r, n, o, a) {
       onCancelDelete: a.closeDeleteModal
     }, null, 8, ["isOpen", "onConfirmDelete", "onCancelDelete"]),
     s("div", {
-      class: b([{
+      class: p([{
         "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: b({
+        class: p({
           "gl-label-form": o.error_message_data == "",
           "gl-label-form-invalid": o.error_message_data !== "",
           required: r.is_required
@@ -1060,7 +1060,7 @@ function wr(e, t, r, n, o, a) {
             multiple: r.has_multiple_file,
             onChange: t[0] || (t[0] = (...i) => a.uploadFiles && a.uploadFiles(...i))
           }, null, 40, Kt),
-          D(s("input", {
+          O(s("input", {
             type: "hidden",
             name: r.field_name,
             "onUpdate:modelValue": t[1] || (t[1] = (i) => a.uploadedFileIds = i)
@@ -1076,8 +1076,8 @@ function wr(e, t, r, n, o, a) {
       ], 32),
       s("span", rr, h(o.error_message_data), 1),
       s("small", sr, h(r.description), 1),
-      o.files.length > 0 ? (d(), u("section", nr, [
-        (d(!0), u(v, null, k(o.files, (i, c) => (d(), u("li", ar, [
+      o.files.length > 0 ? (d(), u("section", ar, [
+        (d(!0), u(v, null, k(o.files, (i, c) => (d(), u("li", nr, [
           or,
           s("div", ir, [
             s("div", lr, [
@@ -1097,9 +1097,9 @@ function wr(e, t, r, n, o, a) {
         (d(!0), u(v, null, k(o.uploadFileList, (i, c) => (d(), u("li", hr, [
           s("div", gr, [
             mr,
-            s("div", _r, [
-              s("span", pr, h(a.getFileName(i.file_name)), 1),
-              s("span", br, h(a.formatFileSize(i.size)), 1)
+            s("div", pr, [
+              s("span", br, h(a.getFileName(i.file_name)), 1),
+              s("span", _r, h(a.formatFileSize(i.size)), 1)
             ])
           ]),
           s("div", yr, [
@@ -1121,7 +1121,7 @@ function wr(e, t, r, n, o, a) {
     ], 2)
   ], 64);
 }
-const pd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
+const yd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
   computed: {
     ...qt("notification", ["notification"]),
     alertClasses() {
@@ -1178,7 +1178,7 @@ const pd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
   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 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z" })
-], -1), Cr = /* @__PURE__ */ s("span", { class: "sr-only" }, "Info", -1), Sr = { class: "mr-3 text-sm font-medium ms-3" }, Or = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), Dr = /* @__PURE__ */ s("svg", {
+], -1), Cr = /* @__PURE__ */ s("span", { class: "sr-only" }, "Info", -1), Sr = { class: "mr-3 text-sm font-medium ms-3" }, Dr = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), Or = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -1193,13 +1193,13 @@ const pd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
     d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
   })
 ], -1), Pr = [
-  Or,
-  Dr
+  Dr,
+  Or
 ];
 function Er(e, t, r, n, o, a) {
   return e.notification.show ? (d(), u("div", {
     key: 0,
-    class: b(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", a.alertClasses]),
+    class: p(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", a.alertClasses]),
     role: "alert"
   }, [
     $r,
@@ -1208,12 +1208,12 @@ function Er(e, t, r, n, o, a) {
     s("button", {
       type: "button",
       onClick: t[0] || (t[0] = (...l) => a.dismiss && a.dismiss(...l)),
-      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]),
+      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]),
       "aria-label": "Close"
     }, Pr, 2)
   ], 2)) : g("", !0);
 }
-const bd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
+const vd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
   components: {},
   props: {
     field_name: {
@@ -1248,7 +1248,7 @@ const bd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
   },
   mounted() {
   }
-}, Ar = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, Ir = ["name", "value", "id", "checked"], Tr = ["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", Ar, [
     (d(!0), u(v, null, k(o.locals, (l, i) => (d(), u("li", null, [
@@ -1260,22 +1260,22 @@ function Mr(e, t, r, n, o, a) {
         id: l + "_" + r.field_name,
         autocomplete: "off",
         checked: l === o.default_language
-      }, null, 8, Ir),
+      }, null, 8, Tr),
       s("label", {
         for: l + "_" + r.field_name,
-        class: b([{
+        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
         }, "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, Tr)
+      }, h(l), 11, Ir)
     ]))), 256))
   ]);
 }
-const yd = /* @__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 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 = {
   key: 0,
   class: "p-6"
-}, vd = {
+}, wd = {
   __name: "GlCard",
   props: {
     class: {
@@ -1286,16 +1286,16 @@ const yd = /* @__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: b(["flex flex-col gap-9", r.value])
+      class: p(["flex flex-col gap-9", r.value])
     }, [
       s("div", Nr, [
         s("div", Vr, [
           s("h3", Lr, [
-            I(n.$slots, "header")
+            T(n.$slots, "header")
           ])
         ]),
         n.$slots.body ? (d(), u("div", Br, [
-          I(n.$slots, "body")
+          T(n.$slots, "body")
         ])) : g("", !0)
       ])
     ], 2));
@@ -1482,12 +1482,12 @@ const yd = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white bord
       d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
     })
   ])
-], -1), rs = ["id"], ss = { class: "overflow-y-auto max-h-64" }, ns = ["onClick", "onMousedown", "id"];
-function as(e, t, r, n, o, a) {
+], -1), rs = ["id"], ss = { class: "overflow-y-auto max-h-64" }, as = ["onClick", "onMousedown", "id"];
+function ns(e, t, r, n, o, a) {
   return d(), u(v, null, [
     r.show ? (d(), u("div", {
       key: 0,
-      class: b(r.field_name)
+      class: p(r.field_name)
     }, [
       s("h3", Fr, h(r.label_name), 1),
       s("p", Rr, [
@@ -1497,7 +1497,7 @@ function as(e, t, r, n, o, a) {
     ], 2)) : g("", !0),
     r.show ? g("", !0) : (d(), u("div", {
       key: 1,
-      class: b(["mb-4", r.field_name])
+      class: p(["mb-4", r.field_name])
     }, [
       (d(!0), u(v, null, k(o.selectedIds, (l, i) => (d(), u("input", {
         type: "hidden",
@@ -1507,7 +1507,7 @@ function as(e, t, r, n, o, a) {
       }, null, 8, zr))), 128)),
       r.options ? (d(), u("div", Hr, [
         s("label", {
-          class: b({
+          class: p({
             "gl-label-form": r.error_message == "",
             "gl-label-form-invalid": r.error_message !== "",
             required: r.is_required
@@ -1543,16 +1543,16 @@ function as(e, t, r, n, o, a) {
               ]))), 128))
             ]),
             s("i", {
-              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"]),
+              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"]),
               style: { top: "11px" }
             }, null, 2)
           ]),
-          D(s("div", Yr, [
+          O(s("div", Yr, [
             s("div", Jr, [
               Qr,
               s("div", es, [
                 ts,
-                D(s("input", {
+                O(s("input", {
                   type: "search",
                   "onUpdate:modelValue": t[3] || (t[3] = (l) => o.searchFilter = l),
                   id: r.field_name + "search",
@@ -1568,7 +1568,7 @@ function as(e, t, r, n, o, a) {
             ]),
             s("div", ss, [
               (d(!0), u(v, null, k(a.filteredOptions, (l, i) => (d(), u("div", {
-                class: b([
+                class: p([
                   "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" : ""
                 ]),
@@ -1576,7 +1576,7 @@ function as(e, t, r, n, o, a) {
                 onMousedown: (c) => a.selectOption(l),
                 key: i,
                 id: i + 1
-              }, h(l.name || l.id || "-"), 43, ns))), 128))
+              }, h(l.name || l.id || "-"), 43, as))), 128))
             ])
           ], 512), [
             [F, o.optionsShown]
@@ -1586,7 +1586,7 @@ function as(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const xd = /* @__PURE__ */ S(Gr, [["render", as]]), os = {
+const kd = /* @__PURE__ */ S(Gr, [["render", ns]]), os = {
   props: {
     button_type: {
       type: String,
@@ -1663,7 +1663,7 @@ function ls(e, t, r, n, o, a) {
   return r.is_loading ? (d(), K(oe("button"), {
     key: 1,
     disabled: "",
-    class: b(`flex items-center gap-2 focus:outline-none text-sm px-2  py-2 me-2  font-medium rounded-lg  ${a.buttonTypeClass}`)
+    class: p(`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,
@@ -1681,14 +1681,14 @@ function ls(e, t, r, n, o, a) {
     default: J(() => [
       r.icon ? (d(), u("i", {
         key: 0,
-        class: b([r.icon, "text-base"])
+        class: p([r.icon, "text-base"])
       }, null, 2)) : g("", !0),
-      I(e.$slots, "default")
+      T(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["type", "disabled", "href", "class"]));
 }
-const wd = /* @__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"], _s = ["required", "name", "id", "type"], ps = { class: "gl-span-form-error" }, bs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, kd = {
+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 = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1760,10 +1760,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: b(e.field_name)
+        class: p(e.field_name)
       }, [
         s("h3", ds, h(e.label_name), 1),
-        D(s("input", {
+        O(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1782,10 +1782,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: b(["mb-4", e.field_name])
+        class: p(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: b({
+          class: p({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -1807,7 +1807,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: b({
+          class: p({
             " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
           }),
@@ -1818,13 +1818,13 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           ref: a,
           rows: "4"
         }, `
-   `, 42, _s),
-        s("span", ps, h(e.error_message), 1),
-        s("small", bs, h(e.description), 1)
+   `, 42, ps),
+        s("span", bs, h(e.error_message), 1),
+        s("small", _s, 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"], Os = { class: "gl-span-form-error" }, Ds = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, $d = {
+}, 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 = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1900,10 +1900,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: b(e.field_name)
+        class: p(e.field_name)
       }, [
         s("h3", ys, h(e.label_name), 1),
-        D(s("input", {
+        O(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1922,10 +1922,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: b(["mb-4", e.field_name])
+        class: p(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: b({
+          class: p({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -1946,7 +1946,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
         s("textarea", {
           name: e.field_name,
           id: e.field_name,
-          class: b(["tiny", {
+          class: p(["tiny", {
             " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
           }]),
@@ -1958,12 +1958,12 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           rows: "4"
         }, `
    `, 42, Ss),
-        s("span", Os, h(e.error_message), 1),
-        s("small", Ds, h(e.description), 1)
+        s("span", Ds, h(e.error_message), 1),
+        s("small", Os, h(e.description), 1)
       ], 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), Is = ["for"], Ts = /* @__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" }, Cd = {
+}, 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 = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2035,10 +2035,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: b(e.field_name)
+        class: p(e.field_name)
       }, [
         s("h3", Ps, h(e.label_name), 1),
-        D(s("input", {
+        O(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -2056,17 +2056,17 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: b(["mb-4", e.field_name])
+        class: p(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: b({
+          class: p({
             "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, Is),
-        Ts,
+        }, h(e.label_name), 11, Ts),
+        Is,
         s("input", {
           class: "mb-4",
           type: "hidden",
@@ -2081,7 +2081,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: b({
+          class: p({
             " gl-input-form form-input-translation  mt-2 ": e.error_message == "",
             " gl-input-form-invalid form-input-translation  mt-2 ": e.error_message !== ""
           }),
@@ -2096,7 +2096,7 @@ const wd = /* @__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" }, Sd = {
+}, 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 = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -2153,7 +2153,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     return t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: b(e.field_name)
+        class: p(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,21 +2161,21 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: b(["mb-4", e.field_name])
+        class: p(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: b({
+          class: p({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
           }),
           for: e.field_name
         }, h(e.label_name), 11, Rs),
-        D(s("input", {
+        O(s("input", {
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: b({
+          class: p({
             "gl-input-form": e.error_message == "",
             "gl-input-form-invalid": e.error_message !== ""
           }),
@@ -2201,7 +2201,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     };
   }
 }, Zs = { class: "flex flex-wrap" }, Ks = { class: "w-full" }, Ws = { class: "flex flex-row flex-wrap gap-1 pt-3 pb-4 mb-0 list-none" }, Xs = ["onClick"], Ys = { class: "relative flex flex-col w-full min-w-0 mb-6 break-words bg-white rounded shadow-lg dark:border-strokedark dark:bg-boxdark" }, Js = { class: "flex-auto px-4 py-5" }, Qs = { class: "tab-content tab-space" };
-function en(e, t, r, n, o, a) {
+function ea(e, t, r, n, o, a) {
   return d(), u(v, null, [
     s("div", Zs, [
       s("div", Ks, [
@@ -2212,10 +2212,10 @@ function en(e, t, r, n, o, a) {
             class: "flex-auto -mb-px text-center"
           }, [
             s("a", {
-              class: b([{ "text-slate-600 bg-white dark:bg-meta-4": n.selectedTitle != l.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === l.title }, "block px-5 py-3 text-xs font-bold leading-normal rounded shadow-lg hover:text-white tex hover:bg-slate-600 dark:hover:bg-primary dark:text-white tabs_buttons"])
+              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"])
             }, [
               s("i", {
-                class: b([l.icon, "mr-1 text-base"])
+                class: p([l.icon, "mr-1 text-base"])
               }, null, 2),
               w(" " + h(l.title), 1)
             ], 2)
@@ -2226,28 +2226,28 @@ function en(e, t, r, n, o, a) {
     s("div", Ys, [
       s("div", Js, [
         s("div", Qs, [
-          I(e.$slots, "default")
+          T(e.$slots, "default")
         ])
       ])
     ])
   ], 64);
 }
-const Od = /* @__PURE__ */ S(Hs, [["render", en]]), tn = {
+const Pd = /* @__PURE__ */ S(Hs, [["render", ea]]), ta = {
   props: ["title"],
   setup() {
     return {
       selectedTitle: Ce("selectedTitle")
     };
   }
-}, rn = { class: "block" };
-function sn(e, t, r, n, o, a) {
-  return D((d(), u("div", rn, [
-    I(e.$slots, "default")
+}, ra = { class: "block" };
+function sa(e, t, r, n, o, a) {
+  return O((d(), u("div", ra, [
+    T(e.$slots, "default")
   ], 512)), [
     [F, r.title == n.selectedTitle]
   ]);
 }
-const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
+const Ed = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2346,10 +2346,10 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
       this.direction_property == "rtl" ? t.style.marginRight = -this.dotsNavigation[e - 1] + "px" : t.style.marginLeft = -this.dotsNavigation[e - 1] + "px", this.currentDot = e;
     }
   }
-}, P = (e) => (st("data-v-a94f16a9"), e = e(), nt(), e), an = ["id"], on = {
+}, 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"
-}, ln = { class: "w-full" }, dn = {
+}, ia = { class: "w-full" }, la = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2357,13 +2357,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, un = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, da = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), cn = [
-  un
-], fn = {
+}, null, -1)), ua = [
+  da
+], ca = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2371,13 +2371,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, hn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, fa = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), gn = [
-  hn
-], mn = ["id"], _n = ["id"], pn = { class: "w-full" }, bn = {
+}, null, -1)), ha = [
+  fa
+], ga = ["id"], ma = ["id"], pa = { class: "w-full" }, ba = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2385,13 +2385,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, yn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, _a = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), vn = [
-  yn
-], xn = {
+}, null, -1)), ya = [
+  _a
+], va = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2399,13 +2399,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, wn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, xa = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), kn = [
-  wn
-], $n = { class: "w-full" }, Cn = {
+}, null, -1)), wa = [
+  xa
+], ka = { class: "w-full" }, $a = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2413,13 +2413,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Sn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, Ca = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), On = [
-  Sn
-], Dn = {
+}, null, -1)), Sa = [
+  Ca
+], Da = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2427,23 +2427,23 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Pn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, Oa = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), En = [
-  Pn
-], jn = ["onClick"], An = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), In = [
-  An
-], Tn = {
+}, null, -1)), Pa = [
+  Oa
+], Ea = ["onClick"], ja = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), Aa = [
+  ja
+], Ta = {
   key: 1,
   class: "flex justify-between pl-5 pr-5"
-}, Mn = ["onClick"], Nn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), Vn = [
-  Nn
-], Ln = {
+}, Ia = ["onClick"], Ma = /* @__PURE__ */ P(() => /* @__PURE__ */ s("span", null, null, -1)), Na = [
+  Ma
+], Va = {
   key: 0,
   class: "flex"
-}, Bn = { class: "flex items-center" }, Gn = { class: "w-full" }, Fn = {
+}, La = { class: "flex items-center" }, Ba = { class: "w-full" }, Ga = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2451,13 +2451,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Rn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, Fa = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), Un = [
-  Rn
-], qn = {
+}, null, -1)), Ra = [
+  Fa
+], Ua = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2465,13 +2465,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, zn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, qa = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), Hn = [
-  zn
-], Zn = { class: "flex items-center" }, Kn = { class: "w-full" }, Wn = {
+}, null, -1)), za = [
+  qa
+], Ha = { class: "flex items-center" }, Za = { class: "w-full" }, Ka = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2479,13 +2479,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Xn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, Wa = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), Yn = [
-  Xn
-], Jn = {
+}, null, -1)), Xa = [
+  Wa
+], Ya = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2493,16 +2493,16 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Qn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, Ja = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), ea = [
-  Qn
-], ta = {
+}, null, -1)), Qa = [
+  Ja
+], en = {
   key: 1,
   class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
-}, ra = { class: "w-full" }, sa = {
+}, tn = { class: "w-full" }, rn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2510,13 +2510,13 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, na = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, sn = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
-}, null, -1)), aa = [
-  na
-], oa = {
+}, null, -1)), an = [
+  sn
+], nn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2524,32 +2524,32 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ia = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
+}, on = /* @__PURE__ */ P(() => /* @__PURE__ */ s("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
-}, null, -1)), la = [
-  ia
+}, null, -1)), ln = [
+  on
 ];
-function da(e, t, r, n, o, a) {
+function dn(e, t, r, n, o, a) {
   return d(), u("div", null, [
     s("div", {
-      class: b(["", !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slide" ? "flex" : "relative block"]),
+      class: p(["", !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", on, [
-        s("div", ln, [
+      e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", oa, [
+        s("div", ia, [
           s("button", {
             class: "p-3 mr-5 rounded-full shadow-lg arrow_button_styles",
             onClick: t[0] || (t[0] = (l) => a.prev())
           }, [
-            r.direction_property == "ltr" ? (d(), u("svg", dn, cn)) : g("", !0),
-            r.direction_property == "rtl" ? (d(), u("svg", fn, gn)) : g("", !0)
+            r.direction_property == "ltr" ? (d(), u("svg", la, ua)) : g("", !0),
+            r.direction_property == "rtl" ? (d(), u("svg", ca, ha)) : g("", !0)
           ])
         ])
       ])) : g("", !0),
       s("div", {
-        class: b(["overflow-hidden", a.sliderContainerAction()]),
+        class: p(["overflow-hidden", a.sliderContainerAction()]),
         id: "sliderContainer_" + e.Random_string
       }, [
         s("ul", {
@@ -2558,101 +2558,101 @@ function da(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: 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"])
+            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"])
           }, [
-            s("div", pn, [
+            s("div", pa, [
               s("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
                 onClick: t[1] || (t[1] = N((l) => a.prev(), ["stop"]))
               }, [
-                r.direction_property == "ltr" ? (d(), u("svg", bn, vn)) : g("", !0),
-                r.direction_property == "rtl" ? (d(), u("svg", xn, kn)) : g("", !0)
+                r.direction_property == "ltr" ? (d(), u("svg", ba, ya)) : g("", !0),
+                r.direction_property == "rtl" ? (d(), u("svg", va, wa)) : g("", !0)
               ])
             ])
           ], 2)) : g("", !0),
-          I(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"])
+            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"])
           }, [
-            s("div", $n, [
+            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"]))
               }, [
-                r.direction_property == "ltr" ? (d(), u("svg", Cn, On)) : g("", !0),
-                r.direction_property == "rtl" ? (d(), u("svg", Dn, En)) : g("", !0)
+                r.direction_property == "ltr" ? (d(), u("svg", $a, Sa)) : g("", !0),
+                r.direction_property == "rtl" ? (d(), u("svg", Da, Pa)) : g("", !0)
               ])
             ])
           ], 2)) : g("", !0)
-        ], 8, _n),
+        ], 8, ma),
         r.slider_arrows_indicators_position != "arrows_indicators_below_slider" ? (d(), u("div", {
           key: 0,
-          class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
+          class: p(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
         }, [
           (d(!0), u(v, null, k(e.dotsNum, (l) => (d(), u("button", {
             role: "button",
-            class: b(["gl-dot", { active: e.currentDot == l }]),
+            class: p(["gl-dot", { active: e.currentDot == l }]),
             key: l,
             onClick: (i) => a.setDot(l)
-          }, In, 10, jn))), 128))
+          }, Aa, 10, Ea))), 128))
         ], 2)) : g("", !0),
-        r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", Tn, [
+        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()])
+            class: p(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
           }, [
             (d(!0), u(v, null, k(e.dotsNum, (l) => (d(), u("button", {
               role: "button",
-              class: b(["gl-dot", { active: e.currentDot == l }]),
+              class: p(["gl-dot", { active: e.currentDot == l }]),
               key: l,
               onClick: (i) => a.setDot(l)
-            }, Vn, 10, Mn))), 128))
+            }, Na, 10, Ia))), 128))
           ], 2),
-          e.dotsNum > 0 ? (d(), u("div", Ln, [
-            s("div", Bn, [
-              s("div", Gn, [
+          e.dotsNum > 0 ? (d(), u("div", Va, [
+            s("div", La, [
+              s("div", Ba, [
                 s("button", {
-                  class: b(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
+                  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())
                 }, [
-                  r.direction_property == "ltr" ? (d(), u("svg", Fn, Un)) : g("", !0),
-                  r.direction_property == "rtl" ? (d(), u("svg", qn, Hn)) : g("", !0)
+                  r.direction_property == "ltr" ? (d(), u("svg", Ga, Ra)) : g("", !0),
+                  r.direction_property == "rtl" ? (d(), u("svg", Ua, za)) : g("", !0)
                 ], 2)
               ])
             ]),
-            s("div", Zn, [
-              s("div", Kn, [
+            s("div", Ha, [
+              s("div", Za, [
                 s("button", {
                   class: "p-3 rounded-full arrow_button_styles",
                   onClick: t[4] || (t[4] = (l) => a.next())
                 }, [
-                  r.direction_property == "ltr" ? (d(), u("svg", Wn, Yn)) : g("", !0),
-                  r.direction_property == "rtl" ? (d(), u("svg", Jn, ea)) : g("", !0)
+                  r.direction_property == "ltr" ? (d(), u("svg", Ka, Xa)) : g("", !0),
+                  r.direction_property == "rtl" ? (d(), u("svg", Ya, Qa)) : g("", !0)
                 ])
               ])
             ])
           ])) : g("", !0)
         ])) : g("", !0)
-      ], 10, mn),
-      e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", ta, [
-        s("div", ra, [
+      ], 10, ga),
+      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())
           }, [
-            r.direction_property == "ltr" ? (d(), u("svg", sa, aa)) : g("", !0),
-            r.direction_property == "rtl" ? (d(), u("svg", oa, la)) : g("", !0)
+            r.direction_property == "ltr" ? (d(), u("svg", rn, an)) : g("", !0),
+            r.direction_property == "rtl" ? (d(), u("svg", nn, ln)) : g("", !0)
           ])
         ])
       ])) : g("", !0)
-    ], 10, an)
+    ], 10, na)
   ]);
 }
-const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9"]]), ua = {
+const jd = /* @__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"
-}, ca = { 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" }, fa = { class: "flex items-center justify-between flex-shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, ha = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, ga = /* @__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" }, hn = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, gn = /* @__PURE__ */ s("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
   /* @__PURE__ */ s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
@@ -2666,9 +2666,9 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       d: "M6 18L18 6M6 6l12 12"
     })
   ])
-], -1), ma = [
-  ga
-], _a = { class: "relative p-4 overflow-y-auto" }, pa = { 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" }, Ed = {
+], -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 = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2682,6 +2682,10 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     max_width: {
       type: String,
       default: "max-w-2xl"
+    },
+    bodyClass: {
+      type: String,
+      default: "p-4"
     }
   },
   emits: ["closeModal"],
@@ -2699,25 +2703,27 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
         i ? o() : a();
       },
       { immediate: !0, deep: !0 }
-    ), (i, c) => D((d(), u("div", ua, [
+    ), (i, c) => O((d(), u("div", un, [
       s("div", {
-        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])
+        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])
       }, [
-        s("div", ca, [
-          s("div", fa, [
-            s("h5", ha, h(e.title), 1),
+        s("div", cn, [
+          s("div", fn, [
+            s("h5", hn, 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,
               "aria-label": "Close"
-            }, ma)
-          ]),
-          s("div", _a, [
-            I(i.$slots, "body")
+            }, mn)
           ]),
-          s("div", pa, [
-            I(i.$slots, "buttons"),
+          s("div", {
+            class: p(["relative overflow-y-auto", e.bodyClass])
+          }, [
+            T(i.$slots, "body")
+          ], 2),
+          s("div", pn, [
+            T(i.$slots, "buttons"),
             s("button", {
               onClick: l,
               type: "button",
@@ -2730,7 +2736,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       [F, e.is_open]
     ]);
   }
-}, ba = { class: "mb-4" }, ya = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, va = { class: "relative inline-flex items-center cursor-pointer" }, xa = ["name", "id", "checked"], wa = /* @__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), ka = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), $a = { 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" }, Ca = { class: "relative inline-flex items-center cursor-pointer" }, Sa = ["name", "id"], Oa = /* @__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), Da = { class: "gl-span-form-error" }, Pa = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, jd = {
+}, 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 = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2783,12 +2789,12 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     return (l, i) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: b(e.field_name)
+        class: p(e.field_name)
       }, [
-        s("div", ba, [
-          s("li", ya, [
+        s("div", bn, [
+          s("li", _n, [
             w(h(e.label_name) + " ", 1),
-            s("label", va, [
+            s("label", yn, [
               s("input", {
                 type: "checkbox",
                 class: "sr-only peer",
@@ -2800,21 +2806,21 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
                 ref_key: "input",
                 ref: o,
                 disabled: ""
-              }, null, 8, xa),
-              wa
+              }, null, 8, vn),
+              xn
             ])
           ])
         ]),
-        ka
+        wn
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: b(["mb-4", e.field_name])
+        class: p(["mb-4", e.field_name])
       }, [
-        s("li", $a, [
+        s("li", kn, [
           w(h(e.label_name) + " ", 1),
-          s("label", Ca, [
-            D(s("input", {
+          s("label", $n, [
+            O(s("input", {
               type: "checkbox",
               class: "sr-only peer",
               name: e.field_name,
@@ -2824,24 +2830,24 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
               ref_key: "input",
               ref: o,
               "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c)
-            }, null, 8, Sa), [
-              [at, a.value]
+            }, null, 8, Cn), [
+              [nt, a.value]
             ]),
-            Oa
+            Sn
           ])
         ]),
-        s("span", Da, h(e.error_message), 1),
-        s("small", Pa, h(e.description), 1)
+        s("span", Dn, h(e.error_message), 1),
+        s("small", On, h(e.description), 1)
       ], 2))
     ], 64));
   }
-}, Ea = { class: "font-bold ptext-lg dark:text-white" }, ja = { class: "mt-3 mb-4" }, Aa = { 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" }, Ia = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Ta = ["name", "id", "value"], Ma = {
+}, 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"
-}, Na = { 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" }, Va = { class: "relative showOptions" }, La = ["value", "placeholder"], Ba = { 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]" }, Ga = { class: "p-1" }, Fa = /* @__PURE__ */ s("label", {
+}, 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", {
   for: "default-search",
   class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
-}, "Search", -1), Ra = { class: "relative" }, Ua = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, [
+}, "Search", -1), Fn = { class: "relative" }, Rn = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, [
   /* @__PURE__ */ s("svg", {
     class: "w-4 h-4 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -2857,22 +2863,22 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
     })
   ])
-], -1), qa = ["id"], za = { class: "overflow-y-auto max-h-64" }, Ha = ["onClick", "onMousedown", "id"], Za = { class: "flex items-center py-2 pl-10 pr-4" }, Ka = {
+], -1), Un = ["id"], qn = { class: "overflow-y-auto max-h-64" }, zn = ["onClick", "onMousedown", "id"], Hn = { class: "flex items-center py-2 pl-10 pr-4" }, Zn = {
   key: 0,
   class: "absolute flex items-center flex-shrink-0 w-4 h-4 text-green-500 left-2 dark:text-green-400",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 16 12"
-}, Wa = /* @__PURE__ */ s("path", {
+}, Kn = /* @__PURE__ */ s("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M1 5.917 5.724 10.5 15 1.5"
-}, null, -1), Xa = [
-  Wa
-], Ya = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Ja = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ad = {
+}, 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 = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -2934,192 +2940,192 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
   setup(e, { emit: t }) {
     const r = e, n = t, o = C(null), a = C({}), l = C(0), i = C(!1), c = C(""), f = C("");
     R(() => {
-      f.value = L(), r.show || (document.body.addEventListener("click", (p) => {
-        ze(p);
-      }), document.addEventListener("keypress", (p) => {
-        p.key === "Enter" && p.target.form && p.preventDefault();
+      f.value = L(), r.show || (document.body.addEventListener("click", (b) => {
+        ze(b);
+      }), document.addEventListener("keypress", (b) => {
+        b.key === "Enter" && b.target.form && b.preventDefault();
       }));
     });
     const m = G(() => Ke()), y = G(() => We()), x = G(() => {
-      const p = [], O = new RegExp(c.value, "ig");
+      const b = [], D = new RegExp(c.value, "ig");
       for (const E of m.value) {
         const B = String(E.name);
-        (c.value.length < 1 || B.match(O)) && p.length < r.maxItem && p.push(E);
+        (c.value.length < 1 || B.match(D)) && b.length < r.maxItem && b.push(E);
       }
-      return p;
+      return b;
     });
-    function $(p) {
+    function $(b) {
       if ([
         "ArrowLeft",
         "ArrowUp",
         "ArrowRight",
         "ArrowDown",
         "Enter"
-      ].includes(p.key)) {
-        if (["ArrowUp", "ArrowDown"].includes(p.key) && p.preventDefault(), p.key === "ArrowDown" && r.posts === "")
+      ].includes(b.key)) {
+        if (["ArrowUp", "ArrowDown"].includes(b.key) && b.preventDefault(), b.key === "ArrowDown" && r.posts === "")
           return;
-        Ze(p.key);
+        Ze(b.key);
       }
     }
     function L() {
-      let p = (/* @__PURE__ */ new Date()).getTime();
+      let b = (/* @__PURE__ */ new Date()).getTime();
       return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
         /[xy]/g,
         function(E) {
-          const B = (p + Math.random() * 16) % 16 | 0;
-          return p = Math.floor(p / 16), (E === "x" ? B : B & 3 | 8).toString(16);
+          const B = (b + Math.random() * 16) % 16 | 0;
+          return b = Math.floor(b / 16), (E === "x" ? B : B & 3 | 8).toString(16);
         }
       );
     }
-    function te(p) {
-      return p !== null && typeof p == "object" && Object.keys(p).length > 0;
+    function te(b) {
+      return b !== null && typeof b == "object" && Object.keys(b).length > 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(), l.value = 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 me(p) {
-      const O = `${p}${f.value}`, E = document.getElementById(O);
+    function me(b) {
+      const D = `${b}${f.value}`, E = document.getElementById(D);
       E && E.scrollIntoView();
     }
-    function He(p) {
-      const O = `${p}${f.value}`, E = document.getElementById(O);
+    function He(b) {
+      const D = `${b}${f.value}`, E = document.getElementById(D);
       E && E.click();
     }
-    function Ze(p) {
-      p === "ArrowDown" && l.value < x.value.length && (l.value++, me(l.value)), p === "ArrowUp" && l.value > 1 && (l.value--, me(l.value)), p === "Enter" && He(l.value);
+    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 Ke() {
-      return r.options.map((p, O) => typeof p == "object" ? p : { id: p, name: p });
+      return r.options.map((b, D) => typeof b == "object" ? b : { id: b, name: b });
     }
     function We() {
       if (te(a.value))
         return console.log("selected.value: ", a.value), typeof a.value == "object" ? m.value.find(
-          (p) => String(p.id) === String(a.value.id)
+          (b) => String(b.id) === String(a.value.id)
         ) || {} : m.value.find(
-          (p) => String(p.id) === String(a.value)
+          (b) => String(b.id) === String(a.value)
         ) || {};
       if (r.modelValue)
         return console.log("props.modelValue :", r.modelValue), typeof r.modelValue == "object" ? m.value.find(
-          (p) => String(p.id) === String(r.modelValue.id)
+          (b) => String(b.id) === String(r.modelValue.id)
         ) || {} : m.value.find(
-          (p) => String(p.id) === String(r.modelValue)
+          (b) => String(b.id) === String(r.modelValue)
         ) || {};
     }
-    function _e(p) {
-      a.value = p, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
+    function pe(b) {
+      a.value = b, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
     }
     function re() {
       r.show || (c.value = "", i.value = !0, ot(() => {
-        var p = document.getElementById(
+        var b = document.getElementById(
           `${r.field_name}search${f.value}`
         );
-        p && p.focus();
+        b && b.focus();
       }));
     }
     function Xe() {
       r.show || (a.value = {}, c.value = "", n("update:modelValue", ""), re());
     }
-    function pe() {
+    function be() {
       a.value.id || (a.value = {}, c.value = ""), n("selected", a.value), i.value = !1;
     }
     return X(c, () => {
       x.value.length === 0 && (a.value = {});
-    }), X(a, (p) => {
-      te(p) && n("update:modelValue", p.id);
-    }), (p, O) => {
-      var E, B, be;
+    }), X(a, (b) => {
+      te(b) && n("update:modelValue", b.id);
+    }), (b, D) => {
+      var E, B, _e;
       return d(), u(v, null, [
         e.show ? (d(), u("div", {
           key: 0,
-          class: b(e.field_name)
+          class: p(e.field_name)
         }, [
-          s("h3", Ea, h(e.label_name), 1),
-          s("p", ja, [
-            s("span", Aa, h((E = y.value) == null ? void 0 : E.name), 1)
+          s("h3", Pn, h(e.label_name), 1),
+          s("p", En, [
+            s("span", jn, h((E = y.value) == null ? void 0 : E.name), 1)
           ]),
-          Ia
+          An
         ], 2)) : g("", !0),
         e.show ? g("", !0) : (d(), u("div", {
           key: 1,
-          class: b(["mb-4", e.field_name])
+          class: p(["mb-4", e.field_name])
         }, [
           s("input", {
             type: "hidden",
             name: e.field_name,
             id: e.field_name,
             value: (B = y.value) == null ? void 0 : B.id
-          }, null, 8, Ta),
-          e.options ? (d(), u("div", Ma, [
+          }, null, 8, Tn),
+          e.options ? (d(), u("div", In, [
             e.label_name ? (d(), u("label", {
               key: 0,
-              class: b({
+              class: p({
                 "gl-label-form": e.error_message == "",
                 "gl-label-form-invalid": e.error_message !== "",
                 required: e.is_required
               })
             }, h(e.label_name), 3)) : g("", !0),
-            s("div", Na, [
-              s("div", Va, [
+            s("div", Mn, [
+              s("div", Nn, [
                 s("input", {
-                  class: b([{
+                  class: p([{
                     "gl-input-form": e.error_message == "",
                     "gl-input-form-invalid": e.error_message !== ""
                   }, "pl-8 pr-2 showOptions"]),
                   ref: e.field_name,
-                  onClick: O[0] || (O[0] = (A) => re()),
-                  value: (be = y.value) == null ? void 0 : be.name,
+                  onClick: D[0] || (D[0] = (A) => re()),
+                  value: (_e = y.value) == null ? void 0 : _e.name,
                   placeholder: e.placeholder,
                   autocomplete: "off",
                   readonly: ""
-                }, null, 10, La),
-                D(s("i", {
-                  onClick: O[1] || (O[1] = N((A) => Xe(), ["stop"])),
+                }, null, 10, Vn),
+                O(s("i", {
+                  onClick: D[1] || (D[1] = N((A) => Xe(), ["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: O[2] || (O[2] = (A) => !i.value && re()),
-                  class: b([i.value ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 dark:hover:text-gray-800 showOptions"]),
+                  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"]),
                   style: { top: "11px" }
                 }, null, 2)
               ]),
-              D(s("div", Ba, [
-                s("div", Ga, [
-                  Fa,
-                  s("div", Ra, [
-                    Ua,
-                    D(s("input", {
+              O(s("div", Ln, [
+                s("div", Bn, [
+                  Gn,
+                  s("div", Fn, [
+                    Rn,
+                    O(s("input", {
                       type: "search",
-                      "onUpdate:modelValue": O[3] || (O[3] = (A) => c.value = A),
+                      "onUpdate:modelValue": D[3] || (D[3] = (A) => c.value = A),
                       ref: o.value,
                       id: `${e.field_name}search${f.value}`,
                       onKeydown: $,
-                      onBlur: O[4] || (O[4] = (A) => pe()),
+                      onBlur: D[4] || (D[4] = (A) => be()),
                       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 ..."
-                    }, null, 40, qa), [
+                    }, null, 40, Un), [
                       [V, c.value]
                     ])
                   ])
                 ]),
-                s("div", za, [
+                s("div", qn, [
                   (d(!0), u(v, null, k(x.value, (A, se) => {
                     var ye;
                     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 == l.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
-                      onClick: (Ye) => _e(A),
-                      onMousedown: (Ye) => _e(A),
+                      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),
                       key: se,
                       id: `${se + 1}${f.value}`
                     }, [
-                      s("div", Za, [
-                        ((ye = y.value) == null ? void 0 : ye.id) === A.id ? (d(), u("svg", Ka, Xa)) : g("", !0),
+                      s("div", Hn, [
+                        ((ye = y.value) == null ? void 0 : ye.id) === A.id ? (d(), u("svg", Zn, Wn)) : g("", !0),
                         s("span", null, h(A.name || A.id || "-"), 1)
                       ])
-                    ], 42, Ha);
+                    ], 42, zn);
                   }), 128))
                 ])
               ], 512), [
@@ -3127,13 +3133,13 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
               ])
             ])
           ])) : g("", !0),
-          s("span", Ya, h(e.error_message), 1),
-          s("small", Ja, h(e.description), 1)
+          s("span", Xn, h(e.error_message), 1),
+          s("small", Yn, h(e.description), 1)
         ], 2))
       ], 64);
     };
   }
-}, Qa = { class: "font-bold ptext-lg dark:text-white" }, eo = ["id"], to = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ro = ["for"], so = ["required", "name", "id", "type", "placeholder"], no = { class: "gl-span-form-error" }, ao = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Id = {
+}, 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 = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3185,32 +3191,32 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     }), t({ focus: () => a.value.focus() }), (l, i) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: b(e.field_name)
+        class: p(e.field_name)
       }, [
-        s("h3", Qa, h(e.label_name), 1),
+        s("h3", Jn, h(e.label_name), 1),
         s("p", {
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
-        }, h(e.model_value), 9, eo),
-        to
+        }, h(e.model_value), 9, Qn),
+        eo
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: b(["mb-4", e.field_name])
+        class: p(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: b({
+          class: p({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
           }),
           for: e.field_name
-        }, h(e.label_name), 11, ro),
+        }, h(e.label_name), 11, to),
         s("textarea", {
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: b({
+          class: p({
             " gl-textarea-form   mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid   mt-4 ": e.error_message !== ""
           }),
@@ -3220,13 +3226,13 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
           ref: a,
           rows: "4",
           placeholder: e.place_holder
-        }, null, 42, so),
-        s("span", no, h(e.error_message), 1),
+        }, null, 42, ro),
+        s("span", so, h(e.error_message), 1),
         s("small", ao, h(e.description), 1)
       ], 2))
     ], 64));
   }
-}, oo = {
+}, no = {
   emits: ["pagination-change-page"],
   props: {
     data: {
@@ -3331,14 +3337,14 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       })
     });
   }
-}, io = {
+}, oo = {
   compatConfig: {
     MODE: 3
   },
   inheritAttrs: !1,
   emits: ["pagination-change-page"],
   components: {
-    RenderlessPagination: oo
+    RenderlessPagination: no
   },
   props: {
     data: {
@@ -3372,10 +3378,10 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
   },
   mounted() {
   }
-}, lo = { class: "flex flex-col items-center" }, uo = {
+}, io = { class: "flex flex-col items-center" }, lo = {
   key: 0,
   class: "text-sm text-gray-700 dark:text-gray-400"
-}, co = { class: "font-semibold text-gray-900 dark:text-white" }, fo = { class: "font-semibold text-gray-900 dark:text-white" }, ho = { class: "font-semibold text-gray-900 dark:text-white" }, go = ["tabindex"], mo = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), _o = /* @__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" }, ho = ["tabindex"], go = /* @__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",
@@ -3389,7 +3395,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), po = ["aria-current"], bo = ["tabindex"], yo = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), vo = /* @__PURE__ */ s("svg", {
+], -1), po = ["aria-current"], bo = ["tabindex"], _o = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), yo = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3404,7 +3410,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     d: "m1 9 4-4-4-4"
   })
 ], -1);
-function xo(e, t, r, n, o, a) {
+function vo(e, t, r, n, o, a) {
   const l = Y("RenderlessPagination");
   return d(), K(l, {
     data: r.data,
@@ -3412,14 +3418,14 @@ function xo(e, t, r, n, o, a) {
     onPaginationChangePage: a.onPaginationChangePage
   }, {
     default: J((i) => [
-      s("div", lo, [
-        i.computed.total > i.computed.perPage ? (d(), u("span", uo, [
+      s("div", io, [
+        i.computed.total > i.computed.perPage ? (d(), u("span", lo, [
           w(" Showing "),
-          s("span", co, h(i.computed.from), 1),
+          s("span", uo, h(i.computed.from), 1),
           w(" to "),
-          s("span", fo, h(i.computed.to), 1),
+          s("span", co, h(i.computed.to), 1),
           w(" of "),
-          s("span", ho, h(i.computed.total), 1),
+          s("span", fo, h(i.computed.total), 1),
           w(" Entries ")
         ])) : g("", !0),
         i.computed.total > i.computed.perPage ? (d(), u("ul", W({ key: 1 }, e.$attrs, {
@@ -3432,45 +3438,45 @@ function xo(e, t, r, n, o, a) {
         }), [
           i.computed.prevPageUrl || r.showDisabled ? (d(), u("li", {
             key: 0,
-            class: b(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.prevPageUrl }])
+            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 }])
           }, [
             s("a", W({
               class: "page-link",
               href: "#",
               "aria-label": "Previous",
               tabindex: !i.computed.prevPageUrl && -1
-            }, ne(i.prevButtonEvents, !0)), [
-              I(e.$slots, "prev-nav", {}, () => [
-                mo,
-                _o
+            }, ae(i.prevButtonEvents, !0)), [
+              T(e.$slots, "prev-nav", {}, () => [
+                go,
+                mo
               ])
-            ], 16, go)
+            ], 16, ho)
           ], 2)) : g("", !0),
           (d(!0), u(v, null, k(i.computed.pageRange, (c, f) => (d(), u("li", {
-            class: b(["", { active: c == i.computed.currentPage }]),
+            class: p(["", { active: c == i.computed.currentPage }]),
             key: f
           }, [
             s("a", W({
               class: "",
               href: "#"
-            }, ne(i.pageButtonEvents(c), !0), {
+            }, 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)
           ], 2))), 128)),
           i.computed.nextPageUrl || r.showDisabled ? (d(), u("li", {
             key: 1,
-            class: b(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.nextPageUrl }])
+            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 }])
           }, [
             s("a", W({
               class: "",
               href: "#",
               "aria-label": "Next",
               tabindex: !i.computed.nextPageUrl && -1
-            }, ne(i.nextButtonEvents, !0)), [
-              I(e.$slots, "next-nav", {}, () => [
-                yo,
-                vo
+            }, ae(i.nextButtonEvents, !0)), [
+              T(e.$slots, "next-nav", {}, () => [
+                _o,
+                yo
               ])
             ], 16, bo)
           ], 2)) : g("", !0)
@@ -3480,8 +3486,8 @@ function xo(e, t, r, n, o, a) {
     _: 3
   }, 8, ["data", "limit", "onPaginationChangePage"]);
 }
-const wo = /* @__PURE__ */ S(io, [["render", xo]]), ko = {
-  components: { TailwindPagination: wo },
+const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
+  components: { TailwindPagination: xo },
   props: {
     data: Array,
     columns: Array,
@@ -3557,10 +3563,10 @@ const wo = /* @__PURE__ */ S(io, [["render", xo]]), ko = {
       this.isMounted && e !== t && this.GetItemLists();
     }
   }
-}, $o = { class: "p-2" }, Co = { class: "flex flex-col flex-wrap pb-4 space-y-4 xl:flex-row xl:items-center xl:justify-between flex-column sm:space-y-0" }, So = { class: "flex items-center gap-2" }, Oo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Do = { style: { "margin-top": "9px" } }, Po = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Eo = /* @__PURE__ */ s("label", {
+}, ko = { class: "p-2" }, $o = { class: "flex flex-col flex-wrap pb-4 space-y-4 xl:flex-row xl:items-center xl:justify-between flex-column sm:space-y-0" }, Co = { class: "flex items-center gap-2" }, So = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Do = { style: { "margin-top": "9px" } }, Oo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Po = /* @__PURE__ */ s("label", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), jo = { class: "relative" }, Ao = /* @__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), Eo = { 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" }, [
   /* @__PURE__ */ s("svg", {
     class: "w-5 h-5 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -3574,22 +3580,22 @@ const wo = /* @__PURE__ */ S(io, [["render", xo]]), ko = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), Io = { 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" }, Mo = { 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" }, No = ["onClick"], Vo = {
+], -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-700 uppercase lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, Mo = ["onClick"], No = {
   key: 0,
   class: "ml-2"
-}, Lo = {
+}, Vo = {
   key: 0,
   class: "fa fa-arrow-up"
-}, Bo = {
+}, Lo = {
   key: 1,
   class: "fa fa-arrow-down"
-}, Go = ["data-label"], Fo = { class: "overflow-auto max-h-40" }, Ro = { 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 Uo(e, t, r, n, o, a) {
+}, 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");
-  return d(), u("div", $o, [
-    s("div", Co, [
-      s("div", So, [
-        Oo,
+  return d(), u("div", ko, [
+    s("div", $o, [
+      s("div", Co, [
+        So,
         s("div", Do, [
           Z(l, {
             has_cancel: !1,
@@ -3604,12 +3610,12 @@ function Uo(e, t, r, n, o, a) {
             placeholder: "Please select an option"
           }, null, 8, ["options", "modelValue"])
         ]),
-        Po
+        Oo
       ]),
-      Eo,
-      s("div", jo, [
-        Ao,
-        D(s("input", {
+      Po,
+      s("div", Eo, [
+        jo,
+        O(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (c) => o.search = c),
           onInput: t[2] || (t[2] = (c) => a.handleSearch()),
@@ -3620,9 +3626,9 @@ function Uo(e, t, r, n, o, a) {
         ])
       ])
     ]),
-    s("div", Io, [
+    s("div", Ao, [
       s("table", To, [
-        s("thead", Mo, [
+        s("thead", Io, [
           s("tr", null, [
             (d(!0), u(v, null, k(r.columns, (c, f) => (d(), u("th", {
               key: f,
@@ -3630,10 +3636,10 @@ function Uo(e, t, r, n, o, a) {
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
               w(h(c.field_label) + " ", 1),
-              o.sortField === c.field_name ? (d(), u("span", Vo, [
-                o.sortOrder === "asc" ? (d(), u("i", Lo)) : (d(), u("i", Bo))
+              o.sortField === c.field_name ? (d(), u("span", No, [
+                o.sortOrder === "asc" ? (d(), u("i", Vo)) : (d(), u("i", Lo))
               ])) : g("", !0)
-            ], 8, No))), 128))
+            ], 8, Mo))), 128))
           ])
         ]),
         s("tbody", null, [
@@ -3646,7 +3652,7 @@ function Uo(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", Fo, [
+              s("div", Go, [
                 m.tdComp ? (d(), K(oe(a.forDynCompIs(m.tdComp)), {
                   key: 0,
                   row: c,
@@ -3658,12 +3664,12 @@ function Uo(e, t, r, n, o, a) {
                   w(h(c[m.field_name]), 1)
                 ], 64))
               ])
-            ], 8, Go))), 128))
+            ], 8, Bo))), 128))
           ]))), 128))
         ])
       ])
     ]),
-    s("div", Ro, [
+    s("div", Fo, [
       Z(i, {
         class: "mt-3 mb-0",
         data: o.itemLists,
@@ -3675,7 +3681,7 @@ function Uo(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Td = /* @__PURE__ */ S(ko, [["render", Uo]]), qo = {
+const Nd = /* @__PURE__ */ S(wo, [["render", Ro]]), Uo = {
   components: {},
   props: {
     data: Array,
@@ -3772,10 +3778,10 @@ const Td = /* @__PURE__ */ S(ko, [["render", Uo]]), qo = {
   mounted() {
     document.body.addEventListener("click", this.closeBoxOnbodyClick);
   }
-}, zo = { class: "p-2" }, Ho = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Zo = { class: "flex items-center gap-2" }, Ko = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Wo = { style: { "margin-top": "9px" } }, Xo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Yo = /* @__PURE__ */ s("label", {
+}, 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", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), Jo = { class: "relative" }, Qo = /* @__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), 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" }, [
   /* @__PURE__ */ s("svg", {
     class: "w-5 h-5 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -3789,10 +3795,10 @@ const Td = /* @__PURE__ */ S(ko, [["render", Uo]]), qo = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), ei = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, ti = { 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" }, ri = { 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" }, si = ["onClick"], ni = {
+], -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 = {
   key: 0,
   class: "ml-2"
-}, ai = ["data-label"], oi = ["innerHTML"], ii = { 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" }, li = { class: "flex justify-between flex-1 sm:hidden" }, di = ["disabled"], ui = ["disabled"], ci = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, fi = { class: "text-sm text-gray-700 dark:text-gray-400" }, hi = { class: "font-medium" }, gi = { class: "font-medium" }, mi = { class: "font-medium" }, _i = { "aria-label": "Page navigation" }, pi = { class: "flex items-center h-8 -space-x-px text-sm" }, bi = ["disabled"], yi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), vi = /* @__PURE__ */ s("svg", {
+}, 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", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3806,10 +3812,10 @@ const Td = /* @__PURE__ */ S(ko, [["render", Uo]]), qo = {
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), xi = [
-  yi,
-  vi
-], wi = ["onClick"], ki = ["onClick"], $i = ["disabled"], Ci = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Si = /* @__PURE__ */ s("svg", {
+], -1), vi = [
+  _i,
+  yi
+], xi = ["onClick"], wi = ["onClick"], ki = ["disabled"], $i = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Ci = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3823,17 +3829,17 @@ const Td = /* @__PURE__ */ S(ko, [["render", Uo]]), qo = {
     "stroke-width": "2",
     d: "m1 9 4-4-4-4"
   })
-], -1), Oi = [
-  Ci,
-  Si
+], -1), Si = [
+  $i,
+  Ci
 ];
 function Di(e, t, r, n, o, a) {
   const l = Y("dropdown");
-  return d(), u("div", zo, [
-    s("div", Ho, [
-      s("div", Zo, [
-        Ko,
-        s("div", Wo, [
+  return d(), u("div", qo, [
+    s("div", zo, [
+      s("div", Ho, [
+        Zo,
+        s("div", Ko, [
           Z(l, {
             has_cancel: !1,
             options: o.showNoOfEntries,
@@ -3847,12 +3853,12 @@ function Di(e, t, r, n, o, a) {
             placeholder: "Please select an option"
           }, null, 8, ["options", "modelValue"])
         ]),
-        Xo
+        Wo
       ]),
-      Yo,
-      s("div", Jo, [
-        Qo,
-        D(s("input", {
+      Xo,
+      s("div", Yo, [
+        Jo,
+        O(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (i) => o.search = i),
           class: "block p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 w-80 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
@@ -3862,9 +3868,9 @@ function Di(e, t, r, n, o, a) {
         ])
       ])
     ]),
-    s("div", ei, [
-      s("table", ti, [
-        s("thead", ri, [
+    s("div", Qo, [
+      s("table", ei, [
+        s("thead", ti, [
           s("tr", null, [
             (d(!0), u(v, null, k(r.columns, (i, c) => (d(), u("th", {
               key: c,
@@ -3872,8 +3878,8 @@ function Di(e, t, r, n, o, a) {
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
               w(h(i) + " ", 1),
-              o.sortKey === i ? (d(), u("span", ni, h(o.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
-            ], 8, si))), 128))
+              o.sortKey === i ? (d(), u("span", si, h(o.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
+            ], 8, ri))), 128))
           ])
         ]),
         s("tbody", null, [
@@ -3889,41 +3895,41 @@ function Di(e, t, r, n, o, a) {
               s("p", {
                 class: "text-pretty",
                 innerHTML: i[m]
-              }, null, 8, oi)
+              }, null, 8, ni)
             ], 8, ai))), 128))
           ]))), 128))
         ])
       ])
     ]),
-    s("div", ii, [
-      s("div", li, [
+    s("div", oi, [
+      s("div", ii, [
         s("a", {
           href: "#",
           onClick: t[2] || (t[2] = (...i) => a.previousPage && a.previousPage(...i)),
           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, di),
+        }, "Previous", 8, li),
         s("a", {
           href: "#",
           onClick: t[3] || (t[3] = (...i) => a.nextPage && a.nextPage(...i)),
           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, ui)
+        }, "Next", 8, di)
       ]),
-      s("div", ci, [
+      s("div", ui, [
         s("div", null, [
-          s("p", fi, [
+          s("p", ci, [
             w(" Showing "),
-            s("span", hi, h(a.firstItemIndex), 1),
+            s("span", fi, h(a.firstItemIndex), 1),
             w(" to "),
-            s("span", gi, h(a.lastItemIndex), 1),
+            s("span", hi, h(a.lastItemIndex), 1),
             w(" of "),
-            s("span", mi, h(a.filteredData.length), 1),
+            s("span", gi, h(a.filteredData.length), 1),
             w(" entries ")
           ])
         ]),
         s("div", null, [
-          s("nav", _i, [
+          s("nav", mi, [
             s("ul", pi, [
               s("li", null, [
                 s("a", {
@@ -3931,7 +3937,7 @@ function Di(e, t, r, n, o, a) {
                   onClick: t[4] || (t[4] = (...i) => a.previousPage && a.previousPage(...i)),
                   disabled: o.currentPage === 1,
                   class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
-                }, xi, 8, bi)
+                }, vi, 8, bi)
               ]),
               (d(!0), u(v, null, k(a.displayedPageNumbers, (i) => (d(), u(v, { key: i }, [
                 s("li", null, [
@@ -3940,7 +3946,7 @@ function Di(e, t, r, n, o, a) {
                     href: "#",
                     onClick: (c) => a.goToPage(i),
                     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, wi)) : g("", !0)
+                  }, h(i), 9, xi)) : g("", !0)
                 ]),
                 s("li", null, [
                   o.currentPage === i ? (d(), u("a", {
@@ -3949,7 +3955,7 @@ function Di(e, t, r, n, o, a) {
                     onClick: (c) => a.goToPage(i),
                     "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, ki)) : g("", !0)
+                  }, h(i), 9, wi)) : g("", !0)
                 ])
               ], 64))), 128)),
               s("li", null, [
@@ -3958,7 +3964,7 @@ function Di(e, t, r, n, o, a) {
                   onClick: t[5] || (t[5] = (...i) => a.nextPage && a.nextPage(...i)),
                   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"
-                }, Oi, 8, $i)
+                }, Si, 8, ki)
               ])
             ])
           ])
@@ -3967,13 +3973,13 @@ function Di(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
+const Vd = /* @__PURE__ */ S(Uo, [["render", Di]]), Oi = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
-}, Ei = {
+}, Pi = {
   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"
-}, ji = /* @__PURE__ */ s("svg", {
+}, Ei = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3981,13 +3987,13 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   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), Ai = /* @__PURE__ */ s("span", { class: "sr-only" }, "Check icon", -1), Ii = [
-  ji,
-  Ai
+], -1), ji = /* @__PURE__ */ s("span", { class: "sr-only" }, "Check icon", -1), Ai = [
+  Ei,
+  ji
 ], Ti = {
   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"
-}, Mi = /* @__PURE__ */ s("svg", {
+}, Ii = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3995,13 +4001,13 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   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), Ni = /* @__PURE__ */ s("span", { class: "sr-only" }, "Error icon", -1), Vi = [
-  Mi,
-  Ni
-], Li = {
+], -1), Mi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Error icon", -1), Ni = [
+  Ii,
+  Mi
+], Vi = {
   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"
-}, Bi = /* @__PURE__ */ s("svg", {
+}, Li = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4009,10 +4015,10 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   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), Gi = /* @__PURE__ */ s("span", { class: "sr-only" }, "Warning icon", -1), Fi = [
-  Bi,
-  Gi
-], Ri = { class: "ml-3 text-sm font-normal" }, Ui = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), qi = /* @__PURE__ */ s("svg", {
+], -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", {
   "aria-hidden": "true",
   class: "w-5 h-5",
   fill: "currentColor",
@@ -4024,10 +4030,10 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
     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), zi = [
-  Ui,
-  qi
-], Hi = {
+], -1), qi = [
+  Ri,
+  Ui
+], zi = {
   __name: "ToastListItem",
   props: {
     message: String,
@@ -4047,23 +4053,23 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       setTimeout(() => n("remove"), r.duration);
     });
     const n = t;
-    return (o, a) => (d(), u("div", Pi, [
-      r.type === "success" ? (d(), u("div", Ei, Ii)) : g("", !0),
-      r.type === "error" ? (d(), u("div", Ti, Vi)) : g("", !0),
-      r.type === "warning" ? (d(), u("div", Li, Fi)) : g("", !0),
-      s("div", Ri, h(r.message), 1),
+    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),
       s("button", {
         onClick: a[0] || (a[0] = (l) => 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"
-      }, zi)
+      }, qi)
     ]));
   }
 }, de = Se({
   items: []
-}), Zi = {
+}), Hi = {
   add(e) {
     de.items.unshift({
       key: Symbol(),
@@ -4077,8 +4083,8 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   }
 }, $e = {
   state: de,
-  methods: Zi
-}, Nd = {
+  methods: Hi
+}, Ld = {
   __name: "GlToastList",
   setup(e) {
     function t(r) {
@@ -4093,7 +4099,7 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       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(Hi, {
+        (d(!0), u(v, null, k(lt($e).state.items, (o, a) => (d(), K(zi, {
           key: o.key,
           message: o.message,
           type: o.type,
@@ -4104,10 +4110,10 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       _: 1
     }));
   }
-}, Ki = {
+}, Zi = {
   key: 0,
   class: "flex justify-center"
-}, Wi = /* @__PURE__ */ s("svg", {
+}, Ki = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4115,12 +4121,12 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   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), Xi = [
-  Wi
-], Yi = { 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" }, Ji = {
+], -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 = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, Qi = { key: 0 }, el = ["href"], tl = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), rl = { key: 1 }, sl = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Vd = {
+}, 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 = {
   __name: "DatatableAction",
   props: {
     field: {
@@ -4166,37 +4172,37 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       });
     };
     return (x, $) => {
-      const L = Oe("click-outside");
+      const L = De("click-outside");
       return d(), u(v, null, [
         Z(ue, {
           isOpen: a.value,
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? D((d(), u("div", Ki, [
+        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Zi, [
           s("button", {
             onClick: i,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
-          }, Xi),
-          D(s("div", Yi, [
-            s("ul", Ji, [
-              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", Qi, [
+          }, Wi),
+          O(s("div", Xi, [
+            s("ul", Yi, [
+              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", Ji, [
                 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"
                 }, [
-                  tl,
+                  el,
                   w(" Edit")
-                ], 8, el)
+                ], 8, Qi)
               ])) : g("", !0),
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", rl, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", tl, [
                 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"
                 }, [
-                  sl,
+                  rl,
                   w(" Remove")
                 ])
               ])) : g("", !0)
@@ -4210,7 +4216,7 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       ], 64);
     };
   }
-}, nl = {
+}, sl = {
   key: 0,
   class: "flex justify-center"
 }, al = /* @__PURE__ */ s("svg", {
@@ -4221,12 +4227,12 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   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), ol = [
+], -1), nl = [
   al
-], il = { 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" }, ll = {
+], 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 = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, dl = { key: 0 }, ul = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ld = {
+}, ll = { key: 0 }, dl = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Gd = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4272,28 +4278,28 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       });
     };
     return (x, $) => {
-      const L = Oe("click-outside");
+      const L = De("click-outside");
       return d(), u(v, null, [
         Z(ue, {
           isOpen: a.value,
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`delete_${e.xprops.permission}`) ? D((d(), u("div", nl, [
+        e.row && x.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", sl, [
           s("button", {
             onClick: i,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
-          }, ol),
-          D(s("div", il, [
-            s("ul", ll, [
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", dl, [
+          }, nl),
+          O(s("div", ol, [
+            s("ul", il, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ll, [
                 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"
                 }, [
-                  ul,
+                  dl,
                   w(" Remove")
                 ])
               ])) : g("", !0)
@@ -4307,7 +4313,7 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
       ], 64);
     };
   }
-}, cl = {
+}, ul = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4323,7 +4329,7 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
   mounted() {
     console.log("row : ", this.row);
   }
-}, fl = ["href", "title"], hl = /* @__PURE__ */ s("svg", {
+}, cl = ["href", "title"], fl = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4340,10 +4346,10 @@ const Md = /* @__PURE__ */ S(qo, [["render", Di]]), Pi = {
     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), gl = {
+], -1), hl = {
   key: 1,
   class: "m-1 d-inline-block"
-}, ml = ["href", "title"], _l = /* @__PURE__ */ s("svg", {
+}, gl = ["href", "title"], ml = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4373,23 +4379,23 @@ function pl(e, t, r, n, o, a) {
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        hl,
+        fl,
         w(" Download ")
-      ], 8, fl)
-    ]))), 128)) : a.isString ? (d(), u("div", gl, [
+      ], 8, cl)
+    ]))), 128)) : a.isString ? (d(), u("div", hl, [
       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"
       }, [
-        _l,
+        ml,
         w(" Download ")
-      ], 8, ml)
+      ], 8, gl)
     ])) : g("", !0)
   ]);
 }
-const Bd = /* @__PURE__ */ S(cl, [["render", pl]]), bl = {
+const Fd = /* @__PURE__ */ S(ul, [["render", pl]]), bl = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4399,7 +4405,7 @@ const Bd = /* @__PURE__ */ S(cl, [["render", pl]]), bl = {
       return typeof this.row[this.field] == "object";
     }
   }
-}, yl = ["href", "title"], vl = /* @__PURE__ */ s("svg", {
+}, _l = ["href", "title"], yl = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4416,10 +4422,10 @@ const Bd = /* @__PURE__ */ S(cl, [["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), xl = {
+], -1), vl = {
   key: 1,
   class: "m-1 d-inline-block"
-}, wl = ["href", "title"], kl = /* @__PURE__ */ s("svg", {
+}, xl = ["href", "title"], wl = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4437,7 +4443,7 @@ const Bd = /* @__PURE__ */ S(cl, [["render", pl]]), bl = {
     "clip-rule": "evenodd"
   })
 ], -1);
-function $l(e, t, r, n, o, a) {
+function kl(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,
@@ -4449,34 +4455,34 @@ function $l(e, t, r, n, o, a) {
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        vl,
+        yl,
         w(" Download ")
-      ], 8, yl)
-    ]))), 128)) : a.isObject ? (d(), u("div", xl, [
+      ], 8, _l)
+    ]))), 128)) : a.isObject ? (d(), u("div", vl, [
       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"
       }, [
-        kl,
+        wl,
         w(" Download ")
-      ], 8, wl)
+      ], 8, xl)
     ])) : g("", !0)
   ]);
 }
-const Gd = /* @__PURE__ */ S(bl, [["render", $l]]), Cl = {
+const Rd = /* @__PURE__ */ S(bl, [["render", kl]]), $l = {
   props: ["field", "row", "tdProps"]
-}, Sl = { key: 0 }, Ol = ["innerHTML"];
+}, Cl = { key: 0 }, Sl = ["innerHTML"];
 function Dl(e, t, r, n, o, a) {
-  return r.row[r.field] ? (d(), u("div", Sl, [
+  return r.row[r.field] ? (d(), u("div", Cl, [
     s("div", {
       class: "w-full",
       innerHTML: r.row[r.field]
-    }, null, 8, Ol)
+    }, null, 8, Sl)
   ])) : g("", !0);
 }
-const Fd = /* @__PURE__ */ S(Cl, [["render", Dl]]), Pl = {
+const Ud = /* @__PURE__ */ S($l, [["render", Dl]]), Ol = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4490,24 +4496,24 @@ const Fd = /* @__PURE__ */ S(Cl, [["render", Dl]]), Pl = {
       return typeof this.row[this.entry.key] == "object";
     }
   }
-}, El = { class: "flex flex-wrap gap-2" }, jl = {
+}, Pl = { class: "flex flex-wrap gap-2" }, El = {
   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 Al(e, t, r, n, o, a) {
-  return d(), u("div", El, [
+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,
       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", jl, h(r.row[a.entry.key][a.entry.field]), 1)) : g("", !0)
+    }, 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)
   ]);
 }
-const Rd = /* @__PURE__ */ S(Pl, [["render", Al]]), Il = {
+const qd = /* @__PURE__ */ S(Ol, [["render", jl]]), Al = {
   props: ["field", "row", "tdProps"]
-}, Tl = { key: 0 }, Ml = { class: "m-1 d-inline-block" }, Nl = ["href", "title"], Vl = ["src", "alt", "title"];
-function Ll(e, t, r, n, o, a) {
+}, 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", Ml, [
+    s("div", Il, [
       s("a", {
         href: r.row[r.field].url,
         title: r.row[r.field].name,
@@ -4517,37 +4523,37 @@ function Ll(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, Vl)
-      ], 8, Nl)
+        }, null, 8, Nl)
+      ], 8, Ml)
     ])
   ])) : g("", !0);
 }
-const Ud = /* @__PURE__ */ S(Il, [["render", Ll], ["__scopeId", "data-v-3a28c02c"]]), Bl = {
+const zd = /* @__PURE__ */ S(Al, [["render", Vl], ["__scopeId", "data-v-3a28c02c"]]), Ll = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
       return this.row[this.field] === 1;
     }
   }
-}, Gl = { class: "flex flex-wrap gap-2" }, Fl = {
+}, Bl = { class: "flex flex-wrap gap-2" }, Gl = {
   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"
-}, Rl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Ul = {
+}, Fl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Rl = {
   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"
-}, ql = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
-function zl(e, t, r, n, o, a) {
-  return d(), u("div", Gl, [
-    a.isActive ? (d(), u("span", Fl, [
-      Rl,
+}, 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,
       w(" Active ")
-    ])) : a.isActive ? g("", !0) : (d(), u("span", Ul, [
-      ql,
+    ])) : a.isActive ? g("", !0) : (d(), u("span", Rl, [
+      Ul,
       w(" Inactive ")
     ]))
   ]);
 }
-const qd = /* @__PURE__ */ S(Bl, [["render", zl]]), Hl = {
+const Hd = /* @__PURE__ */ S(Ll, [["render", ql]]), zl = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4555,40 +4561,98 @@ const qd = /* @__PURE__ */ S(Bl, [["render", zl]]), Hl = {
       return t ? t.class : "";
     }
   }
-}, Zl = { class: "flex flex-wrap gap-2" }, Kl = {
+}, Hl = { class: "flex flex-wrap gap-2" }, Zl = {
   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"
-}, Wl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Xl = {
+}, Kl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Wl = {
   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"
-}, Yl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), Jl = {
+}, Xl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), Yl = {
   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"
-}, Ql = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), ed = {
+}, Jl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), Ql = {
   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"
-}, td = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1);
-function rd(e, t, r, n, o, a) {
-  return d(), u("div", Zl, [
-    a.hasLabelColor == "green" ? (d(), u("span", Kl, [
-      Wl,
+}, 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,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "red" ? (d(), u("span", Xl, [
-      Yl,
+    a.hasLabelColor == "red" ? (d(), u("span", Wl, [
+      Xl,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "yellow" ? (d(), u("span", Jl, [
-      Ql,
+    a.hasLabelColor == "yellow" ? (d(), u("span", Yl, [
+      Jl,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "default" ? (d(), u("span", ed, [
-      td,
+    a.hasLabelColor == "default" ? (d(), u("span", Ql, [
+      ed,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0)
   ]);
 }
-const zd = /* @__PURE__ */ S(Hl, [["render", rd]]), sd = {
+const Zd = /* @__PURE__ */ S(zl, [["render", td]]), rd = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    hasLabelColor() {
+      return this.tdProps.specfic_color ?? "";
+    },
+    badgeType() {
+      switch (this.tdProps.badge_type) {
+        case "Default":
+          return "rounded text-xs";
+        case "Large":
+          return "rounded text-sm ";
+        case "Bordered":
+          return "rounded text-xs border";
+        case "Pills":
+          return "rounded-full text-xs";
+        default:
+          return "";
+      }
+    }
+  }
+}, sd = { class: "flex flex-wrap gap-2" };
+function ad(e, t, r, n, o, a) {
+  return d(), u("div", sd, [
+    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])
+    }, 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])
+    }, 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])
+    }, 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])
+    }, 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])
+    }, 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])
+    }, 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])
+    }, 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])
+    }, h(this.row[this.field]), 3)) : g("", !0)
+  ]);
+}
+const Kd = /* @__PURE__ */ S(rd, [["render", ad]]), nd = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4598,35 +4662,35 @@ const zd = /* @__PURE__ */ S(Hl, [["render", rd]]), sd = {
       this.$emit("cancel-action");
     }
   }
-}, nd = {
+}, od = {
   key: 0,
   class: "fixed inset-0 z-50 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, ad = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, od = /* @__PURE__ */ s("div", {
+}, 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", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), id = /* @__PURE__ */ s("span", {
+}, null, -1), dd = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), ld = { 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" }, dd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, ud = { class: "sm:flex sm:items-start" }, cd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, fd = { class: "text-lg font-medium leading-6 text-gray-900" }, hd = { class: "mt-2" }, gd = { 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", nd, [
-    s("div", ad, [
-      od,
-      id,
-      s("div", ld, [
-        s("div", dd, [
-          s("div", ud, [
-            s("div", cd, [
-              s("h3", fd, h(r.title), 1),
-              s("div", hd, [
-                I(e.$slots, "default")
+}, "​", -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, [
+                T(e.$slots, "default")
               ])
             ])
           ])
         ]),
-        s("div", gd, [
+        s("div", pd, [
           s("button", {
             onClick: t[0] || (t[0] = (...l) => a.confirmAction && a.confirmAction(...l)),
             type: "button",
@@ -4642,39 +4706,40 @@ function md(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const Hd = /* @__PURE__ */ S(sd, [["render", md]]);
+const Wd = /* @__PURE__ */ S(nd, [["render", bd]]);
 export {
-  wd as GlButton,
-  vd as GlCard,
-  Hd as GlConfirmationModal,
-  Md as GlDataTable,
-  Td as GlDataTableServerSide,
-  Vd as GlDatatableAction,
-  Ld as GlDatatableDeleteAction,
-  Bd as GlDatatableFileDownload,
-  Gd as GlDatatableFiles,
-  Fd as GlDatatableHtml,
-  Rd as GlDatatableList,
-  Ud as GlDatatablePicture,
-  qd as GlDatatableStatus,
-  zd as GlDatatableStatusGeneral,
+  $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,
   ue as GlDeleteConfirmationModal,
-  Ad as GlDropdown,
-  pd as GlFilesUpload,
-  yd as GlLanguageSelector,
-  Ed as GlModal,
-  Pd as GlMultiItemSlide,
-  xd as GlMultiSelectDropdown,
-  bd as GlNotify,
-  Dd as GlTab,
-  Od as GlTabsWrapper,
-  wo as GlTailwindPagination,
-  Sd as GlTextInput,
-  Cd as GlTextTranslate,
-  Id as GlTextarea,
-  kd as GlTextareaTranslate,
-  $d as GlTinymceTranslate,
+  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,
+  xo as GlTailwindPagination,
+  Od as GlTextInput,
+  Dd as GlTextTranslate,
+  Md as GlTextarea,
+  Cd as GlTextareaTranslate,
+  Sd as GlTinymceTranslate,
   $e as GlToast,
-  Nd as GlToastList,
-  jd as GlToggleBox
+  Ld as GlToastList,
+  Td as GlToggleBox
 };