golden-logic-ui 1.0.83 → 1.0.85

package/dist/golden-logic-ui.js

@@ -1,5 +1,5 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as f, createStaticVNode as Je, inject as Ce, watch as Y, effectScope as Qe, computed as G, reactive as Se, resolveComponent as X, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as g, withModifiers as N, withDirectives as O, vModelText as L, 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 S, onMounted as R, vModelDynamic as tt, provide as rt, pushScopeId as st, popScopeId as at, vModelCheckbox as nt, nextTick as ot, toHandlers as ae, TransitionGroup as lt, unref as it, resolveDirective as De, markRaw as dt } from "vue";
-const $ = (e, t) => {
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as f, createStaticVNode as Je, inject as Ce, watch as Y, effectScope as Qe, computed as G, reactive as Se, resolveComponent as X, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as g, withModifiers as N, withDirectives as O, vModelText as L, renderList as $, 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 S, onMounted as R, vModelDynamic as tt, provide as rt, pushScopeId as st, popScopeId as at, vModelCheckbox as nt, nextTick as ot, toHandlers as ae, TransitionGroup as lt, unref as it, resolveDirective as De, markRaw as dt } from "vue";
+const k = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
     r[n] = o;
@@ -50,7 +50,7 @@ function yt(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const ue = /* @__PURE__ */ $(ut, [["render", yt]]);
+const ue = /* @__PURE__ */ k(ut, [["render", yt]]);
 function _t() {
   return Oe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -1077,7 +1077,7 @@ function wr(e, t, r, n, o, a) {
       s("span", rr, g(o.error_message_data), 1),
       s("small", sr, g(r.description), 1),
       o.files.length > 0 ? (d(), u("section", ar, [
-        (d(!0), u(v, null, k(o.files, (l, c) => (d(), u("li", nr, [
+        (d(!0), u(v, null, $(o.files, (l, c) => (d(), u("li", nr, [
           or,
           s("div", lr, [
             s("div", ir, [
@@ -1094,7 +1094,7 @@ function wr(e, t, r, n, o, a) {
         ]))), 256))
       ])) : f("", !0),
       s("section", fr, [
-        (d(!0), u(v, null, k(o.uploadFileList, (l, c) => (d(), u("li", gr, [
+        (d(!0), u(v, null, $(o.uploadFileList, (l, c) => (d(), u("li", gr, [
           s("div", hr, [
             mr,
             s("div", br, [
@@ -1121,7 +1121,7 @@ function wr(e, t, r, n, o, a) {
     ], 2)
   ], 64);
 }
-const Ld = /* @__PURE__ */ $(Ht, [["render", wr]]), kr = {
+const Fd = /* @__PURE__ */ k(Ht, [["render", wr]]), kr = {
   computed: {
     ...qt("notification", ["notification"]),
     alertClasses() {
@@ -1213,7 +1213,7 @@ function Er(e, t, r, n, o, a) {
     }, Pr, 2)
   ], 2)) : f("", !0);
 }
-const Vd = /* @__PURE__ */ $(kr, [["render", Er]]), jr = {
+const Rd = /* @__PURE__ */ k(kr, [["render", Er]]), jr = {
   components: {},
   props: {
     field_name: {
@@ -1251,7 +1251,7 @@ const Vd = /* @__PURE__ */ $(kr, [["render", Er]]), jr = {
 }, Ar = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, Tr = ["name", "value", "id", "checked"], Ir = ["for"];
 function Mr(e, t, r, n, o, a) {
   return d(), u("ul", Ar, [
-    (d(!0), u(v, null, k(o.locals, (i, l) => (d(), u("li", null, [
+    (d(!0), u(v, null, $(o.locals, (i, l) => (d(), u("li", null, [
       s("input", {
         type: "radio",
         name: r.trans_selector_name,
@@ -1272,10 +1272,10 @@ function Mr(e, t, r, n, o, a) {
     ]))), 256))
   ]);
 }
-const Bd = /* @__PURE__ */ $(jr, [["render", Mr]]), Nr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Lr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Vr = { class: "font-semibold text-black dark:text-white" }, Br = {
+const Ud = /* @__PURE__ */ k(jr, [["render", Mr]]), Nr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Lr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Vr = { class: "font-semibold text-black dark:text-white" }, Br = {
   key: 0,
   class: "p-6"
-}, Gd = {
+}, qd = {
   __name: "GlCard",
   props: {
     class: {
@@ -1491,7 +1491,7 @@ function ns(e, t, r, n, o, a) {
     }, [
       s("h3", Fr, g(r.label_name), 1),
       s("p", Rr, [
-        (d(!0), u(v, null, k(o.selected, (i, l) => (d(), u("span", Ur, g(i.name), 1))), 256))
+        (d(!0), u(v, null, $(o.selected, (i, l) => (d(), u("span", Ur, g(i.name), 1))), 256))
       ]),
       qr
     ], 2)) : f("", !0),
@@ -1499,7 +1499,7 @@ function ns(e, t, r, n, o, a) {
       key: 1,
       class: b(["mb-4", r.field_name])
     }, [
-      (d(!0), u(v, null, k(o.selectedIds, (i, l) => (d(), u("input", {
+      (d(!0), u(v, null, $(o.selectedIds, (i, l) => (d(), u("input", {
         type: "hidden",
         name: r.field_name + "[]",
         key: l,
@@ -1531,7 +1531,7 @@ function ns(e, t, r, n, o, a) {
               class: "flex flex-wrap gap-2 pl-8 pr-2 gl-multi-dropdown showOptions",
               onClick: t[2] || (t[2] = (i) => a.showOptions())
             }, [
-              (d(!0), u(v, null, k(o.selected, (i, l) => (d(), u("span", {
+              (d(!0), u(v, null, $(o.selected, (i, l) => (d(), u("span", {
                 key: l,
                 class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded pointer-events-none dark:bg-blue-900 dark:text-blue-300"
               }, [
@@ -1567,7 +1567,7 @@ function ns(e, t, r, n, o, a) {
               ])
             ]),
             s("div", ss, [
-              (d(!0), u(v, null, k(a.filteredOptions, (i, l) => (d(), u("div", {
+              (d(!0), u(v, null, $(a.filteredOptions, (i, l) => (d(), u("div", {
                 class: b([
                   "block px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
                   l + 1 == o.count || a.isOptionSelected(i.id) ? "bg-gray-100 dark:bg-gray-600" : ""
@@ -1586,7 +1586,7 @@ function ns(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const Fd = /* @__PURE__ */ $(Gr, [["render", ns]]), os = {
+const zd = /* @__PURE__ */ k(Gr, [["render", ns]]), os = {
   props: {
     button_type: {
       type: String,
@@ -1688,7 +1688,7 @@ function is(e, t, r, n, o, a) {
     _: 3
   }, 16, ["type", "disabled", "href", "class"]));
 }
-const Rd = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold ptext-lg dark:text-white" }, us = ["name", "id"], cs = ["id"], fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), gs = ["for"], hs = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), ms = ["name", "id"], bs = ["required", "name", "id", "type"], ps = { class: "gl-span-form-error" }, ys = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ud = {
+const Hd = /* @__PURE__ */ k(os, [["render", is]]), ds = { class: "font-bold ptext-lg dark:text-white" }, us = ["name", "id"], cs = ["id"], fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), gs = ["for"], hs = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), ms = ["name", "id"], bs = ["required", "name", "id", "type"], ps = { class: "gl-span-form-error" }, ys = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Zd = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1824,7 +1824,7 @@ const Rd = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, _s = { class: "font-bold ptext-lg dark:text-white" }, vs = ["name", "id"], xs = ["id"], ws = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ks = ["for"], $s = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), Cs = ["name", "id"], Ss = ["name", "id", "type"], Ds = { class: "gl-span-form-error" }, Os = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, qd = {
+}, _s = { class: "font-bold ptext-lg dark:text-white" }, vs = ["name", "id"], xs = ["id"], ws = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ks = ["for"], $s = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), Cs = ["name", "id"], Ss = ["name", "id", "type"], Ds = { class: "gl-span-form-error" }, Os = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Kd = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1963,7 +1963,7 @@ const Rd = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Ps = { class: "font-bold ptext-lg dark:text-white" }, Es = ["name", "id"], js = ["id"], 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"], Ls = { class: "gl-span-form-error" }, Vs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, zd = {
+}, 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"], Ls = { class: "gl-span-form-error" }, Vs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Wd = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2096,7 +2096,7 @@ const Rd = /* @__PURE__ */ $(os, [["render", is]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Bs = { class: "font-bold ptext-lg dark:text-white" }, Gs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Rs = ["for"], Us = ["required", "name", "id", "type", "placeholder"], qs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Hd = {
+}, 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", "placeholder"], qs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Yd = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -2211,7 +2211,7 @@ function ea(e, t, r, n, o, a) {
     s("div", Zs, [
       s("div", Ks, [
         s("ul", Ws, [
-          (d(!0), u(v, null, k(n.tabs, (i) => (d(), u("li", {
+          (d(!0), u(v, null, $(n.tabs, (i) => (d(), u("li", {
             key: i.title,
             onClick: (l) => n.selectedTitle = i.title,
             class: "flex-auto -mb-px text-center"
@@ -2237,7 +2237,7 @@ function ea(e, t, r, n, o, a) {
     ])
   ], 64);
 }
-const Zd = /* @__PURE__ */ $(Hs, [["render", ea]]), ta = {
+const Xd = /* @__PURE__ */ k(Hs, [["render", ea]]), ta = {
   props: ["title"],
   setup() {
     return {
@@ -2252,7 +2252,7 @@ function sa(e, t, r, n, o, a) {
     [F, r.title == n.selectedTitle]
   ]);
 }
-const Kd = /* @__PURE__ */ $(ta, [["render", sa]]), aa = {
+const Jd = /* @__PURE__ */ k(ta, [["render", sa]]), aa = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2595,7 +2595,7 @@ function dn(e, t, r, n, o, a) {
           key: 0,
           class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
         }, [
-          (d(!0), u(v, null, k(e.dotsNum, (i) => (d(), u("button", {
+          (d(!0), u(v, null, $(e.dotsNum, (i) => (d(), u("button", {
             role: "button",
             class: b(["gl-dot", { active: e.currentDot == i }]),
             key: i,
@@ -2606,7 +2606,7 @@ function dn(e, t, r, n, o, a) {
           s("div", {
             class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
           }, [
-            (d(!0), u(v, null, k(e.dotsNum, (i) => (d(), u("button", {
+            (d(!0), u(v, null, $(e.dotsNum, (i) => (d(), u("button", {
               role: "button",
               class: b(["gl-dot", { active: e.currentDot == i }]),
               key: i,
@@ -2653,7 +2653,7 @@ function dn(e, t, r, n, o, a) {
     ], 10, na)
   ]);
 }
-const Wd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9"]]), un = {
+const Qd = /* @__PURE__ */ k(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"
@@ -2673,7 +2673,7 @@ const Wd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   ])
 ], -1), mn = [
   hn
-], bn = { class: "flex flex-wrap items-center justify-end flex-shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, Yd = {
+], bn = { class: "flex flex-wrap items-center justify-end flex-shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, eu = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2741,7 +2741,7 @@ const Wd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       [F, e.is_open]
     ]);
   }
-}, pn = { class: "mb-4" }, yn = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, _n = { class: "relative inline-flex items-center cursor-pointer" }, vn = ["name", "id", "checked"], xn = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), wn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), kn = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-frontenddark" }, $n = { class: "relative inline-flex items-center cursor-pointer" }, Cn = ["name", "id"], Sn = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), Dn = { class: "gl-span-form-error" }, On = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Xd = {
+}, pn = { class: "mb-4" }, yn = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, _n = { class: "relative inline-flex items-center cursor-pointer" }, vn = ["name", "id", "checked"], xn = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), wn = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), kn = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-frontenddark" }, $n = { class: "relative inline-flex items-center cursor-pointer" }, Cn = ["name", "id"], Sn = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), Dn = { class: "gl-span-form-error" }, On = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, tu = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2883,7 +2883,7 @@ const Wd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   d: "M1 5.917 5.724 10.5 15 1.5"
 }, null, -1), Wn = [
   Kn
-], Yn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Xn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Jd = {
+], Yn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Xn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, ru = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -3117,7 +3117,7 @@ const Wd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
                   ])
                 ]),
                 s("div", qn, [
-                  (d(!0), u(v, null, k(x.value, (A, se) => {
+                  (d(!0), u(v, null, $(x.value, (A, se) => {
                     var _e;
                     return d(), u("div", {
                       class: b(["relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white", se + 1 == i.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
@@ -3144,7 +3144,7 @@ const Wd = /* @__PURE__ */ $(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
       ], 64);
     };
   }
-}, Jn = { class: "font-bold ptext-lg dark:text-white" }, Qn = ["id"], eo = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), to = ["for"], ro = ["required", "name", "id", "type", "placeholder"], so = { class: "gl-span-form-error" }, ao = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Qd = {
+}, Jn = { class: "font-bold ptext-lg dark:text-white" }, Qn = ["id"], eo = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), to = ["for"], ro = ["required", "name", "id", "type", "placeholder"], so = { class: "gl-span-form-error" }, ao = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, su = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3457,7 +3457,7 @@ function vo(e, t, r, n, o, a) {
               ])
             ], 16, go)
           ], 2)) : f("", !0),
-          (d(!0), u(v, null, k(l.computed.pageRange, (c, h) => (d(), u("li", {
+          (d(!0), u(v, null, $(l.computed.pageRange, (c, h) => (d(), u("li", {
             class: b(["", { active: c == l.computed.currentPage }]),
             key: h
           }, [
@@ -3491,7 +3491,7 @@ function vo(e, t, r, n, o, a) {
     _: 3
   }, 8, ["data", "limit", "onPaginationChangePage"]);
 }
-const xo = /* @__PURE__ */ $(oo, [["render", vo]]), wo = {
+const xo = /* @__PURE__ */ k(oo, [["render", vo]]), wo = {
   components: { TailwindPagination: xo },
   props: {
     data: Array,
@@ -3680,7 +3680,7 @@ function Ho(e, t, r, n, o, a) {
       s("table", To, [
         s("thead", Io, [
           s("tr", null, [
-            (d(!0), u(v, null, k(r.columns, (c, h) => (d(), u("th", {
+            (d(!0), u(v, null, $(r.columns, (c, h) => (d(), u("th", {
               key: h,
               onClick: (m) => a.updateSortColumn(c.field_name, c.sortable),
               class: "w-full px-4 py-2 lg:w-2/12"
@@ -3698,11 +3698,11 @@ function Ho(e, t, r, n, o, a) {
               colspan: r.columns.length
             }, Ro, 8, Go)
           ])) : f("", !0),
-          o.isLoading ? f("", !0) : (d(!0), u(v, { key: 1 }, k(o.itemLists.data, (c, h) => (d(), u("tr", {
+          o.isLoading ? f("", !0) : (d(!0), u(v, { key: 1 }, $(o.itemLists.data, (c, h) => (d(), u("tr", {
             key: h,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 hover:dark:text-gray-200 text-gray-500"
           }, [
-            (d(!0), u(v, null, k(r.columns, (m, y) => (d(), u("td", {
+            (d(!0), u(v, null, $(r.columns, (m, y) => (d(), u("td", {
               key: y,
               "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"
@@ -3737,7 +3737,7 @@ function Ho(e, t, r, n, o, a) {
     ])
   ]);
 }
-const eu = /* @__PURE__ */ $(wo, [["render", Ho]]), Zo = {
+const au = /* @__PURE__ */ k(wo, [["render", Ho]]), Zo = {
   components: {},
   props: {
     data: Array,
@@ -3928,7 +3928,7 @@ function jl(e, t, r, n, o, a) {
       s("table", al, [
         s("thead", nl, [
           s("tr", null, [
-            (d(!0), u(v, null, k(r.columns, (l, c) => (d(), u("th", {
+            (d(!0), u(v, null, $(r.columns, (l, c) => (d(), u("th", {
               key: c,
               onClick: (h) => a.sort(l),
               class: "w-full px-4 py-2 lg:w-2/12"
@@ -3939,11 +3939,11 @@ function jl(e, t, r, n, o, a) {
           ])
         ]),
         s("tbody", null, [
-          (d(!0), u(v, null, k(a.paginatedData, (l, c) => (d(), u("tr", {
+          (d(!0), u(v, null, $(a.paginatedData, (l, c) => (d(), u("tr", {
             key: c,
             class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
           }, [
-            (d(!0), u(v, null, k(r.columns, (h, m) => (d(), u("td", {
+            (d(!0), u(v, null, $(r.columns, (h, m) => (d(), u("td", {
               key: m,
               "data-label": h,
               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"
@@ -3995,7 +3995,7 @@ function jl(e, t, r, n, o, a) {
                   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"
                 }, $l, 8, xl)
               ]),
-              (d(!0), u(v, null, k(a.displayedPageNumbers, (l) => (d(), u(v, { key: l }, [
+              (d(!0), u(v, null, $(a.displayedPageNumbers, (l) => (d(), u(v, { key: l }, [
                 s("li", null, [
                   o.currentPage !== l ? (d(), u("a", {
                     key: 0,
@@ -4029,7 +4029,7 @@ function jl(e, t, r, n, o, a) {
     ])
   ]);
 }
-const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
+const nu = /* @__PURE__ */ k(Zo, [["render", jl]]), Al = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
 }, Tl = {
@@ -4140,7 +4140,7 @@ const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
 }, $e = {
   state: de,
   methods: Yl
-}, ru = {
+}, ou = {
   __name: "GlToastList",
   setup(e) {
     function t(r) {
@@ -4155,7 +4155,7 @@ const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
       class: "fixed z-50 w-full max-w-xs space-y-4 top-4 right-4"
     }, {
       default: J(() => [
-        (d(!0), u(v, null, k(it($e).state.items, (o, a) => (d(), K(Wl, {
+        (d(!0), u(v, null, $(it($e).state.items, (o, a) => (d(), K(Wl, {
           key: o.key,
           message: o.message,
           type: o.type,
@@ -4182,7 +4182,7 @@ const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
 ], ei = { class: "absolute right-0 z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, ti = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, ri = { key: 0 }, si = ["href"], ai = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ni = { key: 1 }, oi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), su = {
+}, ri = { key: 0 }, si = ["href"], ai = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ni = { key: 1 }, oi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), lu = {
   __name: "DatatableAction",
   props: {
     field: {
@@ -4288,7 +4288,7 @@ const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
 ], ui = { class: "absolute right-0 z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, ci = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, fi = { key: 0 }, gi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), au = {
+}, fi = { key: 0 }, gi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), iu = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4424,7 +4424,7 @@ const tu = /* @__PURE__ */ $(Zo, [["render", jl]]), Al = {
 ], -1);
 function vi(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row, (i, l) => (d(), u("div", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row, (i, l) => (d(), u("div", {
       key: l,
       class: "m-1 d-inline-block"
     }, [
@@ -4450,7 +4450,7 @@ function vi(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const nu = /* @__PURE__ */ $(hi, [["render", vi]]), xi = {
+const du = /* @__PURE__ */ k(hi, [["render", vi]]), xi = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4500,7 +4500,7 @@ const nu = /* @__PURE__ */ $(hi, [["render", vi]]), xi = {
 ], -1);
 function Di(e, t, r, n, o, a) {
   return d(), u("div", null, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[r.field], (i) => (d(), u("div", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row[r.field], (i) => (d(), u("div", {
       key: i.id,
       class: "m-1 d-inline-block"
     }, [
@@ -4526,7 +4526,7 @@ function Di(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const ou = /* @__PURE__ */ $(xi, [["render", Di]]), Oi = {
+const uu = /* @__PURE__ */ k(xi, [["render", Di]]), Oi = {
   props: ["field", "row", "tdProps"]
 }, Pi = { key: 0 }, Ei = ["innerHTML"];
 function ji(e, t, r, n, o, a) {
@@ -4537,7 +4537,7 @@ function ji(e, t, r, n, o, a) {
     }, null, 8, Ei)
   ])) : f("", !0);
 }
-const lu = /* @__PURE__ */ $(Oi, [["render", ji]]), Ai = {
+const cu = /* @__PURE__ */ k(Oi, [["render", ji]]), Ai = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4557,13 +4557,13 @@ const lu = /* @__PURE__ */ $(Oi, [["render", ji]]), Ai = {
 };
 function Mi(e, t, r, n, o, a) {
   return d(), u("div", Ti, [
-    a.isArray ? (d(!0), u(v, { key: 0 }, k(r.row[a.entry.key], (i, l) => (d(), u("span", {
+    a.isArray ? (d(!0), u(v, { key: 0 }, $(r.row[a.entry.key], (i, l) => (d(), u("span", {
       key: l,
       class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
     }, g(i[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Ii, g(r.row[a.entry.key][a.entry.field]), 1)) : f("", !0)
   ]);
 }
-const iu = /* @__PURE__ */ $(Ai, [["render", Mi]]), Ni = {
+const fu = /* @__PURE__ */ k(Ai, [["render", Mi]]), Ni = {
   props: ["field", "row", "tdProps"]
 }, Li = { key: 0 }, Vi = { class: "m-1 d-inline-block" }, Bi = ["href", "title"], Gi = ["src", "alt", "title"];
 function Fi(e, t, r, n, o, a) {
@@ -4583,7 +4583,7 @@ function Fi(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const du = /* @__PURE__ */ $(Ni, [["render", Fi], ["__scopeId", "data-v-3a28c02c"]]), Ri = {
+const gu = /* @__PURE__ */ k(Ni, [["render", Fi], ["__scopeId", "data-v-3a28c02c"]]), Ri = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
@@ -4608,7 +4608,7 @@ function Ki(e, t, r, n, o, a) {
     ]))
   ]);
 }
-const uu = /* @__PURE__ */ $(Ri, [["render", Ki]]), Wi = {
+const hu = /* @__PURE__ */ k(Ri, [["render", Ki]]), Wi = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4661,7 +4661,7 @@ function ld(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const cu = /* @__PURE__ */ $(Wi, [["render", ld]]), id = {
+const mu = /* @__PURE__ */ k(Wi, [["render", ld]]), id = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor() {
@@ -4719,7 +4719,7 @@ function ud(e, t, r, n, o, a) {
     }, g(this.row[this.field]), 3)) : f("", !0)
   ]);
 }
-const fu = /* @__PURE__ */ $(id, [["render", ud]]), cd = {
+const bu = /* @__PURE__ */ k(id, [["render", ud]]), cd = {
   props: ["field", "row", "tdProps"],
   computed: {
     formattedDate() {
@@ -4738,7 +4738,7 @@ const fu = /* @__PURE__ */ $(id, [["render", ud]]), cd = {
 function gd(e, t, r, n, o, a) {
   return d(), u("div", fd, g(a.formattedDate), 1);
 }
-const gu = /* @__PURE__ */ $(cd, [["render", gd]]), hd = {
+const pu = /* @__PURE__ */ k(cd, [["render", gd]]), hd = {
   props: ["field", "row", "tdProps"]
 }, md = { class: "flex flex-wrap gap-2 text-nowrap" }, bd = {
   key: 0,
@@ -4769,7 +4769,19 @@ function wd(e, t, r, n, o, a) {
     ])) : f("", !0)
   ]);
 }
-const hu = /* @__PURE__ */ $(hd, [["render", wd]]), kd = {
+const yu = /* @__PURE__ */ k(hd, [["render", wd]]), kd = {
+  props: ["field", "row", "tdProps"]
+}, $d = {
+  key: 0,
+  class: "text-nowrap"
+}, Cd = { class: "w-full h-full p-3 mx-0 mt-0 overflow-auto font-mono text-left text-white break-words rounded cursor-default whitespace-nowrap bg-zinc-700" };
+function Sd(e, t, r, n, o, a) {
+  return r.row[r.field] ? (d(), u("div", $d, [
+    s("pre", Cd, "        " + g(r.row[r.field]) + ` 
+        `, 1)
+  ])) : f("", !0);
+}
+const _u = /* @__PURE__ */ k(kd, [["render", Sd]]), Dd = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4779,35 +4791,35 @@ const hu = /* @__PURE__ */ $(hd, [["render", wd]]), kd = {
       this.$emit("cancel-action");
     }
   }
-}, $d = {
+}, Od = {
   key: 0,
   class: "fixed inset-0 z-50 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, Cd = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, Sd = /* @__PURE__ */ s("div", {
+}, Pd = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, Ed = /* @__PURE__ */ s("div", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), Dd = /* @__PURE__ */ s("span", {
+}, null, -1), jd = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), Od = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, Pd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Ed = { class: "sm:flex sm:items-start" }, jd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ad = { class: "text-lg font-medium leading-6 text-gray-900" }, Td = { class: "mt-2" }, Id = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
-function Md(e, t, r, n, o, a) {
-  return r.isOpen ? (d(), u("div", $d, [
-    s("div", Cd, [
-      Sd,
-      Dd,
-      s("div", Od, [
-        s("div", Pd, [
-          s("div", Ed, [
-            s("div", jd, [
-              s("h3", Ad, g(r.title), 1),
-              s("div", Td, [
+}, "​", -1), Ad = { 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" }, Td = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, Id = { class: "sm:flex sm:items-start" }, Md = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Nd = { class: "text-lg font-medium leading-6 text-gray-900" }, Ld = { class: "mt-2" }, Vd = { 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", Pd, [
+      Ed,
+      jd,
+      s("div", Ad, [
+        s("div", Td, [
+          s("div", Id, [
+            s("div", Md, [
+              s("h3", Nd, g(r.title), 1),
+              s("div", Ld, [
                 T(e.$slots, "default")
               ])
             ])
           ])
         ]),
-        s("div", Id, [
+        s("div", Vd, [
           s("button", {
             onClick: t[0] || (t[0] = (...i) => a.confirmAction && a.confirmAction(...i)),
             type: "button",
@@ -4823,42 +4835,43 @@ function Md(e, t, r, n, o, a) {
     ])
   ])) : f("", !0);
 }
-const mu = /* @__PURE__ */ $(kd, [["render", Md]]);
+const vu = /* @__PURE__ */ k(Dd, [["render", Bd]]);
 export {
-  gu as GLDatatableDateTime,
-  hu as GLDatatableStatusServer,
-  Rd as GlButton,
-  Gd as GlCard,
-  mu as GlConfirmationModal,
-  tu as GlDataTable,
-  eu as GlDataTableServerSide,
-  su as GlDatatableAction,
-  au as GlDatatableDeleteAction,
-  nu as GlDatatableFileDownload,
-  ou as GlDatatableFiles,
-  lu as GlDatatableHtml,
-  iu as GlDatatableList,
-  du as GlDatatablePicture,
-  uu as GlDatatableStatus,
-  cu as GlDatatableStatusGeneral,
-  fu as GlDatatableStatusSpecficColor,
+  _u as GLDatatableCommand,
+  pu as GLDatatableDateTime,
+  yu as GLDatatableStatusServer,
+  Hd as GlButton,
+  qd as GlCard,
+  vu as GlConfirmationModal,
+  nu as GlDataTable,
+  au as GlDataTableServerSide,
+  lu as GlDatatableAction,
+  iu as GlDatatableDeleteAction,
+  du as GlDatatableFileDownload,
+  uu as GlDatatableFiles,
+  cu as GlDatatableHtml,
+  fu as GlDatatableList,
+  gu as GlDatatablePicture,
+  hu as GlDatatableStatus,
+  mu as GlDatatableStatusGeneral,
+  bu as GlDatatableStatusSpecficColor,
   ue as GlDeleteConfirmationModal,
-  Jd as GlDropdown,
-  Ld as GlFilesUpload,
-  Bd as GlLanguageSelector,
-  Yd as GlModal,
-  Wd as GlMultiItemSlide,
-  Fd as GlMultiSelectDropdown,
-  Vd as GlNotify,
-  Kd as GlTab,
-  Zd as GlTabsWrapper,
+  ru as GlDropdown,
+  Fd as GlFilesUpload,
+  Ud as GlLanguageSelector,
+  eu as GlModal,
+  Qd as GlMultiItemSlide,
+  zd as GlMultiSelectDropdown,
+  Rd as GlNotify,
+  Jd as GlTab,
+  Xd as GlTabsWrapper,
   xo as GlTailwindPagination,
-  Hd as GlTextInput,
-  zd as GlTextTranslate,
-  Qd as GlTextarea,
-  Ud as GlTextareaTranslate,
-  qd as GlTinymceTranslate,
+  Yd as GlTextInput,
+  Wd as GlTextTranslate,
+  su as GlTextarea,
+  Zd as GlTextareaTranslate,
+  Kd as GlTinymceTranslate,
   $e as GlToast,
-  ru as GlToastList,
-  Xd as GlToggleBox
+  ou as GlToastList,
+  tu as GlToggleBox
 };