golden-logic-ui 0.0.18 → 0.0.20

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 De, watch as Q, inject as de, effectScope as Pe, reactive as Ee, computed as je, resolveComponent as U, Fragment as y, createVNode as B, normalizeClass as p, toDisplayString as f, withModifiers as A, withDirectives as S, vModelText as I, renderList as w, normalizeStyle as Ae, renderSlot as P, createTextVNode as v, vShow as T, createBlock as q, resolveDynamicComponent as W, mergeProps as R, withCtx as X, ref as C, onMounted as G, provide as Ie, pushScopeId as Te, popScopeId as Ne, toHandlers as Z, resolveDirective as ue, markRaw as Me } from "vue";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as De, watch as Q, inject as de, effectScope as Pe, reactive as Ee, computed as je, resolveComponent as U, Fragment as y, createVNode as B, normalizeClass as p, toDisplayString as f, withModifiers as I, withDirectives as C, vModelText as A, renderList as w, normalizeStyle as Ie, renderSlot as P, createTextVNode as v, vShow as T, createBlock as q, resolveDynamicComponent as W, mergeProps as R, withCtx as X, ref as S, onMounted as G, provide as Ae, pushScopeId as Te, popScopeId as Ne, toHandlers as Z, resolveDirective as ue, markRaw as Me } from "vue";
 const k = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, a] of t)
@@ -800,9 +800,9 @@ O.prototype._withCommit = function(t) {
   this._committing = !0, t(), this._committing = r;
 };
 Object.defineProperties(O.prototype, se);
-var bt = Ce(function(e, t) {
+var bt = Se(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Se(t).forEach(function(n) {
+  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Ce(t).forEach(function(n) {
     var a = n.key, o = n.val;
     r[a] = function() {
       var i = this.$store.state, c = this.$store.getters;
@@ -815,9 +815,9 @@ var bt = Ce(function(e, t) {
       return typeof o == "function" ? o.call(this, i, c) : i[o];
     }, r[a].vuex = !0;
   }), r;
-}), yt = Ce(function(e, t) {
+}), yt = Se(function(e, t) {
   var r = {};
-  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Se(t).forEach(function(n) {
+  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Ce(t).forEach(function(n) {
     var a = n.key, o = n.val;
     r[a] = function() {
       for (var i = [], c = arguments.length; c--; )
@@ -833,7 +833,7 @@ var bt = Ce(function(e, t) {
     };
   }), r;
 });
-function Se(e) {
+function Ce(e) {
   return ne(e) ? Array.isArray(e) ? e.map(function(t) {
     return { key: t, val: t };
   }) : Object.keys(e).map(function(t) {
@@ -843,7 +843,7 @@ function Se(e) {
 function ne(e) {
   return Array.isArray(e) || ge(e);
 }
-function Ce(e) {
+function Se(e) {
   return function(t, r) {
     return typeof t != "string" ? (r = t, t = "") : t.charAt(t.length - 1) !== "/" && (t += "/"), e(t, r);
   };
@@ -1016,15 +1016,15 @@ const vt = {
     "stroke-width": "2",
     d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
   })
-], -1), St = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Drag & drop files or browse ", -1), Ct = [
+], -1), Ct = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Drag & drop files or browse ", -1), St = [
   $t,
-  St
+  Ct
 ], Ot = { key: 1 }, Dt = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, "Drop files here", -1), Pt = [
   Dt
-], Et = { class: "mt-2 gl-span-form-error" }, jt = { class: "block mt-2 mb-3 text-sm font-normal leading-5 text-gray-500" }, At = {
+], Et = { class: "mt-2 gl-span-form-error" }, jt = { class: "block mt-2 mb-3 text-sm font-normal leading-5 text-gray-500" }, It = {
   key: 0,
   class: ""
-}, It = { 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" }, Tt = /* @__PURE__ */ s("i", { class: "text-3xl fas fa-file-alt" }, null, -1), Nt = { class: "w-full ml-3" }, Mt = { class: "flex items-center justify-between mb-1" }, Vt = { class: "text-xs text-black dark:text-white" }, Lt = { class: "text-xs text-black dark:text-white" }, Bt = { class: "w-full h-1 mb-1 bg-white rounded-full dark:bg-gray-800" }, Gt = { class: "overflow-x-scroll max-h-56" }, Ft = { 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" }, Rt = { class: "flex items-center" }, Ut = /* @__PURE__ */ s("i", {
+}, At = { 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" }, Tt = /* @__PURE__ */ s("i", { class: "text-3xl fas fa-file-alt" }, null, -1), Nt = { class: "w-full ml-3" }, Mt = { class: "flex items-center justify-between mb-1" }, Vt = { class: "text-xs text-black dark:text-white" }, Lt = { class: "text-xs text-black dark:text-white" }, Bt = { class: "w-full h-1 mb-1 bg-white rounded-full dark:bg-gray-800" }, Gt = { class: "overflow-x-scroll max-h-56" }, Ft = { 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" }, Rt = { class: "flex items-center" }, Ut = /* @__PURE__ */ s("i", {
   class: "text-3xl fas fa-file-alt",
   "aria-hidden": "true"
 }, null, -1), qt = { class: "flex flex-col ml-3" }, Ht = { class: "text-xs" }, zt = { class: "text-xs" }, Zt = { class: "flex gap-2" }, Kt = ["href"], Wt = ["onClick"];
@@ -1050,9 +1050,9 @@ function Xt(e, t, r, n, a, o) {
         })
       }, f(r.label_name), 3),
       s("div", {
-        onDragover: t[3] || (t[3] = A((...i) => o.onDragOver && o.onDragOver(...i), ["prevent"])),
-        onDragleave: t[4] || (t[4] = A((...i) => o.onDragLeave && o.onDragLeave(...i), ["prevent"])),
-        onDrop: t[5] || (t[5] = A((...i) => o.onDrop && o.onDrop(...i), ["prevent"])),
+        onDragover: t[3] || (t[3] = I((...i) => o.onDragOver && o.onDragOver(...i), ["prevent"])),
+        onDragleave: t[4] || (t[4] = I((...i) => o.onDragLeave && o.onDragLeave(...i), ["prevent"])),
+        onDrop: t[5] || (t[5] = I((...i) => o.onDrop && o.onDrop(...i), ["prevent"])),
         class: "flex flex-col items-center justify-center w-full h-40 mt-3 mb-3 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600"
       }, [
         s("div", xt, [
@@ -1063,24 +1063,24 @@ function Xt(e, t, r, n, a, o) {
             multiple: r.has_multiple_file,
             onChange: t[0] || (t[0] = (...i) => o.uploadFiles && o.uploadFiles(...i))
           }, null, 40, wt),
-          S(s("input", {
+          C(s("input", {
             type: "hidden",
             name: r.field_name,
             "onUpdate:modelValue": t[1] || (t[1] = (i) => o.uploadedFileIds = i)
           }, null, 8, kt), [
-            [I, o.uploadedFileIds]
+            [A, o.uploadedFileIds]
           ]),
           a.isDragging ? (d(), u("div", Ot, Pt)) : (d(), u("div", {
             key: 0,
             class: "flex flex-col items-center justify-center",
             onClick: t[2] || (t[2] = (i) => e.$refs["file_input" + this.field_name].click())
-          }, Ct))
+          }, St))
         ])
       ], 32),
       s("span", Et, f(a.error_message_data), 1),
       s("small", jt, f(r.description), 1),
-      a.files.length > 0 ? (d(), u("section", At, [
-        (d(!0), u(y, null, w(a.files, (i, c) => (d(), u("li", It, [
+      a.files.length > 0 ? (d(), u("section", It, [
+        (d(!0), u(y, null, w(a.files, (i, c) => (d(), u("li", At, [
           Tt,
           s("div", Nt, [
             s("div", Mt, [
@@ -1090,7 +1090,7 @@ function Xt(e, t, r, n, a, o) {
             s("div", Bt, [
               s("div", {
                 class: "h-full bg-gray-500 rounded-full dark:bg-gray-400",
-                style: Ae({ width: i.loading + "%" })
+                style: Ie({ width: i.loading + "%" })
               }, null, 4)
             ])
           ])
@@ -1124,7 +1124,7 @@ function Xt(e, t, r, n, a, o) {
     ], 2)
   ], 64);
 }
-const Al = /* @__PURE__ */ k(vt, [["render", Xt]]), Yt = {
+const Il = /* @__PURE__ */ k(vt, [["render", Xt]]), Yt = {
   computed: {
     ...bt("notification", ["notification"]),
     alertClasses() {
@@ -1216,7 +1216,7 @@ function nr(e, t, r, n, a, o) {
     }, sr, 2)
   ], 2)) : g("", !0);
 }
-const Il = /* @__PURE__ */ k(Yt, [["render", nr]]), or = {
+const Al = /* @__PURE__ */ k(Yt, [["render", nr]]), or = {
   components: {},
   props: {
     field_name: {
@@ -1393,7 +1393,7 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
       return e;
     }
   },
-  emits: ["update:modelValue", "selected"],
+  emits: ["update:modelValue", "selected", "selectionChanged"],
   methods: {
     selectAll() {
       this.selected = this.convertedOptions();
@@ -1449,7 +1449,7 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
       this.filteredOptions.length;
     },
     selected(e) {
-      this.selectedIds = e.map((t) => t.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds);
+      this.selectedIds = e.map((t) => t.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds), this.$emit("selectionChanged", this.selectedIds);
     }
   }
 }, br = { class: "font-bold ptext-lg dark:text-white" }, yr = { class: "mt-3 mb-4" }, vr = { 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" }, xr = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), wr = ["name", "value"], kr = {
@@ -1458,10 +1458,10 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
 }, $r = {
   class: "inline-flex ml-2 rounded-md shadow-sm",
   role: "group"
-}, Sr = { 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" }, Cr = { class: "relative" }, Or = ["onClick"], Dr = { 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] showOptions" }, Pr = { class: "p-1" }, Er = /* @__PURE__ */ s("label", {
+}, Cr = { 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" }, Sr = { class: "relative" }, Or = ["onClick"], Dr = { 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] showOptions" }, Pr = { class: "p-1" }, Er = /* @__PURE__ */ s("label", {
   for: "default-search",
   class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
-}, "Search", -1), jr = { class: "relative" }, Ar = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, [
+}, "Search", -1), jr = { class: "relative" }, Ir = /* @__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",
@@ -1477,7 +1477,7 @@ const Nl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
       d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
     })
   ])
-], -1), Ir = ["id"], Tr = { class: "overflow-y-auto max-h-64" }, Nr = ["onClick", "onMousedown", "id"];
+], -1), Ar = ["id"], Tr = { class: "overflow-y-auto max-h-64" }, Nr = ["onClick", "onMousedown", "id"];
 function Mr(e, t, r, n, a, o) {
   return d(), u(y, null, [
     r.show ? (d(), u("div", {
@@ -1520,8 +1520,8 @@ function Mr(e, t, r, n, a, o) {
             class: "px-4 py-0 text-sm font-medium text-gray-900 bg-transparent border border-gray-900 rounded-e-md hover:bg-gray-900 hover:text-white focus:z-10 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700"
           }, " Deselect all ")
         ]),
-        s("div", Sr, [
-          s("div", Cr, [
+        s("div", Cr, [
+          s("div", Sr, [
             s("div", {
               class: "flex flex-wrap gap-2 pl-8 pr-2 gl-multi-dropdown showOptions",
               onClick: t[2] || (t[2] = (l) => o.showOptions())
@@ -1532,7 +1532,7 @@ function Mr(e, t, r, n, a, o) {
               }, [
                 v(f(l.name) + " ", 1),
                 s("i", {
-                  onClick: A((c) => o.clearOption(l), ["stop"]),
+                  onClick: I((c) => o.clearOption(l), ["stop"]),
                   class: "cursor-pointer pointer-events-auto hover:text-red-600 dark:hover:text-red-400 fas fa-times"
                 }, null, 8, Or)
               ]))), 128))
@@ -1542,12 +1542,12 @@ function Mr(e, t, r, n, a, o) {
               style: { top: "11px" }
             }, null, 2)
           ]),
-          S(s("div", Dr, [
+          C(s("div", Dr, [
             s("div", Pr, [
               Er,
               s("div", jr, [
-                Ar,
-                S(s("input", {
+                Ir,
+                C(s("input", {
                   type: "search",
                   "onUpdate:modelValue": t[3] || (t[3] = (l) => a.searchFilter = l),
                   id: r.field_name + "search",
@@ -1556,8 +1556,8 @@ function Mr(e, t, r, n, a, o) {
                   autocomplete: "off",
                   class: "block w-full p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
                   placeholder: "Search ..."
-                }, null, 40, Ir), [
-                  [I, a.searchFilter]
+                }, null, 40, Ar), [
+                  [A, a.searchFilter]
                 ])
               ])
             ]),
@@ -1736,7 +1736,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null), l = C(null);
+    const n = e, a = r, o = S(null), l = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
         model: n.translatable.model,
@@ -1753,7 +1753,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         s("h3", Gr, f(e.label_name), 1),
-        S(s("input", {
+        C(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1762,7 +1762,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
           ref: l,
           "onUpdate:modelValue": c[0] || (c[0] = (h) => i.inputTranslateValue = h)
         }, null, 8, Fr), [
-          [I, i.inputTranslateValue]
+          [A, i.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
@@ -1872,7 +1872,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null), l = C(null);
+    const n = e, a = r, o = S(null), l = S(null);
     return G(() => {
       tinymce.init({
         selector: "#" + n.field_name,
@@ -1893,7 +1893,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         s("h3", Xr, f(e.label_name), 1),
-        S(s("input", {
+        C(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -1902,7 +1902,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
           ref: l,
           "onUpdate:modelValue": c[0] || (c[0] = (h) => i.inputTranslateValue = h)
         }, null, 8, Yr), [
-          [I, i.inputTranslateValue]
+          [A, i.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
@@ -2011,7 +2011,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null), l = C(null);
+    const n = e, a = r, o = S(null), l = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
         model: n.translatable.model,
@@ -2028,7 +2028,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
         class: p(e.field_name)
       }, [
         s("h3", as, f(e.label_name), 1),
-        S(s("input", {
+        C(s("input", {
           type: "hidden",
           "data-i18n": "true",
           name: e.field_name + "_i18n",
@@ -2036,7 +2036,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
           ref: "input_translate_s",
           "onUpdate:modelValue": c[0] || (c[0] = (h) => i.inputTranslateValue = h)
         }, null, 8, is), [
-          [I, i.inputTranslateValue]
+          [A, i.inputTranslateValue]
         ]),
         s("p", {
           id: e.field_name,
@@ -2128,7 +2128,7 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null);
+    const n = e, a = r, o = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value != "" && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.modelValue != "" && (a("update:modelValue", n.modelValue), o.value.value = n.modelValue);
     }), t({ focus: () => o.value.focus() }), (l, i) => (d(), u(y, null, [
@@ -2173,18 +2173,18 @@ const Vl = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold pte
   }
 }, ks = {
   setup(e, { slots: t }) {
-    const r = C(t.default().map((a) => a.props)), n = C(r.value[0].title);
-    return Ie("selectedTitle", n), {
+    const r = S(t.default().map((a) => a.props)), n = S(r.value[0].title);
+    return Ae("selectedTitle", n), {
       tabs: r,
       selectedTitle: n
     };
   }
-}, $s = { class: "flex flex-wrap" }, Ss = { class: "w-full" }, Cs = { class: "flex flex-row flex-wrap gap-1 pt-3 pb-4 mb-0 list-none" }, Os = ["onClick"], Ds = { 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" }, Ps = { class: "flex-auto px-4 py-5" }, Es = { class: "tab-content tab-space" };
+}, $s = { class: "flex flex-wrap" }, Cs = { class: "w-full" }, Ss = { class: "flex flex-row flex-wrap gap-1 pt-3 pb-4 mb-0 list-none" }, Os = ["onClick"], Ds = { 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" }, Ps = { class: "flex-auto px-4 py-5" }, Es = { class: "tab-content tab-space" };
 function js(e, t, r, n, a, o) {
   return d(), u(y, null, [
     s("div", $s, [
-      s("div", Ss, [
-        s("ul", Cs, [
+      s("div", Cs, [
+        s("ul", Ss, [
           (d(!0), u(y, null, w(n.tabs, (l) => (d(), u("li", {
             key: l.title,
             onClick: (i) => n.selectedTitle = l.title,
@@ -2211,22 +2211,22 @@ function js(e, t, r, n, a, o) {
     ])
   ], 64);
 }
-const Rl = /* @__PURE__ */ k(ks, [["render", js]]), As = {
+const Rl = /* @__PURE__ */ k(ks, [["render", js]]), Is = {
   props: ["title"],
   setup() {
     return {
       selectedTitle: de("selectedTitle")
     };
   }
-}, Is = { class: "block" };
+}, As = { class: "block" };
 function Ts(e, t, r, n, a, o) {
-  return S((d(), u("div", Is, [
+  return C((d(), u("div", As, [
     P(e.$slots, "default")
   ], 512)), [
     [T, r.title == n.selectedTitle]
   ]);
 }
-const Ul = /* @__PURE__ */ k(As, [["render", Ts]]), Ns = {
+const Ul = /* @__PURE__ */ k(Is, [["render", Ts]]), Ns = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2450,7 +2450,7 @@ const Ul = /* @__PURE__ */ k(As, [["render", Ts]]), Ns = {
   d: "M13 7l5 5m0 0l-5 5m5-5H6"
 }, null, -1)), kn = [
   wn
-], $n = { class: "flex items-center" }, Sn = { class: "w-full" }, Cn = {
+], $n = { class: "flex items-center" }, Cn = { class: "w-full" }, Sn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2478,10 +2478,10 @@ const Ul = /* @__PURE__ */ k(As, [["render", Ts]]), Ns = {
   d: "M11 17l-5-5m0 0l5-5m-5 5h12"
 }, null, -1)), jn = [
   En
-], An = {
+], In = {
   key: 1,
   class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
-}, In = { class: "w-full" }, Tn = {
+}, An = { class: "w-full" }, Tn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -2542,7 +2542,7 @@ function Gn(e, t, r, n, a, o) {
             s("div", Zs, [
               s("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
-                onClick: t[1] || (t[1] = A((l) => o.prev(), ["stop"]))
+                onClick: t[1] || (t[1] = I((l) => o.prev(), ["stop"]))
               }, [
                 r.direction_property == "ltr" ? (d(), u("svg", Ks, Xs)) : g("", !0),
                 r.direction_property == "rtl" ? (d(), u("svg", Ys, Qs)) : g("", !0)
@@ -2557,7 +2557,7 @@ function Gn(e, t, r, n, a, o) {
             s("div", en, [
               s("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
-                onClick: t[2] || (t[2] = A((l) => o.next(), ["stop"]))
+                onClick: t[2] || (t[2] = I((l) => o.next(), ["stop"]))
               }, [
                 r.direction_property == "ltr" ? (d(), u("svg", tn, sn)) : g("", !0),
                 r.direction_property == "rtl" ? (d(), u("svg", nn, an)) : g("", !0)
@@ -2600,12 +2600,12 @@ function Gn(e, t, r, n, a, o) {
               ])
             ]),
             s("div", $n, [
-              s("div", Sn, [
+              s("div", Cn, [
                 s("button", {
                   class: "p-3 rounded-full arrow_button_styles",
                   onClick: t[4] || (t[4] = (l) => o.next())
                 }, [
-                  r.direction_property == "ltr" ? (d(), u("svg", Cn, Dn)) : g("", !0),
+                  r.direction_property == "ltr" ? (d(), u("svg", Sn, Dn)) : g("", !0),
                   r.direction_property == "rtl" ? (d(), u("svg", Pn, jn)) : g("", !0)
                 ])
               ])
@@ -2613,8 +2613,8 @@ function Gn(e, t, r, n, a, o) {
           ])) : g("", !0)
         ])) : g("", !0)
       ], 10, Hs),
-      e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", An, [
-        s("div", In, [
+      e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", In, [
+        s("div", An, [
           s("button", {
             class: "p-3 ml-5 rounded-full shadow-lg arrow_button_styles",
             onClick: t[5] || (t[5] = (l) => o.next())
@@ -2678,7 +2678,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
         i ? a() : o();
       },
       { immediate: !0, deep: !0 }
-    ), (i, c) => S((d(), u("div", Fn, [
+    ), (i, c) => C((d(), u("div", Fn, [
       s("div", {
         class: p(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:h-[calc(100%-3.5rem)]", e.max_width])
       }, [
@@ -2751,7 +2751,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = C(null);
+    const r = e, n = t, a = S(null);
     G(() => {
       r.model_value != "" && (n("update:modelValue", r.model_value), a.value.checked = r.model_value == 1), r.modelValue != "" && (n("update:modelValue", r.modelValue), a.value.checked = r.modelValue == 1);
     });
@@ -2872,7 +2872,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
       default: ""
     }
   },
-  emits: ["update:modelValue", "selected"],
+  emits: ["update:modelValue", "selected", "selectionChanged"],
   data() {
     return {
       selected: {},
@@ -2962,7 +2962,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
       this.$emit("update:modelValue", e.target.value);
     },
     selectOption(e) {
-      this.selected = e, this.optionsShown = !1, this.$emit("selected", this.selected);
+      this.selected = e, this.optionsShown = !1, this.$emit("selected", this.selected), this.$emit("selectionChanged", this.selected);
     },
     showOptions() {
       this.show || (this.searchFilter = "", this.optionsShown = !0, this.$nextTick(() => {
@@ -3021,7 +3021,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
       d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
     })
   ])
-], -1), ko = ["id"], $o = { class: "overflow-y-auto max-h-64" }, So = ["onClick", "onMousedown", "id"], Co = { class: "flex items-center py-2 pl-10 pr-4" }, Oo = {
+], -1), ko = ["id"], $o = { class: "overflow-y-auto max-h-64" }, Co = ["onClick", "onMousedown", "id"], So = { class: "flex items-center py-2 pl-10 pr-4" }, Oo = {
   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",
@@ -3037,7 +3037,7 @@ const ql = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9
 }, null, -1), Po = [
   Do
 ], Eo = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, jo = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" };
-function Ao(e, t, r, n, a, o) {
+function Io(e, t, r, n, a, o) {
   return d(), u(y, null, [
     r.show ? (d(), u("div", {
       key: 0,
@@ -3079,8 +3079,8 @@ function Ao(e, t, r, n, a, o) {
               autocomplete: "off",
               readonly: ""
             }, null, 8, po),
-            S(s("i", {
-              onClick: t[1] || (t[1] = A((l) => o.ClearInput(), ["stop"])),
+            C(s("i", {
+              onClick: t[1] || (t[1] = I((l) => o.ClearInput(), ["stop"])),
               class: "absolute text-gray-500 cursor-pointer fas fa-times right-7 hover:text-gray-700",
               style: { top: "13px" }
             }, null, 512), [
@@ -3092,12 +3092,12 @@ function Ao(e, t, r, n, a, o) {
               style: { top: "11px" }
             }, null, 2)
           ]),
-          S(s("div", bo, [
+          C(s("div", bo, [
             s("div", yo, [
               vo,
               s("div", xo, [
                 wo,
-                S(s("input", {
+                C(s("input", {
                   type: "search",
                   "onUpdate:modelValue": t[3] || (t[3] = (l) => a.searchFilter = l),
                   ref: `${r.field_name}search${a.uuid}`,
@@ -3108,7 +3108,7 @@ function Ao(e, t, r, n, a, o) {
                   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, ko), [
-                  [I, a.searchFilter]
+                  [A, a.searchFilter]
                 ])
               ])
             ]),
@@ -3123,11 +3123,11 @@ function Ao(e, t, r, n, a, o) {
                 key: i,
                 id: `${i + 1}${a.uuid}`
               }, [
-                s("div", Co, [
+                s("div", So, [
                   a.selected.id === l.id ? (d(), u("svg", Oo, Po)) : g("", !0),
                   s("span", null, f(l.name || l.id || "-"), 1)
                 ])
-              ], 42, So))), 128))
+              ], 42, Co))), 128))
             ])
           ], 512), [
             [T, a.optionsShown]
@@ -3139,7 +3139,7 @@ function Ao(e, t, r, n, a, o) {
     ], 2))
   ], 64);
 }
-const Zl = /* @__PURE__ */ k(io, [["render", Ao]]), Io = { class: "font-bold ptext-lg dark:text-white" }, To = ["id"], No = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Mo = ["for"], Vo = ["required", "name", "id", "type", "placeholder"], Lo = { class: "gl-span-form-error" }, Bo = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Kl = {
+const Zl = /* @__PURE__ */ k(io, [["render", Io]]), Ao = { class: "font-bold ptext-lg dark:text-white" }, To = ["id"], No = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Mo = ["for"], Vo = ["required", "name", "id", "type", "placeholder"], Lo = { class: "gl-span-form-error" }, Bo = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Kl = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3185,7 +3185,7 @@ const Zl = /* @__PURE__ */ k(io, [["render", Ao]]), Io = { class: "font-bold pte
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = C(null);
+    const n = e, a = r, o = S(null);
     return G(() => {
       o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.modelValue != "" && (a("update:modelValue", n.modelValue), o.value.value = n.modelValue);
     }), t({ focus: () => o.value.focus() }), (l, i) => (d(), u(y, null, [
@@ -3193,7 +3193,7 @@ const Zl = /* @__PURE__ */ k(io, [["render", Ao]]), Io = { class: "font-bold pte
         key: 0,
         class: p(e.field_name)
       }, [
-        s("h3", Io, f(e.label_name), 1),
+        s("h3", Ao, f(e.label_name), 1),
         s("p", {
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
@@ -3615,14 +3615,14 @@ function wa(e, t, r, n, a, o) {
       da,
       s("div", ua, [
         ca,
-        S(s("input", {
+        C(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (c) => a.search = c),
           onInput: t[2] || (t[2] = (c) => o.handleSearch()),
           class: "block w-full p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
           placeholder: "Search ..."
         }, null, 544), [
-          [I, a.search]
+          [A, a.search]
         ])
       ])
     ]),
@@ -3778,10 +3778,10 @@ const Wl = /* @__PURE__ */ k(ra, [["render", wa]]), ka = {
   mounted() {
     document.body.addEventListener("click", this.closeBoxOnbodyClick);
   }
-}, $a = { class: "p-2" }, Sa = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Ca = { class: "flex items-center gap-2" }, Oa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Da = { style: { "margin-top": "9px" } }, Pa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Ea = /* @__PURE__ */ s("label", {
+}, $a = { class: "p-2" }, Ca = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Sa = { class: "flex items-center gap-2" }, Oa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Da = { style: { "margin-top": "9px" } }, Pa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Ea = /* @__PURE__ */ s("label", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), ja = { class: "relative" }, Aa = /* @__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), ja = { class: "relative" }, Ia = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
   /* @__PURE__ */ s("svg", {
     class: "w-5 h-5 text-gray-500 dark:text-gray-400",
     "aria-hidden": "true",
@@ -3795,7 +3795,7 @@ const Wl = /* @__PURE__ */ k(ra, [["render", wa]]), ka = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), Ia = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, Ta = { 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" }, Na = { 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" }, Ma = ["onClick"], Va = {
+], -1), Aa = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, Ta = { 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" }, Na = { 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" }, Ma = ["onClick"], Va = {
   key: 0,
   class: "ml-2"
 }, La = ["data-label"], Ba = ["innerHTML"], Ga = { 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" }, Fa = { class: "flex justify-between flex-1 sm:hidden" }, Ra = ["disabled"], Ua = ["disabled"], qa = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, Ha = { class: "text-sm text-gray-700 dark:text-gray-400" }, za = { class: "font-medium" }, Za = { class: "font-medium" }, Ka = { class: "font-medium" }, Wa = { "aria-label": "Page navigation" }, Xa = { class: "flex items-center h-8 -space-x-px text-sm" }, Ya = ["disabled"], Ja = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), Qa = /* @__PURE__ */ s("svg", {
@@ -3836,8 +3836,8 @@ const Wl = /* @__PURE__ */ k(ra, [["render", wa]]), ka = {
 function ii(e, t, r, n, a, o) {
   const l = U("dropdown");
   return d(), u("div", $a, [
-    s("div", Sa, [
-      s("div", Ca, [
+    s("div", Ca, [
+      s("div", Sa, [
         Oa,
         s("div", Da, [
           B(l, {
@@ -3857,18 +3857,18 @@ function ii(e, t, r, n, a, o) {
       ]),
       Ea,
       s("div", ja, [
-        Aa,
-        S(s("input", {
+        Ia,
+        C(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (i) => a.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",
           placeholder: "Search ..."
         }, null, 512), [
-          [I, a.search]
+          [A, a.search]
         ])
       ])
     ]),
-    s("div", Ia, [
+    s("div", Aa, [
       s("table", Ta, [
         s("thead", Na, [
           s("tr", null, [
@@ -4041,7 +4041,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = he(), n = e, a = C(!1), o = C(!1), l = () => {
+    const r = he(), n = e, a = S(!1), o = S(!1), l = () => {
       a.value = !1;
     }, i = () => {
       a.value = !0;
@@ -4068,13 +4068,13 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
           onConfirmDelete: b,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? S((d(), u("div", di, [
+        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? C((d(), u("div", di, [
           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"
           }, ci),
-          S(s("div", fi, [
+          C(s("div", fi, [
             s("ul", hi, [
               x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", gi, [
                 s("a", {
@@ -4088,7 +4088,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
               x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", pi, [
                 s("a", {
                   href: "#",
-                  onClick: A(h, ["prevent"]),
+                  onClick: I(h, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
                   bi,
@@ -4121,7 +4121,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
 ], wi = { 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" }, ki = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, $i = { key: 0 }, Si = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ql = {
+}, $i = { key: 0 }, Ci = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ql = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4147,7 +4147,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
   },
   emits: ["deleteAction"],
   setup(e, { emit: t }) {
-    const r = he(), n = e, a = C(!1), o = C(!1), l = () => {
+    const r = he(), n = e, a = S(!1), o = S(!1), l = () => {
       a.value = !1;
     }, i = () => {
       a.value = !0;
@@ -4174,21 +4174,21 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
           onConfirmDelete: b,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`delete_${e.xprops.permission}`) ? S((d(), u("div", yi, [
+        e.row && x.can(`delete_${e.xprops.permission}`) ? C((d(), u("div", yi, [
           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),
-          S(s("div", wi, [
+          C(s("div", wi, [
             s("ul", ki, [
               x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", $i, [
                 s("a", {
                   href: "#",
-                  onClick: A(h, ["prevent"]),
+                  onClick: I(h, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  Si,
+                  Ci,
                   v(" Remove")
                 ])
               ])) : g("", !0)
@@ -4202,7 +4202,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
       ], 64);
     };
   }
-}, Ci = {
+}, Si = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4256,7 +4256,7 @@ const Xl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
     "clip-rule": "evenodd"
   })
 ], -1);
-function Ai(e, t, r, n, a, o) {
+function Ii(e, t, r, n, a, o) {
   return d(), u("div", null, [
     o.isArray ? (d(!0), u(y, { key: 0 }, w(r.row, (l, i) => (d(), u("div", {
       key: i,
@@ -4284,7 +4284,7 @@ function Ai(e, t, r, n, a, o) {
     ])) : g("", !0)
   ]);
 }
-const ed = /* @__PURE__ */ k(Ci, [["render", Ai]]), Ii = {
+const ed = /* @__PURE__ */ k(Si, [["render", Ii]]), Ai = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4360,7 +4360,7 @@ function Bi(e, t, r, n, a, o) {
     ])) : g("", !0)
   ]);
 }
-const td = /* @__PURE__ */ k(Ii, [["render", Bi]]), Gi = {
+const td = /* @__PURE__ */ k(Ai, [["render", Bi]]), Gi = {
   props: ["field", "row", "tdProps"]
 }, Fi = { key: 0 }, Ri = ["innerHTML"];
 function Ui(e, t, r, n, a, o) {
@@ -4504,7 +4504,7 @@ const ad = /* @__PURE__ */ k(il, [["render", pl]]), bl = {
 }, null, -1), wl = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), kl = { 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" }, $l = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Sl = { class: "sm:flex sm:items-start" }, Cl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ol = { class: "text-lg font-medium leading-6 text-gray-900" }, Dl = { class: "mt-2" }, Pl = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+}, "​", -1), kl = { 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" }, $l = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Cl = { class: "sm:flex sm:items-start" }, Sl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ol = { class: "text-lg font-medium leading-6 text-gray-900" }, Dl = { class: "mt-2" }, Pl = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
 function El(e, t, r, n, a, o) {
   return r.isOpen ? (d(), u("div", yl, [
     s("div", vl, [
@@ -4512,8 +4512,8 @@ function El(e, t, r, n, a, o) {
       wl,
       s("div", kl, [
         s("div", $l, [
-          s("div", Sl, [
-            s("div", Cl, [
+          s("div", Cl, [
+            s("div", Sl, [
               s("h3", Ol, f(r.title), 1),
               s("div", Dl, [
                 P(e.$slots, "default")
@@ -4555,12 +4555,12 @@ export {
   ad as GlDatatableStatusGeneral,
   ee as GlDeleteConfirmationModal,
   Zl as GlDropdown,
-  Al as GlFilesUpload,
+  Il as GlFilesUpload,
   Tl as GlLanguageSelector,
   Hl as GlModal,
   ql as GlMultiItemSlide,
   Ml as GlMultiSelectDropdown,
-  Il as GlNotify,
+  Al as GlNotify,
   Ul as GlTab,
   Rl as GlTabsWrapper,
   ta as GlTailwindPagination,