@vc-shell/framework 1.0.236 → 1.0.238

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [1.0.238](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.237...v1.0.238) (2024-06-17)
+
+
+### Bug Fixes
+
+* **navigation:** show router pages via RouterView only if it's not blades ([59d41a0](https://github.com/VirtoCommerce/vc-shell/commit/59d41a0059101350b230a7c07144b1641546f1f8))
+
+
+### Features
+
+* improve loading directive with dynamic z-index support ([c3c8c63](https://github.com/VirtoCommerce/vc-shell/commit/c3c8c63fa48facf640e182405938bb83f5b5087b))
+* **ui:** extend vc-input slots with focus prop ([e0d42b7](https://github.com/VirtoCommerce/vc-shell/commit/e0d42b790571ca8de220c857b67cf143e3d2d024))
+* **ui:** update vc-breadcrumbs-item title style and truncate long titles ([9bd8729](https://github.com/VirtoCommerce/vc-shell/commit/9bd8729161a0e3188ae57acf10e95a301abbe8bb))
+* **ui:** vm-1411 ([25a9096](https://github.com/VirtoCommerce/vc-shell/commit/25a909603c33dc0c0a05f76681a13eba46f3bab4))
+
+
+
+## [1.0.237](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.236...v1.0.237) (2024-06-17)
+
+
+### Features
+
+* vm-1348 avatar for user ([9caf962](https://github.com/VirtoCommerce/vc-shell/commit/9caf962bd881611744ea1849155475b897049df6))
+
+
+
 ## [1.0.236](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.235...v1.0.236) (2024-06-17)
 
 

package/core/composables/useSettings/index.ts

@@ -8,12 +8,13 @@ interface IUISetting {
   contrast_logo?: string;
   logo?: string;
   title?: string;
+  avatar?: string;
 }
 
 interface IUseSettings {
   readonly uiSettings: Ref<IUISetting>;
   readonly loading: ComputedRef<boolean>;
-  applySettings: (args: { logo?: string; title?: string }) => void;
+  applySettings: (args: { logo?: string; title?: string; avatar?: string }) => void;
 }
 
 export function useSettings(): IUseSettings {
@@ -35,11 +36,12 @@ export function useSettings(): IUseSettings {
     }
   });
 
-  function applySettings(args: { logo?: string; title?: string }) {
+  function applySettings(args: { logo?: string; title?: string; avatar?: string }) {
     uiSettings.value = {
       ...uiSettings.value,
       logo: args.logo,
       title: args.title,
+      avatar: args.avatar,
     };
   }
 

package/core/directives/loading/index.ts

@@ -2,5 +2,12 @@ import { DirectiveBinding } from "vue";
 import "./styles.css";
 
 export const loading = (el: HTMLElement, binding: DirectiveBinding) => {
-  el.classList[binding.value ? "add" : "remove"]("v-loading");
+  const zIndex = binding.arg ? parseInt(binding.arg, 10) : 9999;
+  if (binding.value) {
+    el.classList.add("v-loading");
+    el.style.setProperty("--v-loading-z-index", `${zIndex}`);
+  } else {
+    el.classList.remove("v-loading");
+    el.style.removeProperty("--v-loading-z-index");
+  }
 };

package/core/directives/loading/styles.css

@@ -1,13 +1,12 @@
 .v-loading {
   position: relative;
-  /* min-height: 30px; */
   cursor: wait;
 }
 
 .v-loading::before {
   content: "";
   position: absolute;
-  z-index: 9998;
+  z-index: var(--v-loading-z-index, 9998); /* Default to 9998 if not set */
   top: 0;
   right: 0;
   bottom: 0;
@@ -19,7 +18,7 @@
 .v-loading::after {
   content: "";
   position: absolute;
-  z-index: 9999;
+  z-index: calc(var(--v-loading-z-index, 9999) + 1); /* Default to 9999 + 1 if not set */
   width: 30px;
   height: 30px;
   border: 4px solid #319ed4;

package/dist/core/composables/useSettings/index.d.ts

@@ -3,6 +3,7 @@ interface IUISetting {
     contrast_logo?: string;
     logo?: string;
     title?: string;
+    avatar?: string;
 }
 interface IUseSettings {
     readonly uiSettings: Ref<IUISetting>;
@@ -10,6 +11,7 @@ interface IUseSettings {
     applySettings: (args: {
         logo?: string;
         title?: string;
+        avatar?: string;
     }) => void;
 }
 export declare function useSettings(): IUseSettings;

package/dist/core/composables/useSettings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useSettings/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,GAAG,EAAO,WAAW,EAAa,MAAM,KAAK,CAAC;AAIzE,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,YAAY;IACpB,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClE;AAED,wBAAgB,WAAW,IAAI,YAAY,CAsC1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useSettings/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,GAAG,EAAO,WAAW,EAAa,MAAM,KAAK,CAAC;AAIzE,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,YAAY;IACpB,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnF;AAED,wBAAgB,WAAW,IAAI,YAAY,CAuC1C"}

package/dist/core/directives/loading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/directives/loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,OAAO,OAAQ,WAAW,WAAW,gBAAgB,SAEjE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/directives/loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,OAAO,OAAQ,WAAW,WAAW,gBAAgB,SASjE,CAAC"}