fluency-v8-components 1.5.8 → 1.5.9

package/dist/{index-Bf1dowpE.mjs → index-Bhs-DoPS.mjs}

@@ -27085,15 +27085,18 @@ const TEe = /* @__PURE__ */ yr(cle, [["render", hle]]), ple = { class: "py-1" },
       default: !1
     }
   },
-  setup(e) {
-    return (t, n) => (K(), de("div", Ble, [
+  emits: ["panel"],
+  setup(e, { emit: t }) {
+    const n = t;
+    return (r, i) => (K(), de("div", Ble, [
       fe(H1, {
-        class: st(["md:w-1/3", { "dark:bg-black": e.shadow }])
+        class: st(["md:w-1/3", { "dark:bg-black": e.shadow }]),
+        onClick: i[0] || (i[0] = (a) => n("panel", 1))
       }, {
         default: Ne(() => [
           q("div", xle, [
             q("div", _le, [
-              dn(t.$slots, "firstPanelIcon"),
+              dn(r.$slots, "firstPanelIcon"),
               q("div", Cle, Ge(e.firstPanelValue), 1)
             ]),
             q("div", Sle, Ge(e.firstPanelName), 1)
@@ -27102,12 +27105,13 @@ const TEe = /* @__PURE__ */ yr(cle, [["render", hle]]), ple = { class: "py-1" },
         _: 3
       }, 8, ["class"]),
       fe(H1, {
-        class: st(["md:w-1/3", { "dark:bg-black": e.shadow }])
+        class: st(["md:w-1/3", { "dark:bg-black": e.shadow }]),
+        onClick: i[1] || (i[1] = (a) => n("panel", 2))
       }, {
         default: Ne(() => [
           q("div", Ele, [
             q("div", kle, [
-              dn(t.$slots, "secondPanelIcon"),
+              dn(r.$slots, "secondPanelIcon"),
               q("div", Fle, Ge(e.secondPanelValue), 1)
             ]),
             q("div", Lle, Ge(e.secondPanelName), 1)
@@ -27116,12 +27120,13 @@ const TEe = /* @__PURE__ */ yr(cle, [["render", hle]]), ple = { class: "py-1" },
         _: 3
       }, 8, ["class"]),
       fe(H1, {
-        class: st(["md:w-1/3", { "dark:bg-black": e.shadow }])
+        class: st(["md:w-1/3", { "dark:bg-black": e.shadow }]),
+        onClick: i[2] || (i[2] = (a) => n("panel", 3))
       }, {
         default: Ne(() => [
           q("div", Ule, [
             q("div", Ile, [
-              dn(t.$slots, "thirdPanelIcon"),
+              dn(r.$slots, "thirdPanelIcon"),
               q("div", Tle, Ge(e.thirdPanelValue), 1)
             ]),
             q("div", Nle, Ge(e.thirdPanelName), 1)
@@ -62836,7 +62841,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-C94FYv2E.mjs")).catch(function(f) {
+  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-C9xsQDxF.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-C94FYv2E.mjs → index.es-C9xsQDxF.mjs}

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

package/src/components/common/ThreeHomePanel.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="col md:flex-row md:justify-between gap-x-5 my-4">
-    <GreyForm :class="['md:w-1/3', { 'dark:bg-black': shadow }]">
+    <GreyForm :class="['md:w-1/3', { 'dark:bg-black': shadow }]" @click="emits('panel', 1)">
       <div class="col items-center mt-2">
         <div class="row">
           <slot name="firstPanelIcon" />
@@ -9,7 +9,7 @@
         <div class="font-light">{{ firstPanelName }}</div>
       </div>
     </GreyForm>
-    <GreyForm :class="['md:w-1/3', { 'dark:bg-black': shadow }]">
+    <GreyForm :class="['md:w-1/3', { 'dark:bg-black': shadow }]" @click="emits('panel', 2)">
       <div class="col items-center mt-2">
         <div class="row">
           <slot name="secondPanelIcon" />
@@ -18,7 +18,7 @@
         <div class="font-light">{{ secondPanelName }}</div>
       </div>
     </GreyForm>
-    <GreyForm :class="['md:w-1/3', { 'dark:bg-black': shadow }]">
+    <GreyForm :class="['md:w-1/3', { 'dark:bg-black': shadow }]" @click="emits('panel', 3)">
       <div class="col items-center mt-2">
         <div class="row">
           <slot name="thirdPanelIcon" />
@@ -45,4 +45,5 @@ const props = defineProps({
     default: false,
   },
 });
+const emits = defineEmits(["panel"])
 </script>