fluency-v8-components 1.4.5 → 1.4.7

package/dist/{index-DVmLdvgq.mjs → index-bYQpvhTw.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-B6Z5McD1.mjs")).catch(function(f) {
     return Promise.reject(new Error("Could not load canvg: " + f));
   }).then(function(f) {
     return f.default ? f.default : f;
@@ -63847,7 +63858,7 @@ export {
   NJ as Z,
   kr as _,
   NSe as a,
-  lke as a$,
+  oke as a$,
   CEe as a0,
   xEe as a1,
   $J as a2,
@@ -63858,94 +63869,95 @@ export {
   UU as a7,
   Tc as a8,
   EEe as a9,
-  VEe as aA,
-  FU as aB,
-  ZSe as aC,
-  XSe as aD,
-  JSe as aE,
-  eEe as aF,
-  MZ as aG,
-  RM as aH,
-  zEe as aI,
-  $y as aJ,
-  GEe as aK,
-  Age as aL,
-  hge as aM,
-  Ry as aN,
-  YEe as aO,
-  Lge as aP,
-  WEe as aQ,
-  JEe as aR,
-  Oye as aS,
-  eke as aT,
-  tke as aU,
-  nke as aV,
-  rke as aW,
-  ike as aX,
-  ake as aY,
-  ske as aZ,
-  oke as a_,
+  jEe as aA,
+  VEe as aB,
+  FU as aC,
+  ZSe as aD,
+  XSe as aE,
+  JSe as aF,
+  eEe as aG,
+  MZ as aH,
+  RM as aI,
+  zEe as aJ,
+  $y as aK,
+  GEe as aL,
+  Age as aM,
+  hge as aN,
+  Ry as aO,
+  YEe as aP,
+  Lge as aQ,
+  WEe as aR,
+  JEe as aS,
+  Oye as aT,
+  eke as aU,
+  tke as aV,
+  nke as aW,
+  rke as aX,
+  ike as aY,
+  ake as aZ,
+  ske as a_,
   KEe as aa,
-  kEe as ab,
-  xee as ac,
-  FEe as ad,
-  LEe as ae,
-  UEe as af,
-  IEe as ag,
-  Ele as ah,
-  qEe as ai,
-  tte as aj,
-  ey as ak,
-  ua as al,
-  yi as am,
-  TEe as an,
-  NEe as ao,
-  vL as ap,
-  Ul as aq,
-  OEe as ar,
-  MEe as as,
-  QEe as at,
-  DEe as au,
-  PEe as av,
-  $Ee as aw,
-  REe as ax,
-  HEe as ay,
-  jEe as az,
+  QX as ab,
+  kEe as ac,
+  xee as ad,
+  FEe as ae,
+  LEe as af,
+  UEe as ag,
+  IEe as ah,
+  Ele as ai,
+  qEe as aj,
+  tte as ak,
+  ey as al,
+  ua as am,
+  yi as an,
+  TEe as ao,
+  NEe as ap,
+  vL as aq,
+  Ul as ar,
+  OEe as as,
+  MEe as at,
+  QEe as au,
+  DEe as av,
+  PEe as aw,
+  $Ee as ax,
+  REe as ay,
+  HEe as az,
   kH as b,
-  Ake as b0,
-  uke as b1,
-  cke as b2,
-  fke as b3,
-  Fbe as b4,
-  Lbe as b5,
-  Ube as b6,
-  Tbe as b7,
-  Gwe as b8,
-  Ywe as b9,
-  Zwe as ba,
-  Xwe as bb,
-  Jwe as bc,
-  i5e as bd,
-  a5e as be,
-  A5e as bf,
-  c5e as bg,
-  f5e as bh,
-  d5e as bi,
-  g5e as bj,
-  m5e as bk,
-  v5e as bl,
-  y5e as bm,
-  b5e as bn,
-  H5e as bo,
-  j5e as bp,
-  V5e as bq,
-  q5e as br,
-  K5e as bs,
-  W5e as bt,
-  Z5e as bu,
-  X5e as bv,
-  mke as bw,
-  vke as bx,
+  lke as b0,
+  Ake as b1,
+  uke as b2,
+  cke as b3,
+  fke as b4,
+  Fbe as b5,
+  Lbe as b6,
+  Ube as b7,
+  Tbe as b8,
+  Gwe as b9,
+  Ywe as ba,
+  Zwe as bb,
+  Xwe as bc,
+  Jwe as bd,
+  i5e as be,
+  a5e as bf,
+  A5e as bg,
+  c5e as bh,
+  f5e as bi,
+  d5e as bj,
+  g5e as bk,
+  m5e as bl,
+  v5e as bm,
+  y5e as bn,
+  b5e as bo,
+  H5e as bp,
+  j5e as bq,
+  V5e as br,
+  q5e as bs,
+  K5e as bt,
+  W5e as bu,
+  Z5e as bv,
+  X5e as bw,
+  mke as bx,
+  vke as by,
   $i as c,
   OSe as d,
   MSe as e,

package/dist/{index.es-BL37nGHt.mjs → index.es-B6Z5McD1.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-bYQpvhTw.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.7",
   "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/dialogs/Wizard.vue

@@ -37,7 +37,7 @@
 <script setup>
 import { ref, watch } from "vue";
 import { Dialog, TextButton } from "@/components";
-import Stepper from "./wizard/Stepper.vue";
+import Stepper from "../common/Stepper.vue";
 
 const props = defineProps({
   open: Boolean,

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/index.js

@@ -105,6 +105,7 @@ export { default as CodeEditor } from "./common/CodeEditor.vue";
 export { default as Sort } from "./common/Sort.vue";
 export { default as Flag } from "./common/Flag.vue";
 export { default as ThreeHomePanel } from "./common/ThreeHomePanel.vue";
+export { default as Stepper } from "./common/Stepper.vue";
 
 // charts
 export { default as AlertChart } from "./charts/AlertChart.vue";

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