fluency-v8-components 1.4.5 → 1.4.6

package/dist/{index-DVmLdvgq.mjs → index-DwYYvTaG.mjs}

@@ -3756,12 +3756,10 @@ function rj(e, t, n, r, i, a) {
         "input-icon cursor-pointer",
         { "pb-5": n.error },
         { hidden: n.readonly }
-      ])
+      ]),
+      onClick: t[2] || (t[2] = (...o) => a.generateToken && a.generateToken(...o))
     }, [
-      he(s, {
-        class: "icon-md",
-        onClick: a.generateToken
-      }, null, 8, ["onClick"])
+      he(s, { class: "icon-md" })
     ], 2),
     n.error ? (K(), fe("div", nj, ze(n.error), 1)) : At("", !0)
   ]);
@@ -6794,10 +6792,6 @@ const vv = /* @__PURE__ */ V2(sV), oV = { class: "flex items-center" }, lV = { c
   }
 }, uV = {
   props: {
-    error: {
-      type: String,
-      default: ""
-    },
     radioValue: {
       type: String,
       required: !0
@@ -18655,8 +18649,9 @@ const FU = {
     }
     return (a, s) => (K(), fe("button", {
       class: st([
-        "circle-btn std-btn-blue relative",
+        "circle-btn relative",
         { "p-1.5": e.dense },
+        { "std-btn-blue": e.color === "blue" },
         { "std-btn-red": e.color === "red" },
         { "std-btn-green": e.color === "green" }
       ]),
@@ -35495,6 +35490,14 @@ const Lge = /* @__PURE__ */ wr(Cge, [["render", Fge]]), Uge = {
       legend: null
     };
   },
+  watch: {
+    theme: {
+      handler() {
+        this.svg && this.createChart();
+      },
+      immediate: !0
+    }
+  },
   mounted() {
     this.initializeChart(), this.createChart();
   },
@@ -40841,6 +40844,8 @@ const Fye = { class: "col items-center" }, Lye = { class: "text-center" }, Uye =
     const t = e, n = _e(null), r = _e(null);
     dn([() => t.buckets], () => {
       i();
+    }), dn([() => t.theme], () => {
+      i();
     });
     function i() {
       if (!t.buckets) return;
@@ -41118,6 +41123,12 @@ const Oye = /* @__PURE__ */ wr(Iye, [["render", Nye]]), Mye = {
         this.getMaxDepthAndY(this.chartData), this.drawChart();
       },
       deep: !0
+    },
+    theme: {
+      handler(e) {
+        this.svg && (this.svg.selectAll("*").remove(), this.getMaxDepthAndY(this.chartData), this.drawChart());
+      },
+      immediate: !0
     }
   },
   mounted() {
@@ -41935,7 +41946,7 @@ const eke = /* @__PURE__ */ wr($ye, [["render", Kye]]), zye = { class: "w-full s
     }, {
       default: Oe(() => [
         he(J(Q2), {
-          class: "w-full text-sm bg-transparent px-2 border-0 outline-none focus:outline-none focus:ring-0",
+          class: "w-full text-sm bg-transparent px-2 pr-10 border-0 outline-none focus:outline-none focus:ring-0",
           onChange: l[0] || (l[0] = (A) => a.value = A.target.value),
           displayValue: (A) => A.label
         }, null, 8, ["displayValue"]),
@@ -42059,7 +42070,7 @@ const eke = /* @__PURE__ */ wr($ye, [["render", Kye]]), zye = { class: "w-full s
       });
     };
   }
-}, vbe = { class: "py-1 px-2 std-white std-white-text" }, ybe = { key: 1 }, bbe = { class: "relative rounded-lg p-4 text-sm leading-6 hover:white-bg-hover hover:dark:dark-bg-hover" }, wbe = { class: "relative row text-sm" }, Bbe = { class: "menu" }, xbe = { class: "menu-button" }, Ake = {
+}, vbe = { class: "py-1 px-2 std-white std-white-text" }, ybe = { key: 1 }, bbe = { class: "relative rounded-lg p-4 text-sm leading-6 hover:white-bg-hover hover:dark:dark-bg-hover" }, wbe = { class: "relative row text-sm" }, Bbe = { class: "menu hover:opacity-50" }, xbe = { class: "menu-button" }, Ake = {
   __name: "MenuDesktop",
   props: {
     navigation: Array,
@@ -62834,7 +62845,7 @@ function(e) {
   var A = l.getContext("2d");
   A.fillStyle = "#fff", A.fillRect(0, 0, l.width, l.height);
   var u = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, d = this;
-  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-BL37nGHt.mjs")).catch(function(f) {
+  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-WQV-hJP-.mjs")).catch(function(f) {
     return Promise.reject(new Error("Could not load canvg: " + f));
   }).then(function(f) {
     return f.default ? f.default : f;

package/dist/{index.es-BL37nGHt.mjs → index.es-WQV-hJP-.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-DVmLdvgq.mjs";
+import { c as Da, _ as Va, g as il } from "./index-DwYYvTaG.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.4.5",
+  "version": "1.4.6",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",

package/src/components/buttons/IconButton.vue

@@ -1,8 +1,9 @@
 <template>
   <button
     :class="[
-      'circle-btn std-btn-blue relative',
+      'circle-btn relative',
       { 'p-1.5': dense },
+      { 'std-btn-blue': color === 'blue' },
       { 'std-btn-red': color === 'red' },
       { 'std-btn-green': color === 'green' },
     ]"

package/src/components/charts/ProgressChart.vue

@@ -34,6 +34,16 @@ export default {
       legend: null,
     };
   },
+  watch: {
+    theme: {
+      handler() {
+        if (this.svg) {
+          this.createChart();
+        }
+      },
+      immediate: true,
+    },
+  },
   mounted() {
     this.initializeChart();
     this.createChart();

package/src/components/charts/TimelineChart.vue

@@ -39,6 +39,9 @@ const myplotLegend = ref(null);
 watch([() => props.buckets], () => {
   plotGraph();
 });
+watch([() => props.theme], () => {
+  plotGraph();
+});
 
 // function defs
 function plotGraph() {

package/src/components/charts/WorkflowChart.vue

@@ -176,6 +176,16 @@ export default {
       },
       deep: true,
     },
+    theme: {
+      handler(newVal) {
+        if (this.svg) {
+          this.svg.selectAll("*").remove(); // Clear existing SVG content
+          this.getMaxDepthAndY(this.chartData);
+          this.drawChart();
+        }
+      },
+      immediate: true,
+    },
   },
   mounted() {
     this.initializeChart();

package/src/components/form/GreyInputToken.vue

@@ -17,10 +17,10 @@
         { 'pb-5': error },
         { hidden: readonly },
       ]"
+      @click="generateToken"
     >
       <CurrencyDollarIcon
         class="icon-md"
-        @click="generateToken"
       />
     </span>
     <div v-if="error" class="std-red-text text-sm">

package/src/components/form/RadioInput.vue

@@ -16,10 +16,6 @@
 <script>
 export default {
   props: {
-    error: {
-      type: String,
-      default: "",
-    },
     radioValue: {
       type: String,
       required: true,

package/src/components/menu/GridMenu.vue

@@ -6,7 +6,7 @@
     @update:model-value="emits('update', $event)"
   >
     <ComboboxInput
-      class="w-full text-sm bg-transparent px-2 border-0 outline-none focus:outline-none focus:ring-0"
+      class="w-full text-sm bg-transparent px-2 pr-10 border-0 outline-none focus:outline-none focus:ring-0"
       @change="query = $event.target.value"
       :displayValue="(option) => option.label"
     />

package/src/components/menu/MenuDesktop.vue

@@ -61,7 +61,7 @@
       </transition>
     </Menu>
     <router-link v-else :to="{ name: item.route }">
-      <div class="menu">
+      <div class="menu hover:opacity-50">
         <div class="menu-button">
           <component :is="item.icon" class="menu-icon" aria-hidden="true" />
           {{ item.name }}