@vc-shell/framework 1.0.237 → 1.0.239

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [1.0.239](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.238...v1.0.239) (2024-06-18)
+
+
+### Bug Fixes
+
+* **ui:** fixed flickering when hover on tooltip ([df11271](https://github.com/VirtoCommerce/vc-shell/commit/df112712cd8542a6a69fd0f3eda38d3040936df1))
+
+
+
+## [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)
 
 

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/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"}