alytus-ff 0.1.33 → 0.1.35

package/dist/alytus-ff.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, createElementBlock as g, openBlock as r, createElementVNode as y, createCommentVNode as k, toDisplayString as _, renderSlot as T, normalizeClass as D, resolveComponent as l, createBlock as $, withCtx as o, Fragment as V, renderList as S, createVNode as s, createTextVNode as w, computed as L, ref as E, normalizeProps as K, guardReactiveProps as J, mergeProps as P, resolveDynamicComponent as I, normalizeStyle as W } from "vue";
-import { useRouter as Q, useRoute as X } from "vue-router";
+import { defineComponent as A, createElementBlock as v, openBlock as r, createElementVNode as $, createCommentVNode as k, toDisplayString as g, renderSlot as O, normalizeClass as D, resolveComponent as s, createBlock as h, withCtx as o, Fragment as w, renderList as S, createVNode as a, createTextVNode as V, computed as H, ref as E, normalizeProps as J, guardReactiveProps as W, mergeProps as P, resolveDynamicComponent as I, normalizeStyle as Q } from "vue";
+import { useRouter as X, useRoute as x } from "vue-router";
 import { useI18n as B } from "vue-i18n";
-const x = C({
+const ee = A({
   name: "PageTitle",
   props: {
     title: {
@@ -13,27 +13,27 @@ const x = C({
       default: null
     }
   }
-}), H = (e, t) => {
+}), L = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [a, u] of t)
-    n[a] = u;
+  for (const [i, l] of t)
+    n[i] = l;
   return n;
-}, ee = { class: "mt-6 mb-3 ff-page-title" }, te = { class: "text-h5 ff-title" }, ne = {
+}, te = { class: "mt-6 mb-3 ff-page-title" }, ne = { class: "text-h5 ff-title" }, oe = {
   key: 0,
   class: "text-body-2 ff-description"
 };
-function oe(e, t, n, a, u, d) {
-  return r(), g("div", ee, [
-    y("div", null, [
-      y("span", te, _(e.title), 1),
-      e.description ? (r(), g("div", ne, _(e.description), 1)) : k("", !0)
+function re(e, t, n, i, l, c) {
+  return r(), v("div", te, [
+    $("div", null, [
+      $("span", ne, g(e.title), 1),
+      e.description ? (r(), v("div", oe, g(e.description), 1)) : k("", !0)
     ]),
-    y("div", null, [
-      T(e.$slots, "buttons")
+    $("div", null, [
+      O(e.$slots, "buttons")
     ])
   ]);
 }
-const Qt = /* @__PURE__ */ H(x, [["render", oe]]), re = C({
+const en = /* @__PURE__ */ L(ee, [["render", re]]), se = A({
   name: "PageSubtitle",
   props: {
     subtitle: {
@@ -45,18 +45,18 @@ const Qt = /* @__PURE__ */ H(x, [["render", oe]]), re = C({
       default: !1
     }
   }
-}), se = { class: "text-h6 font-weight-bold" };
-function le(e, t, n, a, u, d) {
-  return r(), g("div", {
+}), le = { class: "text-h6 font-weight-bold" };
+function ae(e, t, n, i, l, c) {
+  return r(), v("div", {
     class: D([e.firstPosition ? "mt-0" : "", "ff-page-subtitle"])
   }, [
-    y("div", se, _(e.subtitle), 1),
-    y("div", null, [
-      T(e.$slots, "buttons")
+    $("div", le, g(e.subtitle), 1),
+    $("div", null, [
+      O(e.$slots, "buttons")
     ])
   ], 2);
 }
-const Xt = /* @__PURE__ */ H(re, [["render", le]]), ae = C({
+const tn = /* @__PURE__ */ L(se, [["render", ae]]), ie = A({
   name: "InnerLeftMenu",
   components: {},
   props: {
@@ -66,22 +66,22 @@ const Xt = /* @__PURE__ */ H(re, [["render", le]]), ae = C({
     }
   },
   setup() {
-    const e = Q(), t = X();
-    return { goTo: (u) => e.push(u), isActive: (u) => t.fullPath.startsWith(u) };
+    const e = X(), t = x();
+    return { goTo: (l) => e.push(l), isActive: (l) => t.fullPath.startsWith(l) };
   }
 });
-function ie(e, t, n, a, u, d) {
-  const c = l("v-list-item-title"), f = l("v-list-item"), v = l("v-list");
-  return r(), $(v, { class: "inner-left-menu mobile-horizontal" }, {
+function ue(e, t, n, i, l, c) {
+  const d = s("v-list-item-title"), f = s("v-list-item"), _ = s("v-list");
+  return r(), h(_, { class: "inner-left-menu mobile-horizontal" }, {
     default: o(() => [
-      (r(!0), g(V, null, S(e.items, (i) => (r(), $(f, {
-        active: e.isActive(i.link),
-        onClick: (p) => e.goTo(i.link)
+      (r(!0), v(w, null, S(e.items, (u) => (r(), h(f, {
+        active: e.isActive(u.link),
+        onClick: (p) => e.goTo(u.link)
       }, {
         default: o(() => [
-          s(c, null, {
+          a(d, null, {
             default: o(() => [
-              w(_(i.text), 1)
+              V(g(u.text), 1)
             ]),
             _: 2
           }, 1024)
@@ -92,13 +92,13 @@ function ie(e, t, n, a, u, d) {
     _: 1
   });
 }
-const xt = /* @__PURE__ */ H(ae, [["render", ie]]);
-var ue = "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z", de = "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", ce = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", me = "M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z", pe = "M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z", fe = "M17 7L15.59 8.41L18.17 11H8V13H18.17L15.59 15.58L17 17L22 12M4 5H12V3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H12V19H4V5Z", ge = "M7,10L12,15L17,10H7Z", ve = "M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z", _e = "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z";
-const ye = C({
+const nn = /* @__PURE__ */ L(ie, [["render", ue]]);
+var ce = "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z", Y = "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", de = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", me = "M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z", pe = "M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z", fe = "M17 7L15.59 8.41L18.17 11H8V13H18.17L15.59 15.58L17 17L22 12M4 5H12V3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H12V19H4V5Z", ve = "M7,10L12,15L17,10H7Z", _e = "M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z", ge = "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z", ye = "M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z";
+const $e = A({
   name: "CustomDialog",
   methods: {
     mdiClose() {
-      return ce;
+      return de;
     }
   },
   props: {
@@ -127,45 +127,45 @@ const ye = C({
       default: !1
     }
   }
-}), $e = { class: "close-btn" };
-function he(e, t, n, a, u, d) {
-  const c = l("v-btn"), f = l("v-card-text"), v = l("v-spacer"), i = l("v-card-actions"), p = l("v-card"), M = l("v-dialog");
-  return r(), $(M, {
+}), he = { class: "close-btn" };
+function be(e, t, n, i, l, c) {
+  const d = s("v-btn"), f = s("v-card-text"), _ = s("v-spacer"), u = s("v-card-actions"), p = s("v-card"), b = s("v-dialog");
+  return r(), h(b, {
     "model-value": e.value,
     "max-width": "960",
     persistent: e.persistent,
     fullscreen: e.$vuetify.display.smAndDown && !e.noFullScreen,
     class: D([e.fullHeight ? "ff-dialog" : "ff-dialog ff-full-height"]),
     "content-class": e.fullHeight ? "ff-full-height" : "",
-    "onUpdate:modelValue": t[1] || (t[1] = (h) => e.$emit("close"))
+    "onUpdate:modelValue": t[1] || (t[1] = (y) => e.$emit("close"))
   }, {
     default: o(() => [
-      T(e.$slots, "card", {}, () => [
-        s(p, {
+      O(e.$slots, "card", {}, () => [
+        a(p, {
           title: e.title,
           class: D(e.fullHeight ? "ff-full-height" : "")
         }, {
           append: o(() => [
-            y("div", $e, [
-              s(c, {
+            $("div", he, [
+              a(d, {
                 variant: "text",
                 icon: e.mdiClose(),
-                onClick: t[0] || (t[0] = (h) => e.$emit("close"))
+                onClick: t[0] || (t[0] = (y) => e.$emit("close"))
               }, null, 8, ["icon"])
             ])
           ]),
           default: o(() => [
-            s(f, null, {
+            a(f, null, {
               default: o(() => [
-                T(e.$slots, "default")
+                O(e.$slots, "default")
               ]),
               _: 3
             }),
-            e.noFooter ? k("", !0) : (r(), $(i, { key: 0 }, {
+            e.noFooter ? k("", !0) : (r(), h(u, { key: 0 }, {
               default: o(() => [
-                T(e.$slots, "left-footer"),
-                s(v),
-                T(e.$slots, "footer")
+                O(e.$slots, "left-footer"),
+                a(_),
+                O(e.$slots, "footer")
               ]),
               _: 3
             }))
@@ -177,7 +177,7 @@ function he(e, t, n, a, u, d) {
     _: 3
   }, 8, ["model-value", "persistent", "fullscreen", "class", "content-class"]);
 }
-const be = /* @__PURE__ */ H(ye, [["render", he]]), Me = C({
+const Me = /* @__PURE__ */ L($e, [["render", be]]), ke = A({
   name: "AccountAvatar",
   props: {
     item: {
@@ -190,19 +190,19 @@ const be = /* @__PURE__ */ H(ye, [["render", he]]), Me = C({
     }
   }
 });
-function ke(e, t, n, a, u, d) {
-  const c = l("v-avatar");
-  return r(), $(c, {
+function Ce(e, t, n, i, l, c) {
+  const d = s("v-avatar");
+  return r(), h(d, {
     class: D(`ff-avatar avatar-${e.size}-${e.item.initials.length >= 3 ? "l" : "s"}`),
     size: e.size
   }, {
     default: o(() => [
-      w(_(e.item.initials), 1)
+      V(g(e.item.initials), 1)
     ]),
     _: 1
   }, 8, ["class", "size"]);
 }
-const Z = /* @__PURE__ */ H(Me, [["render", ke]]), q = (e) => e.surname ? `${e.name} ${e.surname}` : e.name, en = (e) => e == null ? "" : e.name ? e.surname ? `${e.name.trim().substring(0, 1).toUpperCase()}${e.surname.trim().substring(0, 1).toUpperCase()}` : e.name.trim().substring(0, 1).toUpperCase() : e.surname ? e.surname.trim().substring(0, 1).toUpperCase() : "", Ae = C({
+const Z = /* @__PURE__ */ L(ke, [["render", Ce]]), q = (e) => e.surname ? `${e.name} ${e.surname}` : e.name, on = (e) => e == null ? "" : e.name ? e.surname ? `${e.name.trim().substring(0, 1).toUpperCase()}${e.surname.trim().substring(0, 1).toUpperCase()}` : e.name.trim().substring(0, 1).toUpperCase() : e.surname ? e.surname.trim().substring(0, 1).toUpperCase() : "", Ae = A({
   name: "UserAvatar",
   props: {
     user: {
@@ -219,27 +219,27 @@ const Z = /* @__PURE__ */ H(Me, [["render", ke]]), q = (e) => e.surname ? `${e.n
     }
   },
   setup(e) {
-    return { fullName: L(() => q(e.user)) };
+    return { fullName: H(() => q(e.user)) };
   }
 }), Le = { key: 1 };
-function Ce(e, t, n, a, u, d) {
-  const c = l("v-img"), f = l("v-avatar");
-  return r(), $(f, {
+function He(e, t, n, i, l, c) {
+  const d = s("v-img"), f = s("v-avatar");
+  return r(), h(f, {
     color: e.user.avatar_thumb ? "light_grey_bg" : e.user.color ?? "primary",
     class: D(`avatar-${e.size}-${e.user.initials.length >= 3 ? "l" : "s"}`),
     size: e.size
   }, {
     default: o(() => [
-      e.user.avatar_thumb ? (r(), $(c, {
+      e.user.avatar_thumb ? (r(), h(d, {
         key: 0,
         alt: e.fullName,
         src: `${e.baseUrl}/${e.user.avatar_thumb}`
-      }, null, 8, ["alt", "src"])) : (r(), g("span", Le, _(e.user.initials), 1))
+      }, null, 8, ["alt", "src"])) : (r(), v("span", Le, g(e.user.initials), 1))
     ]),
     _: 1
   }, 8, ["color", "class", "size"]);
 }
-const F = /* @__PURE__ */ H(Ae, [["render", Ce]]), He = C({
+const F = /* @__PURE__ */ L(Ae, [["render", He]]), Ve = A({
   name: "UserMenu",
   components: { AccountAvatar: Z, UserAvatar: F },
   methods: {
@@ -247,13 +247,13 @@ const F = /* @__PURE__ */ H(Ae, [["render", Ce]]), He = C({
       return fe;
     },
     mdiAccount() {
-      return ue;
+      return ce;
     },
     mdiMenuDown() {
-      return ge;
+      return ve;
     },
     mdiCheck() {
-      return de;
+      return Y;
     },
     formatFullName: q
   },
@@ -295,60 +295,60 @@ const F = /* @__PURE__ */ H(Ae, [["render", Ce]]), He = C({
     "log-out"
   ],
   setup(e, { emit: t }) {
-    const { t: n } = B(), a = E(!1), u = E(!1), d = L(() => e.currentUser != null ? q(e.currentUser) : "-"), c = L(() => e.currentAccounts.map((h) => h.id)), f = L(() => e.currentAccounts.length === 1 ? q(e.currentAccounts[0]) : `${e.currentAccounts.length} ${n("aff.workspaces")}`);
-    return { isOpen: a, userName: d, langMenu: u, accountIds: c, accountTitle: f, selectAccount: (h) => {
-      e.multipleAccounts ? t(c.value.indexOf(h.id) >= 0 ? "unselect-account" : "select-account", h) : t("select-account", h);
+    const { t: n } = B(), i = E(!1), l = E(!1), c = H(() => e.currentUser != null ? q(e.currentUser) : "-"), d = H(() => e.currentAccounts.map((y) => y.id)), f = H(() => e.currentAccounts.length === 1 ? q(e.currentAccounts[0]) : `${e.currentAccounts.length} ${n("aff.workspaces")}`);
+    return { isOpen: i, userName: c, langMenu: l, accountIds: d, accountTitle: f, selectAccount: (y) => {
+      e.multipleAccounts ? t(d.value.indexOf(y.id) >= 0 ? "unselect-account" : "select-account", y) : t("select-account", y);
     }, openProfile: () => {
-      t("open-profile"), a.value = !1;
-    }, switchLang: (h) => {
-      t("switch-lang", h), u.value = !1;
+      t("open-profile"), i.value = !1;
+    }, switchLang: (y) => {
+      t("switch-lang", y), l.value = !1;
     }, logOut: () => {
-      t("log-out"), a.value = !1;
+      t("log-out"), i.value = !1;
     } };
   }
-}), we = { class: "ff-user-btn-text" }, Ve = { class: "name" }, Se = { class: "comp" }, Pe = { class: "as-avatar" }, Ue = ["src"], De = ["src"], Ee = { class: "as-avatar" }, Te = { class: "as-avatar" };
-function ze(e, t, n, a, u, d) {
-  const c = l("UserAvatar"), f = l("v-btn"), v = l("v-list-subheader"), i = l("v-list-item"), p = l("AccountAvatar"), M = l("v-list-item-title"), h = l("v-icon"), m = l("v-list"), U = l("v-menu"), O = l("v-card-text"), R = l("v-card");
-  return r(), $(U, {
+}), we = { class: "ff-user-btn-text" }, Se = { class: "name" }, Pe = { class: "comp" }, Ue = { class: "as-avatar" }, De = ["src"], Ee = ["src"], Oe = { class: "as-avatar" }, Te = { class: "as-avatar" };
+function ze(e, t, n, i, l, c) {
+  const d = s("UserAvatar"), f = s("v-btn"), _ = s("v-list-subheader"), u = s("v-list-item"), p = s("AccountAvatar"), b = s("v-list-item-title"), y = s("v-icon"), m = s("v-list"), U = s("v-menu"), z = s("v-card-text"), R = s("v-card");
+  return r(), h(U, {
     modelValue: e.isOpen,
-    "onUpdate:modelValue": t[2] || (t[2] = (b) => e.isOpen = b),
+    "onUpdate:modelValue": t[2] || (t[2] = (M) => e.isOpen = M),
     "close-on-content-click": !1
   }, {
-    activator: o(({ props: b }) => [
-      s(f, P(b, { class: "ff-user-btn" }), {
+    activator: o(({ props: M }) => [
+      a(f, P(M, { class: "ff-user-btn" }), {
         default: o(() => [
-          s(c, {
+          a(d, {
             size: 32,
             user: e.currentUser,
             "base-url": e.baseUrl + "/avatars"
           }, null, 8, ["user", "base-url"]),
-          y("div", we, [
-            y("div", Ve, _(e.userName), 1),
-            y("div", Se, _(e.accountTitle), 1)
+          $("div", we, [
+            $("div", Se, g(e.userName), 1),
+            $("div", Pe, g(e.accountTitle), 1)
           ])
         ]),
         _: 2
       }, 1040)
     ]),
     default: o(() => [
-      s(R, { class: "ff-user-manu-card" }, {
+      a(R, { class: "ff-user-manu-card" }, {
         default: o(() => [
-          s(O, { class: "pa-0" }, {
+          a(z, { class: "pa-0" }, {
             default: o(() => [
-              s(m, null, {
+              a(m, null, {
                 default: o(() => [
-                  s(v, null, {
+                  a(_, null, {
                     default: o(() => [
-                      w(_(e.$t("aff.Logged in as")) + ":", 1)
+                      V(g(e.$t("aff.Logged in as")) + ":", 1)
                     ]),
                     _: 1
                   }),
-                  s(i, {
+                  a(u, {
                     title: e.userName,
                     subtitle: e.currentUser?.email ?? ""
                   }, {
                     prepend: o(() => [
-                      s(c, {
+                      a(d, {
                         size: 32,
                         user: e.currentUser,
                         "base-url": e.baseUrl + "/avatars"
@@ -356,83 +356,83 @@ function ze(e, t, n, a, u, d) {
                     ]),
                     _: 1
                   }, 8, ["title", "subtitle"]),
-                  s(v, null, {
+                  a(_, null, {
                     default: o(() => [
-                      w(_(e.$t("aff.Choose active company")) + ":", 1)
+                      V(g(e.$t("aff.Choose active company")) + ":", 1)
                     ]),
                     _: 1
                   }),
-                  (r(!0), g(V, null, S(e.accounts, (b) => (r(), $(i, {
-                    key: b.id,
-                    onClick: (N) => e.selectAccount(b)
+                  (r(!0), v(w, null, S(e.accounts, (M) => (r(), h(u, {
+                    key: M.id,
+                    onClick: (N) => e.selectAccount(M)
                   }, {
                     prepend: o(() => [
-                      s(p, { item: b }, null, 8, ["item"])
+                      a(p, { item: M }, null, 8, ["item"])
                     ]),
                     append: o(() => [
-                      s(h, {
-                        color: e.accountIds.indexOf(b.id) >= 0 ? "primary" : "white",
+                      a(y, {
+                        color: e.accountIds.indexOf(M.id) >= 0 ? "primary" : "white",
                         icon: e.mdiCheck()
                       }, null, 8, ["color", "icon"])
                     ]),
                     default: o(() => [
-                      s(M, null, {
+                      a(b, null, {
                         default: o(() => [
-                          w(_(e.formatFullName(b)), 1)
+                          V(g(e.formatFullName(M)), 1)
                         ]),
                         _: 2
                       }, 1024)
                     ]),
                     _: 2
                   }, 1032, ["onClick"]))), 128)),
-                  s(v, null, {
+                  a(_, null, {
                     default: o(() => [
-                      w(_(e.$t("aff.Actions")) + ":", 1)
+                      V(g(e.$t("aff.Actions")) + ":", 1)
                     ]),
                     _: 1
                   }),
-                  e.langs.length > 1 ? (r(), $(i, {
+                  e.langs.length > 1 ? (r(), h(u, {
                     key: 0,
                     "append-icon": e.mdiMenuDown(),
-                    onClick: t[1] || (t[1] = (b) => e.langMenu = !0)
+                    onClick: t[1] || (t[1] = (M) => e.langMenu = !0)
                   }, {
                     prepend: o(() => [
-                      y("div", Pe, [
-                        y("img", {
+                      $("div", Ue, [
+                        $("img", {
                           src: e.currentLang.icon,
                           height: "15",
                           width: "20",
                           alt: ""
-                        }, null, 8, Ue)
+                        }, null, 8, De)
                       ])
                     ]),
                     default: o(() => [
-                      s(M, null, {
+                      a(b, null, {
                         default: o(() => [
-                          s(U, {
+                          a(U, {
                             modelValue: e.langMenu,
-                            "onUpdate:modelValue": t[0] || (t[0] = (b) => e.langMenu = b),
+                            "onUpdate:modelValue": t[0] || (t[0] = (M) => e.langMenu = M),
                             "close-on-content-click": !1
                           }, {
-                            activator: o(({ props: b }) => [
-                              y("span", K(J(b)), _(e.currentLang.title), 17)
+                            activator: o(({ props: M }) => [
+                              $("span", J(W(M)), g(e.currentLang.title), 17)
                             ]),
                             default: o(() => [
-                              s(m, null, {
+                              a(m, null, {
                                 default: o(() => [
-                                  (r(!0), g(V, null, S(e.langs, (b) => (r(), $(i, {
-                                    key: b.value,
-                                    title: b.title,
-                                    onClick: (N) => e.switchLang(b)
+                                  (r(!0), v(w, null, S(e.langs, (M) => (r(), h(u, {
+                                    key: M.value,
+                                    title: M.title,
+                                    onClick: (N) => e.switchLang(M)
                                   }, {
                                     prepend: o(() => [
-                                      y("img", {
-                                        src: b.icon,
+                                      $("img", {
+                                        src: M.icon,
                                         height: "18",
                                         width: "24",
                                         alt: "",
                                         class: "mr-4"
-                                      }, null, 8, De)
+                                      }, null, 8, Ee)
                                     ]),
                                     _: 2
                                   }, 1032, ["title", "onClick"]))), 128))
@@ -448,26 +448,26 @@ function ze(e, t, n, a, u, d) {
                     ]),
                     _: 1
                   }, 8, ["append-icon"])) : k("", !0),
-                  s(i, {
+                  a(u, {
                     title: e.$t("aff.Profile settings"),
                     onClick: e.openProfile
                   }, {
                     prepend: o(() => [
-                      y("div", Ee, [
-                        s(h, {
+                      $("div", Oe, [
+                        a(y, {
                           icon: e.mdiAccount()
                         }, null, 8, ["icon"])
                       ])
                     ]),
                     _: 1
                   }, 8, ["title", "onClick"]),
-                  s(i, {
+                  a(u, {
                     title: e.$t("aff.Log out"),
                     onClick: e.logOut
                   }, {
                     prepend: o(() => [
-                      y("div", Te, [
-                        s(h, {
+                      $("div", Te, [
+                        a(y, {
                           icon: e.mdiLogout()
                         }, null, 8, ["icon"])
                       ])
@@ -487,7 +487,7 @@ function ze(e, t, n, a, u, d) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const tn = /* @__PURE__ */ H(He, [["render", ze]]), Oe = C({
+const rn = /* @__PURE__ */ L(Ve, [["render", ze]]), qe = A({
   name: "ErrorDialog",
   props: {
     show: {
@@ -510,41 +510,41 @@ const tn = /* @__PURE__ */ H(He, [["render", ze]]), Oe = C({
   emits: ["close"],
   setup(e) {
     const { t } = B();
-    return { title: L(() => e.errorTitle ?? t("aff.Error occurred")) };
+    return { title: H(() => e.errorTitle ?? t("aff.Error occurred")) };
   }
-}), qe = ["innerHTML"], Be = { key: 1 };
-function Ie(e, t, n, a, u, d) {
-  const c = l("v-card-text"), f = l("v-spacer"), v = l("v-btn"), i = l("v-card-actions"), p = l("v-card"), M = l("v-dialog");
-  return r(), $(M, {
+}), Be = ["innerHTML"], Ie = { key: 1 };
+function Fe(e, t, n, i, l, c) {
+  const d = s("v-card-text"), f = s("v-spacer"), _ = s("v-btn"), u = s("v-card-actions"), p = s("v-card"), b = s("v-dialog");
+  return r(), h(b, {
     "max-width": "500",
     "model-value": e.show,
-    onClose: t[1] || (t[1] = (h) => e.$emit("close"))
+    onClose: t[1] || (t[1] = (y) => e.$emit("close"))
   }, {
     default: o(() => [
-      s(p, {
+      a(p, {
         title: e.title,
         theme: "dark"
       }, {
         default: o(() => [
-          s(c, null, {
+          a(d, null, {
             default: o(() => [
-              e.errorDetails ? (r(), g("span", {
+              e.errorDetails ? (r(), v("span", {
                 key: 0,
                 innerHTML: e.errorDetails
-              }, null, 8, qe)) : k("", !0),
-              t[2] || (t[2] = w()),
-              e.errorCode ? (r(), g("span", Be, "(" + _(e.$t("aff.Code")) + ": " + _(e.errorCode) + ")", 1)) : k("", !0)
+              }, null, 8, Be)) : k("", !0),
+              t[2] || (t[2] = V()),
+              e.errorCode ? (r(), v("span", Ie, "(" + g(e.$t("aff.Code")) + ": " + g(e.errorCode) + ")", 1)) : k("", !0)
             ]),
             _: 1
           }),
-          s(i, null, {
+          a(u, null, {
             default: o(() => [
-              s(f),
-              s(v, {
+              a(f),
+              a(_, {
                 text: e.$t("aff.Close"),
                 color: "primary",
                 variant: "flat",
-                onClick: t[0] || (t[0] = (h) => e.$emit("close"))
+                onClick: t[0] || (t[0] = (y) => e.$emit("close"))
               }, null, 8, ["text"])
             ]),
             _: 1
@@ -556,7 +556,7 @@ function Ie(e, t, n, a, u, d) {
     _: 1
   }, 8, ["model-value"]);
 }
-const nn = /* @__PURE__ */ H(Oe, [["render", Ie]]), Fe = C({
+const sn = /* @__PURE__ */ L(qe, [["render", Fe]]), Re = A({
   name: "FieldRow",
   props: {
     label: {
@@ -575,62 +575,62 @@ const nn = /* @__PURE__ */ H(Oe, [["render", Ie]]), Fe = C({
   setup() {
     return {};
   }
-}), Re = { class: "lbl-col text-body-2" }, Ne = { class: "lbl" }, je = ["innerHTML"], Ze = { class: "inp-col" }, Ge = ["innerHTML"];
-function Ye(e, t, n, a, u, d) {
-  return r(), g("div", {
+}), Ne = { class: "lbl-col text-body-2" }, je = { class: "lbl" }, Ze = ["innerHTML"], Ge = { class: "inp-col" }, Ye = ["innerHTML"];
+function Ke(e, t, n, i, l, c) {
+  return r(), v("div", {
     class: D(["fld-row mobile-margin", e.errorMessage ? "fld-err" : ""])
   }, [
-    y("div", Re, [
-      y("div", Ne, _(e.label), 1),
-      e.description ? (r(), g("div", {
+    $("div", Ne, [
+      $("div", je, g(e.label), 1),
+      e.description ? (r(), v("div", {
         key: 0,
         class: "descr",
         innerHTML: e.description
-      }, null, 8, je)) : k("", !0)
+      }, null, 8, Ze)) : k("", !0)
     ]),
-    y("div", Ze, [
-      T(e.$slots, "default", {
+    $("div", Ge, [
+      O(e.$slots, "default", {
         hideDetails: !e.errorMessage,
         errorMessages: e.errorMessage
       })
     ]),
-    e.description ? (r(), g("div", {
+    e.description ? (r(), v("div", {
       key: 0,
       class: "descr-col text-body-2",
       innerHTML: e.description
-    }, null, 8, Ge)) : k("", !0)
+    }, null, 8, Ye)) : k("", !0)
   ], 2);
 }
-const on = /* @__PURE__ */ H(Fe, [["render", Ye]]), Ke = C({
+const ln = /* @__PURE__ */ L(Re, [["render", Ke]]), Je = A({
   name: "ColorPicker",
   components: { UserAvatar: F, AccountAvatar: Z },
   setup() {
     const e = E(null), t = (() => {
       const n = [];
-      for (let a = 1; a <= 48; a++)
-        n.push(`color-${a}`);
+      for (let i = 1; i <= 48; i++)
+        n.push(`color-${i}`);
       return n;
     })();
     return { val: e, colors: t };
   }
 });
-function Je(e, t, n, a, u, d) {
-  const c = l("v-avatar"), f = l("v-list-item-title"), v = l("v-list-item"), i = l("v-list"), p = l("v-card-text"), M = l("v-card");
-  return r(), $(M, { class: "ff-col-pckr" }, {
+function We(e, t, n, i, l, c) {
+  const d = s("v-avatar"), f = s("v-list-item-title"), _ = s("v-list-item"), u = s("v-list"), p = s("v-card-text"), b = s("v-card");
+  return r(), h(b, { class: "ff-col-pckr" }, {
     default: o(() => [
-      s(p, { style: { width: "305px", padding: "0 8px" } }, {
+      a(p, { style: { width: "305px", padding: "0 8px" } }, {
         default: o(() => [
-          s(i, { style: { width: "289px" } }, {
+          a(u, { style: { width: "289px" } }, {
             default: o(() => [
-              (r(!0), g(V, null, S(e.colors, (h) => (r(), $(v, {
-                key: h,
-                onClick: (m) => e.$emit("change", h)
+              (r(!0), v(w, null, S(e.colors, (y) => (r(), h(_, {
+                key: y,
+                onClick: (m) => e.$emit("change", y)
               }, {
                 default: o(() => [
-                  s(f, null, {
+                  a(f, null, {
                     default: o(() => [
-                      s(c, {
-                        color: h,
+                      a(d, {
+                        color: y,
                         size: "32"
                       }, null, 8, ["color"])
                     ]),
@@ -649,7 +649,7 @@ function Je(e, t, n, a, u, d) {
     _: 1
   });
 }
-const We = /* @__PURE__ */ H(Ke, [["render", Je]]), Qe = C({
+const Qe = /* @__PURE__ */ L(Je, [["render", We]]), Xe = A({
   name: "FieldLabel",
   props: {
     label: {
@@ -670,18 +670,18 @@ const We = /* @__PURE__ */ H(Ke, [["render", Je]]), Qe = C({
     }
   }
 });
-function Xe(e, t, n, a, u, d) {
-  const c = l("v-col");
-  return r(), $(c, {
+function xe(e, t, n, i, l, c) {
+  const d = s("v-col");
+  return r(), h(d, {
     cols: e.cols,
     sm: e.sm,
     class: "fld"
   }, {
     default: o(() => [
-      y("div", {
+      $("div", {
         class: D(["fld-lbl", e.errorMessages ? "fld-err" : ""])
-      }, _(e.label), 3),
-      T(e.$slots, "default", {
+      }, g(e.label), 3),
+      O(e.$slots, "default", {
         hideDetails: !e.errorMessages,
         errorMessages: e.errorMessages
       })
@@ -689,15 +689,15 @@ function Xe(e, t, n, a, u, d) {
     _: 3
   }, 8, ["cols", "sm"]);
 }
-const xe = /* @__PURE__ */ H(Qe, [["render", Xe]]), et = (e, t, n) => (Object.defineProperty(e, t, {
+const et = /* @__PURE__ */ L(Xe, [["render", xe]]), tt = (e, t, n) => (Object.defineProperty(e, t, {
   value: n,
   writable: !1,
   configurable: !1,
   enumerable: !1
-}), n), tt = (e, t, n) => e.reduce((a, u) => {
-  const d = u[t];
-  return a[d] = u[n], a;
-}, {}), Y = [
+}), n), nt = (e, t, n) => e.reduce((i, l) => {
+  const c = l[t];
+  return i[c] = l[n], i;
+}, {}), K = [
   { title: "lng.sv-se", value: "sv_SE" },
   // $t("lng.sv-se")
   { title: "lng.sl-si", value: "sl_SI" },
@@ -758,7 +758,7 @@ const xe = /* @__PURE__ */ H(Qe, [["render", Xe]]), et = (e, t, n) => (Object.de
   // $t("lng.ro-ro")
   { title: "lng.pt-pt", value: "pt_PT" }
   // $t("lng.pt-pt")
-], rn = [
+], an = [
   { title: "lngin.et-ee", value: "et_EE" },
   // $t("lngin.et-ee")
   { title: "lngin.lv-lv", value: "lv_LV" },
@@ -779,7 +779,7 @@ const xe = /* @__PURE__ */ H(Qe, [["render", Xe]]), et = (e, t, n) => (Object.de
   // $t("lngin.de-de")
 ], j = {
   get LangsEnum() {
-    return et(this, "LangsEnum", tt(Y, "value", "title"));
+    return tt(this, "LangsEnum", nt(K, "value", "title"));
   },
   FrmLang(e) {
     return this.LangsEnum[e] ?? e;
@@ -798,10 +798,10 @@ const xe = /* @__PURE__ */ H(Qe, [["render", Xe]]), et = (e, t, n) => (Object.de
         return e.replace("-", "_");
     }
   }
-}, nt = C({
+}, ot = A({
   methods: {
     mdiPencil() {
-      return _e;
+      return ge;
     },
     mdiKeyVariant() {
       return pe;
@@ -820,73 +820,73 @@ const xe = /* @__PURE__ */ H(Qe, [["render", Xe]]), et = (e, t, n) => (Object.de
   },
   emits: ["edit-profile", "change-password"],
   setup(e) {
-    const { t } = B(), n = L(() => e.currentUser?.locale ? t(j.FrmLang(j.ToLongFormat(e.currentUser.locale))) : ""), a = L(() => e.currentUser ? q(e.currentUser) : "");
-    return { langauge: n, fullName: a };
+    const { t } = B(), n = H(() => e.currentUser?.locale ? t(j.FrmLang(j.ToLongFormat(e.currentUser.locale))) : ""), i = H(() => e.currentUser ? q(e.currentUser) : "");
+    return { langauge: n, fullName: i };
   }
-}), ot = { class: "avatar" }, rt = { class: "details" }, st = { class: "name" }, lt = {
+}), rt = { class: "avatar" }, st = { class: "details" }, lt = { class: "name" }, at = {
   key: 0,
   class: "email"
-}, at = { class: "email" };
-function it(e, t, n, a, u, d) {
-  const c = l("UserAvatar"), f = l("v-col"), v = l("v-icon"), i = l("v-btn"), p = l("v-row");
-  return e.currentUser ? (r(), $(p, {
+}, it = { class: "email" };
+function ut(e, t, n, i, l, c) {
+  const d = s("UserAvatar"), f = s("v-col"), _ = s("v-icon"), u = s("v-btn"), p = s("v-row");
+  return e.currentUser ? (r(), h(p, {
     key: 0,
     class: "mt-6 prof-hor"
   }, {
     default: o(() => [
-      s(f, {
+      a(f, {
         cols: "12",
         sm: "7",
         class: "profile"
       }, {
         default: o(() => [
-          y("div", ot, [
-            s(c, {
+          $("div", rt, [
+            a(d, {
               size: 96,
               user: e.currentUser,
               "base-url": e.baseUrl + "/avatars"
             }, null, 8, ["user", "base-url"])
           ]),
-          y("div", rt, [
-            y("div", st, _(e.fullName), 1),
-            e.currentUser.email ? (r(), g("div", lt, _(e.currentUser.email), 1)) : k("", !0),
-            y("div", at, _(e.$t("Language")) + ": " + _(e.langauge), 1)
+          $("div", st, [
+            $("div", lt, g(e.fullName), 1),
+            e.currentUser.email ? (r(), v("div", at, g(e.currentUser.email), 1)) : k("", !0),
+            $("div", it, g(e.$t("Language")) + ": " + g(e.langauge), 1)
           ])
         ]),
         _: 1
       }),
-      s(f, {
+      a(f, {
         cols: "12",
         sm: "5",
         class: "buttons"
       }, {
         default: o(() => [
-          y("div", null, [
-            s(i, {
+          $("div", null, [
+            a(u, {
               variant: "text",
               color: "primary",
-              onClick: t[0] || (t[0] = (M) => e.$emit("edit-profile"))
+              onClick: t[0] || (t[0] = (b) => e.$emit("edit-profile"))
             }, {
               default: o(() => [
-                s(v, {
+                a(_, {
                   icon: e.mdiPencil(),
                   class: "mr-1"
                 }, null, 8, ["icon"]),
-                w(" " + _(e.$t("Edit info")), 1)
+                V(" " + g(e.$t("Edit info")), 1)
               ]),
               _: 1
             }),
-            s(i, {
+            a(u, {
               variant: "text",
               color: "primary",
-              onClick: t[1] || (t[1] = (M) => e.$emit("change-password"))
+              onClick: t[1] || (t[1] = (b) => e.$emit("change-password"))
             }, {
               default: o(() => [
-                s(v, {
+                a(_, {
                   icon: e.mdiKeyVariant(),
                   class: "mr-1"
                 }, null, 8, ["icon"]),
-                w(" " + _(e.$t("Change password")), 1)
+                V(" " + g(e.$t("Change password")), 1)
               ]),
               _: 1
             })
@@ -898,14 +898,14 @@ function it(e, t, n, a, u, d) {
     _: 1
   })) : k("", !0);
 }
-const sn = /* @__PURE__ */ H(nt, [["render", it]]), ut = C({
+const un = /* @__PURE__ */ L(ot, [["render", ut]]), ct = A({
   name: "ProfileEditDialog",
   methods: {
     mdiPalette() {
-      return ve;
+      return _e;
     }
   },
-  components: { ColorPicker: We, UserAvatar: F, AccountAvatar: Z, FieldLabel: xe, CustomDialog: be },
+  components: { ColorPicker: Qe, UserAvatar: F, AccountAvatar: Z, FieldLabel: et, CustomDialog: Me },
   props: {
     showDialog: {
       type: Boolean,
@@ -926,115 +926,115 @@ const sn = /* @__PURE__ */ H(nt, [["render", it]]), ut = C({
   },
   emits: ["close"],
   setup(e) {
-    const { t } = B(), n = E({ ...e.currentUser }), a = E({}), u = E(j.ToLongFormat(e.currentUser.locale ?? e.fallbackLocale)), d = E(e.currentUser?.avatar_thumb ? "photo" : "color"), c = E(!1), f = L(() => [
+    const { t } = B(), n = E({ ...e.currentUser }), i = E({}), l = E(j.ToLongFormat(e.currentUser.locale ?? e.fallbackLocale)), c = E(e.currentUser?.avatar_thumb ? "photo" : "color"), d = E(!1), f = H(() => [
       { value: "photo", text: t("Photo") },
       { value: "color", text: t("Color") }
-    ]), v = L(() => Y.filter((p) => e.systemLanguages.indexOf(p.value) >= 0).map((p) => ({ title: t(p.value), value: p.value })));
-    return { formData: n, localErrors: a, languages: v, lang: u, identity: d, identities: f, loading: c, saveClick: () => {
-      c.value = !0, { ...n.value }, d.value == "color", u.value;
+    ]), _ = H(() => K.filter((p) => e.systemLanguages.indexOf(p.value) >= 0).map((p) => ({ title: t(p.value), value: p.value })));
+    return { formData: n, localErrors: i, languages: _, lang: l, identity: c, identities: f, loading: d, saveClick: () => {
+      d.value = !0, { ...n.value }, c.value == "color", l.value;
     } };
   }
 }), dt = {
   key: 0,
   class: "ff-simple-form"
-}, ct = { class: "avatar-edit" }, mt = { class: "avatar" }, pt = { class: "options" }, ft = {
+}, mt = { class: "avatar-edit" }, pt = { class: "avatar" }, ft = { class: "options" }, vt = {
   key: 0,
   class: "sel-ident"
 };
-function gt(e, t, n, a, u, d) {
-  const c = l("v-avatar"), f = l("v-radio"), v = l("v-radio-group"), i = l("v-icon"), p = l("v-btn"), M = l("ColorPicker"), h = l("v-menu"), m = l("v-col"), U = l("v-text-field"), O = l("FieldLabel"), R = l("v-select"), b = l("v-row"), N = l("CustomDialog");
-  return r(), $(N, {
+function _t(e, t, n, i, l, c) {
+  const d = s("v-avatar"), f = s("v-radio"), _ = s("v-radio-group"), u = s("v-icon"), p = s("v-btn"), b = s("ColorPicker"), y = s("v-menu"), m = s("v-col"), U = s("v-text-field"), z = s("FieldLabel"), R = s("v-select"), M = s("v-row"), N = s("CustomDialog");
+  return r(), h(N, {
     value: e.showDialog,
     title: e.$t("Your profile"),
     persistent: "",
     class: "prof-dlg",
-    onClose: t[7] || (t[7] = (A) => e.$emit("close", null))
+    onClose: t[7] || (t[7] = (C) => e.$emit("close", null))
   }, {
     footer: o(() => [
-      s(p, {
+      a(p, {
         variant: "flat",
         color: "secondary",
-        onClick: t[6] || (t[6] = (A) => e.$emit("close", null))
+        onClick: t[6] || (t[6] = (C) => e.$emit("close", null))
       }, {
         default: o(() => [
-          w(_(e.$t("Close")), 1)
+          V(g(e.$t("Close")), 1)
         ]),
         _: 1
       }),
-      s(p, {
+      a(p, {
         variant: "flat",
         color: "primary",
         loading: e.loading,
         onClick: e.saveClick
       }, {
         default: o(() => [
-          w(_(e.$t("Save")), 1)
+          V(g(e.$t("Save")), 1)
         ]),
         _: 1
       }, 8, ["loading", "onClick"])
     ]),
     default: o(() => [
-      e.formData ? (r(), g("form", dt, [
-        s(b, null, {
+      e.formData ? (r(), v("form", dt, [
+        a(M, null, {
           default: o(() => [
-            s(m, { cols: "12" }, {
+            a(m, { cols: "12" }, {
               default: o(() => [
-                y("div", ct, [
-                  y("div", mt, [
-                    s(c, {
+                $("div", mt, [
+                  $("div", pt, [
+                    a(d, {
                       color: e.formData.color ?? "primary",
                       class: D(`avatar-96-${e.formData.initials.length >= 3 ? "l" : "s"}`),
                       size: 96
                     }, {
                       default: o(() => [
-                        y("span", null, _(e.formData.initials), 1)
+                        $("span", null, g(e.formData.initials), 1)
                       ]),
                       _: 1
                     }, 8, ["color", "class"])
                   ]),
-                  y("div", pt, [
-                    y("div", null, [
-                      s(v, {
+                  $("div", ft, [
+                    $("div", null, [
+                      a(_, {
                         modelValue: e.identity,
-                        "onUpdate:modelValue": t[0] || (t[0] = (A) => e.identity = A),
+                        "onUpdate:modelValue": t[0] || (t[0] = (C) => e.identity = C),
                         "true-icon": e.$vuetify.icons.aliases?.success,
                         color: "primary",
                         "hide-details": "",
                         "error-messages": e.localErrors.other_vehicle_involved?.toString() ?? void 0
                       }, {
                         default: o(() => [
-                          (r(!0), g(V, null, S(e.identities, (A) => (r(), $(f, {
-                            key: A.value.toString(),
-                            label: A.text,
-                            value: A.value,
+                          (r(!0), v(w, null, S(e.identities, (C) => (r(), h(f, {
+                            key: C.value.toString(),
+                            label: C.text,
+                            value: C.value,
                             "base-color": e.localErrors.other_vehicle_involved ? "error" : ""
                           }, null, 8, ["label", "value", "base-color"]))), 128))
                         ]),
                         _: 1
                       }, 8, ["modelValue", "true-icon", "error-messages"])
                     ]),
-                    y("div", null, [
-                      e.identity === "color" ? (r(), g("div", ft, [
-                        y("div", null, [
-                          s(h, null, {
-                            activator: o(({ props: A }) => [
-                              s(p, P({
+                    $("div", null, [
+                      e.identity === "color" ? (r(), v("div", vt, [
+                        $("div", null, [
+                          a(y, null, {
+                            activator: o(({ props: C }) => [
+                              a(p, P({
                                 variant: "text",
                                 color: "primary",
                                 class: "ff-btn"
-                              }, A), {
+                              }, C), {
                                 default: o(() => [
-                                  s(i, {
+                                  a(u, {
                                     icon: e.mdiPalette()
                                   }, null, 8, ["icon"]),
-                                  w(" " + _(e.$vuetify.display.smAndUp ? e.$t("Choose color") : e.$t("Color")), 1)
+                                  V(" " + g(e.$vuetify.display.smAndUp ? e.$t("Choose color") : e.$t("Color")), 1)
                                 ]),
                                 _: 2
                               }, 1040)
                             ]),
                             default: o(() => [
-                              s(M, {
-                                onChange: t[1] || (t[1] = (A) => e.formData.color = A)
+                              a(b, {
+                                onChange: t[1] || (t[1] = (C) => e.formData.color = C)
                               })
                             ]),
                             _: 1
@@ -1047,67 +1047,67 @@ function gt(e, t, n, a, u, d) {
               ]),
               _: 1
             }),
-            s(O, {
+            a(z, {
               label: e.$t("Name"),
               cols: 12,
               sm: 6,
               "error-messages": e.localErrors.name?.toString() ?? void 0
             }, {
-              default: o((A) => [
-                s(U, P({
+              default: o((C) => [
+                a(U, P({
                   modelValue: e.formData.name,
-                  "onUpdate:modelValue": t[2] || (t[2] = (z) => e.formData.name = z),
+                  "onUpdate:modelValue": t[2] || (t[2] = (T) => e.formData.name = T),
                   variant: "outlined"
-                }, A), null, 16, ["modelValue"])
+                }, C), null, 16, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "error-messages"]),
-            s(O, {
+            a(z, {
               label: e.$t("Surname"),
               cols: 12,
               sm: 6,
               "error-messages": e.localErrors.surname?.toString() ?? void 0
             }, {
-              default: o((A) => [
-                s(U, P({
+              default: o((C) => [
+                a(U, P({
                   modelValue: e.formData.surname,
-                  "onUpdate:modelValue": t[3] || (t[3] = (z) => e.formData.surname = z),
+                  "onUpdate:modelValue": t[3] || (t[3] = (T) => e.formData.surname = T),
                   variant: "outlined"
-                }, A), null, 16, ["modelValue"])
+                }, C), null, 16, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "error-messages"]),
-            s(O, {
+            a(z, {
               label: e.$t("E-mail"),
               cols: 12,
               sm: 6,
               "error-messages": e.localErrors.email?.toString() ?? void 0
             }, {
-              default: o((A) => [
-                s(U, P({
+              default: o((C) => [
+                a(U, P({
                   modelValue: e.formData.email,
-                  "onUpdate:modelValue": t[4] || (t[4] = (z) => e.formData.email = z),
+                  "onUpdate:modelValue": t[4] || (t[4] = (T) => e.formData.email = T),
                   variant: "outlined",
                   disabled: ""
-                }, A), null, 16, ["modelValue"])
+                }, C), null, 16, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "error-messages"]),
-            s(O, {
+            a(z, {
               label: e.$t("Language"),
               cols: 12,
               sm: 6,
               "error-messages": e.localErrors.locale?.toString() ?? void 0
             }, {
-              default: o((A) => [
-                s(R, P({
+              default: o((C) => [
+                a(R, P({
                   modelValue: e.lang,
-                  "onUpdate:modelValue": t[5] || (t[5] = (z) => e.lang = z),
+                  "onUpdate:modelValue": t[5] || (t[5] = (T) => e.lang = T),
                   variant: "outlined",
                   items: e.languages,
                   "item-text": "title",
                   "item-value": "value"
-                }, A, { dense: "" }), null, 16, ["modelValue", "items"])
+                }, C, { dense: "" }), null, 16, ["modelValue", "items"])
               ]),
               _: 1
             }, 8, ["label", "error-messages"])
@@ -1119,7 +1119,7 @@ function gt(e, t, n, a, u, d) {
     _: 1
   }, 8, ["value", "title"]);
 }
-const ln = /* @__PURE__ */ H(ut, [["render", gt]]), vt = C({
+const cn = /* @__PURE__ */ L(ct, [["render", _t]]), gt = A({
   name: "RowActionsButton",
   props: {
     rowActions: {
@@ -1132,35 +1132,35 @@ const ln = /* @__PURE__ */ H(ut, [["render", gt]]), vt = C({
     }
   },
   setup(e) {
-    return { actions: L(() => e.rowActions.actions.filter((n) => n.visible === void 0 || n.visible(e.item))) };
+    return { actions: H(() => e.rowActions.actions.filter((n) => n.visible === void 0 || n.visible(e.item))) };
   }
 });
-function _t(e, t, n, a, u, d) {
-  const c = l("v-btn"), f = l("v-icon"), v = l("v-list-item-title"), i = l("v-list-item"), p = l("v-list"), M = l("v-menu");
-  return e.actions.length > 0 ? (r(), $(M, { key: 0 }, {
-    activator: o(({ props: h }) => [
-      s(c, P({
+function yt(e, t, n, i, l, c) {
+  const d = s("v-btn"), f = s("v-icon"), _ = s("v-list-item-title"), u = s("v-list-item"), p = s("v-list"), b = s("v-menu");
+  return e.actions.length > 0 ? (r(), h(b, { key: 0 }, {
+    activator: o(({ props: y }) => [
+      a(d, P({
         variant: "text",
         size: "small",
         icon: e.rowActions.icon
-      }, h), null, 16, ["icon"])
+      }, y), null, 16, ["icon"])
     ]),
     default: o(() => [
-      s(p, { density: "compact" }, {
+      a(p, { density: "compact" }, {
         default: o(() => [
-          (r(!0), g(V, null, S(e.actions, (h) => (r(), $(i, {
-            key: h.action,
-            onClick: (m) => e.$emit("row-action", { action: h.action, item: e.item })
+          (r(!0), v(w, null, S(e.actions, (y) => (r(), h(u, {
+            key: y.action,
+            onClick: (m) => e.$emit("row-action", { action: y.action, item: e.item })
           }, {
             prepend: o(() => [
-              s(f, {
-                icon: h.icon
+              a(f, {
+                icon: y.icon
               }, null, 8, ["icon"])
             ]),
             default: o(() => [
-              s(v, null, {
+              a(_, null, {
                 default: o(() => [
-                  w(_(h.title), 1)
+                  V(g(y.title), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1174,7 +1174,7 @@ function _t(e, t, n, a, u, d) {
     _: 1
   })) : k("", !0);
 }
-const G = /* @__PURE__ */ H(vt, [["render", _t]]), yt = C({
+const G = /* @__PURE__ */ L(gt, [["render", yt]]), $t = A({
   name: "MobileLayoutItem",
   methods: {
     mdiDragVertical() {
@@ -1218,100 +1218,100 @@ const G = /* @__PURE__ */ H(vt, [["render", _t]]), yt = C({
   },
   emits: ["rowClick", "rowAction"],
   setup() {
-    const e = (n, a) => a === null ? null : n.mobileLabel ? `${n.title}: ${a}` : a;
-    return { formatValueList: (n, a, u) => n.map((d) => d.format ? e(d, d.format(d, a)) : e(d, a[d.value] ?? null)).filter((d) => d !== null).join(u) };
+    const e = (n, i) => i === null ? null : n.mobileLabel ? `${n.title}: ${i}` : i;
+    return { formatValueList: (n, i, l) => n.map((c) => c.format ? e(c, c.format(c, i)) : e(c, i[c.value] ?? null)).filter((c) => c !== null).join(l) };
   }
-}), $t = { style: { display: "flex", "align-items": "center", gap: "8px" } }, ht = { key: 1 }, bt = { key: 2 }, Mt = { key: 1 }, kt = { key: 2 }, At = {
+}), ht = { style: { display: "flex", "align-items": "center", gap: "8px" } }, bt = { key: 1 }, Mt = { key: 2 }, kt = { key: 1 }, Ct = { key: 2 }, At = {
   key: 0,
   class: "mini-table"
-}, Lt = { key: 0 }, Ct = { key: 1 }, Ht = { style: { "margin-top": "-11px", "margin-bottom": "-11px" } }, wt = {
+}, Lt = { key: 0 }, Ht = { key: 1 }, Vt = { style: { "margin-top": "-11px", "margin-bottom": "-11px" } }, wt = {
   key: 0,
   class: "item-drag-handle"
 };
-function Vt(e, t, n, a, u, d) {
-  const c = l("v-col"), f = l("v-row"), v = l("v-icon"), i = l("v-chip"), p = l("RowActionsButton"), M = l("v-card-text"), h = l("v-card");
-  return r(), $(h, {
+function St(e, t, n, i, l, c) {
+  const d = s("v-col"), f = s("v-row"), _ = s("v-icon"), u = s("v-chip"), p = s("RowActionsButton"), b = s("v-card-text"), y = s("v-card");
+  return r(), h(y, {
     variant: "outlined",
     title: e.formatValueList(e.titleHeaders, e.item, " - "),
     subtitle: e.formatValueList(e.subTitleHeaders, e.item, "; "),
     onClick: t[1] || (t[1] = (m) => e.$emit("rowClick", e.item))
   }, {
     title: o(() => [
-      y("div", $t, [
-        (r(!0), g(V, null, S(e.titleHeaders, (m, U) => (r(), g("span", { key: U }, [
-          m.component ? (r(), $(I(m.component), P({
+      $("div", ht, [
+        (r(!0), v(w, null, S(e.titleHeaders, (m, U) => (r(), v("span", { key: U }, [
+          m.component ? (r(), h(I(m.component), P({
             key: 0,
             class: "mr-1",
             ref_for: !0
-          }, m.getProps ? m.getProps(m, e.item) : {}), null, 16)) : m.format ? (r(), g("span", ht, _(m.format(m, e.item)), 1)) : (r(), g("span", bt, _(e.item[m.value]), 1))
+          }, m.getProps ? m.getProps(m, e.item) : {}), null, 16)) : m.format ? (r(), v("span", bt, g(m.format(m, e.item)), 1)) : (r(), v("span", Mt, g(e.item[m.value]), 1))
         ]))), 128))
       ])
     ]),
     default: o(() => [
-      s(M, null, {
+      a(b, null, {
         default: o(() => [
-          (r(!0), g(V, null, S(e.otherHeaders, (m, U) => (r(), $(f, {
+          (r(!0), v(w, null, S(e.otherHeaders, (m, U) => (r(), h(f, {
             key: m.value,
             "no-gutters": "",
             class: D(`mt-${U === 0 ? 0 : 3}`)
           }, {
             default: o(() => [
-              s(c, {
+              a(d, {
                 cols: "4",
                 sm: "2"
               }, {
                 default: o(() => [
-                  w(_(m.title) + ":", 1)
+                  V(g(m.title) + ":", 1)
                 ]),
                 _: 2
               }, 1024),
-              s(c, {
+              a(d, {
                 cols: "8",
                 sm: "10"
               }, {
                 default: o(() => [
-                  m.component ? (r(), $(I(m.component), P({
+                  m.component ? (r(), h(I(m.component), P({
                     key: 0,
                     ref_for: !0
-                  }, m.getProps ? m.getProps(m, e.item) : {}), null, 16)) : m.format ? (r(), g("span", Mt, _(m.format(m, e.item)), 1)) : (r(), g("span", kt, _(e.item[m.value]), 1))
+                  }, m.getProps ? m.getProps(m, e.item) : {}), null, 16)) : m.format ? (r(), v("span", kt, g(m.format(m, e.item)), 1)) : (r(), v("span", Ct, g(e.item[m.value]), 1))
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 2
           }, 1032, ["class"]))), 128)),
-          e.miniTblHeaders.length > 0 ? (r(), g("table", At, [
-            y("tr", null, [
-              (r(!0), g(V, null, S(e.miniTblHeaders, (m) => (r(), g("th", {
+          e.miniTblHeaders.length > 0 ? (r(), v("table", At, [
+            $("tr", null, [
+              (r(!0), v(w, null, S(e.miniTblHeaders, (m) => (r(), v("th", {
                 key: `h${m.value}`,
-                style: W({ width: `${100 / e.miniTblHeaders.length}%` })
-              }, _(m.title), 5))), 128))
+                style: Q({ width: `${100 / e.miniTblHeaders.length}%` })
+              }, g(m.title), 5))), 128))
             ]),
-            y("tr", null, [
-              (r(!0), g(V, null, S(e.miniTblHeaders, (m) => (r(), g("td", {
+            $("tr", null, [
+              (r(!0), v(w, null, S(e.miniTblHeaders, (m) => (r(), v("td", {
                 key: `h${m.value}`
               }, [
-                m.format ? (r(), g("span", Lt, _(m.format(m, e.item)), 1)) : (r(), g("span", Ct, _(e.item[m.value]), 1))
+                m.format ? (r(), v("span", Lt, g(m.format(m, e.item)), 1)) : (r(), v("span", Ht, g(e.item[m.value]), 1))
               ]))), 128))
             ])
           ])) : k("", !0),
-          s(f, {
+          a(f, {
             "no-gutters": "",
             class: "mt-3"
           }, {
             default: o(() => [
-              s(c, {
+              a(d, {
                 cols: e.rowActions ? 10 : 12
               }, {
                 default: o(() => [
-                  (r(!0), g(V, null, S(e.tagHeaders, (m) => (r(), g("span", {
+                  (r(!0), v(w, null, S(e.tagHeaders, (m) => (r(), v("span", {
                     key: m.value
                   }, [
-                    m.component ? (r(), $(I(m.component), P({
+                    m.component ? (r(), h(I(m.component), P({
                       key: 0,
                       class: "mr-1",
                       ref_for: !0
-                    }, m.getProps ? m.getProps(m, e.item) : {}), null, 16)) : m.format ? (r(), $(i, {
+                    }, m.getProps ? m.getProps(m, e.item) : {}), null, 16)) : m.format ? (r(), h(u, {
                       key: 1,
                       label: "",
                       size: "small",
@@ -1320,15 +1320,15 @@ function Vt(e, t, n, a, u, d) {
                       class: "mr-1"
                     }, {
                       default: o(() => [
-                        m.mobileIcon ? (r(), $(v, {
+                        m.mobileIcon ? (r(), h(_, {
                           key: 0,
                           icon: m.mobileIcon,
                           class: "mr-1"
                         }, null, 8, ["icon"])) : k("", !0),
-                        w(_(m.format(m, e.item)), 1)
+                        V(g(m.format(m, e.item)), 1)
                       ]),
                       _: 2
-                    }, 1024)) : (r(), $(i, {
+                    }, 1024)) : (r(), h(u, {
                       key: 2,
                       label: "",
                       size: "small",
@@ -1337,11 +1337,11 @@ function Vt(e, t, n, a, u, d) {
                       class: "mr-1"
                     }, {
                       default: o(() => [
-                        m.mobileIcon ? (r(), $(v, {
+                        m.mobileIcon ? (r(), h(_, {
                           key: 0,
                           icon: m.mobileIcon
                         }, null, 8, ["icon"])) : k("", !0),
-                        w(_(e.item[m.value]), 1)
+                        V(g(e.item[m.value]), 1)
                       ]),
                       _: 2
                     }, 1024))
@@ -1349,14 +1349,14 @@ function Vt(e, t, n, a, u, d) {
                 ]),
                 _: 1
               }, 8, ["cols"]),
-              e.rowActions ? (r(), $(c, {
+              e.rowActions ? (r(), h(d, {
                 key: 0,
                 cols: "2",
                 class: "text-right"
               }, {
                 default: o(() => [
-                  y("div", Ht, [
-                    s(p, {
+                  $("div", Vt, [
+                    a(p, {
                       item: e.item,
                       "row-actions": e.rowActions,
                       onRowAction: t[0] || (t[0] = (m) => e.$emit("rowAction", m))
@@ -1371,8 +1371,8 @@ function Vt(e, t, n, a, u, d) {
         ]),
         _: 1
       }),
-      e.draggable ? (r(), g("div", wt, [
-        s(v, {
+      e.draggable ? (r(), v("div", wt, [
+        a(_, {
           icon: e.mdiDragVertical()
         }, null, 8, ["icon"])
       ])) : k("", !0)
@@ -1380,9 +1380,9 @@ function Vt(e, t, n, a, u, d) {
     _: 1
   }, 8, ["title", "subtitle"]);
 }
-const St = /* @__PURE__ */ H(yt, [["render", Vt]]), Pt = C({
+const Pt = /* @__PURE__ */ L($t, [["render", St]]), Ut = A({
   name: "MobileLayout",
-  components: { MobileLayoutItem: St, RowActionsButton: G },
+  components: { MobileLayoutItem: Pt, RowActionsButton: G },
   props: {
     items: {
       type: Array,
@@ -1410,25 +1410,25 @@ const St = /* @__PURE__ */ H(yt, [["render", Vt]]), Pt = C({
     }
   },
   setup(e, t) {
-    const n = E(e.options.page), a = e.options.pageSize, u = L(() => e.headers.filter((p) => p.mobilePlacement === "title")), d = L(() => e.headers.filter((p) => p.mobilePlacement === "subtitle")), c = L(() => e.headers.filter((p) => p.mobilePlacement === "tag")), f = L(() => e.headers.filter((p) => p.mobilePlacement === "mini_table")), v = L(() => e.headers.filter((p) => p.mobilePlacement !== "title" && p.mobilePlacement !== "subtitle" && p.mobilePlacement !== "tag" && p.mobilePlacement !== "mini_table"));
-    return { titleHeaders: u, subTitleHeaders: d, tagHeaders: c, miniTblHeaders: f, otherHeaders: v, pageVal: n, pageSize: a, changePage: (p) => {
+    const n = E(e.options.page), i = e.options.pageSize, l = H(() => e.headers.filter((p) => p.mobilePlacement === "title")), c = H(() => e.headers.filter((p) => p.mobilePlacement === "subtitle")), d = H(() => e.headers.filter((p) => p.mobilePlacement === "tag")), f = H(() => e.headers.filter((p) => p.mobilePlacement === "mini_table")), _ = H(() => e.headers.filter((p) => p.mobilePlacement !== "title" && p.mobilePlacement !== "subtitle" && p.mobilePlacement !== "tag" && p.mobilePlacement !== "mini_table"));
+    return { titleHeaders: l, subTitleHeaders: c, tagHeaders: d, miniTblHeaders: f, otherHeaders: _, pageVal: n, pageSize: i, changePage: (p) => {
       t.emit("options-update", { ...e.options, page: p });
     } };
   }
-}), Ut = { class: "mobile-margin2 data-table-layout" }, Dt = {
+}), Dt = { class: "mobile-margin2 data-table-layout" }, Et = {
   key: 1,
   class: "mt-3"
 };
-function Et(e, t, n, a, u, d) {
-  const c = l("v-progress-linear"), f = l("MobileLayoutItem"), v = l("v-pagination");
-  return r(), g("div", Ut, [
-    e.loading ? (r(), $(c, {
+function Ot(e, t, n, i, l, c) {
+  const d = s("v-progress-linear"), f = s("MobileLayoutItem"), _ = s("v-pagination");
+  return r(), v("div", Dt, [
+    e.loading ? (r(), h(d, {
       key: 0,
       indeterminate: ""
     })) : k("", !0),
-    (r(!0), g(V, null, S(e.items, (i) => (r(), $(f, {
-      key: i.id,
-      item: i,
+    (r(!0), v(w, null, S(e.items, (u) => (r(), h(f, {
+      key: u.id,
+      item: u,
       "title-headers": e.titleHeaders,
       "mini-tbl-headers": e.miniTblHeaders,
       "sub-title-headers": e.subTitleHeaders,
@@ -1438,11 +1438,11 @@ function Et(e, t, n, a, u, d) {
       onRowClick: t[0] || (t[0] = (p) => e.$emit("row-click", p)),
       onRowAction: t[1] || (t[1] = (p) => e.$emit("row-action", p))
     }, null, 8, ["item", "title-headers", "mini-tbl-headers", "sub-title-headers", "tag-headers", "other-headers", "row-actions"]))), 128)),
-    e.totalItems > e.pageSize ? (r(), g("div", Dt, [
-      s(v, {
+    e.totalItems > e.pageSize ? (r(), v("div", Et, [
+      a(_, {
         modelValue: e.pageVal,
         "onUpdate:modelValue": [
-          t[2] || (t[2] = (i) => e.pageVal = i),
+          t[2] || (t[2] = (u) => e.pageVal = u),
           e.changePage
         ],
         length: Math.ceil(e.totalItems / e.options.pageSize),
@@ -1452,7 +1452,7 @@ function Et(e, t, n, a, u, d) {
     ])) : k("", !0)
   ]);
 }
-const an = /* @__PURE__ */ H(Pt, [["render", Et]]), Tt = C({
+const dn = /* @__PURE__ */ L(Ut, [["render", Ot]]), Tt = A({
   name: "DesktopLayout",
   components: { RowActionsButton: G },
   props: {
@@ -1482,34 +1482,34 @@ const an = /* @__PURE__ */ H(Pt, [["render", Et]]), Tt = C({
     }
   },
   setup(e, t) {
-    const { t: n } = B(), a = e.options.page, u = e.options.pageSize, d = e.options.sortField ? [{ key: e.options.sortField, order: e.options.sortDir }] : [], c = (i) => {
-      const p = i.sortBy && i.sortBy.length > 0 ? i.sortBy[0] : null;
+    const { t: n } = B(), i = e.options.page, l = e.options.pageSize, c = e.options.sortField ? [{ key: e.options.sortField, order: e.options.sortDir }] : [], d = (u) => {
+      const p = u.sortBy && u.sortBy.length > 0 ? u.sortBy[0] : null;
       t.emit("options-update", {
-        page: i.page,
-        pageSize: i.itemsPerPage,
+        page: u.page,
+        pageSize: u.itemsPerPage,
         sortField: p?.key ?? null,
         sortDir: p?.order ?? "asc"
       });
-    }, f = L(() => [
+    }, f = H(() => [
       { value: 5, title: "5" },
       { value: 10, title: "10" },
       { value: 25, title: "25" },
       { value: 50, title: "50" },
       { value: -1, title: n("All") }
-    ]), v = L(() => {
-      const i = n("{0}-{1} of {2}", ["{0}", "{1}", "{2}"]), p = (e.options.page - 1) * e.options.pageSize + 1, M = Math.min(e.options.page * e.options.pageSize, e.totalItems);
-      return i.replace("{0}", p.toString()).replace("{1}", M.toString()).replace("{2}", e.totalItems.toString());
+    ]), _ = H(() => {
+      const u = n("{0}-{1} of {2}", ["{0}", "{1}", "{2}"]), p = (e.options.page - 1) * e.options.pageSize + 1, b = Math.min(e.options.page * e.options.pageSize, e.totalItems);
+      return u.replace("{0}", p.toString()).replace("{1}", b.toString()).replace("{2}", e.totalItems.toString());
     });
-    return { page: a, pageSize: u, sortBy: d, pageOptions: f, optionsUpdate: c, getPageText: v };
+    return { page: i, pageSize: l, sortBy: c, pageOptions: f, optionsUpdate: d, getPageText: _ };
   }
-}), zt = { class: "data-table-layout" }, Ot = ["onClick"], qt = { key: 1 }, Bt = { key: 2 }, It = {
+}), zt = { class: "data-table-layout" }, qt = ["onClick"], Bt = { key: 1 }, It = { key: 2 }, Ft = {
   key: 0,
   class: "text-right"
 };
-function Ft(e, t, n, a, u, d) {
-  const c = l("RowActionsButton"), f = l("v-data-table-server");
-  return r(), g("div", zt, [
-    s(f, {
+function Rt(e, t, n, i, l, c) {
+  const d = s("RowActionsButton"), f = s("v-data-table-server");
+  return r(), v("div", zt, [
+    a(f, {
       items: e.items,
       "items-length": e.totalItems,
       headers: e.headers,
@@ -1522,40 +1522,107 @@ function Ft(e, t, n, a, u, d) {
       "items-per-page-options": e.pageOptions,
       "onUpdate:options": e.optionsUpdate
     }, {
-      item: o(({ item: v }) => [
-        y("tr", {
-          onClick: (i) => e.$emit("row-click", v),
+      item: o(({ item: _ }) => [
+        $("tr", {
+          onClick: (u) => e.$emit("row-click", _),
           style: { cursor: "pointer" }
         }, [
-          (r(!0), g(V, null, S(e.headers, (i) => (r(), g("td", {
-            key: i.value,
-            class: D(["v-data-table__td", `v-data-table-column--align-${i.align ?? "start"}`, i.mainField ? "ff-col-main" : ""])
+          (r(!0), v(w, null, S(e.headers, (u) => (r(), v("td", {
+            key: u.value,
+            class: D(["v-data-table__td", `v-data-table-column--align-${u.align ?? "start"}`, u.mainField ? "ff-col-main" : ""])
           }, [
-            i.component ? (r(), $(I(i.component), P({
+            u.component ? (r(), h(I(u.component), P({
               key: 0,
               ref_for: !0
-            }, i.getProps ? i.getProps(i, v) : {}), null, 16)) : i.format ? (r(), g("span", qt, _(i.format(i, v)), 1)) : (r(), g("span", Bt, _(v[i.value]), 1))
+            }, u.getProps ? u.getProps(u, _) : {}), null, 16)) : u.format ? (r(), v("span", Bt, g(u.format(u, _)), 1)) : (r(), v("span", It, g(_[u.value]), 1))
           ], 2))), 128)),
-          e.rowActions ? (r(), g("td", It, [
-            s(c, {
-              item: v,
+          e.rowActions ? (r(), v("td", Ft, [
+            a(d, {
+              item: _,
               "row-actions": e.rowActions,
-              onRowAction: t[0] || (t[0] = (i) => e.$emit("row-action", i))
+              onRowAction: t[0] || (t[0] = (u) => e.$emit("row-action", u))
             }, null, 8, ["item", "row-actions"])
           ])) : k("", !0)
-        ], 8, Ot)
+        ], 8, qt)
       ]),
       _: 1
     }, 8, ["items", "items-length", "headers", "loading", "page", "items-per-page", "sort-by", "hide-default-footer", "items-per-page-options", "onUpdate:options"])
   ]);
 }
-const un = /* @__PURE__ */ H(Tt, [["render", Ft]]), dn = (e) => e ? e.replace(/(?:\r\n|\r|\n)/g, "<br>") : "", cn = (e) => JSON.parse(JSON.stringify(e)), mn = (e) => {
+const mn = /* @__PURE__ */ L(Tt, [["render", Rt]]), Nt = A({
+  name: "ColumnSelector",
+  props: {
+    columns: {
+      type: Array,
+      required: !0
+    },
+    currentColumns: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["changeCurrentColumns"],
+  methods: {
+    mdiCheck() {
+      return Y;
+    },
+    mdiViewColumn() {
+      return ye;
+    }
+  },
+  setup(e, { emit: t }) {
+    return { toggleColumn: (i) => {
+      const l = [...e.currentColumns];
+      l.indexOf(i) >= 0 ? l.splice(l.indexOf(i), 1) : l.push(i), t("changeCurrentColumns", l);
+    } };
+  }
+});
+function jt(e, t, n, i, l, c) {
+  const d = s("v-btn"), f = s("v-list-item-title"), _ = s("v-icon"), u = s("v-list-item"), p = s("v-list"), b = s("v-menu");
+  return r(), h(b, null, {
+    activator: o(({ props: y }) => [
+      a(d, P({
+        variant: "text",
+        icon: e.mdiViewColumn()
+      }, y), null, 16, ["icon"])
+    ]),
+    default: o(() => [
+      a(p, { density: "compact" }, {
+        default: o(() => [
+          (r(!0), v(w, null, S(e.columns, (y, m) => (r(), h(u, {
+            key: m,
+            onClick: (U) => e.toggleColumn(y.value)
+          }, {
+            append: o(() => [
+              a(_, {
+                icon: e.mdiCheck(),
+                color: e.currentColumns.indexOf(y.value) >= 0 ? "primary" : "white"
+              }, null, 8, ["icon", "color"])
+            ]),
+            default: o(() => [
+              a(f, null, {
+                default: o(() => [
+                  V(g(y.title), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const pn = /* @__PURE__ */ L(Nt, [["render", jt]]), fn = (e) => e ? e.replace(/(?:\r\n|\r|\n)/g, "<br>") : "", vn = (e) => JSON.parse(JSON.stringify(e)), _n = (e) => {
   let t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
   return t ? decodeURIComponent(t[3]) : null;
-}, pn = (e, t, n, a = null) => {
-  let u, d;
-  return a == null && (a = "/"), d = "", n && (u = /* @__PURE__ */ new Date(), u.setTime(u.getTime() + n * 24 * 60 * 60 * 1e3), d = "; expires=" + u.toUTCString()), document.cookie = encodeURIComponent(e) + "=" + encodeURIComponent(t) + d + "; path=" + a, !0;
-}, fn = (e, t) => {
+}, gn = (e, t, n, i = null) => {
+  let l, c;
+  return i == null && (i = "/"), c = "", n && (l = /* @__PURE__ */ new Date(), l.setTime(l.getTime() + n * 24 * 60 * 60 * 1e3), c = "; expires=" + l.toUTCString()), document.cookie = encodeURIComponent(e) + "=" + encodeURIComponent(t) + c + "; path=" + i, !0;
+}, yn = (e, t) => {
   for (const n of t) {
     if (n === "/")
       return e === "/";
@@ -1563,36 +1630,36 @@ const un = /* @__PURE__ */ H(Tt, [["render", Ft]]), dn = (e) => e ? e.replace(/(
       return !0;
   }
   return !1;
-}, gn = (e) => {
+}, $n = (e) => {
   const t = {};
   for (const n of ["p", "l", "s", "d"])
     e[n] !== void 0 && (t[n] = e[n]);
   return t;
-}, vn = {
+}, hn = {
   et_EE: { culture: "et-EE", datetime_format: "d.MM.yyyy H:mm", date_format_no_year: "d.MM", month_format: "MM.yyyy", decimal_symbol: ",", list_separator: ";", time_format: "H:mm", date_format_friendly_no_year: "d. MMM", date_format: "d.MM.yyyy", thousands_symbol: " ", datetime_pos_format: "{1} {0}", money_format: "{1} {0}" },
   et: { culture: "et", datetime_format: "d.MM.yyyy H:mm", date_format_no_year: "d.MM", month_format: "MM.yyyy", decimal_symbol: ",", list_separator: ";", time_format: "H:mm", date_format_friendly_no_year: "d. MMM", date_format: "d.MM.yyyy", thousands_symbol: " ", datetime_pos_format: "{1} {0}", money_format: "{1} {0}" },
   en_GB: { culture: "en-GB", datetime_format: "dd/MM/yyyy, HH:mm", date_format_no_year: "dd/MM", month_format: "MM/yyyy", decimal_symbol: ".", list_separator: ",", time_format: "HH:mm", date_format_friendly_no_year: "D MMM", date_format: "dd/MM/yyyy", thousands_symbol: ",", datetime_pos_format: "{1}, {0}", money_format: "{1} {0}" },
   en: { culture: "en", datetime_format: "dd/MM/yyyy, HH:mm", date_format_no_year: "dd/MM", month_format: "MM/yyyy", decimal_symbol: ".", list_separator: ",", time_format: "HH:mm", date_format_friendly_no_year: "D MMM", date_format: "dd/MM/yyyy", thousands_symbol: ",", datetime_pos_format: "{1}, {0}", money_format: "{1} {0}" }
-}, _n = {
+}, bn = {
   EUR: "€",
   USD: "$"
-}, yn = (e, t, n, a, u) => (typeof e == "string" && (e = parseFloat(e)), e.toLocaleString("en-GB", { minimumFractionDigits: t, maximumFractionDigits: n }).replace(/\.|,/gi, (d) => d === "." ? a : u)), $n = (e, t) => e == null ? "" : e.replace(new RegExp(t, "g"), "").replace(new RegExp(" ", "g"), "").replace(",", "."), Rt = /(dddd|dd|d|hh|h|HH|H|mm|m|MMMM|MMM|MM|M|ss|s|tt|yyyy|yy|zzz)/g, hn = (e, t) => {
+}, Mn = (e, t, n, i, l) => (typeof e == "string" && (e = parseFloat(e)), e.toLocaleString("en-GB", { minimumFractionDigits: t, maximumFractionDigits: n }).replace(/\.|,/gi, (c) => c === "." ? i : l)), kn = (e, t) => e == null ? "" : e.replace(new RegExp(t, "g"), "").replace(new RegExp(" ", "g"), "").replace(",", "."), Zt = /(dddd|dd|d|hh|h|HH|H|mm|m|MMMM|MMM|MM|M|ss|s|tt|yyyy|yy|zzz)/g, Cn = (e, t) => {
   if (!e) return "";
   const n = typeof e == "string" ? new Date(e) : e;
-  return t.replace(Rt, (a) => {
-    switch (a) {
+  return t.replace(Zt, (i) => {
+    switch (i) {
       case "d":
         return n.getDate().toString();
       case "dd":
       case "DD":
         return ("0" + n.getDate()).slice(-2);
       case "h": {
-        const u = n.getHours();
-        return (u === 0 ? 12 : u > 12 ? u - 12 : u).toString();
+        const l = n.getHours();
+        return (l === 0 ? 12 : l > 12 ? l - 12 : l).toString();
       }
       case "hh": {
-        const u = n.getHours();
-        return ("0" + (u === 0 ? 12 : u > 12 ? u - 12 : u)).slice(-2);
+        const l = n.getHours();
+        return ("0" + (l === 0 ? 12 : l > 12 ? l - 12 : l)).slice(-2);
       }
       case "H":
         return n.getHours().toString();
@@ -1624,37 +1691,37 @@ const un = /* @__PURE__ */ H(Tt, [["render", Ft]]), dn = (e) => e ? e.replace(/(
       case "YYYY":
         return n.getFullYear().toString();
       case "zzz": {
-        const u = n.getTimezoneOffset(), d = Math.abs(u) % 60;
-        return `${u <= 0 ? "+" : "-"}${("0" + (Math.abs(u) - d) / 60).slice(-2)}:${("0" + d).slice(-2)}`;
+        const l = n.getTimezoneOffset(), c = Math.abs(l) % 60;
+        return `${l <= 0 ? "+" : "-"}${("0" + (Math.abs(l) - c) / 60).slice(-2)}:${("0" + c).slice(-2)}`;
       }
       default:
-        return a;
+        return i;
     }
   });
-}, bn = (e) => {
+}, An = (e) => {
   for (const t in e)
     Object.prototype.hasOwnProperty.call(e, t) && (e[t] = null);
-}, Mn = (e, t, n, a, u, d = null) => {
+}, Ln = (e, t, n, i, l, c = null) => {
   if (typeof e == "string") {
-    a(e);
+    i(e);
     return;
   }
   if (e.response && e.response.status) {
     if (e.response.status === 400 && e.response.data) {
-      jt(e, t, n, a, u, d);
+      Yt(e, t, n, i, l, c);
       return;
     }
     if (e.response.status === 409 && e.response.data) {
-      Zt(e, a, u);
+      Kt(e, i, l);
       return;
     }
     if (e.response.status === 417 && e.response.data) {
-      Gt(a, u);
+      Jt(i, l);
       return;
     }
   }
-  a(e);
-}, Nt = () => {
+  i(e);
+}, Gt = () => {
   setTimeout(() => {
     const e = document.querySelector(".v-input--error, .ec-input.local-err");
     if (e == null)
@@ -1662,52 +1729,52 @@ const un = /* @__PURE__ */ H(Tt, [["render", Ft]]), dn = (e) => e ? e.replace(/(
     const t = e.querySelector("input, textarea, .ec-inp-ctrl");
     t?.focus();
   }, 200);
-}, jt = (e, t, n, a, u, d = null) => {
-  const c = [];
-  let f = !1, v = {};
+}, Yt = (e, t, n, i, l, c = null) => {
+  const d = [];
+  let f = !1, _ = {};
   if (Array.isArray(e.response.data))
-    for (let i = 0; i < e.response.data.length; i++)
-      c.push(e.response.data[i]);
+    for (let u = 0; u < e.response.data.length; u++)
+      d.push(e.response.data[u]);
   else
-    for (const i in e.response.data)
-      if (Object.prototype.hasOwnProperty.call(e.response.data, i)) {
-        const p = e.response.data[i];
-        if (Yt(v, t, i, p[0]))
+    for (const u in e.response.data)
+      if (Object.prototype.hasOwnProperty.call(e.response.data, u)) {
+        const p = e.response.data[u];
+        if (Wt(_, t, u, p[0]))
           f = !0;
         else {
-          const h = d && d[i] ? d[i] : i;
-          c.push({ error_message: `${h}: ${p}` });
+          const y = c && c[u] ? c[u] : u;
+          d.push({ error_message: `${y}: ${p}` });
         }
       }
-  c.length > 0 && (c.length === 1 ? a(c[0]) : a({
-    message: u("Some errors occured:"),
-    details: "<ul><li>" + c.map((i) => i.error_message).join("</li><li>") + "</li></ul>"
-  })), f && (n != null && (n.value = { ...n.value, ...v }), Nt());
-}, Zt = (e, t, n) => {
-  let a = [];
-  typeof e.response.data == "string" ? a.push(e.response.data) : e.response.data.errors && (a = e.response.data.errors.map((u) => u.error_message)), t({
+  d.length > 0 && (d.length === 1 ? i(d[0]) : i({
+    message: l("Some errors occured:"),
+    details: "<ul><li>" + d.map((u) => u.error_message).join("</li><li>") + "</li></ul>"
+  })), f && (n != null && (n.value = { ...n.value, ..._ }), Gt());
+}, Kt = (e, t, n) => {
+  let i = [];
+  typeof e.response.data == "string" ? i.push(e.response.data) : e.response.data.errors && (i = e.response.data.errors.map((l) => l.error_message)), t({
     title: n("Concurrency error"),
-    details: a.length === 1 ? a[0] : "<ul><li>" + a.join("</li><li>") + "</li></ul>",
+    details: i.length === 1 ? i[0] : "<ul><li>" + i.join("</li><li>") + "</li></ul>",
     code: 409
   });
-}, Gt = (e, t) => {
+}, Jt = (e, t) => {
   e({
     title: t("Product version mismatch."),
     details: t("Please reload the page."),
     code: 417
   });
-}, Yt = (e, t, n, a) => {
-  const u = n.split(".");
-  let d = t, c = e;
-  for (; u.length > 0; ) {
-    const f = u.shift();
+}, Wt = (e, t, n, i) => {
+  const l = n.split(".");
+  let c = t, d = e;
+  for (; l.length > 0; ) {
+    const f = l.shift();
     if (f) {
-      if (u.length === 0)
-        return /^\d+$/.test(f) ? !1 : Object.prototype.hasOwnProperty.call(d, f) ? (c[f] = a, !0) : !1;
+      if (l.length === 0)
+        return /^\d+$/.test(f) ? !1 : Object.prototype.hasOwnProperty.call(c, f) ? (d[f] = i, !0) : !1;
       if (/^\d+$/.test(f))
-        d = d[parseInt(f)], c[d.tmp_id] || (c[d.tmp_id] = {}), c = c[d.tmp_id];
-      else if (Object.prototype.hasOwnProperty.call(d, f))
-        d = d[f], c[f] || (c[f] = {}), c = c[f];
+        c = c[parseInt(f)], d[c.tmp_id] || (d[c.tmp_id] = {}), d = d[c.tmp_id];
+      else if (Object.prototype.hasOwnProperty.call(c, f))
+        c = c[f], d[f] || (d[f] = {}), d = d[f];
       else
         return !1;
     }
@@ -1716,38 +1783,40 @@ const un = /* @__PURE__ */ H(Tt, [["render", Ft]]), dn = (e) => e ? e.replace(/(
 };
 export {
   Z as AccountAvatar,
-  We as ColorPicker,
-  vn as CultureInfos,
-  _n as CurrencySymbols,
-  be as CustomDialog,
-  un as DesktopLayout,
-  nn as ErrorDialog,
-  xe as FieldLabel,
-  on as FieldRow,
-  rn as InLanguages,
-  xt as InnerLeftMenu,
+  Qe as ColorPicker,
+  pn as ColumnSelector,
+  hn as CultureInfos,
+  bn as CurrencySymbols,
+  Me as CustomDialog,
+  mn as DesktopLayout,
+  sn as ErrorDialog,
+  et as FieldLabel,
+  ln as FieldRow,
+  an as InLanguages,
+  nn as InnerLeftMenu,
   j as LangUtil,
-  Y as Languages,
-  et as LazyLoadingProp,
-  an as MobileLayout,
-  Xt as PageSubtitle,
-  Qt as PageTitle,
-  ln as ProfileEditDialog,
-  sn as ProfileInfo,
+  K as Languages,
+  tt as LazyLoadingProp,
+  dn as MobileLayout,
+  tn as PageSubtitle,
+  en as PageTitle,
+  cn as ProfileEditDialog,
+  un as ProfileInfo,
+  G as RowActionsButton,
   F as UserAvatar,
-  tn as UserMenu,
-  bn as clearLocalErrors,
-  $n as clnNumbCust,
-  gn as clonePagingAndSort,
-  cn as deepClone,
+  rn as UserMenu,
+  An as clearLocalErrors,
+  kn as clnNumbCust,
+  $n as clonePagingAndSort,
+  vn as deepClone,
   q as formatFullName,
-  en as formatInitials,
-  hn as frmDateCust,
-  yn as frmNumCust,
-  mn as getCookie,
-  Mn as handleErrorResponse,
-  fn as isActive,
-  tt as mapArrayToEnum,
-  dn as nl2br,
-  pn as setCookie
+  on as formatInitials,
+  Cn as frmDateCust,
+  Mn as frmNumCust,
+  _n as getCookie,
+  Ln as handleErrorResponse,
+  yn as isActive,
+  nt as mapArrayToEnum,
+  fn as nl2br,
+  gn as setCookie
 };