golden-logic-ui 1.0.73 → 1.0.75

package/dist/golden-logic-ui.js

@@ -1121,7 +1121,7 @@ function wr(e, t, r, n, o, a) {
     ], 2)
   ], 64);
 }
-const wd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
+const kd = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
   computed: {
     ...qt("notification", ["notification"]),
     alertClasses() {
@@ -1213,7 +1213,7 @@ function Er(e, t, r, n, o, a) {
     }, Pr, 2)
   ], 2)) : g("", !0);
 }
-const kd = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
+const $d = /* @__PURE__ */ S(kr, [["render", Er]]), jr = {
   components: {},
   props: {
     field_name: {
@@ -1272,10 +1272,10 @@ function Mr(e, t, r, n, o, a) {
     ]))), 256))
   ]);
 }
-const $d = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Vr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Lr = { class: "font-semibold text-black dark:text-white" }, Br = {
+const Cd = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, Vr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, Lr = { class: "font-semibold text-black dark:text-white" }, Br = {
   key: 0,
   class: "p-6"
-}, Cd = {
+}, Sd = {
   __name: "GlCard",
   props: {
     class: {
@@ -1586,7 +1586,7 @@ function ns(e, t, r, n, o, a) {
     ], 2))
   ], 64);
 }
-const Sd = /* @__PURE__ */ S(Gr, [["render", ns]]), os = {
+const Dd = /* @__PURE__ */ S(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 Dd = /* @__PURE__ */ S(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" }, Od = {
+const Od = /* @__PURE__ */ S(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" }, Pd = {
   __name: "GlTextareaTranslate",
   props: {
     is_required: {
@@ -1824,7 +1824,7 @@ const Dd = /* @__PURE__ */ S(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" }, Pd = {
+}, _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" }, Ed = {
   __name: "GlTinymceTranslate",
   props: {
     is_required: {
@@ -1963,7 +1963,7 @@ const Dd = /* @__PURE__ */ S(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"], Vs = { class: "gl-span-form-error" }, Ls = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ed = {
+}, Ps = { class: "font-bold ptext-lg dark:text-white" }, Es = ["name", "id"], js = ["id"], As = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Ts = ["for"], Is = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), Ms = ["name", "id"], Ns = ["required", "name", "id", "type"], Vs = { class: "gl-span-form-error" }, Ls = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, jd = {
   __name: "GlTextTranslate",
   props: {
     is_required: {
@@ -2096,7 +2096,7 @@ const Dd = /* @__PURE__ */ S(os, [["render", is]]), ds = { class: "font-bold pte
       ], 2))
     ], 64));
   }
-}, Bs = { class: "font-bold ptext-lg dark:text-white" }, Gs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Rs = ["for"], Us = ["required", "name", "id", "type"], qs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, jd = {
+}, Bs = { class: "font-bold ptext-lg dark:text-white" }, Gs = { class: "mb-4 text-base text-gray-900 dark:text-white" }, Fs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Rs = ["for"], Us = ["required", "name", "id", "type"], qs = { class: "gl-span-form-error" }, zs = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ad = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -2232,7 +2232,7 @@ function ea(e, t, r, n, o, a) {
     ])
   ], 64);
 }
-const Ad = /* @__PURE__ */ S(Hs, [["render", ea]]), ta = {
+const Td = /* @__PURE__ */ S(Hs, [["render", ea]]), ta = {
   props: ["title"],
   setup() {
     return {
@@ -2247,7 +2247,7 @@ function sa(e, t, r, n, o, a) {
     [F, r.title == n.selectedTitle]
   ]);
 }
-const Td = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
+const Id = /* @__PURE__ */ S(ta, [["render", sa]]), aa = {
   props: {
     elements_to_show_prop: {
       type: Number,
@@ -2648,7 +2648,7 @@ function dn(e, t, r, n, o, a) {
     ], 10, na)
   ]);
 }
-const Id = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9"]]), un = {
+const Md = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9"]]), un = {
   class: "fixed left-0 top-13 z-[1055] h-full w-full overflow-y-auto overflow-x-hidden outline-none inset-0 bg-black bg-opacity-80",
   tabindex: "-1",
   "aria-hidden": "true"
@@ -2668,7 +2668,7 @@ const Id = /* @__PURE__ */ S(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" }, Md = {
+], 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" }, Nd = {
   __name: "GlModal",
   props: {
     is_open: {
@@ -2736,7 +2736,7 @@ const Id = /* @__PURE__ */ S(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" }, Nd = {
+}, 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" }, Vd = {
   __name: "GlToggleBox",
   props: {
     is_required: {
@@ -2878,7 +2878,7 @@ const Id = /* @__PURE__ */ S(aa, [["render", dn], ["__scopeId", "data-v-a94f16a9
   d: "M1 5.917 5.724 10.5 15 1.5"
 }, null, -1), Wn = [
   Kn
-], Xn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Yn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Vd = {
+], Xn = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Yn = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ld = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -3139,7 +3139,7 @@ const Id = /* @__PURE__ */ S(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" }, Ld = {
+}, 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" }, Bd = {
   __name: "GlTextarea",
   props: {
     is_required: {
@@ -3536,9 +3536,9 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
         page: this.page
       };
       axios.get(this.xprops.route_get_data, { params: t }).then((r) => {
-        this.itemLists = r.data, this.isLoading = !1;
+        this.itemLists = r.data;
       }).catch((r) => {
-        console.error(r), this.isLoading = !1;
+        console.error(r);
       });
     },
     updateSortColumn(e, t) {
@@ -3588,7 +3588,7 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
 }, Lo = {
   key: 1,
   class: "fa fa-arrow-down"
-}, Bo = { key: 0 }, Go = /* @__PURE__ */ s("div", {
+}, Bo = { key: 0 }, Go = ["colspan"], Fo = /* @__PURE__ */ s("div", {
   role: "status",
   class: "max-w-md p-4 space-y-4 border border-gray-200 divide-y divide-gray-200 rounded shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700"
 }, [
@@ -3628,10 +3628,10 @@ const xo = /* @__PURE__ */ S(oo, [["render", vo]]), wo = {
     /* @__PURE__ */ s("div", { class: "h-3 bg-gray-300 rounded-full dark:bg-gray-700 w-12" })
   ]),
   /* @__PURE__ */ s("span", { class: "sr-only" }, "Loading...")
-], -1), Fo = [
-  Go
-], Ro = ["data-label"], Uo = { class: "overflow-auto max-h-40" }, qo = { class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800" };
-function zo(e, t, r, n, o, a) {
+], -1), Ro = [
+  Fo
+], Uo = ["data-label"], qo = { class: "overflow-auto max-h-40" }, zo = { class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800" };
+function Ho(e, t, r, n, o, a) {
   const i = Y("dropdown"), l = Y("TailwindPagination");
   return d(), u("div", ko, [
     s("div", $o, [
@@ -3684,7 +3684,11 @@ function zo(e, t, r, n, o, a) {
           ])
         ]),
         s("tbody", null, [
-          o.isLoading ? (d(), u("tr", Bo, Fo)) : g("", !0),
+          o.isLoading ? (d(), u("tr", Bo, [
+            s("td", {
+              colspan: r.columns.length
+            }, Ro, 8, Go)
+          ])) : g("", !0),
           o.isLoading ? g("", !0) : (d(!0), u(v, { key: 1 }, k(o.itemLists.data, (c, f) => (d(), u("tr", {
             key: f,
             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"
@@ -3694,7 +3698,7 @@ function zo(e, t, r, n, o, a) {
               "data-label": m.field_label,
               class: "text-pretty before:content-[attr(data-label)] before:font-bold lg:before:content-none flex md:flex-row flex-col justify-between gap-2 lg:table-cell py-4 px-5 lg:py-2.5 lg:px-4 border dark:border-gray-700"
             }, [
-              s("div", Uo, [
+              s("div", qo, [
                 m.tdComp ? (d(), K(oe(a.forDynCompIs(m.tdComp)), {
                   key: 0,
                   row: c,
@@ -3706,12 +3710,12 @@ function zo(e, t, r, n, o, a) {
                   w(h(c[m.field_name]), 1)
                 ], 64))
               ])
-            ], 8, Ro))), 128))
+            ], 8, Uo))), 128))
           ]))), 128))
         ])
       ])
     ]),
-    s("div", qo, [
+    s("div", zo, [
       Z(l, {
         class: "mt-3 mb-0",
         data: o.itemLists,
@@ -3723,7 +3727,7 @@ function zo(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Bd = /* @__PURE__ */ S(wo, [["render", zo]]), Ho = {
+const Gd = /* @__PURE__ */ S(wo, [["render", Ho]]), Zo = {
   components: {},
   props: {
     data: Array,
@@ -3820,10 +3824,10 @@ const Bd = /* @__PURE__ */ S(wo, [["render", zo]]), Ho = {
   mounted() {
     document.body.addEventListener("click", this.closeBoxOnbodyClick);
   }
-}, Zo = { class: "p-2" }, Ko = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Wo = { class: "flex items-center gap-2" }, Xo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Yo = { style: { "margin-top": "9px" } }, Jo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Qo = /* @__PURE__ */ s("label", {
+}, Ko = { class: "p-2" }, Wo = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Xo = { class: "flex items-center gap-2" }, Yo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Jo = { style: { "margin-top": "9px" } }, Qo = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), el = /* @__PURE__ */ s("label", {
   for: "table-search",
   class: "sr-only"
-}, "Search", -1), el = { class: "relative" }, tl = /* @__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), tl = { class: "relative" }, rl = /* @__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",
@@ -3837,10 +3841,10 @@ const Bd = /* @__PURE__ */ S(wo, [["render", zo]]), Ho = {
       "clip-rule": "evenodd"
     })
   ])
-], -1), rl = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, sl = { 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" }, al = { 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" }, nl = ["onClick"], ol = {
+], -1), sl = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, al = { 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" }, nl = { 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" }, ol = ["onClick"], ll = {
   key: 0,
   class: "ml-2"
-}, ll = ["data-label"], il = ["innerHTML"], dl = { 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" }, ul = { class: "flex justify-between flex-1 sm:hidden" }, cl = ["disabled"], fl = ["disabled"], gl = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, hl = { class: "text-sm text-gray-700 dark:text-gray-400" }, ml = { class: "font-medium" }, bl = { class: "font-medium" }, pl = { class: "font-medium" }, yl = { "aria-label": "Page navigation" }, _l = { class: "flex items-center h-8 -space-x-px text-sm" }, vl = ["disabled"], xl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), wl = /* @__PURE__ */ s("svg", {
+}, il = ["data-label"], dl = ["innerHTML"], ul = { 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" }, cl = { class: "flex justify-between flex-1 sm:hidden" }, fl = ["disabled"], gl = ["disabled"], hl = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, ml = { class: "text-sm text-gray-700 dark:text-gray-400" }, bl = { class: "font-medium" }, pl = { class: "font-medium" }, yl = { class: "font-medium" }, _l = { "aria-label": "Page navigation" }, vl = { class: "flex items-center h-8 -space-x-px text-sm" }, xl = ["disabled"], wl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), kl = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3854,10 +3858,10 @@ const Bd = /* @__PURE__ */ S(wo, [["render", zo]]), Ho = {
     "stroke-width": "2",
     d: "M5 1 1 5l4 4"
   })
-], -1), kl = [
-  xl,
-  wl
-], $l = ["onClick"], Cl = ["onClick"], Sl = ["disabled"], Dl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Ol = /* @__PURE__ */ s("svg", {
+], -1), $l = [
+  wl,
+  kl
+], Cl = ["onClick"], Sl = ["onClick"], Dl = ["disabled"], Ol = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Pl = /* @__PURE__ */ s("svg", {
   class: "w-2.5 h-2.5 rtl:rotate-180",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3871,17 +3875,17 @@ const Bd = /* @__PURE__ */ S(wo, [["render", zo]]), Ho = {
     "stroke-width": "2",
     d: "m1 9 4-4-4-4"
   })
-], -1), Pl = [
-  Dl,
-  Ol
+], -1), El = [
+  Ol,
+  Pl
 ];
-function El(e, t, r, n, o, a) {
+function jl(e, t, r, n, o, a) {
   const i = Y("dropdown");
-  return d(), u("div", Zo, [
-    s("div", Ko, [
-      s("div", Wo, [
-        Xo,
-        s("div", Yo, [
+  return d(), u("div", Ko, [
+    s("div", Wo, [
+      s("div", Xo, [
+        Yo,
+        s("div", Jo, [
           Z(i, {
             has_cancel: !1,
             options: o.showNoOfEntries,
@@ -3895,11 +3899,11 @@ function El(e, t, r, n, o, a) {
             placeholder: "Please select an option"
           }, null, 8, ["options", "modelValue"])
         ]),
-        Jo
+        Qo
       ]),
-      Qo,
-      s("div", el, [
-        tl,
+      el,
+      s("div", tl, [
+        rl,
         O(s("input", {
           type: "text",
           "onUpdate:modelValue": t[1] || (t[1] = (l) => o.search = l),
@@ -3910,9 +3914,9 @@ function El(e, t, r, n, o, a) {
         ])
       ])
     ]),
-    s("div", rl, [
-      s("table", sl, [
-        s("thead", al, [
+    s("div", sl, [
+      s("table", al, [
+        s("thead", nl, [
           s("tr", null, [
             (d(!0), u(v, null, k(r.columns, (l, c) => (d(), u("th", {
               key: c,
@@ -3920,8 +3924,8 @@ function El(e, t, r, n, o, a) {
               class: "w-full px-4 py-2 lg:w-2/12"
             }, [
               w(h(l) + " ", 1),
-              o.sortKey === l ? (d(), u("span", ol, h(o.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
-            ], 8, nl))), 128))
+              o.sortKey === l ? (d(), u("span", ll, h(o.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
+            ], 8, ol))), 128))
           ])
         ]),
         s("tbody", null, [
@@ -3937,49 +3941,49 @@ function El(e, t, r, n, o, a) {
               s("p", {
                 class: "text-pretty",
                 innerHTML: l[m]
-              }, null, 8, il)
-            ], 8, ll))), 128))
+              }, null, 8, dl)
+            ], 8, il))), 128))
           ]))), 128))
         ])
       ])
     ]),
-    s("div", dl, [
-      s("div", ul, [
+    s("div", ul, [
+      s("div", cl, [
         s("a", {
           href: "#",
           onClick: t[2] || (t[2] = (...l) => a.previousPage && a.previousPage(...l)),
           disabled: o.currentPage === 1,
           class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
-        }, "Previous", 8, cl),
+        }, "Previous", 8, fl),
         s("a", {
           href: "#",
           onClick: t[3] || (t[3] = (...l) => a.nextPage && a.nextPage(...l)),
           disabled: o.currentPage === a.totalPages,
           class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
-        }, "Next", 8, fl)
+        }, "Next", 8, gl)
       ]),
-      s("div", gl, [
+      s("div", hl, [
         s("div", null, [
-          s("p", hl, [
+          s("p", ml, [
             w(" Showing "),
-            s("span", ml, h(a.firstItemIndex), 1),
+            s("span", bl, h(a.firstItemIndex), 1),
             w(" to "),
-            s("span", bl, h(a.lastItemIndex), 1),
+            s("span", pl, h(a.lastItemIndex), 1),
             w(" of "),
-            s("span", pl, h(a.filteredData.length), 1),
+            s("span", yl, h(a.filteredData.length), 1),
             w(" entries ")
           ])
         ]),
         s("div", null, [
-          s("nav", yl, [
-            s("ul", _l, [
+          s("nav", _l, [
+            s("ul", vl, [
               s("li", null, [
                 s("a", {
                   href: "#",
                   onClick: t[4] || (t[4] = (...l) => a.previousPage && a.previousPage(...l)),
                   disabled: o.currentPage === 1,
                   class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
-                }, kl, 8, vl)
+                }, $l, 8, xl)
               ]),
               (d(!0), u(v, null, k(a.displayedPageNumbers, (l) => (d(), u(v, { key: l }, [
                 s("li", null, [
@@ -3988,7 +3992,7 @@ function El(e, t, r, n, o, a) {
                     href: "#",
                     onClick: (c) => a.goToPage(l),
                     class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
-                  }, h(l), 9, $l)) : g("", !0)
+                  }, h(l), 9, Cl)) : g("", !0)
                 ]),
                 s("li", null, [
                   o.currentPage === l ? (d(), u("a", {
@@ -3997,7 +4001,7 @@ function El(e, t, r, n, o, a) {
                     onClick: (c) => a.goToPage(l),
                     "aria-current": "page",
                     class: "z-10 flex items-center justify-center h-8 px-3 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white"
-                  }, h(l), 9, Cl)) : g("", !0)
+                  }, h(l), 9, Sl)) : g("", !0)
                 ])
               ], 64))), 128)),
               s("li", null, [
@@ -4006,7 +4010,7 @@ function El(e, t, r, n, o, a) {
                   onClick: t[5] || (t[5] = (...l) => a.nextPage && a.nextPage(...l)),
                   disabled: o.currentPage === a.totalPages,
                   class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
-                }, Pl, 8, Sl)
+                }, El, 8, Dl)
               ])
             ])
           ])
@@ -4015,13 +4019,13 @@ function El(e, t, r, n, o, a) {
     ])
   ]);
 }
-const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
+const Fd = /* @__PURE__ */ S(Zo, [["render", jl]]), Al = {
   class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow dark:bg-gray-800 dark:text-gray-400",
   role: "alert"
-}, Al = {
+}, Tl = {
   key: 0,
   class: "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-green-500 bg-green-100 rounded-lg dark:bg-green-800 dark:text-green-200"
-}, Tl = /* @__PURE__ */ s("svg", {
+}, Il = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4029,13 +4033,13 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z" })
-], -1), Il = /* @__PURE__ */ s("span", { class: "sr-only" }, "Check icon", -1), Ml = [
-  Tl,
-  Il
-], Nl = {
+], -1), Ml = /* @__PURE__ */ s("span", { class: "sr-only" }, "Check icon", -1), Nl = [
+  Il,
+  Ml
+], Vl = {
   key: 1,
   class: "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-red-500 bg-red-100 rounded-lg dark:bg-red-800 dark:text-red-200"
-}, Vl = /* @__PURE__ */ s("svg", {
+}, Ll = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4043,13 +4047,13 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z" })
-], -1), Ll = /* @__PURE__ */ s("span", { class: "sr-only" }, "Error icon", -1), Bl = [
-  Vl,
-  Ll
-], Gl = {
+], -1), Bl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Error icon", -1), Gl = [
+  Ll,
+  Bl
+], Fl = {
   key: 2,
   class: "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-orange-500 bg-orange-100 rounded-lg dark:bg-orange-700 dark:text-orange-200"
-}, Fl = /* @__PURE__ */ s("svg", {
+}, Rl = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4057,10 +4061,10 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   viewBox: "0 0 20 20"
 }, [
   /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z" })
-], -1), Rl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Warning icon", -1), Ul = [
-  Fl,
-  Rl
-], ql = { class: "ml-3 text-sm font-normal" }, zl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), Hl = /* @__PURE__ */ s("svg", {
+], -1), Ul = /* @__PURE__ */ s("span", { class: "sr-only" }, "Warning icon", -1), ql = [
+  Rl,
+  Ul
+], zl = { class: "ml-3 text-sm font-normal" }, Hl = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), Zl = /* @__PURE__ */ s("svg", {
   "aria-hidden": "true",
   class: "w-5 h-5",
   fill: "currentColor",
@@ -4072,10 +4076,10 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
     d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
     "clip-rule": "evenodd"
   })
-], -1), Zl = [
-  zl,
-  Hl
-], Kl = {
+], -1), Kl = [
+  Hl,
+  Zl
+], Wl = {
   __name: "ToastListItem",
   props: {
     message: String,
@@ -4095,23 +4099,23 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
       setTimeout(() => n("remove"), r.duration);
     });
     const n = t;
-    return (o, a) => (d(), u("div", jl, [
-      r.type === "success" ? (d(), u("div", Al, Ml)) : g("", !0),
-      r.type === "error" ? (d(), u("div", Nl, Bl)) : g("", !0),
-      r.type === "warning" ? (d(), u("div", Gl, Ul)) : g("", !0),
-      s("div", ql, h(r.message), 1),
+    return (o, a) => (d(), u("div", Al, [
+      r.type === "success" ? (d(), u("div", Tl, Nl)) : g("", !0),
+      r.type === "error" ? (d(), u("div", Vl, Gl)) : g("", !0),
+      r.type === "warning" ? (d(), u("div", Fl, ql)) : g("", !0),
+      s("div", zl, h(r.message), 1),
       s("button", {
         onClick: a[0] || (a[0] = (i) => n("remove")),
         type: "button",
         class: "-mx-1.5 -my-1.5 ml-auto inline-flex h-8 w-8 rounded-lg bg-white p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white",
         "data-dismiss-target": "#toast-default",
         "aria-label": "Close"
-      }, Zl)
+      }, Kl)
     ]));
   }
 }, de = Se({
   items: []
-}), Wl = {
+}), Xl = {
   add(e) {
     de.items.unshift({
       key: Symbol(),
@@ -4125,8 +4129,8 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   }
 }, $e = {
   state: de,
-  methods: Wl
-}, Fd = {
+  methods: Xl
+}, Rd = {
   __name: "GlToastList",
   setup(e) {
     function t(r) {
@@ -4141,7 +4145,7 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
       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(Kl, {
+        (d(!0), u(v, null, k(it($e).state.items, (o, a) => (d(), K(Wl, {
           key: o.key,
           message: o.message,
           type: o.type,
@@ -4152,10 +4156,10 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
       _: 1
     }));
   }
-}, Xl = {
+}, Yl = {
   key: 0,
   class: "flex justify-center"
-}, Yl = /* @__PURE__ */ s("svg", {
+}, Jl = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4163,12 +4167,12 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   viewBox: "0 0 4 15"
 }, [
   /* @__PURE__ */ s("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
-], -1), Jl = [
-  Yl
-], Ql = { 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" }, ei = {
+], -1), Ql = [
+  Jl
+], 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"
-}, ti = { key: 0 }, ri = ["href"], si = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), ai = { key: 1 }, ni = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Rd = {
+}, 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), Ud = {
   __name: "DatatableAction",
   props: {
     field: {
@@ -4221,30 +4225,30 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Xl, [
+        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? O((d(), u("div", Yl, [
           s("button", {
             onClick: l,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
-          }, Jl),
-          O(s("div", Ql, [
-            s("ul", ei, [
-              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", ti, [
+          }, Ql),
+          O(s("div", ei, [
+            s("ul", ti, [
+              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", ri, [
                 s("a", {
                   href: e.xprops.route + "/" + e.row.id + "/edit",
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  si,
+                  ai,
                   w(" Edit")
-                ], 8, ri)
+                ], 8, si)
               ])) : g("", !0),
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ai, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ni, [
                 s("a", {
                   href: "#",
                   onClick: N(f, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  ni,
+                  oi,
                   w(" Remove")
                 ])
               ])) : g("", !0)
@@ -4258,10 +4262,10 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
       ], 64);
     };
   }
-}, oi = {
+}, li = {
   key: 0,
   class: "flex justify-center"
-}, li = /* @__PURE__ */ s("svg", {
+}, ii = /* @__PURE__ */ s("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4269,12 +4273,12 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   viewBox: "0 0 4 15"
 }, [
   /* @__PURE__ */ s("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
-], -1), ii = [
-  li
-], di = { 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" }, ui = {
+], -1), di = [
+  ii
+], 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"
-}, ci = { key: 0 }, fi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Ud = {
+}, fi = { key: 0 }, gi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), qd = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -4327,21 +4331,21 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
           onConfirmDelete: y,
           onCancelDelete: c
         }, null, 8, ["isOpen"]),
-        e.row && x.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", oi, [
+        e.row && x.can(`delete_${e.xprops.permission}`) ? O((d(), u("div", li, [
           s("button", {
             onClick: l,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
-          }, ii),
-          O(s("div", di, [
-            s("ul", ui, [
-              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", ci, [
+          }, di),
+          O(s("div", ui, [
+            s("ul", ci, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", fi, [
                 s("a", {
                   href: "#",
                   onClick: N(f, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
-                  fi,
+                  gi,
                   w(" Remove")
                 ])
               ])) : g("", !0)
@@ -4355,7 +4359,7 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
       ], 64);
     };
   }
-}, gi = {
+}, hi = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4371,7 +4375,7 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
   mounted() {
     console.log("row : ", this.row);
   }
-}, hi = ["href", "title"], mi = /* @__PURE__ */ s("svg", {
+}, mi = ["href", "title"], bi = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4388,10 +4392,10 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
     d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
     "clip-rule": "evenodd"
   })
-], -1), bi = {
+], -1), pi = {
   key: 1,
   class: "m-1 d-inline-block"
-}, pi = ["href", "title"], yi = /* @__PURE__ */ s("svg", {
+}, yi = ["href", "title"], _i = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4409,7 +4413,7 @@ const Gd = /* @__PURE__ */ S(Ho, [["render", El]]), jl = {
     "clip-rule": "evenodd"
   })
 ], -1);
-function _i(e, t, r, n, o, a) {
+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", {
       key: l,
@@ -4421,23 +4425,23 @@ function _i(e, t, r, n, o, a) {
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        mi,
+        bi,
         w(" Download ")
-      ], 8, hi)
-    ]))), 128)) : a.isString ? (d(), u("div", bi, [
+      ], 8, mi)
+    ]))), 128)) : a.isString ? (d(), u("div", pi, [
       s("a", {
         href: r.row,
         title: r.row,
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        yi,
+        _i,
         w(" Download ")
-      ], 8, pi)
+      ], 8, yi)
     ])) : g("", !0)
   ]);
 }
-const qd = /* @__PURE__ */ S(gi, [["render", _i]]), vi = {
+const zd = /* @__PURE__ */ S(hi, [["render", vi]]), xi = {
   props: ["field", "row"],
   computed: {
     isArray() {
@@ -4447,7 +4451,7 @@ const qd = /* @__PURE__ */ S(gi, [["render", _i]]), vi = {
       return typeof this.row[this.field] == "object";
     }
   }
-}, xi = ["href", "title"], wi = /* @__PURE__ */ s("svg", {
+}, wi = ["href", "title"], ki = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4464,10 +4468,10 @@ const qd = /* @__PURE__ */ S(gi, [["render", _i]]), vi = {
     d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
     "clip-rule": "evenodd"
   })
-], -1), ki = {
+], -1), $i = {
   key: 1,
   class: "m-1 d-inline-block"
-}, $i = ["href", "title"], Ci = /* @__PURE__ */ s("svg", {
+}, Ci = ["href", "title"], Si = /* @__PURE__ */ s("svg", {
   class: "w-3 h-3 text-white me-2",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -4485,7 +4489,7 @@ const qd = /* @__PURE__ */ S(gi, [["render", _i]]), vi = {
     "clip-rule": "evenodd"
   })
 ], -1);
-function Si(e, t, r, n, o, a) {
+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", {
       key: i.id,
@@ -4497,34 +4501,34 @@ function Si(e, t, r, n, o, a) {
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        wi,
+        ki,
         w(" Download ")
-      ], 8, xi)
-    ]))), 128)) : a.isObject ? (d(), u("div", ki, [
+      ], 8, wi)
+    ]))), 128)) : a.isObject ? (d(), u("div", $i, [
       s("a", {
         href: r.row[r.field].url,
         title: r.row[r.field].name,
         target: "_blank",
         class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
       }, [
-        Ci,
+        Si,
         w(" Download ")
-      ], 8, $i)
+      ], 8, Ci)
     ])) : g("", !0)
   ]);
 }
-const zd = /* @__PURE__ */ S(vi, [["render", Si]]), Di = {
+const Hd = /* @__PURE__ */ S(xi, [["render", Di]]), Oi = {
   props: ["field", "row", "tdProps"]
-}, Oi = { key: 0 }, Pi = ["innerHTML"];
-function Ei(e, t, r, n, o, a) {
-  return r.row[r.field] ? (d(), u("div", Oi, [
+}, Pi = { key: 0 }, Ei = ["innerHTML"];
+function ji(e, t, r, n, o, a) {
+  return r.row[r.field] ? (d(), u("div", Pi, [
     s("div", {
       class: "w-full",
       innerHTML: r.row[r.field]
-    }, null, 8, Pi)
+    }, null, 8, Ei)
   ])) : g("", !0);
 }
-const Hd = /* @__PURE__ */ S(Di, [["render", Ei]]), ji = {
+const Zd = /* @__PURE__ */ S(Oi, [["render", ji]]), Ai = {
   props: ["field", "row", "tdProps"],
   computed: {
     entry() {
@@ -4538,24 +4542,24 @@ const Hd = /* @__PURE__ */ S(Di, [["render", Ei]]), ji = {
       return typeof this.row[this.entry.key] == "object";
     }
   }
-}, Ai = { class: "flex flex-wrap gap-2" }, Ti = {
+}, Ti = { class: "flex flex-wrap gap-2" }, Ii = {
   key: 1,
   class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
 };
-function Ii(e, t, r, n, o, a) {
-  return d(), u("div", 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", {
       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"
-    }, h(i[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Ti, h(r.row[a.entry.key][a.entry.field]), 1)) : g("", !0)
+    }, h(i[a.entry.field]), 1))), 128)) : a.isObject ? (d(), u("span", Ii, h(r.row[a.entry.key][a.entry.field]), 1)) : g("", !0)
   ]);
 }
-const Zd = /* @__PURE__ */ S(ji, [["render", Ii]]), Mi = {
+const Kd = /* @__PURE__ */ S(Ai, [["render", Mi]]), Ni = {
   props: ["field", "row", "tdProps"]
-}, Ni = { key: 0 }, Vi = { class: "m-1 d-inline-block" }, Li = ["href", "title"], Bi = ["src", "alt", "title"];
-function Gi(e, t, r, n, o, a) {
-  return r.row[r.field] ? (d(), u("div", Ni, [
-    s("div", Vi, [
+}, Vi = { key: 0 }, Li = { class: "m-1 d-inline-block" }, Bi = ["href", "title"], Gi = ["src", "alt", "title"];
+function Fi(e, t, r, n, o, a) {
+  return r.row[r.field] ? (d(), u("div", Vi, [
+    s("div", Li, [
       s("a", {
         href: r.row[r.field].url,
         title: r.row[r.field].name,
@@ -4565,37 +4569,37 @@ function Gi(e, t, r, n, o, a) {
           src: r.row[r.field].thumbnail,
           alt: r.row[r.field].name,
           title: r.row[r.field].name
-        }, null, 8, Bi)
-      ], 8, Li)
+        }, null, 8, Gi)
+      ], 8, Bi)
     ])
   ])) : g("", !0);
 }
-const Kd = /* @__PURE__ */ S(Mi, [["render", Gi], ["__scopeId", "data-v-3a28c02c"]]), Fi = {
+const Wd = /* @__PURE__ */ S(Ni, [["render", Fi], ["__scopeId", "data-v-3a28c02c"]]), Ri = {
   props: ["field", "row", "tdProps"],
   computed: {
     isActive() {
       return this.row[this.field] === 1;
     }
   }
-}, Ri = { class: "flex flex-wrap gap-2 text-nowrap" }, Ui = {
+}, Ui = { class: "flex flex-wrap gap-2 text-nowrap" }, qi = {
   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"
-}, qi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), zi = {
+}, zi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Hi = {
   key: 1,
   class: "inline-flex items-center bg-red-100 text-red-800 text-xs font-medium px-2.5 py-0.5 rounded-full dark:bg-red-900 dark:text-red-300"
-}, Hi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
-function Zi(e, t, r, n, o, a) {
-  return d(), u("div", Ri, [
-    a.isActive ? (d(), u("span", Ui, [
-      qi,
+}, Zi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
+function Ki(e, t, r, n, o, a) {
+  return d(), u("div", Ui, [
+    a.isActive ? (d(), u("span", qi, [
+      zi,
       w(" Active ")
-    ])) : a.isActive ? g("", !0) : (d(), u("span", zi, [
-      Hi,
+    ])) : a.isActive ? g("", !0) : (d(), u("span", Hi, [
+      Zi,
       w(" Inactive ")
     ]))
   ]);
 }
-const Wd = /* @__PURE__ */ S(Fi, [["render", Zi]]), Ki = {
+const Xd = /* @__PURE__ */ S(Ri, [["render", Ki]]), Wi = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor(e) {
@@ -4603,40 +4607,40 @@ const Wd = /* @__PURE__ */ S(Fi, [["render", Zi]]), Ki = {
       return t ? t.class : "";
     }
   }
-}, Wi = { class: "flex flex-wrap gap-2 text-nowrap" }, Xi = {
+}, Xi = { class: "flex flex-wrap gap-2 text-nowrap" }, Yi = {
   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"
-}, Yi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Ji = {
+}, Ji = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), Qi = {
   key: 1,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-red-800 bg-red-100 rounded-full dark:bg-red-900 dark:text-red-300"
-}, Qi = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), ed = {
+}, ed = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), td = {
   key: 2,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-yellow-800 bg-yellow-100 rounded-full dark:bg-gray-700 dark:text-yellow-300"
-}, td = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), rd = {
+}, rd = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), sd = {
   key: 3,
   class: "inline-flex items-center px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-gray-700 dark:text-blue-400"
-}, sd = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1);
-function ad(e, t, r, n, o, a) {
-  return d(), u("div", Wi, [
-    a.hasLabelColor == "green" ? (d(), u("span", Xi, [
-      Yi,
+}, ad = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1);
+function nd(e, t, r, n, o, a) {
+  return d(), u("div", Xi, [
+    a.hasLabelColor == "green" ? (d(), u("span", Yi, [
+      Ji,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "red" ? (d(), u("span", Ji, [
-      Qi,
+    a.hasLabelColor == "red" ? (d(), u("span", Qi, [
+      ed,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "yellow" ? (d(), u("span", ed, [
-      td,
+    a.hasLabelColor == "yellow" ? (d(), u("span", td, [
+      rd,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0),
-    a.hasLabelColor == "default" ? (d(), u("span", rd, [
-      sd,
+    a.hasLabelColor == "default" ? (d(), u("span", sd, [
+      ad,
       w(" " + h(this.row[this.field]), 1)
     ])) : g("", !0)
   ]);
 }
-const Xd = /* @__PURE__ */ S(Ki, [["render", ad]]), nd = {
+const Yd = /* @__PURE__ */ S(Wi, [["render", nd]]), od = {
   props: ["field", "row", "tdProps"],
   computed: {
     hasLabelColor() {
@@ -4657,9 +4661,9 @@ const Xd = /* @__PURE__ */ S(Ki, [["render", ad]]), nd = {
       }
     }
   }
-}, od = { class: "flex flex-wrap gap-2 text-nowrap" };
-function ld(e, t, r, n, o, a) {
-  return d(), u("div", od, [
+}, ld = { class: "flex flex-wrap gap-2 text-nowrap" };
+function id(e, t, r, n, o, a) {
+  return d(), u("div", ld, [
     a.hasLabelColor == "Default" ? (d(), u("span", {
       key: 0,
       class: b(["bg-blue-100 text-blue-800 font-medium me-2 px-2.5 py-0.5 dark:bg-blue-900 dark:text-blue-300 border-blue-400", a.badgeType])
@@ -4694,7 +4698,7 @@ function ld(e, t, r, n, o, a) {
     }, h(this.row[this.field]), 3)) : g("", !0)
   ]);
 }
-const Yd = /* @__PURE__ */ S(nd, [["render", ld]]), id = {
+const Jd = /* @__PURE__ */ S(od, [["render", id]]), dd = {
   props: ["isOpen", "title", "button_text"],
   methods: {
     confirmAction() {
@@ -4704,35 +4708,35 @@ const Yd = /* @__PURE__ */ S(nd, [["render", ld]]), id = {
       this.$emit("cancel-action");
     }
   }
-}, dd = {
+}, ud = {
   key: 0,
   class: "fixed inset-0 z-50 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, ud = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, cd = /* @__PURE__ */ s("div", {
+}, cd = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, fd = /* @__PURE__ */ s("div", {
   class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
   "aria-hidden": "true"
-}, null, -1), fd = /* @__PURE__ */ s("span", {
+}, null, -1), gd = /* @__PURE__ */ s("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "​", -1), gd = { 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" }, hd = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, md = { class: "sm:flex sm:items-start" }, bd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, pd = { class: "text-lg font-medium leading-6 text-gray-900" }, yd = { class: "mt-2" }, _d = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
-function vd(e, t, r, n, o, a) {
-  return r.isOpen ? (d(), u("div", dd, [
-    s("div", ud, [
-      cd,
+}, "​", -1), hd = { 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" }, md = { class: "px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4" }, bd = { class: "sm:flex sm:items-start" }, pd = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, yd = { class: "text-lg font-medium leading-6 text-gray-900" }, _d = { class: "mt-2" }, vd = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+function xd(e, t, r, n, o, a) {
+  return r.isOpen ? (d(), u("div", ud, [
+    s("div", cd, [
       fd,
-      s("div", gd, [
-        s("div", hd, [
-          s("div", md, [
-            s("div", bd, [
-              s("h3", pd, h(r.title), 1),
-              s("div", yd, [
+      gd,
+      s("div", hd, [
+        s("div", md, [
+          s("div", bd, [
+            s("div", pd, [
+              s("h3", yd, h(r.title), 1),
+              s("div", _d, [
                 T(e.$slots, "default")
               ])
             ])
           ])
         ]),
-        s("div", _d, [
+        s("div", vd, [
           s("button", {
             onClick: t[0] || (t[0] = (...i) => a.confirmAction && a.confirmAction(...i)),
             type: "button",
@@ -4748,40 +4752,40 @@ function vd(e, t, r, n, o, a) {
     ])
   ])) : g("", !0);
 }
-const Jd = /* @__PURE__ */ S(id, [["render", vd]]);
+const Qd = /* @__PURE__ */ S(dd, [["render", xd]]);
 export {
-  Dd as GlButton,
-  Cd as GlCard,
-  Jd as GlConfirmationModal,
-  Gd as GlDataTable,
-  Bd as GlDataTableServerSide,
-  Rd as GlDatatableAction,
-  Ud as GlDatatableDeleteAction,
-  qd as GlDatatableFileDownload,
-  zd as GlDatatableFiles,
-  Hd as GlDatatableHtml,
-  Zd as GlDatatableList,
-  Kd as GlDatatablePicture,
-  Wd as GlDatatableStatus,
-  Xd as GlDatatableStatusGeneral,
-  Yd as GlDatatableStatusSpecficColor,
+  Od as GlButton,
+  Sd as GlCard,
+  Qd as GlConfirmationModal,
+  Fd as GlDataTable,
+  Gd as GlDataTableServerSide,
+  Ud as GlDatatableAction,
+  qd as GlDatatableDeleteAction,
+  zd as GlDatatableFileDownload,
+  Hd as GlDatatableFiles,
+  Zd as GlDatatableHtml,
+  Kd as GlDatatableList,
+  Wd as GlDatatablePicture,
+  Xd as GlDatatableStatus,
+  Yd as GlDatatableStatusGeneral,
+  Jd as GlDatatableStatusSpecficColor,
   ue as GlDeleteConfirmationModal,
-  Vd as GlDropdown,
-  wd as GlFilesUpload,
-  $d as GlLanguageSelector,
-  Md as GlModal,
-  Id as GlMultiItemSlide,
-  Sd as GlMultiSelectDropdown,
-  kd as GlNotify,
-  Td as GlTab,
-  Ad as GlTabsWrapper,
+  Ld as GlDropdown,
+  kd as GlFilesUpload,
+  Cd as GlLanguageSelector,
+  Nd as GlModal,
+  Md as GlMultiItemSlide,
+  Dd as GlMultiSelectDropdown,
+  $d as GlNotify,
+  Id as GlTab,
+  Td as GlTabsWrapper,
   xo as GlTailwindPagination,
-  jd as GlTextInput,
-  Ed as GlTextTranslate,
-  Ld as GlTextarea,
-  Od as GlTextareaTranslate,
-  Pd as GlTinymceTranslate,
+  Ad as GlTextInput,
+  jd as GlTextTranslate,
+  Bd as GlTextarea,
+  Pd as GlTextareaTranslate,
+  Ed as GlTinymceTranslate,
   $e as GlToast,
-  Fd as GlToastList,
-  Nd as GlToggleBox
+  Rd as GlToastList,
+  Vd as GlToggleBox
 };