@vc-shell/framework 1.1.61 → 1.1.63

package/dist/{vendor-vueuse-core-cB-c7DzH.js → vendor-vueuse-core-CYgwn-B2.js}

@@ -1,4 +1,4 @@
-import { n as j, t as x, f as Le, c as $, g as tt, m as At, a as Z, i as Ae, h as G, b as Ie, o as Pt, j as Ct, u as be, e as z, k as K, l as Ke, p as nt, q as le, r as rt, s as ie, v as at, w as ye, x as Je, y as Rt, z as Dt, A as ot, B as Lt, C as It, D as Pe, E as Mt, F as Nt, G as lt, H as ge, I as Vt, J as $t, K as Wt, L as Oe, M as Ut, N as Bt, O as jt, P as Ht, Q as zt, R as qt, S as Cn, T as ft, U as vt, V as Rn, W as Dn, X as Ln, Y as dt, Z as In, _ as Ue, $ as mt, d as Mn, a0 as Nn, a1 as Vn, a2 as $n, a3 as Wn, a4 as Un, a5 as Bn, a6 as jn, a7 as Hn, a8 as zn, a9 as qn, aa as Gn, ab as Yn, ac as Xn, ad as Kn, ae as Jn, af as Qn, ag as Zn, ah as Be, ai as er, aj as tr, ak as nr, al as rr, am as ar, an as pt, ao as or, ap as lr, aq as ur, ar as sr, as as ir, at as cr, au as fr, av as vr, aw as dr, ax as mr, ay as pr, az as hr, aA as yr, aB as gr, aC as wr, aD as br, aE as Sr, aF as Er, aG as xr, aH as Tr, aI as _r, aJ as kr, aK as Or, aL as Fr, aM as Ar, aN as Pr, aO as Cr, aP as Rr, aQ as Dr } from "./vendor-vueuse-shared-Dg7PMM0z.js";
+import { n as j, t as x, f as Le, c as $, j as tt, m as At, a as Z, i as Ae, e as G, b as Ie, o as Pt, k as Ct, l as be, h as z, p as K, q as Ke, r as Rt, s as Dt, v as nt, w as le, x as rt, y as ie, z as at, A as ye, B as Je, C as Lt, D as It, g as ot, E as Mt, u as Nt, F as Pe, G as Vt, H as $t, I as lt, J as ge, K as Wt, L as Ut, M as Bt, N as Oe, O as jt, P as Ht, Q as zt, R as qt, S as Cn, T as ft, U as vt, V as Rn, W as Dn, X as Ln, Y as dt, Z as In, _ as Ue, $ as mt, d as Mn, a0 as Nn, a1 as Vn, a2 as $n, a3 as Wn, a4 as Un, a5 as Bn, a6 as jn, a7 as Hn, a8 as zn, a9 as qn, aa as Gn, ab as Yn, ac as Xn, ad as Kn, ae as Jn, af as Qn, ag as Zn, ah as Be, ai as er, aj as tr, ak as nr, al as rr, am as ar, an as pt, ao as or, ap as lr, aq as ur, ar as sr, as as ir, at as cr, au as fr, av as vr, aw as dr, ax as mr, ay as pr, az as hr, aA as yr, aB as gr, aC as wr, aD as br, aE as Sr, aF as Er, aG as xr, aH as Tr, aI as _r, aJ as kr, aK as Or, aL as Fr, aM as Ar, aN as Pr, aO as Cr, aP as Rr, aQ as Dr } from "./vendor-vueuse-shared-B_uDJJ6V.js";
 import { ref as g, getCurrentInstance as Me, onMounted as Gt, computed as O, watch as R, isRef as oe, shallowRef as B, watchEffect as we, inject as je, defineComponent as Qe, customRef as Lr, onUpdated as Yt, shallowReactive as Ce, reactive as q, getCurrentScope as Ir, readonly as te, isReadonly as Ze, onBeforeUpdate as Mr, nextTick as Se, h as ht, TransitionGroup as Nr, markRaw as Vr, Fragment as $r, unref as Wr } from "vue";
 function yt(e, t, n) {
   let a;
@@ -300,7 +300,8 @@ function Xt() {
   }, t), e;
 }
 function V(e) {
-  return Xt(), O(() => !!e());
+  const t = Xt();
+  return O(() => (t.value, !!e()));
 }
 function ce(e, t, n = {}) {
   const { window: a = D, ...o } = n;
@@ -824,7 +825,7 @@ const da = {
 function Ea(e, t = {}) {
   function n(c, f) {
     let d = x(e[x(c)]);
-    return f != null && (d = Vt(d, f)), typeof d == "number" && (d = `${d}px`), d;
+    return f != null && (d = Wt(d, f)), typeof d == "number" && (d = `${d}px`), d;
   }
   const { window: a = D, strategy: o = "min-width" } = t;
   function r(c) {
@@ -949,7 +950,7 @@ function Re(e, t = {}) {
   let r;
   const l = typeof e == "string" ? { name: e } : e, u = g(), s = () => {
     r && (u.value = r.state);
-  }, i = Rt(async () => {
+  }, i = Lt(async () => {
     if (o.value) {
       if (!r)
         try {
@@ -1423,7 +1424,7 @@ function it(e, t = {}) {
     pause: l,
     resume: u,
     isActive: s
-  } = Dt(o), {
+  } = It(o), {
     ignoreUpdates: i,
     ignorePrevAsyncUpdates: c,
     stop: f
@@ -1465,7 +1466,7 @@ function it(e, t = {}) {
   };
 }
 function Na(e, t = {}) {
-  const n = t.debounce ? Ht(t.debounce) : void 0;
+  const n = t.debounce ? Rt(t.debounce) : void 0;
   return {
     ...it(e, { ...t, eventFilter: n })
   };
@@ -1473,7 +1474,7 @@ function Na(e, t = {}) {
 function Va(e = {}) {
   const {
     window: t = D,
-    eventFilter: n = zt
+    eventFilter: n = Dt
   } = e, a = g({ x: null, y: null, z: null }), o = g({ alpha: null, beta: null, gamma: null }), r = g(0), l = g({
     x: null,
     y: null,
@@ -1984,7 +1985,7 @@ const Za = {
   text: "text/plain"
 };
 function De(e) {
-  return e && $t(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch", "updateDataOnError");
+  return e && Ut(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch", "updateDataOnError");
 }
 const eo = /^(?:[a-z][a-z\d+\-.]*:)?\/\//i;
 function to(e) {
@@ -2226,7 +2227,7 @@ function oo(e = {}) {
       ...e,
       ...s
     };
-    r.multiple = i.multiple, r.accept = i.accept, r.webkitdirectory = i.directory, Wt(i, "capture") && (r.capture = i.capture), i.reset && l(), r.click();
+    r.multiple = i.multiple, r.accept = i.accept, r.webkitdirectory = i.directory, Bt(i, "capture") && (r.capture = i.capture), i.reset && l(), r.click();
   };
   return {
     files: te(n),
@@ -2693,7 +2694,7 @@ function fn(e, t = {}) {
   return _(
     e,
     "scroll",
-    n ? It(C, n, !0, !1) : C,
+    n ? Nt(C, n, !0, !1) : C,
     u
   ), G(() => {
     try {
@@ -3330,7 +3331,7 @@ function Uo(e = {}) {
   } = e, n = g(!1), a = g(e.initialValue || {});
   Object.assign(a.value, gn, a.value);
   const o = (r) => {
-    n.value = !0, !(e.pointerTypes && !e.pointerTypes.includes(r.pointerType)) && (a.value = Ut(r, Wo, !1));
+    n.value = !0, !(e.pointerTypes && !e.pointerTypes.includes(r.pointerType)) && (a.value = jt(r, Wo, !1));
   };
   if (t) {
     const r = { passive: !0 };
@@ -3508,7 +3509,7 @@ function Ko(e, t = j, n = {}) {
     const y = f.querySelector(`script[src="${x(e)}"]`);
     y && f.head.removeChild(y);
   };
-  return a && !o && G(h), o || Lt(p), { scriptTag: v, load: h, unload: p };
+  return a && !o && G(h), o || Mt(p), { scriptTag: v, load: h, unload: p };
 }
 function wn(e) {
   const t = window.getComputedStyle(e);
@@ -3783,7 +3784,7 @@ function ll(e, t, n, a = {}) {
         v(k);
       }
   }
-  return y(), f && u && _(f, "storage", (b) => Promise.resolve().then(() => y(b))), n && Mt(
+  return y(), f && u && _(f, "storage", (b) => Promise.resolve().then(() => y(b))), n && Vt(
     h,
     async () => {
       try {
@@ -4096,7 +4097,7 @@ function xl(e = null, t = {}) {
       r && r.title !== s.value && (s.value = c(r.title));
     },
     { childList: !0 }
-  ), Nt(() => {
+  ), $t(() => {
     if (l) {
       const f = l(u, s.value || "");
       f != null && r && (r.title = f);
@@ -4338,7 +4339,7 @@ function En(e, t, n, a = {}) {
   } = a, v = Me(), m = n || v?.emit || ((o = v?.$emit) == null ? void 0 : o.bind(v)) || ((l = (r = v?.proxy) == null ? void 0 : r.$emit) == null ? void 0 : l.bind(v?.proxy));
   let w = i;
   t || (t = "modelValue"), w = w || `update:${t.toString()}`;
-  const h = (b) => u ? typeof u == "function" ? u(b) : Ee(b) : b, p = () => Bt(e[t]) ? h(e[t]) : f, y = (b) => {
+  const h = (b) => u ? typeof u == "function" ? u(b) : Ee(b) : b, p = () => Ht(e[t]) ? h(e[t]) : f, y = (b) => {
     d ? d(b) && m(w, b) : m(w, b);
   };
   if (s) {
@@ -4665,7 +4666,7 @@ function Vl(e, t = {}) {
   }
   u && (Z && _("beforeunload", () => T()), $(T));
   const P = () => {
-    !Z && !jt || (T(), w = !1, h = 0, S());
+    !Z && !zt || (T(), w = !1, h = 0, S());
   };
   return l && P(), R(d, P), {
     data: i,
@@ -4843,7 +4844,7 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   breakpointsVuetify: ha,
   breakpointsVuetifyV2: Qt,
   breakpointsVuetifyV3: pa,
-  bypassFilter: zt,
+  bypassFilter: Dt,
   camelize: qt,
   clamp: Oe,
   cloneFnJSON: Ee,
@@ -4851,7 +4852,7 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   computedEager: vt,
   computedInject: Ur,
   computedWithControl: Ke,
-  containsProp: $t,
+  containsProp: Ut,
   controlledComputed: Ke,
   controlledRef: Rn,
   createEventHook: K,
@@ -4862,11 +4863,11 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   createReactiveFn: dt,
   createReusableTemplate: Br,
   createSharedComposable: In,
-  createSingletonPromise: Rt,
+  createSingletonPromise: Lt,
   createTemplatePromise: Hr,
   createUnrefFn: zr,
   customStorageEventName: et,
-  debounceFilter: Ht,
+  debounceFilter: Rt,
   debouncedRef: Ue,
   debouncedWatch: mt,
   defaultDocument: J,
@@ -4882,19 +4883,19 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get: $n,
   getLifeCycleTarget: Wn,
   getSSRHandler: Ve,
-  hasOwn: Wt,
+  hasOwn: Bt,
   hyphenate: Un,
   identity: tt,
   ignorableWatch: ye,
-  increaseWithUnit: Vt,
+  increaseWithUnit: Wt,
   injectLocal: Bn,
   invoke: jn,
   isClient: Z,
-  isDef: Bt,
+  isDef: Ht,
   isDefined: Hn,
   isIOS: Ae,
   isObject: Ie,
-  isWorker: jt,
+  isWorker: zt,
   makeDestructurable: At,
   mapGamepadToXbox360Controller: fo,
   noop: j,
@@ -4903,7 +4904,7 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   now: qn,
   objectEntries: Ct,
   objectOmit: Pt,
-  objectPick: Ut,
+  objectPick: jt,
   onClickOutside: Gr,
   onKeyDown: Xr,
   onKeyPressed: Kr,
@@ -4911,7 +4912,7 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   onKeyUp: Jr,
   onLongPress: ea,
   onStartTyping: ra,
-  pausableFilter: Dt,
+  pausableFilter: It,
   pausableWatch: Pe,
   promiseTimeout: lt,
   provideLocal: Gn,
@@ -4942,10 +4943,10 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   toRefs: nt,
   toValue: x,
   tryOnBeforeMount: lr,
-  tryOnBeforeUnmount: Nt,
+  tryOnBeforeUnmount: $t,
   tryOnMounted: G,
   tryOnScopeDispose: $,
-  tryOnUnmounted: Lt,
+  tryOnUnmounted: Mt,
   unrefElement: N,
   until: ge,
   useActiveElement: Kt,
@@ -5076,7 +5077,7 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   useTextSelection: ml,
   useTextareaAutosize: pl,
   useThrottle: Be,
-  useThrottleFn: It,
+  useThrottleFn: Nt,
   useThrottledRefHistory: hl,
   useTimeAgo: bl,
   useTimeout: xr,
@@ -5112,7 +5113,7 @@ const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   watchPausable: Pe,
   watchThrottled: pt,
   watchTriggerable: Rr,
-  watchWithFilter: Mt,
+  watchWithFilter: Vt,
   whenever: Dr
 }, Symbol.toStringTag, { value: "Module" }));
 export {

package/dist/{vendor-vueuse-shared-Dg7PMM0z.js → vendor-vueuse-shared-B_uDJJ6V.js}

@@ -1060,23 +1060,23 @@ function fn(e, t, n) {
 }
 export {
   on as $,
-  Me as A,
-  kt as B,
-  Pe as C,
-  G as D,
-  j as E,
-  xt as F,
-  Y as G,
-  Nt as H,
-  ht as I,
-  Ae as J,
-  it as K,
-  at as L,
-  yt as M,
-  nt as N,
-  tt as O,
-  q as P,
-  U as Q,
+  Be as A,
+  Et as B,
+  vt as C,
+  be as D,
+  kt as E,
+  G as F,
+  j as G,
+  xt as H,
+  Y as I,
+  Nt as J,
+  ht as K,
+  Ae as L,
+  it as M,
+  at as N,
+  yt as O,
+  nt as P,
+  tt as Q,
   dt as R,
   ot as S,
   St as T,
@@ -1144,26 +1144,26 @@ export {
   ye as b,
   T as c,
   lt as d,
-  K as e,
+  Ct as e,
   rt as f,
-  mt as g,
-  Ct as h,
+  Me as g,
+  K as h,
   ct as i,
-  wt as j,
-  Ge as k,
-  Ye as l,
+  mt as j,
+  wt as k,
+  Re as l,
   Ke as m,
   E as n,
   gt as o,
-  It as p,
-  je as q,
-  Z as r,
-  ge as s,
+  Ge as p,
+  Ye as q,
+  q as r,
+  U as s,
   i as t,
-  Re as u,
-  N as v,
-  Be as w,
-  Et as x,
-  vt as y,
-  be as z
+  Pe as u,
+  It as v,
+  je as w,
+  Z as x,
+  ge as y,
+  N as z
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.61",
+  "version": "1.1.63",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -75,7 +75,7 @@
     "vee-validate": "^4.12.4",
     "vue": "^3.5.13",
     "vue-currency-input": "^3.0.5",
-    "vue-i18n": "^11.1.3",
+    "vue-i18n": "^11.1.11",
     "vue-router": "^4.2.5",
     "vue3-application-insights": "^1.1.0",
     "vue3-touch-events": "^4.1.8",
@@ -85,9 +85,9 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.1.61",
-    "@vc-shell/config-generator": "^1.1.61",
-    "@vc-shell/ts-config": "^1.1.61",
+    "@vc-shell/api-client-generator": "^1.1.63",
+    "@vc-shell/config-generator": "^1.1.63",
+    "@vc-shell/ts-config": "^1.1.63",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",

package/shared/components/language-selector/language-selector.vue

@@ -3,10 +3,16 @@
     <template #trigger>
       <div class="vc-language-selector__trigger">
         <VcImage
+          v-if="currLocaleFlag"
           :src="currLocaleFlag"
-          empty-icon="material-language"
           class="vc-language-selector__flag"
         />
+        <VcIcon
+          v-else
+          icon="material-language"
+          class="vc-language-selector__flag"
+          size="m"
+        />
         <span class="vc-language-selector__title">
           {{ $t("COMPONENTS.LANGUAGE_SELECTOR.TITLE") }}
         </span>
@@ -17,13 +23,13 @@
       <GenericDropdown
         :opened="opened"
         :items="languageItems"
-        :is-item-active="(lang) => lang.lang === $i18n.locale"
+        :is-item-active="(lang) => lang.lang === currentLocale"
         @item-click="handleLanguageSelect"
       >
         <template #item="{ item: lang, click }">
           <div
             class="vc-language-selector__item"
-            :class="{ 'vc-language-selector__item--active': lang.lang === $i18n.locale }"
+            :class="{ 'vc-language-selector__item--active': lang.lang === currentLocale }"
             @click="click"
           >
             <VcImage
@@ -54,7 +60,7 @@ interface ILanguage {
 }
 
 const { availableLocales, getLocaleMessage, locale } = useI18n({ useScope: "global" });
-const { setLocale, getFlag } = useLanguages();
+const { setLocale, getFlag, currentLocale } = useLanguages();
 
 const opened = ref(false);
 const currLocaleFlag = ref<string>();
@@ -63,8 +69,8 @@ const languageItems: ILanguage[] = availableLocales
   .map((locale: string) => ({
     lang: locale,
     title: (getLocaleMessage(locale) as { language_name: string }).language_name,
-    clickHandler(lang: string) {
-      setLocale(lang);
+    async clickHandler(lang: string) {
+      await setLocale(lang);
     },
     flag: "",
   }))
@@ -77,12 +83,14 @@ const handleLanguageSelect = (lang: ILanguage) => {
   opened.value = false;
 };
 
+// Watch both i18n locale and currentLocale from language service
 watch(
-  [() => languageItems, () => locale.value],
+  [() => languageItems, () => locale.value, () => currentLocale.value],
   async ([newValLangItem]) => {
     for (const lang of newValLangItem) {
       lang.flag = await getFlag(lang.lang);
-      if (lang.lang === locale.value) {
+      // Use currentLocale from language service for consistency
+      if (lang.lang === currentLocale.value) {
         currLocaleFlag.value = lang.flag;
       }
     }

package/shared/components/theme-selector/theme-selector.vue

@@ -36,7 +36,7 @@
 <script lang="ts" setup>
 import { GenericDropdown } from "../generic-dropdown";
 import { useTheme } from "../../../core/composables/useTheme";
-import { ref, watch } from "vue";
+import { ref } from "vue";
 import { notification } from "..";
 import { SettingsMenuItem } from "../settings-menu-item";
 import { VcIcon } from "../../../ui/components";
@@ -47,16 +47,11 @@ const opened = ref(false);
 const handleThemeSelect = (theme: { key: string; name: string }) => {
   setTheme(theme.key);
   opened.value = false;
-};
 
-watch(
-  () => currentLocalizedName.value,
-  (newLocalizedName) => {
-    if (newLocalizedName) {
-      notification(newLocalizedName);
-    }
-  },
-);
+  if (currentLocalizedName.value) {
+    notification(currentLocalizedName.value);
+  }
+};
 </script>
 
 <style lang="scss">

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue

@@ -7,7 +7,7 @@
       <template
         v-if="!expand"
         #tooltip
-        >{{ title }}</template
+        >{{ $t(title ?? "") }}</template
       >
       <div
         class="vc-app-menu-link__item"
@@ -43,7 +43,7 @@
             class="vc-app-menu-link__title"
           >
             <div class="vc-app-menu-link__title-truncate">
-              {{ title }}
+              {{ $t(title ?? "") }}
             </div>
             <div
               v-if="(!!children?.length && expand) || false"
@@ -76,7 +76,7 @@
         <template
           v-if="!expand"
           #tooltip
-          >{{ nested.title }}</template
+          >{{ $t(nested.title) }}</template
         >
         <router-link
           v-if="$hasAccess(nested.permissions!) && nested.url"
@@ -126,7 +126,7 @@
                     'vc-app-menu-link__child-item-title--no-icon': !nested.icon,
                   }"
                 >
-                  {{ nested.title }}
+                  {{ $t(nested.title) }}
                 </p>
               </Transition>
             </div>

package/dist/vendor-boolbase-Bgn9I6iN.js

@@ -1,21 +0,0 @@
-function o(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var r, t;
-function u() {
-  return t || (t = 1, r = {
-    trueFunc: function() {
-      return !0;
-    },
-    falseFunc: function() {
-      return !1;
-    }
-  }), r;
-}
-var a = /* @__PURE__ */ u();
-const n = /* @__PURE__ */ o(a);
-export {
-  n as a,
-  a as b,
-  o as g
-};

package/dist/vendor-core-js-l0sNRNKZ.js

@@ -1 +0,0 @@
-