golden-logic-ui 1.0.158 → 1.0.159

package/dist/golden-logic-ui.js

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as t, createCommentVNode as g, createStaticVNode as tt, inject as xe, watch as H, effectScope as rt, computed as E, reactive as Le, resolveComponent as z, Fragment as w, createVNode as q, normalizeClass as p, toDisplayString as h, withModifiers as F, withDirectives as A, vModelText as G, renderList as D, normalizeStyle as st, renderSlot as M, ref as C, onMounted as R, createTextVNode as $, vShow as Q, nextTick as Te, createBlock as Z, resolveDynamicComponent as le, mergeProps as ae, withCtx as ie, vModelDynamic as at, provide as Me, pushScopeId as nt, popScopeId as ot, vModelCheckbox as lt, toHandlers as be, onUnmounted as it, TransitionGroup as dt, unref as ut, resolveDirective as Ie, markRaw as ct } from "vue";
+import { openBlock as d, createElementBlock as u, createElementVNode as t, createCommentVNode as g, createStaticVNode as tt, inject as xe, watch as H, effectScope as rt, computed as E, reactive as Le, resolveComponent as z, Fragment as w, createVNode as q, normalizeClass as p, toDisplayString as h, withModifiers as F, withDirectives as P, vModelText as G, renderList as D, normalizeStyle as st, renderSlot as M, ref as C, onMounted as R, createTextVNode as $, vShow as Q, nextTick as Te, createBlock as Z, resolveDynamicComponent as le, mergeProps as ae, withCtx as ie, vModelDynamic as at, provide as Me, pushScopeId as nt, popScopeId as ot, vModelCheckbox as lt, toHandlers as be, onUnmounted as it, TransitionGroup as dt, unref as ut, resolveDirective as Ie, markRaw as ct } from "vue";
 const O = (e, r) => {
   const s = e.__vccOpts || e;
   for (const [n, o] of r)
@@ -158,14 +158,14 @@ function K(e, r) {
 function Ge(e) {
   return e !== null && typeof e == "object";
 }
-function Pt(e) {
+function At(e) {
   return e && typeof e.then == "function";
 }
 function V(e, r) {
   if (!e)
     throw new Error("[vuex] " + r);
 }
-function At(e, r) {
+function Pt(e, r) {
   return function() {
     return e(r);
   };
@@ -187,7 +187,7 @@ function ke(e, r, s) {
   var a = e._wrappedGetters, i = {}, l = {}, c = rt(!0);
   c.run(function() {
     K(a, function(f, m) {
-      i[m] = At(f, e), l[m] = E(function() {
+      i[m] = Pt(f, e), l[m] = E(function() {
         return i[m]();
       }), Object.defineProperty(e.getters, m, {
         get: function() {
@@ -295,7 +295,7 @@ function Lt(e, r, s, n) {
       rootGetters: e.getters,
       rootState: e.state
     }, i);
-    return Pt(l) || (l = Promise.resolve(l)), e._devtoolHook ? l.catch(function(c) {
+    return At(l) || (l = Promise.resolve(l)), e._devtoolHook ? l.catch(function(c) {
       throw e._devtoolHook.emit("vuex:error", c), c;
     }) : l;
   });
@@ -349,11 +349,11 @@ function Vt(e, r) {
       s.addTimelineLayer({
         id: Oe,
         label: "Vuex Mutations",
-        color: Pe
+        color: Ae
       }), s.addTimelineLayer({
         id: pe,
         label: "Vuex Actions",
-        color: Pe
+        color: Ae
       }), s.addInspector({
         id: J,
         label: "Vuex",
@@ -432,7 +432,7 @@ function Vt(e, r) {
     }
   );
 }
-var Pe = 8702998, Bt = 6710886, Gt = 16777215, qe = {
+var Ae = 8702998, Bt = 6710886, Gt = 16777215, qe = {
   label: "namespaced",
   textColor: Gt,
   backgroundColor: Bt
@@ -634,7 +634,7 @@ function We(e, r, s) {
       );
     }
 }
-var Ae = {
+var Pe = {
   assert: function(e) {
     return typeof e == "function";
   },
@@ -645,8 +645,8 @@ var Ae = {
   },
   expected: 'function or object with "handler" function'
 }, je = {
-  getters: Ae,
-  mutations: Ae,
+  getters: Pe,
+  mutations: Pe,
   actions: qt
 };
 function Ye(e, r) {
@@ -1060,7 +1060,7 @@ function $r(e, r, s, n, o, a) {
             multiple: s.has_multiple_file,
             onChange: r[0] || (r[0] = (...l) => a.uploadFiles && a.uploadFiles(...l))
           }, null, 40, Yt),
-          A(t("input", {
+          P(t("input", {
             type: "hidden",
             name: s.field_name,
             "onUpdate:modelValue": r[1] || (r[1] = (l) => a.uploadedFileIds = l)
@@ -1178,7 +1178,7 @@ const bc = /* @__PURE__ */ O(Kt, [["render", $r]]), Cr = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ t("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), Dr = /* @__PURE__ */ t("span", { class: "sr-only" }, "Info", -1), Or = { class: "mr-3 text-sm font-medium ms-3" }, Pr = /* @__PURE__ */ t("span", { class: "sr-only" }, "Close", -1), Ar = /* @__PURE__ */ t("svg", {
+], -1), Dr = /* @__PURE__ */ t("span", { class: "sr-only" }, "Info", -1), Or = { class: "mr-3 text-sm font-medium ms-3" }, Ar = /* @__PURE__ */ t("span", { class: "sr-only" }, "Close", -1), Pr = /* @__PURE__ */ t("svg", {
   class: "w-3 h-3",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -1193,8 +1193,8 @@ const bc = /* @__PURE__ */ O(Kt, [["render", $r]]), Cr = {
     d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
   })
 ], -1), jr = [
-  Pr,
-  Ar
+  Ar,
+  Pr
 ];
 function Er(e, r, s, n, o, a) {
   return e.notification.show ? (d(), u("div", {
@@ -1390,7 +1390,7 @@ const yc = /* @__PURE__ */ O(Lr, [["render", Nr]]), Vr = { class: "bg-white bord
         b.key === "Enter" && b.target.form && b.preventDefault();
       }));
     });
-    const _ = E(() => y()), v = E(() => P()), S = E(() => {
+    const _ = E(() => y()), v = E(() => A()), S = E(() => {
       const b = [], x = new RegExp(f.value, "ig");
       for (const k of _.value) {
         const L = String(k.name);
@@ -1457,7 +1457,7 @@ const yc = /* @__PURE__ */ O(Lr, [["render", Nr]]), Vr = { class: "bg-white bord
     function y() {
       return s.options.map((b, x) => typeof b == "object" ? b : { id: b, name: b });
     }
-    function P() {
+    function A() {
       if (console.log("selected.value", a.value), console.log("isArrayObjectNotEmpty", te(a.value)), te(a.value))
         return re(a.value) ? _.value.filter(
           (b) => a.value.some(
@@ -1565,12 +1565,12 @@ const yc = /* @__PURE__ */ O(Lr, [["render", Nr]]), Vr = { class: "bg-white bord
                 style: { top: "11px" }
               }, null, 2)
             ]),
-            A(t("div", Xr, [
+            P(t("div", Xr, [
               t("div", Jr, [
                 Qr,
                 t("div", es, [
                   ts,
-                  A(t("input", {
+                  P(t("input", {
                     type: "search",
                     "onUpdate:modelValue": x[1] || (x[1] = (k) => f.value = k),
                     ref: o.value,
@@ -1782,7 +1782,7 @@ const xc = /* @__PURE__ */ O(ns, [["render", ls]]), is = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         t("h3", is, h(e.label_name), 1),
-        A(t("input", {
+        P(t("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1922,7 +1922,7 @@ const xc = /* @__PURE__ */ O(ns, [["render", ls]]), is = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         t("h3", ys, h(e.label_name), 1),
-        A(t("input", {
+        P(t("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1982,7 +1982,7 @@ const xc = /* @__PURE__ */ O(ns, [["render", ls]]), is = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Os = { class: "font-bold ptext-lg dark:text-white" }, Ps = ["name", "id"], As = ["id"], js = /* @__PURE__ */ t("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Es = ["for"], Ls = /* @__PURE__ */ t("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), Ts = ["name", "id"], Ms = ["required", "name", "id", "type"], Is = { class: "gl-span-form-error" }, Ns = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, $c = {
+}, Os = { class: "font-bold ptext-lg dark:text-white" }, As = ["name", "id"], Ps = ["id"], js = /* @__PURE__ */ t("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Es = ["for"], Ls = /* @__PURE__ */ t("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), Ts = ["name", "id"], Ms = ["required", "name", "id", "type"], Is = { class: "gl-span-form-error" }, Ns = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, $c = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2057,20 +2057,20 @@ const xc = /* @__PURE__ */ O(ns, [["render", ls]]), is = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         t("h3", Os, h(e.label_name), 1),
-        A(t("input", {
+        P(t("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
           id: e.field_name + "_i18n",
           ref: "input_translate_s",
           "onUpdate:modelValue": c[0] || (c[0] = (f) => l.inputTranslateValue = f)
-        }, null, 8, Ps), [
+        }, null, 8, As), [
           [G, l.inputTranslateValue]
         ]),
         t("p", {
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
-        }, h(e.model_value), 9, As),
+        }, h(e.model_value), 9, Ps),
         js
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
@@ -2194,7 +2194,7 @@ const xc = /* @__PURE__ */ O(ns, [["render", ls]]), is = { class: "font-bold pte
           }),
           for: e.field_name
         }, h(e.label_name), 11, Us),
-        A(t("input", {
+        P(t("input", {
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
@@ -2460,8 +2460,8 @@ const Dc = /* @__PURE__ */ O(ea, [["render", ra]]), sa = {
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
 }, null, -1)), Oa = [
   Da
-], Pa = ["onClick"], Aa = /* @__PURE__ */ T(() => /* @__PURE__ */ t("span", null, null, -1)), ja = [
-  Aa
+], Aa = ["onClick"], Pa = /* @__PURE__ */ T(() => /* @__PURE__ */ t("span", null, null, -1)), ja = [
+  Pa
 ], Ea = {
   key: 1,
   class: "flex justify-between pl-5 pr-5"
@@ -2622,7 +2622,7 @@ function ln(e, r, s, n, o, a) {
             class: p(["gl-dot", { active: e.currentDot == i }]),
             key: i,
             onClick: (l) => a.setDot(i)
-          }, ja, 10, Pa))), 128))
+          }, ja, 10, Aa))), 128))
         ], 2)) : g("", !0),
         s.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", Ea, [
           t("div", {
@@ -2695,7 +2695,7 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
   ])
 ], -1), hn = [
   fn
-], mn = { 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" }, Pc = {
+], mn = { 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" }, Ac = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2730,7 +2730,7 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
         l ? o() : a();
       },
       { immediate: !0, deep: !0 }
-    ), (l, c) => A((d(), u("div", dn, [
+    ), (l, c) => P((d(), u("div", dn, [
       t("div", {
         class: p(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:h-[calc(100%-3.5rem)]", e.max_width])
       }, [
@@ -2766,7 +2766,7 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
 }, bn = { class: "flex justify-between p-2 -mb-px border border-gray-300 no-underlin" }, pn = { class: "relative inline-flex items-center cursor-pointer" }, yn = ["name", "id", "checked"], _n = /* @__PURE__ */ t("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), vn = /* @__PURE__ */ t("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), xn = {
   key: 0,
   class: "flex justify-between items-center"
-}, wn = { class: "gl-label-form" }, kn = { class: "flex justify-between p-2 -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__ */ t("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" }, Ac = {
+}, wn = { class: "gl-label-form" }, kn = { class: "flex justify-between p-2 -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__ */ t("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" }, Pc = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2857,7 +2857,7 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
         t("li", kn, [
           $(h(e.label_name) + " ", 1),
           t("label", $n, [
-            A(t("input", {
+            P(t("input", {
               type: "checkbox",
               class: "sr-only peer",
               name: e.field_name,
@@ -2878,7 +2878,7 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
       ], 2))
     ], 64));
   }
-}, Pn = { class: "font-bold ptext-lg dark:text-white" }, An = { 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" }, En = /* @__PURE__ */ t("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Ln = ["name", "id", "value"], Tn = {
+}, An = { class: "font-bold ptext-lg dark:text-white" }, Pn = { 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" }, En = /* @__PURE__ */ t("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Ln = ["name", "id", "value"], Tn = {
   key: 0,
   class: "dropdown"
 }, Mn = { class: "focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, In = { class: "relative showOptions" }, Nn = ["value", "placeholder"], Vn = { 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__ */ t("label", {
@@ -2984,10 +2984,10 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
       }));
     });
     const m = E(() => fe()), _ = E(() => he()), v = E(() => {
-      const y = [], P = new RegExp(c.value, "ig");
+      const y = [], A = new RegExp(c.value, "ig");
       for (const j of m.value) {
         const U = String(j.name);
-        (c.value.length < 1 || U.match(P)) && y.length < s.maxItem && y.push(j);
+        (c.value.length < 1 || U.match(A)) && y.length < s.maxItem && y.push(j);
       }
       return y;
     });
@@ -3021,18 +3021,18 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
       y.target.id != s.field_name + "search" + f.value && y.target.id != s.field_name && !y.target.classList.contains("showOptions") && (oe(), i.value = 0);
     }
     function re(y) {
-      const P = `${y}${f.value}`, j = document.getElementById(P);
+      const A = `${y}${f.value}`, j = document.getElementById(A);
       j && j.scrollIntoView();
     }
     function ce(y) {
-      const P = `${y}${f.value}`, j = document.getElementById(P);
+      const A = `${y}${f.value}`, j = document.getElementById(A);
       j && j.click();
     }
     function ge(y) {
       y === "ArrowDown" && i.value < v.value.length && (i.value++, re(i.value)), y === "ArrowUp" && i.value > 1 && (i.value--, re(i.value)), y === "Enter" && ce(i.value);
     }
     function fe() {
-      return s.options.map((y, P) => typeof y == "object" ? y : { id: y, name: y });
+      return s.options.map((y, A) => typeof y == "object" ? y : { id: y, name: y });
     }
     function he() {
       if (ee(a.value))
@@ -3069,15 +3069,15 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
       v.value.length === 0 && (a.value = {});
     }), H(a, (y) => {
       ee(y) && n("update:modelValue", y.id);
-    }), (y, P) => {
+    }), (y, A) => {
       var j, U, se;
       return d(), u(w, null, [
         e.show ? (d(), u("div", {
           key: 0,
           class: p(e.field_name)
         }, [
-          t("h3", Pn, h(e.label_name), 1),
-          t("p", An, [
+          t("h3", An, h(e.label_name), 1),
+          t("p", Pn, [
             t("span", jn, h((j = _.value) == null ? void 0 : j.name), 1)
           ]),
           En
@@ -3109,37 +3109,37 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
                     "gl-input-form-invalid": e.error_message !== ""
                   }, "pl-8 pr-2 showOptions"]),
                   ref: e.field_name,
-                  onClick: P[0] || (P[0] = (b) => Y()),
+                  onClick: A[0] || (A[0] = (b) => Y()),
                   value: (se = _.value) == null ? void 0 : se.name,
                   placeholder: e.placeholder,
                   autocomplete: "off",
                   readonly: ""
                 }, null, 10, Nn),
-                A(t("i", {
-                  onClick: P[1] || (P[1] = F((b) => me(), ["stop"])),
+                P(t("i", {
+                  onClick: A[1] || (A[1] = F((b) => me(), ["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), [
                   [Q, ee(_.value) && e.has_cancel]
                 ]),
                 t("i", {
-                  onClick: P[2] || (P[2] = (b) => !l.value && Y()),
+                  onClick: A[2] || (A[2] = (b) => !l.value && Y()),
                   class: p([l.value ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 dark:hover:text-gray-800 showOptions"]),
                   style: { top: "11px" }
                 }, null, 2)
               ]),
-              A(t("div", Vn, [
+              P(t("div", Vn, [
                 t("div", Bn, [
                   Gn,
                   t("div", Un, [
                     Fn,
-                    A(t("input", {
+                    P(t("input", {
                       type: "search",
-                      "onUpdate:modelValue": P[3] || (P[3] = (b) => c.value = b),
+                      "onUpdate:modelValue": A[3] || (A[3] = (b) => c.value = b),
                       ref: o.value,
                       id: `${e.field_name}search${f.value}`,
                       onKeydown: S,
-                      onBlur: P[4] || (P[4] = (b) => oe()),
+                      onBlur: A[4] || (A[4] = (b) => oe()),
                       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 ..."
@@ -3260,7 +3260,7 @@ const Oc = /* @__PURE__ */ O(sa, [["render", ln], ["__scopeId", "data-v-a94f16a9
           }),
           for: e.field_name
         }, h(e.label_name), 11, ro),
-        A(t("textarea", {
+        P(t("textarea", {
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
@@ -3565,7 +3565,7 @@ const et = /* @__PURE__ */ O(lo, [["render", xo]]), wo = {
       page: 1
     };
   },
-  emits: ["editAction"],
+  emits: ["editAction", "generalAction"],
   computed: {
     filteredData() {
       const e = this.search.toLowerCase();
@@ -3578,6 +3578,9 @@ const et = /* @__PURE__ */ O(lo, [["render", xo]]), wo = {
     editAction(e) {
       this.$emit("editAction", e);
     },
+    generalAction(e) {
+      this.$emit("generalAction", e);
+    },
     forDynCompIs(e) {
       return typeof e == "object" ? e : null;
     },
@@ -3617,10 +3620,10 @@ const et = /* @__PURE__ */ O(lo, [["render", xo]]), wo = {
       this.isMounted && e !== r && this.GetItemLists();
     }
   }
-}, 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__ */ t("span", { class: "font-medium" }, " Show ", -1), Do = { style: { "margin-top": "9px" } }, Oo = /* @__PURE__ */ t("span", { class: "font-medium" }, " Entries ", -1), Po = /* @__PURE__ */ t("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__ */ t("span", { class: "font-medium" }, " Show ", -1), Do = { style: { "margin-top": "9px" } }, Oo = /* @__PURE__ */ t("span", { class: "font-medium" }, " Entries ", -1), Ao = /* @__PURE__ */ t("label", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), Ao = { class: "relative" }, jo = /* @__PURE__ */ t("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), Po = { class: "relative" }, jo = /* @__PURE__ */ t("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
   /* @__PURE__ */ t("svg", {
     class: "w-5 h-5 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -3708,10 +3711,10 @@ function zo(e, r, s, n, o, a) {
         ]),
         Oo
       ]),
-      Po,
-      t("div", Ao, [
+      Ao,
+      t("div", Po, [
         jo,
-        A(t("input", {
+        P(t("input", {
           type: "text",
           "onUpdate:modelValue": r[1] || (r[1] = (c) => o.search = c),
           onInput: r[2] || (r[2] = (c) => a.handleSearch()),
@@ -3761,8 +3764,9 @@ function zo(e, r, s, n, o, a) {
                   xprops: s.xprops,
                   tdProps: m.tdProps,
                   onDeleteAction: r[3] || (r[3] = (v) => a.GetItemLists()),
-                  onEditAction: (v) => a.editAction(c)
-                }, null, 40, ["row", "field", "xprops", "tdProps", "onEditAction"])) : (d(), u(w, { key: 1 }, [
+                  onEditAction: (v) => a.editAction(c),
+                  onGeneralAction: (v) => a.generalAction(c)
+                }, null, 40, ["row", "field", "xprops", "tdProps", "onEditAction", "onGeneralAction"])) : (d(), u(w, { key: 1 }, [
                   $(h(c[m.field_name]), 1)
                 ], 64))
               ])
@@ -3969,7 +3973,7 @@ function _l(e, r, s, n, o, a) {
       el,
       t("div", tl, [
         rl,
-        A(t("input", {
+        P(t("input", {
           type: "text",
           "onUpdate:modelValue": r[1] || (r[1] = (c) => o.search = c),
           onInput: r[2] || (r[2] = (c) => a.handleSearch()),
@@ -4132,7 +4136,7 @@ const Tc = /* @__PURE__ */ O(Zo, [["render", _l]]), vl = {
 }, xl = { class: "p-2" }, wl = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, kl = { class: "flex items-center gap-2" }, $l = /* @__PURE__ */ t("span", { class: "font-medium" }, " Show ", -1), Cl = { style: { "margin-top": "9px" } }, Sl = /* @__PURE__ */ t("span", { class: "font-medium" }, " Entries ", -1), Dl = /* @__PURE__ */ t("label", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), Ol = { class: "relative" }, Pl = /* @__PURE__ */ t("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), Ol = { class: "relative" }, Al = /* @__PURE__ */ t("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
   /* @__PURE__ */ t("svg", {
     class: "w-5 h-5 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -4146,7 +4150,7 @@ const Tc = /* @__PURE__ */ O(Zo, [["render", _l]]), vl = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), Al = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, jl = { 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" }, El = { class: "hidden text-sm font-normal text-center text-gray-700 lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, Ll = ["onClick"], Tl = {
+], -1), Pl = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, jl = { 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" }, El = { class: "hidden text-sm font-normal text-center text-gray-700 lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, Ll = ["onClick"], Tl = {
   key: 0,
   class: "ml-2"
 }, Ml = {
@@ -4217,8 +4221,8 @@ function oi(e, r, s, n, o, a) {
       ]),
       Dl,
       t("div", Ol, [
-        Pl,
-        A(t("input", {
+        Al,
+        P(t("input", {
           type: "text",
           "onUpdate:modelValue": r[1] || (r[1] = (l) => o.search = l),
           class: "block p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 w-80 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
@@ -4228,7 +4232,7 @@ function oi(e, r, s, n, o, a) {
         ])
       ])
     ]),
-    t("div", Al, [
+    t("div", Pl, [
       t("table", jl, [
         t("thead", El, [
           t("tr", null, [
@@ -4487,9 +4491,9 @@ const Nc = /* @__PURE__ */ O(di, [["render", pi]]), yi = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ t("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), Pi = /* @__PURE__ */ t("span", { class: "sr-only" }, "Warning icon", -1), Ai = [
+], -1), Ai = /* @__PURE__ */ t("span", { class: "sr-only" }, "Warning icon", -1), Pi = [
   Oi,
-  Pi
+  Ai
 ], ji = { class: "ml-3 text-sm font-normal" }, Ei = /* @__PURE__ */ t("span", { class: "sr-only" }, "Close", -1), Li = /* @__PURE__ */ t("svg", {
   "aria-hidden": "true",
   class: "w-5 h-5",
@@ -4528,7 +4532,7 @@ const Nc = /* @__PURE__ */ O(di, [["render", pi]]), yi = {
     return (o, a) => (d(), u("div", yi, [
       s.type === "success" ? (d(), u("div", _i, wi)) : g("", !0),
       s.type === "error" ? (d(), u("div", ki, Si)) : g("", !0),
-      s.type === "warning" ? (d(), u("div", Di, Ai)) : g("", !0),
+      s.type === "warning" ? (d(), u("div", Di, Pi)) : g("", !0),
       t("div", ji, h(s.message), 1),
       t("button", {
         onClick: a[0] || (a[0] = (i) => n("remove")),
@@ -4651,13 +4655,13 @@ const Nc = /* @__PURE__ */ O(di, [["render", pi]]), yi = {
           onConfirmDelete: _,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && v.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? A((d(), u("div", Ni, [
+        e.row && v.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? P((d(), u("div", Ni, [
           t("button", {
             onClick: l,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
           }, Bi),
-          A(t("div", Gi, [
+          P(t("div", Gi, [
             t("ul", Ui, [
               v.can(`edit_${e.xprops.permission}`) ? (d(), u("li", Fi, [
                 t("a", {
@@ -4757,13 +4761,13 @@ const Nc = /* @__PURE__ */ O(di, [["render", pi]]), yi = {
           onConfirmDelete: _,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && v.can(`delete_${e.xprops.permission}`) ? A((d(), u("div", Zi, [
+        e.row && v.can(`delete_${e.xprops.permission}`) ? P((d(), u("div", Zi, [
           t("button", {
             onClick: l,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
           }, Wi),
-          A(t("div", Yi, [
+          P(t("div", Yi, [
             t("ul", Xi, [
               v.can(`delete_${e.xprops.permission}`) ? (d(), u("li", Ji, [
                 t("a", {
@@ -5006,7 +5010,7 @@ const Hc = /* @__PURE__ */ O(wd, [["render", Dd], ["__scopeId", "data-v-3a28c02c
       return this.row[this.field] === 1;
     }
   }
-}, Pd = { class: "flex flex-wrap gap-2 text-nowrap" }, Ad = {
+}, Ad = { class: "flex flex-wrap gap-2 text-nowrap" }, Pd = {
   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"
 }, jd = /* @__PURE__ */ t("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Ed = {
@@ -5014,8 +5018,8 @@ const Hc = /* @__PURE__ */ O(wd, [["render", Dd], ["__scopeId", "data-v-3a28c02c
   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"
 }, Ld = /* @__PURE__ */ t("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
 function Td(e, r, s, n, o, a) {
-  return d(), u("div", Pd, [
-    a.isActive ? (d(), u("span", Ad, [
+  return d(), u("div", Ad, [
+    a.isActive ? (d(), u("span", Pd, [
       jd,
       $(" Active ")
     ])) : a.isActive ? g("", !0) : (d(), u("span", Ed, [
@@ -5271,18 +5275,18 @@ const Jc = /* @__PURE__ */ O(wu, [["render", Cu]]), Su = {
   class: "fixed inset-0 z-50 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, Ou = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, Pu = /* @__PURE__ */ t("div", {
+}, Ou = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, Au = /* @__PURE__ */ t("div", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), Au = /* @__PURE__ */ t("span", {
+}, null, -1), Pu = /* @__PURE__ */ t("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
 }, "​", -1), ju = { 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" }, Eu = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Lu = { class: "sm:flex sm:items-start" }, Tu = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Mu = { class: "text-lg font-medium leading-6 text-gray-900" }, Iu = { class: "mt-2" }, Nu = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
 function Vu(e, r, s, n, o, a) {
   return s.isOpen ? (d(), u("div", Du, [
     t("div", Ou, [
-      Pu,
       Au,
+      Pu,
       t("div", ju, [
         t("div", Eu, [
           t("div", Lu, [
@@ -5508,7 +5512,7 @@ export {
   jc as GlDropdown,
   bc as GlFilesUpload,
   yc as GlLanguageSelector,
-  Pc as GlModal,
+  Ac as GlModal,
   Oc as GlMultiItemSlide,
   vc as GlMultiSelectDropdown,
   pc as GlNotify,
@@ -5523,5 +5527,5 @@ export {
   kc as GlTinymceTranslate,
   Ee as GlToast,
   Vc as GlToastList,
-  Ac as GlToggleBox
+  Pc as GlToggleBox
 };