@sysvale/cuida 3.25.3 → 3.26.0

package/dist/@sysvale/cuida.es.js

@@ -17314,10 +17314,10 @@ const PB = {
     }
   },
   mounted() {
-    console.log("\u{1F680} -> file: LineChart.vue:257 -> this.scales:", this.scales), this.chartOptions = {
+    this.chartOptions = {
       ...this.chartOptions,
       ...this.scales
-    }, console.log("\u{1F680} -> file: LineChart.vue:256 -> chartOptions:", this.chartOptions);
+    };
   },
   methods: {
     paleteBuilder: Ur,
@@ -17382,7 +17382,7 @@ function LB(t, e, n, i, s, r) {
     ])
   ]);
 }
-const zB = /* @__PURE__ */ me(PB, [["render", LB], ["__scopeId", "data-v-b0fa56a0"]]);
+const zB = /* @__PURE__ */ me(PB, [["render", LB], ["__scopeId", "data-v-88deb5d1"]]);
 const VB = {
   components: {
     Pie: FL
@@ -17724,6 +17724,12 @@ const jB = {
       default: "green",
       validator: (t) => ["green", "turquoise", "blue", "indigo", "violet", "pink", "red", "orange", "amber", "gray", "dark"].includes(t)
     },
+    theme: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (t) => ["green", "teal", "turquoise", "blue", "indigo", "violet", "pink", "red", "orange", "amber", "gray", "dark"].includes(t)
+    },
     labels: {
       type: Array,
       required: !0,
@@ -17817,12 +17823,12 @@ const jB = {
   methods: {
     paleteBuilder: Ur,
     palete() {
-      this.palletColors = this.paleteBuilder(this.sassColorVariables.palete), this.removeFirstElement();
+      this.theme.length ? this.palletColors = this.paleteBuilder(this.sassColorVariables.chartThemes) : (this.palletColors = this.paleteBuilder(this.sassColorVariables.palete), this.removeFirstTwoElements());
     },
-    removeFirstElement() {
+    removeFirstTwoElements() {
       for (let t = 0; t < this.palletColors.length; t++) {
         const e = this.palletColors[t];
-        this.deleteFirstTwoColors === !1 && (e.colorShades.splice(0, 1), e.colorTokens.splice(0, 2), e.colorData.splice(0, 1));
+        this.deleteFirstTwoColors === !1 && (e.colorShades.splice(0, 2), e.colorTokens.splice(0, 2), e.colorData.splice(0, 2));
       }
     },
     addDataSetNames() {
@@ -17833,33 +17839,32 @@ const jB = {
       });
     },
     mergeChartDataNoSelect(t) {
-      var i;
       const e = { labels: this.localLabels, datasets: [] };
-      this.addDataSetNames(), t.forEach((s) => {
-        s.datasets.forEach((r) => {
-          const a = {
-            label: r.label,
-            data: r.data,
-            name: r.name,
-            variant: r.variant,
+      this.addDataSetNames(), t.forEach((i) => {
+        i.datasets.forEach((s) => {
+          const r = {
+            label: s.label,
+            data: s.data,
+            name: s.name,
             borderRadius: 6
           };
-          e.datasets.push(a);
+          e.datasets.push(r);
         });
-      });
-      const n = typeof ((i = this.data[0].datasets[0]) == null ? void 0 : i.variant) < "u";
-      if (this.palete(), n)
-        this.setMultiColors(e.datasets), this.localChartData = e;
-      else {
-        const s = this.getPalete();
-        this.setColors(e.datasets, s), this.localChartData = e;
-      }
+      }), this.palete();
+      const n = this.generateBackgroundColor();
+      this.setColors(e.datasets, n), this.localChartData = e;
     },
     getPalete(t = this.variant) {
       const e = t.toLowerCase(), n = this.palletColors.find((i) => i.variantName.toLowerCase().includes(e));
       if (n)
         return n.colorShades;
     },
+    generateBackgroundColor() {
+      let t = this.variant.toLowerCase();
+      this.theme.length && (t = this.theme.toLowerCase());
+      const e = this.palletColors.find((n) => n.variantName.toLowerCase() === t);
+      return e ? this.fill ? e.colorShades.map((i) => i + "80") : e.colorShades : [];
+    },
     setMultiColors(t) {
       const e = {};
       let n = 0;
@@ -17892,7 +17897,7 @@ function qB(t, e, n, i, s, r) {
     ])
   ]);
 }
-const GB = /* @__PURE__ */ me(jB, [["render", qB], ["__scopeId", "data-v-53c28ee2"]]);
+const GB = /* @__PURE__ */ me(jB, [["render", qB], ["__scopeId", "data-v-a0e865bb"]]);
 const ip = {
   props: {
     padding: {
@@ -29218,7 +29223,7 @@ function rse(t, e, n, i, s, r) {
     }, null, 8, ["text", "variant"]))
   ]);
 }
-const ase = /* @__PURE__ */ me(ese, [["render", rse], ["__scopeId", "data-v-a4be2019"]]);
+const ase = /* @__PURE__ */ me(ese, [["render", rse], ["__scopeId", "data-v-2b71d10e"]]);
 const Pp = {
   components: {
     CdsIcon: mt
@@ -29601,7 +29606,7 @@ const Sse = {
       this.$emit("update:modelValue", t);
     },
     modelValue(t) {
-      console.log("v-model", t), this.isActive = t;
+      this.isActive = t;
     }
   },
   mounted() {
@@ -29711,7 +29716,7 @@ function Pse(t, e, n, i, s, r) {
     ])
   ], 10, Cse);
 }
-const Ese = /* @__PURE__ */ me(Sse, [["render", Pse], ["__scopeId", "data-v-24ad8b5d"]]);
+const Ese = /* @__PURE__ */ me(Sse, [["render", Pse], ["__scopeId", "data-v-544de446"]]);
 const Ep = {
   props: {
     value: {