@citruslime/ui 2.0.2-beta.8 → 2.0.2-beta.9

package/dist/citrus-lime-ui.es.js

@@ -12,16 +12,16 @@ const dl = { class: "cl-overflow-hidden" }, fl = /* @__PURE__ */ H({
   setup(e) {
     const n = e, t = M([]);
     function l(d) {
-      let s = t.value.find((m) => m.id === d);
+      let s = t.value.find((g) => g.id === d);
       return s || (s = {
         id: d,
         open: !1
       }, t.value.push(s)), s.open;
     }
     function c(d) {
-      const s = t.value.find((m) => m.id === d);
-      s && (n.exclusive && t.value.forEach((m) => {
-        m.id !== d && (m.open = !1);
+      const s = t.value.find((g) => g.id === d);
+      s && (n.exclusive && t.value.forEach((g) => {
+        g.id !== d && (g.open = !1);
       }), s.open = !s.open);
     }
     return (d, s) => (i(), u("div", dl, [
@@ -459,7 +459,7 @@ const { t: re } = oe.global;
 function Ll(e, n, t, l) {
   const c = oe.global.locale.value;
   return l instanceof Date && (l = l.getTime()), new Promise((d) => {
-    var m;
+    var g;
     let s = {
       valid: !1,
       message: ""
@@ -473,7 +473,7 @@ function Ll(e, n, t, l) {
         case "tel":
         case "text":
         case "url":
-          a = ((m = l == null ? void 0 : l.length) != null ? m : 0) >= e, s = ue(a, re("input.greaterOrEqualToCharacters", { label: t, min: e.toString() }));
+          a = ((g = l == null ? void 0 : l.length) != null ? g : 0) >= e, s = ue(a, re("input.greaterOrEqualToCharacters", { label: t, min: e.toString() }));
           break;
         case "number":
         case "range":
@@ -499,7 +499,7 @@ function Ll(e, n, t, l) {
 function Pl(e, n, t, l) {
   const c = oe.global.locale.value;
   return l instanceof Date && (l = l.getTime()), new Promise((d) => {
-    var m;
+    var g;
     let s = {
       valid: !1,
       message: ""
@@ -513,7 +513,7 @@ function Pl(e, n, t, l) {
         case "tel":
         case "text":
         case "url":
-          a = ((m = l == null ? void 0 : l.length) != null ? m : 0) <= e, s = ue(a, re("input.lessOrEqualToCharacters", { label: t, max: e.toString() }));
+          a = ((g = l == null ? void 0 : l.length) != null ? g : 0) <= e, s = ue(a, re("input.lessOrEqualToCharacters", { label: t, max: e.toString() }));
           break;
         case "number":
         case "range":
@@ -1015,7 +1015,7 @@ const Jl = ["placeholder", "disabled"], Kl = { class: "cl-absolute cl-bg-white c
     valueOutOfRange: null
   },
   setup(e, { expose: n, emit: t }) {
-    const l = e, { d: c, getDateTimeFormat: d, locale: s, t: m } = se(), a = M(null), f = M(null), p = A(() => c(Hl(), l.type)), b = A(() => d(s.value)[l.type]), k = A(() => j()), S = A(() => P()), h = A(() => me()), B = A(() => Ge(l.min, s.value)), F = A(() => Ge(l.max, s.value)), I = M(!1), G = A(() => {
+    const l = e, { d: c, getDateTimeFormat: d, locale: s, t: g } = se(), a = M(null), f = M(null), p = A(() => c(Hl(), l.type)), b = A(() => d(s.value)[l.type]), k = A(() => j()), S = A(() => P()), h = A(() => me()), B = A(() => Ge(l.min, s.value)), F = A(() => Ge(l.max, s.value)), I = M(!1), G = A(() => {
       var x, D;
       let C = "H", J = "Y";
       return ((x = b.value) == null ? void 0 : x.hour12) === !0 && (C = "h"), ((D = b.value) == null ? void 0 : D.year) === "2-digit" && (J = "y"), Gl(p.value, C, J);
@@ -1066,23 +1066,23 @@ const Jl = ["placeholder", "disabled"], Kl = { class: "cl-absolute cl-bg-white c
     function le() {
       a.value !== null && a.value.clear();
     }
-    function g() {
+    function m() {
       a.value !== null && (a.value.destroy(), a.value = null);
     }
     function j() {
       let C = l.dateTimePlaceholder;
       switch (l.type) {
         case "date":
-          C = l.datePlaceholder === null ? m("calendar.datePlaceholder") : l.datePlaceholder;
+          C = l.datePlaceholder === null ? g("calendar.datePlaceholder") : l.datePlaceholder;
           break;
         case "datetime":
-          C = l.dateTimePlaceholder === null ? m("calendar.dateTimePlaceholder") : l.dateTimePlaceholder;
+          C = l.dateTimePlaceholder === null ? g("calendar.dateTimePlaceholder") : l.dateTimePlaceholder;
           break;
         case "time":
-          C = l.timePlaceholder === null ? m("calendar.timePlaceholder") : l.timePlaceholder;
+          C = l.timePlaceholder === null ? g("calendar.timePlaceholder") : l.timePlaceholder;
           break;
         default:
-          C = l.dateTimePlaceholder === null ? m("calendar.dateTimePlaceholder") : l.dateTimePlaceholder;
+          C = l.dateTimePlaceholder === null ? g("calendar.dateTimePlaceholder") : l.dateTimePlaceholder;
           break;
       }
       return C;
@@ -1102,10 +1102,10 @@ const Jl = ["placeholder", "disabled"], Kl = { class: "cl-absolute cl-bg-white c
     }), ee(() => O.value, q, {
       deep: !0
     }), ee(() => l.type, () => {
-      g(), ke(() => w());
+      m(), ke(() => w());
     }, {
       immediate: !1
-    }), Oe(() => w()), Ie(() => g()), n({
+    }), Oe(() => w()), Ie(() => m()), n({
       focus() {
         var C;
         (C = f.value) == null || C.focus();
@@ -1183,7 +1183,7 @@ const Ql = /* @__PURE__ */ he(Zl, [["__scopeId", "data-v-d60f7772"]]), Yl = { cl
     "update:value": null
   },
   setup(e, { expose: n, emit: t }) {
-    const l = e, { n: c, t: d } = se(), { debounce: s } = Ve(), m = M(l.value), a = M(), f = A({
+    const l = e, { n: c, t: d } = se(), { debounce: s } = Ve(), g = M(l.value), a = M(), f = A({
       get: () => l.value,
       set: (h) => t("update:value", h)
     }), p = A(() => l.disabled ? "rgba(153, 153, 153, 0.8)" : "#9acd32"), b = A(() => {
@@ -1195,7 +1195,7 @@ const Ql = /* @__PURE__ */ he(Zl, [["__scopeId", "data-v-d60f7772"]]), Yl = { cl
       const F = (G = h == null ? void 0 : h.value) != null ? G : "", I = Math.max(Math.min(parseFloat(F) || l.min, l.max), l.min);
       f.value = l.enforceStep ? Math.ceil(I / l.step) * l.step : I, ke(() => B());
     }
-    return ee(() => l.value, () => m.value = l.value), n({
+    return ee(() => l.value, () => g.value = l.value), n({
       focus() {
         var h;
         (h = a.value) == null || h.focus();
@@ -1208,8 +1208,8 @@ const Ql = /* @__PURE__ */ he(Zl, [["__scopeId", "data-v-d60f7772"]]), Yl = { cl
         ]),
         r("div", Yl, [
           L(T(F, {
-            modelValue: m.value,
-            "onUpdate:modelValue": B[0] || (B[0] = (I) => m.value = I),
+            modelValue: g.value,
+            "onUpdate:modelValue": B[0] || (B[0] = (I) => g.value = I),
             class: "!cl-text-sm md:!cl-w-auto",
             "input-type": "number",
             min: e.min,
@@ -1356,7 +1356,7 @@ const it = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
     validated: null
   },
   setup(e, { expose: n, emit: t }) {
-    const l = e, c = M(null), d = M(!1), s = M(!1), m = A(C), a = A(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), f = M(!1), { t: p } = se(), b = A({
+    const l = e, c = M(null), d = M(!1), s = M(!1), g = A(C), a = A(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), f = M(!1), { t: p } = se(), b = A({
       get: () => l.modelValue,
       set: (x) => v(x)
     }), k = A({
@@ -1415,7 +1415,7 @@ const it = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
         t("input", x);
       }
     }
-    function g() {
+    function m() {
       if (c.value) {
         c.value.stepDown(), c.value.focus(), v(c.value.valueAsNumber);
         const x = {
@@ -1436,7 +1436,7 @@ const it = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
     function C() {
       var te;
       let x = !0;
-      const D = m.value;
+      const D = g.value;
       return d.value ? x = D : s.value && ((te = b.value) == null ? void 0 : te.toString().trim()) === "" && (x = !1), x;
     }
     function J() {
@@ -1462,8 +1462,8 @@ const it = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
                 [V, e.showLabel && e.label !== ""]
               ])
             ]),
-            e.isRequired && o(m) ? (i(), u("label", ut, " * ")) : N("", !0),
-            e.isRequired && !o(m) ? (i(), u("label", dt, $(e.requiredText), 1)) : N("", !0)
+            e.isRequired && o(g) ? (i(), u("label", ut, " * ")) : N("", !0),
+            e.isRequired && !o(g) ? (i(), u("label", dt, $(e.requiredText), 1)) : N("", !0)
           ]),
           e.inputType !== "range" && !o(Ke)(e.inputType) ? L((i(), u("input", de({
             key: 0,
@@ -1562,7 +1562,7 @@ const it = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
               T(te, {
                 icon: "ph:caret-down-bold",
                 class: "cl-bg-link-default cl-rounded-md cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
-                onClick: g,
+                onClick: m,
                 onMousedown: D[9] || (D[9] = ae(() => {
                 }, ["prevent"]))
               })
@@ -1596,7 +1596,7 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
     function d(s) {
       s.key === "Escape" && c();
     }
-    return (s, m) => {
+    return (s, g) => {
       const a = _("icon");
       return i(), u(z, null, [
         R(s.$slots, "trigger", ie(pe({ open: l }))),
@@ -1716,7 +1716,7 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
       var f;
       t.isCreateNewOption === !0 ? n("create-object") : n("select-object", (f = t.option) == null ? void 0 : f.id);
     }
-    function m(f) {
+    function g(f) {
       f === !0 ? (d.value = !0, n("option-highlighted", t.index)) : t.index !== t.selectedIndex && (d.value = !1);
     }
     function a() {
@@ -1732,8 +1732,8 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
           "cl-bg-primary-default cl-text-white cl-opacity-90": d.value && e.isCreateNewOption
         }]),
         onMousedown: s,
-        onMousemove: p[0] || (p[0] = (h) => m(!0)),
-        onMouseleave: p[1] || (p[1] = (h) => m(!1))
+        onMousemove: p[0] || (p[0] = (h) => g(!0)),
+        onMouseleave: p[1] || (p[1] = (h) => g(!1))
       }, [
         e.option !== null && ((k = e.option) == null ? void 0 : k.parentId) !== 0 && ((S = e.option) == null ? void 0 : S.parentId) !== void 0 ? (i(), u("div", Tt, $(o(c)), 1)) : N("", !0),
         r("div", {
@@ -1777,7 +1777,7 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
     "hide-dropdown": null
   },
   setup(e, { emit: n }) {
-    const t = e, { t: l } = se(), c = M(""), d = M(!1), s = M(-1), m = A(() => d.value ? -1 : 0), a = M();
+    const t = e, { t: l } = se(), c = M(""), d = M(!1), s = M(-1), g = A(() => d.value ? -1 : 0), a = M();
     function f(y) {
       (y === void 0 || (y == null ? void 0 : y.code.startsWith("Arrow")) === !1 && (y == null ? void 0 : y.code.startsWith("Control")) === !1 && (y == null ? void 0 : y.code.startsWith("Shift")) === !1 && (y == null ? void 0 : y.code.startsWith("Tab")) === !1 && (y == null ? void 0 : y.code) !== "Enter") && (n("search", c.value), s.value = -2);
     }
@@ -1839,8 +1839,8 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
         ref: a,
         class: "cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-p-2 cl-rounded cl-text-sm",
         onKeydown: [
-          v[2] || (v[2] = Se(ae((X) => h(o(m)), ["prevent", "stop"]), ["up"])),
-          v[3] || (v[3] = Se(ae((X) => S(o(m)), ["prevent", "stop"]), ["down"]))
+          v[2] || (v[2] = Se(ae((X) => h(o(g)), ["prevent", "stop"]), ["up"])),
+          v[3] || (v[3] = Se(ae((X) => S(o(g)), ["prevent", "stop"]), ["down"]))
         ],
         onKeyup: Se(ae(B, ["prevent", "stop"]), ["enter"])
       }, [
@@ -1929,29 +1929,29 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
   setup(e, { expose: n, emit: t }) {
     const l = e, { t: c } = se(), d = M(!1), s = A({
       get: () => l.currentObject,
-      set: (g) => t("update:current-object", g)
-    }), m = M(null), a = M(null), f = A(() => X()), p = M(""), b = M(""), k = M(), S = M(!0);
-    function h(g) {
-      l.disabled || (typeof g < "u" ? d.value = g : d.value = !d.value);
+      set: (m) => t("update:current-object", m)
+    }), g = M(null), a = M(null), f = A(() => X()), p = M(""), b = M(""), k = M(), S = M(!0);
+    function h(m) {
+      l.disabled || (typeof m < "u" ? d.value = m : d.value = !d.value);
     }
-    function B(g) {
-      p.value = g, t("search", g);
+    function B(m) {
+      p.value = m, t("search", m);
     }
-    function F(g) {
-      b.value = g, t("search-parent", g);
+    function F(m) {
+      b.value = m, t("search-parent", m);
     }
     function I() {
       s.value = null, h(!1);
     }
-    function G(g) {
-      const j = O(g);
+    function G(m) {
+      const j = O(m);
       s.value = j, h(!1);
     }
-    function O(g) {
+    function O(m) {
       let j = null;
       if (l.results !== null) {
         for (let P = 0; P < l.results.length; P++)
-          if (l.results[P].id === g) {
+          if (l.results[P].id === m) {
             j = l.results[P];
             break;
           }
@@ -1959,10 +1959,10 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
       return j;
     }
     function E() {
-      var g, j;
+      var m, j;
       k.value = {
         name: p.value,
-        parentId: (j = (g = a.value) == null ? void 0 : g.id) != null ? j : 0
+        parentId: (j = (m = a.value) == null ? void 0 : m.id) != null ? j : 0
       }, t("create-object", k.value);
     }
     function y() {
@@ -1972,16 +1972,16 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
       }, t("create-parent-object", k.value);
     }
     function v() {
-      var g, j;
-      (g = l.objectCreatedResponse) != null && g.error ? He({
+      var m, j;
+      (m = l.objectCreatedResponse) != null && m.error ? He({
         message: c("comboBox.createFailed", { name: p.value, error: l.objectCreatedResponse.error }),
         colour: "danger",
         duration: 1e4
       }) : (j = l.objectCreatedResponse) != null && j.id && q();
     }
     function w() {
-      var g, j;
-      (g = l.parentObjectCreatedResponse) != null && g.id && (a.value = {
+      var m, j;
+      (m = l.parentObjectCreatedResponse) != null && m.id && (a.value = {
         id: l.parentObjectCreatedResponse.id,
         name: (j = l.parentObjectCreatedResponse.name) != null ? j : ""
       });
@@ -1993,34 +1993,34 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
         colour: "primary",
         duration: 1e4
       });
-      let g = "";
-      a.value && a.value.id === ((me = l.objectCreatedResponse) == null ? void 0 : me.parentId) && (g = a.value.name), s.value = {
+      let m = "";
+      a.value && a.value.id === ((me = l.objectCreatedResponse) == null ? void 0 : me.parentId) && (m = a.value.name), s.value = {
         id: (J = (C = l.objectCreatedResponse) == null ? void 0 : C.id) != null ? J : 0,
         name: (D = (x = l.objectCreatedResponse) == null ? void 0 : x.name) != null ? D : "",
         parentId: (W = (te = l.objectCreatedResponse) == null ? void 0 : te.parentId) != null ? W : 0,
-        parentName: g
+        parentName: m
       };
     }
     function X() {
-      let g = "";
-      return s.value && (s.value.parentName ? g = s.value.parentName + "; " + s.value.name : g = s.value.name), g;
+      let m = "";
+      return s.value && (s.value.parentName ? m = s.value.parentName + "; " + s.value.name : m = s.value.name), m;
     }
     function le() {
-      let g = !0;
-      p.value === "" && (g = !1), l.objectParentType !== "" && a.value === null && (g = !1), S.value = g;
+      let m = !0;
+      p.value === "" && (m = !1), l.objectParentType !== "" && a.value === null && (m = !1), S.value = m;
     }
     return ee(() => l.objectCreatedResponse, () => v()), ee(() => l.parentObjectCreatedResponse, () => w()), ee(() => p.value, () => le()), ee(() => a.value, () => le()), n({
       focus() {
-        var g;
-        (g = m.value) == null || g.focus();
+        var m;
+        (m = g.value) == null || m.focus();
       }
-    }), (g, j) => {
+    }), (m, j) => {
       const P = _("icon"), me = _("cl-ui-combo-box", !0);
       return i(), u("div", null, [
         r("div", At, [
           T(fe, {
             ref_key: "inputRef",
-            ref: m,
+            ref: g,
             modelValue: o(f),
             "onUpdate:modelValue": j[0] || (j[0] = (C) => ge(f) ? f.value = C : null),
             class: U(["!cl-bg-transparent !cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
@@ -2029,7 +2029,7 @@ const fe = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-4d513eb1"]]), pt = { cl
             "input-type": "text",
             "placeholder-text": o(c)("comboBox.emptyHintText", { object: e.objectType }),
             onFocus: j[1] || (j[1] = (C) => {
-              h(!0), g.$emit("focus");
+              h(!0), m.$emit("focus");
             })
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
           L(r("div", Mt, [
@@ -2207,7 +2207,7 @@ const Gt = /* @__PURE__ */ he(zt, [["render", Ht]]), Wt = { class: "cl-mr-2 lg:c
       var b, k;
       return d.value[(b = t.column.field) != null ? b : ""] !== t.record[(k = t.column.field) != null ? k : ""];
     });
-    function m(b, k) {
+    function g(b, k) {
       return b[k];
     }
     function a(b, k) {
@@ -2246,11 +2246,11 @@ const Gt = /* @__PURE__ */ he(zt, [["render", Ht]]), Wt = { class: "cl-mr-2 lg:c
         disabled: !0
       }, null, 8, ["model-value"])) : (e.column.type === "date" || e.column.type === "datetime") && e.column.field !== void 0 ? (i(), u(z, { key: 2 }, [
         e.column.format !== void 0 ? (i(), u(z, { key: 0 }, [
-          Y($(o(l)(new Date(m(e.record, e.column.field)), e.column.format)), 1)
+          Y($(o(l)(new Date(g(e.record, e.column.field)), e.column.format)), 1)
         ], 64)) : e.column.type === "date" ? (i(), u(z, { key: 1 }, [
-          Y($(o(l)(new Date(m(e.record, e.column.field)), o(Z).DATE)), 1)
+          Y($(o(l)(new Date(g(e.record, e.column.field)), o(Z).DATE)), 1)
         ], 64)) : (i(), u(z, { key: 2 }, [
-          Y($(o(l)(new Date(m(e.record, e.column.field)), o(Z).DATETIME)), 1)
+          Y($(o(l)(new Date(g(e.record, e.column.field)), o(Z).DATETIME)), 1)
         ], 64))
       ], 64)) : e.column.type === "number" && e.column.field ? (i(), u(z, { key: 3 }, [
         e.column.format === o(ne).MULTIPLIER ? (i(), u(z, { key: 0 }, [
@@ -2261,7 +2261,7 @@ const Gt = /* @__PURE__ */ he(zt, [["render", Ht]]), Wt = { class: "cl-mr-2 lg:c
           Y($(a(e.record, e.column.field)), 1)
         ], 64))
       ], 64)) : e.column.field !== void 0 ? (i(), u(z, { key: 4 }, [
-        e.column.maxLength !== void 0 ? (i(), u("span", Kt, $(m(e.record, e.column.field).trimToLength(e.column.maxLength, e.column.format !== void 0 ? e.column.format === "ellipsis" : !1)), 1)) : (i(), u("span", Zt, $(m(e.record, e.column.field)), 1))
+        e.column.maxLength !== void 0 ? (i(), u("span", Kt, $(g(e.record, e.column.field).trimToLength(e.column.maxLength, e.column.format !== void 0 ? e.column.format === "ellipsis" : !1)), 1)) : (i(), u("span", Zt, $(g(e.record, e.column.field)), 1))
       ], 64)) : N("", !0)
     ], 16));
   }
@@ -2438,7 +2438,7 @@ const an = {
       return O.forEach((E) => {
         E.description = c(`grid.${E.method}`);
       }), O;
-    }), m = A(() => {
+    }), g = A(() => {
       var E;
       let O = (E = t.request.filters.find((y) => y.filterOnColumn === t.column.field)) == null ? void 0 : E.filterMethod;
       return typeof O > "u" && (O = we[S()]), s.value.find((y) => {
@@ -2519,10 +2519,10 @@ const an = {
           }, [
             r("strong", fn, $(o(c)("grid.currentMethod")), 1),
             r("span", mn, [
-              Y($((v = o(m)) == null ? void 0 : v.description) + " ", 1),
+              Y($((v = o(g)) == null ? void 0 : v.description) + " ", 1),
               r("span", {
                 class: "cl-float-right",
-                innerHTML: (w = o(m)) == null ? void 0 : w.icon
+                innerHTML: (w = o(g)) == null ? void 0 : w.icon
               }, null, 8, gn)
             ]),
             r("strong", bn, $(o(c)("grid.availableMethods")), 1),
@@ -2601,7 +2601,7 @@ const an = {
       50,
       100,
       200
-    ], { n: c, t: d } = se(), { debounce: s } = Ve(), m = M(t.request.pageNumber), a = A(() => {
+    ], { n: c, t: d } = se(), { debounce: s } = Ve(), g = M(t.request.pageNumber), a = A(() => {
       var S, h;
       return t.data !== null ? Math.ceil(((h = (S = t.data) == null ? void 0 : S.totalRecords) != null ? h : 0) / t.request.pageSize) : 1;
     }), f = A(() => {
@@ -2625,15 +2625,15 @@ const an = {
       const h = be(t.request);
       h.pageSize = S, h.pageNumber = 1, n("update:request", h);
     }
-    return ee(() => t.request.pageNumber, () => m.value = t.request.pageNumber), (S, h) => {
+    return ee(() => t.request.pageNumber, () => g.value = t.request.pageNumber), (S, h) => {
       var F;
       const B = _("icon");
       return e.data && ((F = e.data.results) == null ? void 0 : F.length) && e.request ? (i(), u("div", $n, [
         r("div", kn, [
           r("span", Tn, $(o(d)("grid.jumpToPage")), 1),
           T(fe, {
-            modelValue: m.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (I) => m.value = I),
+            modelValue: g.value,
+            "onUpdate:modelValue": h[0] || (h[0] = (I) => g.value = I),
             class: "cl-ml-1 cl-mt-0.5 cl-text-sm",
             "input-type": "number",
             label: "Page",
@@ -2744,7 +2744,7 @@ const an = {
       const p = be(t.columns), b = (S = a == null ? void 0 : a.checked) != null ? S : !1, k = p.findIndex((h) => h.name === f.name);
       k >= 0 && (p[k].visible = b), n("update:columns", p);
     }
-    function m(a, f) {
+    function g(a, f) {
       const p = be(t.columns), b = f === "up" ? a + 1 : a - 1;
       d(p, a, b), n("update:columns", p);
     }
@@ -2797,13 +2797,13 @@ const an = {
                             key: 0,
                             class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                             icon: "ph:arrow-left",
-                            onClick: (S) => m(k, "down")
+                            onClick: (S) => g(k, "down")
                           }, null, 8, ["onClick"])) : N("", !0),
                           k !== e.columns.length - 1 ? (i(), K(p, {
                             key: 1,
                             class: "cl-cursor-pointer cl-inline-block",
                             icon: "ph:arrow-right",
-                            onClick: (S) => m(k, "up")
+                            onClick: (S) => g(k, "up")
                           }, null, 8, ["onClick"])) : N("", !0)
                         ], 64)) : (i(), u("em", Qn, $(o(l)("grid.hidden")), 1))
                       ])
@@ -2846,20 +2846,20 @@ const an = {
   setup(e, { emit: n }) {
     const t = e, { t: l } = se(), c = A(() => {
       let s = !1;
-      return t.columns.forEach((m) => {
-        (m.filterable === !0 || m.filterable === void 0 || m.sortable === !0 || m.sortable === void 0) && (s = !0);
+      return t.columns.forEach((g) => {
+        (g.filterable === !0 || g.filterable === void 0 || g.sortable === !0 || g.sortable === void 0) && (s = !0);
       }), s;
     }), d = A({
       get: () => t.columns,
       set: (s) => n("update:columns", s)
     });
-    return (s, m) => (i(), u(z, null, [
+    return (s, g) => (i(), u(z, null, [
       e.editEnabled ? (i(), u("span", _n, [
         T(xe, {
           class: "cl-w-full lg:cl-w-auto",
           size: "small",
           colour: "default",
-          onClick: m[0] || (m[0] = (a) => s.$emit("update:edit-mode", !e.editMode))
+          onClick: g[0] || (g[0] = (a) => s.$emit("update:edit-mode", !e.editMode))
         }, {
           default: Q(() => [
             e.editMode ? (i(), u(z, { key: 0 }, [
@@ -2874,14 +2874,14 @@ const an = {
       r("span", eo, [
         T(Xn, {
           columns: o(d),
-          "onUpdate:columns": m[1] || (m[1] = (a) => ge(d) ? d.value = a : null)
+          "onUpdate:columns": g[1] || (g[1] = (a) => ge(d) ? d.value = a : null)
         }, null, 8, ["columns"])
       ]),
       o(c) ? (i(), u("span", lo, [
         T(xe, {
           class: "cl-w-full lg:cl-w-auto",
           size: "small",
-          onClick: m[2] || (m[2] = ae((a) => s.$emit("reset-filters"), ["prevent"]))
+          onClick: g[2] || (g[2] = ae((a) => s.$emit("reset-filters"), ["prevent"]))
         }, {
           default: Q(() => [
             Y($(o(l)("grid.clearFilters")), 1)
@@ -2894,7 +2894,7 @@ const an = {
           class: "cl-w-full",
           colour: "blue",
           size: "small",
-          onClick: m[3] || (m[3] = ae((a) => s.$emit("update:filter-panel-open", !0), ["prevent"]))
+          onClick: g[3] || (g[3] = ae((a) => s.$emit("update:filter-panel-open", !0), ["prevent"]))
         }, {
           default: Q(() => [
             Y($(o(l)("grid.modifyFilters")), 1)
@@ -2930,7 +2930,7 @@ const an = {
     const t = e, { t: l } = se(), c = M({}), d = M(!1), s = M({
       index: -1,
       record: {}
-    }), m = M(!1), a = A({
+    }), g = M(!1), a = A({
       get: () => t.columns,
       set: (v) => n("update:columns", v)
     }), f = A({
@@ -3002,9 +3002,9 @@ const an = {
         r("div", no, [
           T(Xe, {
             columns: o(a),
-            "onUpdate:columns": w[0] || (w[0] = (g) => ge(a) ? a.value = g : null),
+            "onUpdate:columns": w[0] || (w[0] = (m) => ge(a) ? a.value = m : null),
             "edit-mode": d.value,
-            "onUpdate:edit-mode": w[1] || (w[1] = (g) => d.value = g),
+            "onUpdate:edit-mode": w[1] || (w[1] = (m) => d.value = m),
             "edit-enabled": o(S),
             onResetFilters: I
           }, null, 8, ["columns", "edit-mode", "edit-enabled"])
@@ -3027,11 +3027,11 @@ const an = {
               r("div", ro, [
                 T(Xe, {
                   columns: o(a),
-                  "onUpdate:columns": w[2] || (w[2] = (g) => ge(a) ? a.value = g : null),
+                  "onUpdate:columns": w[2] || (w[2] = (m) => ge(a) ? a.value = m : null),
                   "edit-mode": d.value,
-                  "onUpdate:edit-mode": w[3] || (w[3] = (g) => d.value = g),
-                  "filter-panel-open": m.value,
-                  "onUpdate:filter-panel-open": w[4] || (w[4] = (g) => m.value = g),
+                  "onUpdate:edit-mode": w[3] || (w[3] = (m) => d.value = m),
+                  "filter-panel-open": g.value,
+                  "onUpdate:filter-panel-open": w[4] || (w[4] = (m) => g.value = m),
                   "edit-enabled": o(S),
                   onResetFilters: I
                 }, null, 8, ["columns", "edit-mode", "filter-panel-open", "edit-enabled"])
@@ -3045,8 +3045,8 @@ const an = {
                       class: "cl--mt-1 cl-inline-block cl-text-grey-5",
                       icon: "ph:x",
                       size: 16,
-                      onClick: w[5] || (w[5] = (g) => {
-                        m.value = !1;
+                      onClick: w[5] || (w[5] = (m) => {
+                        g.value = !1;
                       })
                     })
                   ]),
@@ -3060,41 +3060,41 @@ const an = {
                     o(k) ? (i(), u("div", mo, $(o(l)("grid.filter")), 1)) : N("", !0),
                     o(b) ? (i(), u("div", go, $(o(l)("grid.sortBy")), 1)) : N("", !0)
                   ], 2),
-                  (i(!0), u(z, null, ce(o(p).filter((g) => g.filterable || g.filterable === void 0 || g.sortable || g.sortable === void 0), (g, j) => (i(), u("div", {
+                  (i(!0), u(z, null, ce(o(p).filter((m) => m.filterable || m.filterable === void 0 || m.sortable || m.sortable === void 0), (m, j) => (i(), u("div", {
                     key: j,
                     class: "cl-grid cl-grid-cols-3 cl-mb-4 cl-w-full"
                   }, [
-                    r("div", bo, $(g.caption), 1),
-                    g.filterable || g.filterable === void 0 ? (i(), K(Ye, {
+                    r("div", bo, $(m.caption), 1),
+                    m.filterable || m.filterable === void 0 ? (i(), K(Ye, {
                       key: 0,
                       request: o(f),
                       "onUpdate:request": w[6] || (w[6] = (P) => ge(f) ? f.value = P : null),
-                      column: g,
+                      column: m,
                       class: U({
                         "cl-col-span-2": !o(b)
                       })
                     }, null, 8, ["request", "column", "class"])) : o(k) ? (i(), u("div", ho)) : N("", !0),
-                    (g.type !== "slot" || g.slotType !== void 0 && g.field !== void 0) && (g.sortable === void 0 || g.sortable === !0) ? (i(), u(z, { key: 2 }, [
-                      o(f).sort === null || o(f).sort.sortOnColumn !== g.field ? (i(), K(q, {
+                    (m.type !== "slot" || m.slotType !== void 0 && m.field !== void 0) && (m.sortable === void 0 || m.sortable === !0) ? (i(), u(z, { key: 2 }, [
+                      o(f).sort === null || o(f).sort.sortOnColumn !== m.field ? (i(), K(q, {
                         key: 0,
                         class: "cl-cursor-pointer cl-ml-2 cl-self-center",
                         icon: "ph:minus",
-                        onClick: (P) => F(g.field)
+                        onClick: (P) => F(m.field)
                       }, null, 8, ["onClick"])) : o(f).sort.sortByAscending === !1 ? (i(), K(q, {
                         key: 1,
                         class: "cl-cursor-pointer cl-ml-2 cl-self-center",
                         icon: "ph:caret-down",
-                        onClick: (P) => F(g.field)
+                        onClick: (P) => F(m.field)
                       }, null, 8, ["onClick"])) : (i(), K(q, {
                         key: 2,
                         class: "cl-cursor-pointer cl-ml-2 cl-self-center",
                         icon: "ph:caret-up",
-                        onClick: (P) => F(g.field)
+                        onClick: (P) => F(m.field)
                       }, null, 8, ["onClick"]))
                     ], 64)) : (i(), u("div", vo, " \xA0 "))
                   ]))), 128))
                 ], 512), [
-                  [V, m.value]
+                  [V, g.value]
                 ])
               ]),
               _: 1
@@ -3103,60 +3103,60 @@ const an = {
           r("div", po, [
             r("table", yo, [
               r("colgroup", wo, [
-                (i(!0), u(z, null, ce(o(p), (g, j) => (i(), u("col", {
+                (i(!0), u(z, null, ce(o(p), (m, j) => (i(), u("col", {
                   key: j,
-                  style: Ce(B(g.name)),
+                  style: Ce(B(m.name)),
                   span: 1
                 }, null, 4))), 128))
               ]),
               r("thead", xo, [
                 r("tr", null, [
-                  (i(!0), u(z, null, ce(o(p), (g, j) => {
+                  (i(!0), u(z, null, ce(o(p), (m, j) => {
                     var P;
                     return i(), u("th", {
                       key: j,
                       class: "cl-border-b cl-border-grey-2 cl-font-semibold cl-p-1 cl-text-grey-3 cl-text-left cl-text-sm",
-                      style: Ce(B(g.name))
+                      style: Ce(B(m.name))
                     }, [
-                      e.data && ((P = e.data.results) == null ? void 0 : P.length) && (g.type !== "slot" || g.slotType !== void 0 && g.field !== void 0) && (g.sortable === void 0 || g.sortable === !0) ? (i(), u("span", {
+                      e.data && ((P = e.data.results) == null ? void 0 : P.length) && (m.type !== "slot" || m.slotType !== void 0 && m.field !== void 0) && (m.sortable === void 0 || m.sortable === !0) ? (i(), u("span", {
                         key: 0,
                         class: "cl-cursor-pointer",
-                        onClick: (me) => F(g.field)
+                        onClick: (me) => F(m.field)
                       }, [
-                        Y($(g.caption) + " ", 1),
+                        Y($(m.caption) + " ", 1),
                         L(T(q, {
                           class: "cl--mt-1 cl-inline-block",
                           icon: "ph:caret-up"
                         }, null, 512), [
-                          [V, o(f).sort !== null && o(f).sort.sortOnColumn === g.field && o(f).sort.sortByAscending === !0]
+                          [V, o(f).sort !== null && o(f).sort.sortOnColumn === m.field && o(f).sort.sortByAscending === !0]
                         ]),
                         L(T(q, {
                           class: "cl--mt-1 cl-inline-block",
                           icon: "ph:caret-down"
                         }, null, 512), [
-                          [V, o(f).sort !== null && o(f).sort.sortOnColumn === g.field && o(f).sort.sortByAscending === !1]
+                          [V, o(f).sort !== null && o(f).sort.sortOnColumn === m.field && o(f).sort.sortByAscending === !1]
                         ])
-                      ], 8, $o)) : (i(), u("span", ko, $(g.caption), 1))
+                      ], 8, $o)) : (i(), u("span", ko, $(m.caption), 1))
                     ], 4);
                   }), 128))
                 ]),
                 e.data && ((X = e.data.results) == null ? void 0 : X.length) || o(f).filters.length > 0 ? (i(), u("tr", To, [
-                  (i(!0), u(z, null, ce(o(p), (g, j) => (i(), u("th", {
+                  (i(!0), u(z, null, ce(o(p), (m, j) => (i(), u("th", {
                     key: j,
                     class: "cl-p-1",
-                    style: Ce(B(g.name))
+                    style: Ce(B(m.name))
                   }, [
                     T(Ye, {
                       request: o(f),
                       "onUpdate:request": w[7] || (w[7] = (P) => ge(f) ? f.value = P : null),
-                      column: g,
+                      column: m,
                       "first-half": j <= o(p).length / 2
                     }, null, 8, ["request", "column", "first-half"])
                   ], 4))), 128))
                 ])) : N("", !0)
               ]),
               r("tbody", null, [
-                e.data && ((le = e.data.results) == null ? void 0 : le.length) ? (i(!0), u(z, { key: 0 }, ce(e.data.results, (g, j) => (i(), u("tr", {
+                e.data && ((le = e.data.results) == null ? void 0 : le.length) ? (i(!0), u(z, { key: 0 }, ce(e.data.results, (m, j) => (i(), u("tr", {
                   key: j,
                   class: U({
                     "cl-bg-white": j % 2 !== 1,
@@ -3168,7 +3168,7 @@ const an = {
                     class: "cl-p-2 cl-rounded cl-whitespace-nowrap",
                     style: Ce(B(P.name)),
                     column: P,
-                    record: g,
+                    record: m,
                     "edit-mode": d.value,
                     onFocus: (C) => G(j),
                     onEdit: (C) => {
@@ -3209,7 +3209,7 @@ const an = {
           ]),
           T(zn, {
             request: o(f),
-            "onUpdate:request": w[8] || (w[8] = (g) => ge(f) ? f.value = g : null),
+            "onUpdate:request": w[8] || (w[8] = (m) => ge(f) ? f.value = m : null),
             data: e.data
           }, null, 8, ["request", "data"])
         ], 8, oo)
@@ -3334,45 +3334,46 @@ const Go = {
     supportedLanguages: null,
     disabled: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const n = e, { locale: t } = se(), l = M(!1), c = A(() => {
-      var m;
-      return (m = n.supportedLanguages.find((a) => a.localeCode === t.value)) != null ? m : null;
-    }), d = A(() => n.supportedLanguages.filter((m) => Le(m)).sort((m, a) => m.nativeName > a.nativeName ? 1 : a.nativeName > m.nativeName ? -1 : 0));
-    function s() {
-      n.disabled || (l.value = !l.value);
+  emits: ["language-select"],
+  setup(e, { emit: n }) {
+    const t = e, { locale: l } = se(), c = M(!1), d = A(() => {
+      var a;
+      return (a = t.supportedLanguages.find((f) => f.localeCode === l.value)) != null ? a : null;
+    }), s = A(() => t.supportedLanguages.filter((a) => Le(a)).sort((a, f) => a.nativeName > f.nativeName ? 1 : f.nativeName > a.nativeName ? -1 : 0));
+    function g() {
+      t.disabled || (c.value = !c.value);
     }
-    return ee(() => n.disabled, (m) => {
-      m && (l.value = !1);
-    }), (m, a) => o(c) !== null && o(Le)(o(c)) ? (i(), u("div", Go, [
+    return ee(() => t.disabled, (a) => {
+      a && (c.value = !1);
+    }), (a, f) => o(d) !== null && o(Le)(o(d)) ? (i(), u("div", Go, [
       r("div", {
         class: U(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !e.disabled
         }]),
-        onClick: s
+        onClick: g
       }, [
         r("span", {
           class: U(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": e.disabled
           }])
-        }, $(o(c).nativeName), 3)
+        }, $(o(d).nativeName), 3)
       ], 2),
       T($e, { name: "fade" }, {
         default: Q(() => [
           L(r("div", Wo, [
-            (i(!0), u(z, null, ce(o(d), (f, p) => (i(), u("div", {
-              key: p,
+            (i(!0), u(z, null, ce(o(s), (p, b) => (i(), u("div", {
+              key: b,
               class: "cl-border-b cl-border-grey-0 cl-cursor-pointer cl-flex cl-items-center cl-justify-center cl-p-1 cl-text-center cl-transition-colors cl-w-28 hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0 lg:cl-p-2",
-              "data-localename": f.name,
-              "data-localecode": f.localeCode,
-              onClick: (b) => {
-                t.value = f.localeCode, s();
+              "data-localename": p.name,
+              "data-localecode": p.localeCode,
+              onClick: (k) => {
+                l.value = p.localeCode, g(), n("language-select", p.localeCode);
               }
             }, [
-              r("span", Ko, $(f.nativeName), 1)
+              r("span", Ko, $(p.nativeName), 1)
             ], 8, Jo))), 128))
           ], 512), [
-            [V, l.value]
+            [V, c.value]
           ])
         ]),
         _: 1
@@ -3394,7 +3395,7 @@ const Go = {
   },
   setup(e, { emit: n }) {
     const { t } = se(), l = M(""), c = M(""), d = M("password"), s = M();
-    function m() {
+    function g() {
       const b = {
         username: l.value,
         password: c.value
@@ -3510,7 +3511,7 @@ const Go = {
                 colour: "blue",
                 loading: e.loading,
                 disabled: !s.value || c.value === "",
-                onClick: ae(m, ["prevent"])
+                onClick: ae(g, ["prevent"])
               }, {
                 default: Q(() => [
                   Y($(o(t)("login.login")), 1)
@@ -3556,19 +3557,19 @@ const Go = {
   setup(e) {
     const n = A(() => t.value.filter((s) => s.open === !0).length > 0), t = M([]), l = M(!1);
     function c(s) {
-      let m = t.value.find((a) => a.id === s);
-      return m || (m = {
+      let g = t.value.find((a) => a.id === s);
+      return g || (g = {
         id: s,
         open: !1
-      }, t.value.push(m)), m.open;
+      }, t.value.push(g)), g.open;
     }
     function d(s) {
-      const m = t.value.find((a) => a.id === s);
-      m && (m.open = !m.open, t.value.forEach((a) => {
+      const g = t.value.find((a) => a.id === s);
+      g && (g.open = !g.open, t.value.forEach((a) => {
         a.id !== s && (a.open = !1);
       }));
     }
-    return (s, m) => {
+    return (s, g) => {
       const a = _("icon");
       return i(), u("div", rc, [
         r("div", uc, [
@@ -3585,7 +3586,7 @@ const Go = {
               r("div", dc, [
                 r("span", {
                   class: "cl-absolute cl-cursor-pointer cl-h-8 cl-hidden cl-leading-8 cl-right-0 cl-text-center cl-top-0 cl-w-8 md:cl-inline-block",
-                  onClick: m[0] || (m[0] = (f) => l.value = !l.value)
+                  onClick: g[0] || (g[0] = (f) => l.value = !l.value)
                 }, [
                   l.value ? (i(), K(a, {
                     key: 1,
@@ -3688,7 +3689,7 @@ const Oc = /* @__PURE__ */ he(Tc, [["render", Sc]]), Ec = { class: "cl-w-full" }
       } else
         l.value = !1, c.value = !1;
     }
-    function m() {
+    function g() {
       s(), window.addEventListener("resize", s);
     }
     function a(f) {
@@ -3698,7 +3699,7 @@ const Oc = /* @__PURE__ */ he(Tc, [["render", Sc]]), Ec = { class: "cl-w-full" }
         f === "left" && (b = -p), t.value.scroll(t.value.scrollLeft + b, 0);
       }
     }
-    return Oe(() => m()), Ie(() => window.removeEventListener("resize", s)), (f, p) => {
+    return Oe(() => g()), Ie(() => window.removeEventListener("resize", s)), (f, p) => {
       const b = _("icon");
       return i(), u("div", Ec, [
         r("div", null, [
@@ -3759,7 +3760,7 @@ const Oc = /* @__PURE__ */ he(Tc, [["render", Sc]]), Ec = { class: "cl-w-full" }
     function s() {
       t.disabled || (l.value = !1, c.value = !1, n("update:currentTab", t.id));
     }
-    return (m, a) => (i(), u("div", {
+    return (g, a) => (i(), u("div", {
       class: U(["cl-border-b cl-cursor-pointer cl-flex cl-items-center cl-px-4 cl-py-2 cl-rounded-b-none cl-rounded-sm cl-select-none cl-text-xl cl-transition cl-whitespace-nowrap focus:cl-outline-none", {
         "!cl-cursor-default cl-text-grey-4 !cl-border-grey-2": e.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": o(d),
@@ -3787,7 +3788,7 @@ const Oc = /* @__PURE__ */ he(Tc, [["render", Sc]]), Ec = { class: "cl-w-full" }
       onFocusout: a[3] || (a[3] = (f) => l.value = !1),
       onKeyup: Se(ae(s, ["self"]), ["enter"])
     }, [
-      R(m.$slots, "default")
+      R(g.$slots, "default")
     ], 42, Ac));
   }
 }), Ic = {};