fluency-v8-components 1.6.6 → 1.6.8

package/dist/{index.es-DjxXs9b6.mjs → index.es-fFZf1Yw8.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-Cyr3_A8-.mjs";
+import { c as Da, _ as Va, g as il } from "./index-ZjKXuOcc.mjs";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluency-v8-components",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",

package/src/assets/main.css

@@ -4,7 +4,7 @@
 @custom-variant dark (&:where(.dark, .dark *));
 @theme {
   --color-vtd-primary-50: var(--color-sky-50);
-  --color-vtd-primary-100: var(--color-sky-100);
+  --color-vtd-primary-100: var(--color-sky-200);
   --color-vtd-primary-200: var(--color-sky-200);
   --color-vtd-primary-300: var(--color-sky-300);
   --color-vtd-primary-400: var(--color-sky-400);
@@ -15,7 +15,7 @@
   --color-vtd-primary-900: var(--color-sky-900);
 
   --color-vtd-secondary-50: var(--color-gray-50);
-  --color-vtd-secondary-100: var(--color-gray-100);
+  --color-vtd-secondary-100: var(--color-gray-500);
   --color-vtd-secondary-200: var(--color-gray-200);
   --color-vtd-secondary-300: var(--color-gray-300);
   --color-vtd-secondary-400: var(--color-gray-400);

package/src/components/charts/LineChart.vue

@@ -297,11 +297,15 @@ export default {
               })
             );
           });
-        const totalLength = lines.node()?.getTotalLength() || 0;
         const totalDuration = 1200;
         lines
-          .attr("stroke-dasharray", totalLength + " " + totalLength)
-          .attr("stroke-dashoffset", totalLength)
+          .attr("stroke-dasharray", function () {
+            const len = this.getTotalLength();
+            return len + " " + len;
+          })
+          .attr("stroke-dashoffset", function () {
+            return this.getTotalLength();
+          })
           .transition()
           .duration(totalDuration)
           .ease(d3.easeLinear)

package/src/components/notifications/Notify.vue

@@ -109,7 +109,7 @@ function openModal(t: string, m: string, s: boolean) {
   // auto close the notification after 5 seconds
   refresh.value = setTimeout(() => {
     closeModal();
-  }, 3000);
+  }, 10000);
 }
 
 function closeModal() {

package/src/components/notifications/NotifyList.vue

@@ -117,7 +117,7 @@ function openModal(t: string, l: string, s: boolean) {
   // auto close the notification after 5 seconds
   refresh.value = setTimeout(() => {
     closeModal();
-  }, 5000);
+  }, 10000);
 }
 
 function closeModal() {