nemesischart 2.0.5 → 2.0.7

package/dist/nemesischart.js

@@ -1,11 +1,11 @@
-import { ref as tt, shallowRef as Rt, onMounted as Et, onBeforeUnmount as Ft, watch as vt, openBlock as n, createElementBlock as s, normalizeStyle as y, createElementVNode as x, computed as w, unref as r, normalizeClass as rt, renderSlot as C, createTextVNode as O, toDisplayString as $, createCommentVNode as f, createVNode as dt, Fragment as pt, renderList as yt } from "vue";
-import { Chart as $t, Title as Tt, Tooltip as qt, Legend as Lt, Filler as zt, LineController as jt, LineElement as Ht, PointElement as Vt, BarController as Mt, BarElement as Nt, PieController as Dt, PolarAreaController as Pt, ArcElement as Ot, CategoryScale as Wt, LinearScale as It, RadialLinearScale as Xt } from "chart.js";
-const et = (t, v) => {
+import { ref as ot, shallowRef as Mt, onMounted as jt, onBeforeUnmount as Ht, watch as Bt, openBlock as l, createElementBlock as s, normalizeStyle as h, createElementVNode as S, computed as z, unref as a, normalizeClass as lt, renderSlot as F, createTextVNode as X, toDisplayString as A, createCommentVNode as g, createVNode as ft, Fragment as mt, renderList as yt, useCssVars as Vt } from "vue";
+import { Chart as wt, Title as Nt, Tooltip as Pt, Legend as Dt, Filler as It, LineController as Wt, LineElement as Ot, PointElement as Xt, BarController as Yt, BarElement as Jt, PieController as Qt, PolarAreaController as Ut, ArcElement as Gt, CategoryScale as Zt, LinearScale as Kt, RadialLinearScale as _t } from "chart.js";
+const at = (t, m) => {
   const e = t.__vccOpts || t;
-  for (const [g, o] of v)
-    e[g] = o;
+  for (const [i, o] of m)
+    e[i] = o;
   return e;
-}, Yt = {
+}, te = {
   __name: "ChartBase",
   props: {
     type: { type: String, required: !0 },
@@ -15,123 +15,144 @@ const et = (t, v) => {
     height: { type: [String, Number], default: 300 },
     width: { type: [String, Number], default: null }
   },
-  setup(t, { expose: v }) {
-    $t.register(
-      Tt,
-      qt,
-      Lt,
-      zt,
-      jt,
-      Ht,
-      Vt,
-      Mt,
+  setup(t, { expose: m }) {
+    wt.register(
       Nt,
-      Dt,
       Pt,
-      Ot,
-      Wt,
+      Dt,
       It,
-      Xt
+      Wt,
+      Ot,
+      Xt,
+      Yt,
+      Jt,
+      Qt,
+      Ut,
+      Gt,
+      Zt,
+      Kt,
+      _t
     );
-    const e = t, g = tt(null), o = Rt(null), R = {
+    const e = t, i = ot(null), o = Mt(null), C = {
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
         legend: { position: "top" }
       }
     };
-    function S() {
-      return { ...R, ...e.options };
+    function $() {
+      return { ...C, ...e.options };
     }
-    function j() {
-      g.value && (o.value = new $t(g.value, {
+    function w() {
+      i.value && (o.value = new wt(i.value, {
         type: e.type,
         data: e.data,
-        options: S(),
+        options: $(),
         plugins: e.plugins
       }));
     }
-    function Q() {
+    function P() {
       o.value && (o.value.destroy(), o.value = null);
     }
-    return Et(j), Ft(Q), vt(
+    return jt(w), Ht(P), Bt(
       () => e.data,
-      (Z) => {
+      (R) => {
         if (!o.value) return;
-        o.value.data.labels = Z.labels;
-        const T = o.value.data.datasets, E = Z.datasets;
-        T.length !== E.length ? o.value.data.datasets = E : E.forEach((X, I) => Object.assign(T[I], X)), o.value.update();
+        o.value.data.labels = R.labels;
+        const q = o.value.data.datasets, L = R.datasets;
+        q.length !== L.length ? o.value.data.datasets = L : L.forEach((Q, W) => Object.assign(q[W], Q)), o.value.update();
       },
       { deep: !0 }
-    ), vt(
+    ), Bt(
       () => e.options,
       () => {
-        o.value && (o.value.options = S(), o.value.update());
+        o.value && (o.value.options = $(), o.value.update());
       },
       { deep: !0 }
-    ), v({ chart: o }), (Z, T) => (n(), s("div", {
+    ), m({ chart: o }), (R, q) => (l(), s("div", {
       class: "nc-chart-wrapper w-full",
-      style: y({
+      style: h({
         height: typeof t.height == "number" ? `${t.height}px` : t.height,
         width: t.width ? typeof t.width == "number" ? `${t.width}px` : t.width : "100%"
       })
     }, [
-      x("canvas", {
+      S("canvas", {
         ref_key: "canvasRef",
-        ref: g
+        ref: i
       }, null, 512)
     ], 4));
   }
-}, lt = /* @__PURE__ */ et(Yt, [["__scopeId", "data-v-9828990e"]]), Jt = {
+}, st = /* @__PURE__ */ at(te, [["__scopeId", "data-v-9828990e"]]);
+function ee(t) {
+  const m = t.replace("#", ""), e = m.length === 3 ? m.split("").map((Q) => Q + Q).join("") : m, i = parseInt(e.slice(0, 2), 16) / 255, o = parseInt(e.slice(2, 4), 16) / 255, C = parseInt(e.slice(4, 6), 16) / 255, $ = Math.max(i, o, C), w = Math.min(i, o, C), P = ($ + w) / 2;
+  if ($ === w) return [0, 0, P * 100];
+  const R = $ - w, q = P > 0.5 ? R / (2 - $ - w) : R / ($ + w);
+  let L;
+  return $ === i ? L = ((o - C) / R + (o < C ? 6 : 0)) / 6 : $ === o ? L = ((C - i) / R + 2) / 6 : L = ((i - o) / R + 4) / 6, [L * 360, q * 100, P * 100];
+}
+function oe(t, m, e) {
+  t /= 360, m /= 100, e /= 100;
+  const i = e < 0.5 ? e * (1 + m) : e + m - e * m, o = 2 * e - i, C = (R) => (R < 0 && (R += 1), R > 1 && (R -= 1), R < 1 / 6 ? o + (i - o) * 6 * R : R < 1 / 2 ? i : R < 2 / 3 ? o + (i - o) * (2 / 3 - R) * 6 : o), $ = m === 0 ? e : C(t + 1 / 3), w = m === 0 ? e : C(t), P = m === 0 ? e : C(t - 1 / 3);
+  return "#" + [$, w, P].map((R) => Math.round(R * 255).toString(16).padStart(2, "0")).join("");
+}
+function ht(t, m = 7) {
+  if (!(t != null && t.startsWith("#"))) return Array.from({ length: m }, () => t ?? "#3B82F6");
+  const [e, i] = ee(t), o = 20, C = 72;
+  return Array.from({ length: m }, ($, w) => {
+    const P = m === 1 ? 0.5 : w / (m - 1), R = o + P * (C - o), q = Math.max(50, i - Math.max(0, R - 55) * 0.6);
+    return oe(e, q, R);
+  });
+}
+const ae = {
   light: { bg: "#ffffff", text: "#000000", muted: "#64748B", grid: "rgba(15,23,42,0.06)" },
   dark: { bg: "#000000", text: "#ffffff", muted: "#7b7b7b", grid: "rgba(255,255,255,0.08)" },
   transparent: { bg: "transparent", text: "inherit", muted: "#7b7b7b", grid: "rgba(127,127,127,0.15)" }
 };
-function D(t, v) {
-  if (!t) return `rgba(59,130,246,${v})`;
+function N(t, m) {
+  if (!t) return `rgba(59,130,246,${m})`;
   if (t.startsWith("#")) {
-    const e = t.replace("#", ""), g = e.length === 3 ? e.split("").map((j) => j + j).join("") : e, o = parseInt(g.slice(0, 2), 16), R = parseInt(g.slice(2, 4), 16), S = parseInt(g.slice(4, 6), 16);
-    return `rgba(${o},${R},${S},${v})`;
+    const e = t.replace("#", ""), i = e.length === 3 ? e.split("").map((w) => w + w).join("") : e, o = parseInt(i.slice(0, 2), 16), C = parseInt(i.slice(2, 4), 16), $ = parseInt(i.slice(4, 6), 16);
+    return `rgba(${o},${C},${$},${m})`;
   }
   if (t.startsWith("rgb")) {
     const e = t.match(/[\d.]+/g);
-    if (e && e.length >= 3) return `rgba(${e[0]},${e[1]},${e[2]},${v})`;
+    if (e && e.length >= 3) return `rgba(${e[0]},${e[1]},${e[2]},${m})`;
   }
   return t;
 }
-function nt(t) {
-  const v = w(() => {
-    const g = Jt[t.tema], o = g ? { ...g, bg: t.corFundo || g.bg } : { bg: t.corFundo || t.tema, text: "#F8FAFC", muted: "#7b7b7b", grid: "rgba(255,255,255,0.08)" };
+function it(t) {
+  const m = z(() => {
+    const i = ae[t.tema], o = i ? { ...i, bg: t.corFundo || i.bg } : { bg: t.corFundo || t.tema, text: "#F8FAFC", muted: "#7b7b7b", grid: "rgba(255,255,255,0.08)" };
     return {
       ...o,
       text: t.corTexto || o.text,
       muted: t.corTexto || o.muted
     };
-  }), e = w(() => ({
-    background: v.value.bg,
-    color: v.value.text,
+  }), e = z(() => ({
+    background: m.value.bg,
+    color: m.value.text,
     borderRadius: typeof t.borderRadius == "number" ? `${t.borderRadius}px` : t.borderRadius,
     boxShadow: t.sombra,
     border: t.corBorda ? `1px solid ${t.corBorda}` : "none"
   }));
-  return { palette: v, cardStyle: e, toRgba: D };
+  return { palette: m, cardStyle: e, toRgba: N };
 }
-function ut(t) {
-  const v = w(() => t.tipoValor === "moeda" ? new Intl.NumberFormat(t.locale, { style: "currency", currency: t.moeda }) : t.tipoValor === "percentual" ? new Intl.NumberFormat(t.locale, { style: "percent", maximumFractionDigits: 2 }) : new Intl.NumberFormat(t.locale, { maximumFractionDigits: 2 }));
-  function e(g) {
-    if (g == null) return "";
-    const o = Number(g);
-    return Number.isNaN(o) ? String(g) : t.tipoValor === "percentual" ? v.value.format(o / 100) : v.value.format(o);
+function pt(t) {
+  const m = z(() => t.tipoValor === "moeda" ? new Intl.NumberFormat(t.locale, { style: "currency", currency: t.moeda }) : t.tipoValor === "percentual" ? new Intl.NumberFormat(t.locale, { style: "percent", maximumFractionDigits: 2 }) : new Intl.NumberFormat(t.locale, { maximumFractionDigits: 2 }));
+  function e(i) {
+    if (i == null) return "";
+    const o = Number(i);
+    return Number.isNaN(o) ? String(i) : t.tipoValor === "percentual" ? m.value.format(o / 100) : m.value.format(o);
   }
-  return { formatador: v, formatar: e };
+  return { formatador: m, formatar: e };
 }
-function gt(t, { caretFlexivel: v = !1 } = {}) {
+function gt(t, { caretFlexivel: m = !1 } = {}) {
   let e = t.querySelector(".nc-tt");
   if (e) return e;
   e = document.createElement("div"), e.className = "nc-tt", Object.assign(e.style, {
     position: "absolute",
     pointerEvents: "none",
-    transform: v ? "translateX(-50%)" : "translate(-50%, calc(-100% - 16px))",
+    transform: m ? "translateX(-50%)" : "translate(-50%, calc(-100% - 16px))",
     transition: "opacity .18s ease, left .12s ease, top .12s ease",
     opacity: "0",
     background: "#ffffff",
@@ -145,8 +166,8 @@ function gt(t, { caretFlexivel: v = !1 } = {}) {
     fontFamily: "inherit",
     textAlign: "left"
   });
-  const g = document.createElement("div");
-  g.className = "nc-tt__caret";
+  const i = document.createElement("div");
+  i.className = "nc-tt__caret";
   const o = {
     position: "absolute",
     left: "50%",
@@ -156,96 +177,96 @@ function gt(t, { caretFlexivel: v = !1 } = {}) {
     transform: "translateX(-50%) rotate(45deg)",
     borderRadius: "2px"
   };
-  v ? Object.assign(g.style, o) : Object.assign(g.style, o, {
+  m ? Object.assign(i.style, o) : Object.assign(i.style, o, {
     bottom: "-5px",
     borderRight: "1px solid rgba(15,23,42,.06)",
     borderBottom: "1px solid rgba(15,23,42,.06)"
-  }), e.appendChild(g);
-  const R = document.createElement("div");
-  return R.className = "nc-tt__content", Object.assign(R.style, { position: "relative", background: "#fff", borderRadius: "8px" }), e.appendChild(R), t.appendChild(e), e;
+  }), e.appendChild(i);
+  const C = document.createElement("div");
+  return C.className = "nc-tt__content", Object.assign(C.style, { position: "relative", background: "#fff", borderRadius: "8px" }), e.appendChild(C), t.appendChild(e), e;
 }
-function ot(t) {
-  const v = t.canvas.parentNode;
-  return v ? (getComputedStyle(v).position === "static" && (v.style.position = "relative"), v) : null;
+function rt(t) {
+  const m = t.canvas.parentNode;
+  return m ? (getComputedStyle(m).position === "static" && (m.style.position = "relative"), m) : null;
 }
-function at(t, v, e, g = 4) {
-  const o = v / 2;
-  return t - o < g ? o + g : t + o > e - g ? e - o - g : t;
+function nt(t, m, e, i = 4) {
+  const o = m / 2;
+  return t - o < i ? o + i : t + o > e - i ? e - o - i : t;
 }
-function St(t, v) {
+function Rt(t, m) {
   const e = window.getComputedStyle(t);
-  let g = "";
+  let i = "";
   for (let o = 0; o < e.length; o++) {
-    const R = e[o];
-    let S = e.getPropertyValue(R);
-    if (S && S.indexOf("url(") !== -1 && !/url\(["']?data:/.test(S))
-      if (R === "background-image" || R === "background" || R === "mask-image" || R === "border-image" || R === "border-image-source")
-        S = "none";
+    const C = e[o];
+    let $ = e.getPropertyValue(C);
+    if ($ && $.indexOf("url(") !== -1 && !/url\(["']?data:/.test($))
+      if (C === "background-image" || C === "background" || C === "mask-image" || C === "border-image" || C === "border-image-source")
+        $ = "none";
       else
         continue;
-    g += `${R}:${S};`;
+    i += `${C}:${$};`;
   }
-  v.setAttribute("style", g);
+  m.setAttribute("style", i);
 }
-function Qt(t, v) {
-  St(t, v);
-  const e = t.querySelectorAll("*"), g = v.querySelectorAll("*");
+function re(t, m) {
+  Rt(t, m);
+  const e = t.querySelectorAll("*"), i = m.querySelectorAll("*");
   for (let o = 0; o < e.length; o++)
-    g[o] && St(e[o], g[o]);
+    i[o] && Rt(e[o], i[o]);
 }
-function Ut(t, v) {
-  const e = t.querySelectorAll("canvas"), g = v.querySelectorAll("canvas");
-  e.forEach((o, R) => {
-    if (!g[R]) return;
-    const S = document.createElement("img");
+function ne(t, m) {
+  const e = t.querySelectorAll("canvas"), i = m.querySelectorAll("canvas");
+  e.forEach((o, C) => {
+    if (!i[C]) return;
+    const $ = document.createElement("img");
     try {
-      S.src = o.toDataURL("image/png");
+      $.src = o.toDataURL("image/png");
     } catch {
       return;
     }
-    const j = o.getBoundingClientRect();
-    S.setAttribute("style", `width:${j.width}px;height:${j.height}px;display:block;`), g[R].replaceWith(S);
+    const w = o.getBoundingClientRect();
+    $.setAttribute("style", `width:${w.width}px;height:${w.height}px;display:block;`), i[C].replaceWith($);
   });
 }
-async function st(t, v = {}) {
+async function ct(t, m = {}) {
   if (!t) return;
   const {
     nomeArquivo: e = "componente.png",
-    escala: g = 2,
+    escala: i = 2,
     corFundo: o = null
-  } = v, R = t.getBoundingClientRect(), S = Math.ceil(R.width), j = Math.ceil(R.height), Q = t.cloneNode(!0);
-  Qt(t, Q), Ut(t, Q), Q.style.margin = "0", Q.style.transform = "none";
-  const Z = new XMLSerializer().serializeToString(Q), T = `<svg xmlns="http://www.w3.org/2000/svg" width="${S}" height="${j}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${S}px;height:${j}px;">` + Z + "</div></foreignObject></svg>", X = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(T))) : ""), I = new Image();
-  await new Promise((H, Y) => {
-    I.onload = H, I.onerror = Y, I.src = X;
+  } = m, C = t.getBoundingClientRect(), $ = Math.ceil(C.width), w = Math.ceil(C.height), P = t.cloneNode(!0);
+  re(t, P), ne(t, P), P.style.margin = "0", P.style.transform = "none";
+  const R = new XMLSerializer().serializeToString(P), q = `<svg xmlns="http://www.w3.org/2000/svg" width="${$}" height="${w}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${$}px;height:${w}px;">` + R + "</div></foreignObject></svg>", Q = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(q))) : ""), W = new Image();
+  await new Promise((M, G) => {
+    W.onload = M, W.onerror = G, W.src = Q;
   });
   const K = document.createElement("canvas");
-  K.width = S * g, K.height = j * g;
+  K.width = $ * i, K.height = w * i;
   const _ = K.getContext("2d");
-  _.scale(g, g), o && (_.fillStyle = o, _.fillRect(0, 0, S, j)), _.drawImage(I, 0, 0);
-  let u;
+  _.scale(i, i), o && (_.fillStyle = o, _.fillRect(0, 0, $, w)), _.drawImage(W, 0, 0);
+  let f;
   try {
-    u = K.toDataURL("image/png");
-  } catch (H) {
-    console.error("Falha ao exportar imagem: canvas contaminado.", H);
+    f = K.toDataURL("image/png");
+  } catch (M) {
+    console.error("Falha ao exportar imagem: canvas contaminado.", M);
     return;
   }
-  const F = document.createElement("a");
-  F.download = e, F.href = u, document.body.appendChild(F), F.click(), document.body.removeChild(F);
+  const T = document.createElement("a");
+  T.download = e, T.href = f, document.body.appendChild(T), T.click(), document.body.removeChild(T);
 }
-const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>', Gt = { class: "card-linhas__header flex flex-column" }, Zt = { class: "card-linhas__topo flex align-items-start justify-content-between gap-3" }, Kt = {
+const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>', le = { class: "card-linhas__header flex flex-column" }, se = { class: "card-linhas__topo flex align-items-start justify-content-between gap-3" }, ie = {
   key: 0,
   class: "nc-legendas-flex flex flex-column"
-}, _t = {
+}, ce = {
   key: 1,
   class: "nc-actions inline-flex align-items-center gap-2"
-}, te = ["innerHTML"], ee = {
+}, de = ["innerHTML"], ue = {
   key: 0,
   class: "card-linhas__titulos mt-3 mb-2 flex flex-column"
-}, oe = { class: "card-linhas__chart flex-1" }, ae = {
+}, fe = { class: "card-linhas__chart flex-1" }, pe = {
   key: 0,
   class: "card-linhas__footer mt-3"
-}, re = {
+}, ge = {
   __name: "CardLinhas",
   props: {
     legenda: { type: String, default: null },
@@ -296,76 +317,76 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     nomeArquivoExport: { type: String, default: "card-linhas.png" }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: v }) {
-    const e = t, g = v, { palette: o, cardStyle: R } = nt(e), { formatar: S } = ut(e), j = tt(null), Q = it;
-    async function Z() {
-      await st(j.value, {
+  setup(t, { emit: m }) {
+    const e = t, i = m, { palette: o, cardStyle: C } = it(e), { formatar: $ } = pt(e), w = ot(null), P = dt;
+    async function R() {
+      await ct(w.value, {
         nomeArquivo: e.nomeArquivoExport,
         corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), g("exportado");
+      }), i("exportado");
     }
-    const T = w(() => `card-linhas--${e.direcao}`), E = w(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((i) => i && (typeof i == "number" || typeof i.valor == "number")).map((i) => typeof i == "number" ? { valor: i, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: i.valor,
-      rotulo: i.rotulo ?? null,
-      cor: i.cor || "#0F172A",
-      corRotulo: i.corRotulo || i.cor || "#0F172A",
-      corTexto: i.corTexto || "#FFFFFF",
-      tracejado: i.tracejado || [6, 6],
-      espessura: i.espessura ?? 1
-    }) : []), X = [];
-    let I = null;
+    const q = z(() => `card-linhas--${e.direcao}`), L = z(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((d) => d && (typeof d == "number" || typeof d.valor == "number")).map((d) => typeof d == "number" ? { valor: d, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
+      valor: d.valor,
+      rotulo: d.rotulo ?? null,
+      cor: d.cor || "#0F172A",
+      corRotulo: d.corRotulo || d.cor || "#0F172A",
+      corTexto: d.corTexto || "#FFFFFF",
+      tracejado: d.tracejado || [6, 6],
+      espessura: d.espessura ?? 1
+    }) : []), Q = [];
+    let W = null;
     const K = {
       id: "linhaReferencia",
-      afterDatasetsDraw(d) {
-        const i = E.value;
-        if (X.length = 0, !i.length) return;
-        const { ctx: c, chartArea: h, scales: a } = d, m = a.y;
-        m && i.forEach((l) => {
-          const p = m.getPixelForValue(l.valor);
-          if (X.push({ linha: l, pos: p, chartArea: h }), c.save(), c.beginPath(), c.setLineDash(l.tracejado), c.lineWidth = l.espessura, c.strokeStyle = l.cor, p < h.top || p > h.bottom) {
-            c.restore();
+      afterDatasetsDraw(p) {
+        const d = L.value;
+        if (Q.length = 0, !d.length) return;
+        const { ctx: r, chartArea: b, scales: x } = p, c = x.y;
+        c && d.forEach((u) => {
+          const n = c.getPixelForValue(u.valor);
+          if (Q.push({ linha: u, pos: n, chartArea: b }), r.save(), r.beginPath(), r.setLineDash(u.tracejado), r.lineWidth = u.espessura, r.strokeStyle = u.cor, n < b.top || n > b.bottom) {
+            r.restore();
             return;
           }
-          if (c.moveTo(h.left, p), c.lineTo(h.right, p), c.stroke(), c.setLineDash([]), l.rotulo) {
-            c.font = "600 11px 'Inter', sans-serif";
-            const b = 8, q = 5, A = c.measureText(l.rotulo).width, k = 12, V = A + b * 2, J = k + q * 2, W = J / 2;
-            let z = h.left - V - 6, M = p - J / 2;
-            z < 0 && (z = h.left + 6), c.fillStyle = l.corRotulo, c.beginPath(), c.roundRect ? c.roundRect(z, M, V, J, W) : (c.moveTo(z + W, M), c.lineTo(z + V - W, M), c.quadraticCurveTo(z + V, M, z + V, M + W), c.lineTo(z + V, M + J - W), c.quadraticCurveTo(z + V, M + J, z + V - W, M + J), c.lineTo(z + W, M + J), c.quadraticCurveTo(z, M + J, z, M + J - W), c.lineTo(z, M + W), c.quadraticCurveTo(z, M, z + W, M)), c.fill(), c.fillStyle = l.corTexto, c.textBaseline = "middle", c.textAlign = "center", c.fillText(l.rotulo, z + V / 2, M + J / 2);
+          if (r.moveTo(b.left, n), r.lineTo(b.right, n), r.stroke(), r.setLineDash([]), u.rotulo) {
+            r.font = "600 11px 'Inter', sans-serif";
+            const y = 8, v = 5, E = r.measureText(u.rotulo).width, B = 12, k = E + y * 2, O = B + v * 2, Y = O / 2;
+            let V = b.left - k - 6, I = n - O / 2;
+            V < 0 && (V = b.left + 6), r.fillStyle = u.corRotulo, r.beginPath(), r.roundRect ? r.roundRect(V, I, k, O, Y) : (r.moveTo(V + Y, I), r.lineTo(V + k - Y, I), r.quadraticCurveTo(V + k, I, V + k, I + Y), r.lineTo(V + k, I + O - Y), r.quadraticCurveTo(V + k, I + O, V + k - Y, I + O), r.lineTo(V + Y, I + O), r.quadraticCurveTo(V, I + O, V, I + O - Y), r.lineTo(V, I + Y), r.quadraticCurveTo(V, I, V + Y, I)), r.fill(), r.fillStyle = u.corTexto, r.textBaseline = "middle", r.textAlign = "center", r.fillText(u.rotulo, V + k / 2, I + O / 2);
           }
-          c.restore();
+          r.restore();
         });
       },
-      beforeEvent(d, i) {
-        if (!X.length) {
-          I = null;
+      beforeEvent(p, d) {
+        if (!Q.length) {
+          W = null;
           return;
         }
-        const c = i.event;
-        if (!c || c.type === "mouseout" || c.x == null || c.y == null) {
-          I = null;
+        const r = d.event;
+        if (!r || r.type === "mouseout" || r.x == null || r.y == null) {
+          W = null;
           return;
         }
-        const h = 8;
-        let a = null, m = 1 / 0;
-        for (const l of X) {
-          const p = Math.abs(c.y - l.pos), b = c.x >= l.chartArea.left && c.x <= l.chartArea.right;
-          p <= h && b && p < m && (m = p, a = l);
+        const b = 8;
+        let x = null, c = 1 / 0;
+        for (const u of Q) {
+          const n = Math.abs(r.y - u.pos), y = r.x >= u.chartArea.left && r.x <= u.chartArea.right;
+          n <= b && y && n < c && (c = n, x = u);
         }
-        I = a;
+        W = x;
       },
-      afterEvent(d, i) {
-        if (!X.length) return;
-        const c = i.event;
-        if (!c) return;
-        const h = ot(d);
-        if (!h) return;
-        let a = h.querySelector(".nc-tt-linhaRef");
-        if (!I) {
-          a && (a.style.opacity = "0");
+      afterEvent(p, d) {
+        if (!Q.length) return;
+        const r = d.event;
+        if (!r) return;
+        const b = rt(p);
+        if (!b) return;
+        let x = b.querySelector(".nc-tt-linhaRef");
+        if (!W) {
+          x && (x.style.opacity = "0");
           return;
         }
-        const m = I;
-        a || (a = document.createElement("div"), a.className = "nc-tt-linhaRef", Object.assign(a.style, {
+        const c = W;
+        x || (x = document.createElement("div"), x.className = "nc-tt-linhaRef", Object.assign(x.style, {
           position: "absolute",
           pointerEvents: "none",
           transform: "translate(-50%, calc(-100% - 12px))",
@@ -380,30 +401,30 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           zIndex: "11",
           fontFamily: "'Inter', sans-serif",
           textAlign: "left"
-        }), h.appendChild(a));
-        const l = m.linha.cor || "#0F172A", p = S(m.linha.valor), b = m.linha.rotulo;
-        a.innerHTML = (b ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${b}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${l};box-shadow:0 0 0 2px ${D(l, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${p}</span></div>`;
-        const q = d.canvas;
-        a.style.opacity = "1", a.style.visibility = "hidden", a.style.left = "0px", a.style.top = "0px";
-        const B = a.offsetWidth, A = a.offsetHeight, k = 4, V = q.offsetLeft + c.x, J = q.offsetTop + m.pos, W = at(V, B, h.clientWidth, k);
-        let z = J;
-        const M = A + 16 + k;
-        z < M && (z = M), a.style.left = W + "px", a.style.top = z + "px", a.style.visibility = "visible";
+        }), b.appendChild(x));
+        const u = c.linha.cor || "#0F172A", n = $(c.linha.valor), y = c.linha.rotulo;
+        x.innerHTML = (y ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${y}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${u};box-shadow:0 0 0 2px ${N(u, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${n}</span></div>`;
+        const v = p.canvas;
+        x.style.opacity = "1", x.style.visibility = "hidden", x.style.left = "0px", x.style.top = "0px";
+        const j = x.offsetWidth, E = x.offsetHeight, B = 4, k = v.offsetLeft + r.x, O = v.offsetTop + c.pos, Y = nt(k, j, b.clientWidth, B);
+        let V = O;
+        const I = E + 16 + B;
+        V < I && (V = I), x.style.left = Y + "px", x.style.top = V + "px", x.style.visibility = "visible";
       }
-    }, _ = w(() => E.value.length ? [K] : []), u = w(() => ({
-      labels: e.data.map((d) => d.rotulo),
+    }, _ = z(() => L.value.length ? [K] : []), f = z(() => ({
+      labels: e.data.map((p) => p.rotulo),
       datasets: [
         {
-          data: e.data.map((d) => d.quantidade),
+          data: e.data.map((p) => p.quantidade),
           borderColor: e.corDetalhes,
           borderWidth: 3,
           borderJoinStyle: "round",
           borderCapStyle: "round",
-          backgroundColor: (d) => {
-            const { chart: i } = d, { ctx: c, chartArea: h } = i;
-            if (!h) return "transparent";
-            const a = e.corDetalhes || "#0400FF", m = "#7C7C7C", l = c.createLinearGradient(0, h.top, 0, h.bottom);
-            return l.addColorStop(0.16, D(a, 0.2)), l.addColorStop(1, D(m, 0)), l;
+          backgroundColor: (p) => {
+            const { chart: d } = p, { ctx: r, chartArea: b } = d;
+            if (!b) return "transparent";
+            const x = e.corDetalhes || "#0400FF", c = "#7C7C7C", u = r.createLinearGradient(0, b.top, 0, b.bottom);
+            return u.addColorStop(0.16, N(x, 0.2)), u.addColorStop(1, N(c, 0)), u;
           },
           fill: !0,
           tension: 0.45,
@@ -416,54 +437,54 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         }
       ]
     }));
-    function F(d) {
-      const { chart: i, tooltip: c } = d, h = ot(i);
-      if (!h) return;
-      const a = gt(h);
-      if (c.opacity === 0 || I) {
-        a.style.opacity = "0";
+    function T(p) {
+      const { chart: d, tooltip: r } = p, b = rt(d);
+      if (!b) return;
+      const x = gt(b);
+      if (r.opacity === 0 || W) {
+        x.style.opacity = "0";
         return;
       }
-      const m = c.title || [], l = (c.body || []).flatMap((N) => N.lines), p = a.querySelector(".nc-tt__content"), b = e.corDetalhes || "#3B82F6";
-      p.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${m.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${b};box-shadow:0 0 0 2px ${D(b, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${l.join(" ")}</span></div>`;
-      const { offsetLeft: q, offsetTop: B } = i.canvas;
-      a.style.opacity = "1", a.style.visibility = "hidden", a.style.left = "0px", a.style.top = "0px";
-      const A = a.offsetWidth, k = a.offsetHeight, V = 4, J = q + c.caretX, W = B + c.caretY, z = at(J, A, h.clientWidth, V), M = k + 16 + V, U = W < M;
-      let G;
-      U ? (a.style.transform = "translateX(-50%) translateY(16px)", G = W) : (a.style.transform = "translate(-50%, calc(-100% - 16px))", G = W), a.style.left = z + "px", a.style.top = G + "px";
-      const L = a.querySelector(".nc-tt__caret");
-      if (L) {
-        const N = J - z, P = A / 2, ft = Math.max(-P + 8, Math.min(P - 8, N));
-        L.style.left = `calc(50% + ${ft}px)`, U ? (L.style.bottom = "", L.style.top = "-5px", L.style.borderRight = "", L.style.borderBottom = "", L.style.borderLeft = "1px solid rgba(15,23,42,.06)", L.style.borderTop = "1px solid rgba(15,23,42,.06)") : (L.style.top = "", L.style.bottom = "-5px", L.style.borderLeft = "", L.style.borderTop = "", L.style.borderRight = "1px solid rgba(15,23,42,.06)", L.style.borderBottom = "1px solid rgba(15,23,42,.06)");
+      const c = r.title || [], u = (r.body || []).flatMap((Z) => Z.lines), n = x.querySelector(".nc-tt__content"), y = e.corDetalhes || "#3B82F6";
+      n.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${c.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${y};box-shadow:0 0 0 2px ${N(y, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${u.join(" ")}</span></div>`;
+      const { offsetLeft: v, offsetTop: j } = d.canvas;
+      x.style.opacity = "1", x.style.visibility = "hidden", x.style.left = "0px", x.style.top = "0px";
+      const E = x.offsetWidth, B = x.offsetHeight, k = 4, O = v + r.caretX, Y = j + r.caretY, V = nt(O, E, b.clientWidth, k), I = B + 16 + k, tt = Y < I;
+      let U;
+      tt ? (x.style.transform = "translateX(-50%) translateY(16px)", U = Y) : (x.style.transform = "translate(-50%, calc(-100% - 16px))", U = Y), x.style.left = V + "px", x.style.top = U + "px";
+      const H = x.querySelector(".nc-tt__caret");
+      if (H) {
+        const Z = O - V, D = E / 2, J = Math.max(-D + 8, Math.min(D - 8, Z));
+        H.style.left = `calc(50% + ${J}px)`, tt ? (H.style.bottom = "", H.style.top = "-5px", H.style.borderRight = "", H.style.borderBottom = "", H.style.borderLeft = "1px solid rgba(15,23,42,.06)", H.style.borderTop = "1px solid rgba(15,23,42,.06)") : (H.style.top = "", H.style.bottom = "-5px", H.style.borderLeft = "", H.style.borderTop = "", H.style.borderRight = "1px solid rgba(15,23,42,.06)", H.style.borderBottom = "1px solid rgba(15,23,42,.06)");
       }
-      a.style.visibility = "visible";
+      x.style.visibility = "visible";
     }
-    const H = w(() => ({
+    const M = z(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       interaction: { intersect: !1, mode: "index" },
       layout: {
-        padding: { top: E.value.length ? 24 : 0, right: 0, bottom: 0, left: 0 }
+        padding: { top: L.value.length ? 24 : 0, right: 0, bottom: 0, left: 0 }
       },
       plugins: {
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: F,
+          external: T,
           callbacks: {
-            title: (d) => {
-              var i;
-              return ((i = d[0]) == null ? void 0 : i.label) ?? "";
+            title: (p) => {
+              var d;
+              return ((d = p[0]) == null ? void 0 : d.label) ?? "";
             },
-            label: (d) => S(d.parsed.y)
+            label: (p) => $(p.parsed.y)
           }
         }
       },
       scales: {
         x: {
           display: !0,
-          afterFit: (d) => {
-            d.paddingLeft = 0, d.paddingRight = 0;
+          afterFit: (p) => {
+            p.paddingLeft = 0, p.paddingRight = 0;
           },
           grid: { display: !1, drawBorder: !1 },
           border: { display: !1 },
@@ -478,112 +499,112 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           display: !1,
           grid: { display: !1 },
           beginAtZero: !0,
-          suggestedMax: E.value.length ? Math.max(...E.value.map((d) => d.valor)) : void 0
+          suggestedMax: L.value.length ? Math.max(...L.value.map((p) => p.valor)) : void 0
         }
       }
     }));
-    function Y() {
-      g("botaoAcao");
+    function G() {
+      i("botaoAcao");
     }
-    return (d, i) => (n(), s("div", {
+    return (p, d) => (l(), s("div", {
       ref_key: "cardRef",
-      ref: j,
-      class: rt(["card-linhas p-4 flex", T.value]),
-      style: y(r(R))
+      ref: w,
+      class: lt(["card-linhas p-4 flex", q.value]),
+      style: h(a(C))
     }, [
-      x("div", Gt, [
-        x("div", Zt, [
-          d.$slots.legenda || t.legenda || d.$slots.sublegenda || t.sublegenda ? (n(), s("div", Kt, [
-            d.$slots.legenda || t.legenda ? (n(), s("div", {
+      S("div", le, [
+        S("div", se, [
+          p.$slots.legenda || t.legenda || p.$slots.sublegenda || t.sublegenda ? (l(), s("div", ie, [
+            p.$slots.legenda || t.legenda ? (l(), s("div", {
               key: 0,
               class: "text-xs font-medium",
-              style: y({ color: r(o).text, opacity: 0.85 })
+              style: h({ color: a(o).text, opacity: 0.85 })
             }, [
-              C(d.$slots, "legenda", {}, () => [
-                O($(t.legenda), 1)
+              F(p.$slots, "legenda", {}, () => [
+                X(A(t.legenda), 1)
               ], !0)
-            ], 4)) : f("", !0),
-            d.$slots.sublegenda || t.sublegenda ? (n(), s("div", {
+            ], 4)) : g("", !0),
+            p.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
               key: 1,
               class: "text-xs",
-              style: y({ color: r(o).muted })
+              style: h({ color: a(o).muted })
             }, [
-              C(d.$slots, "sublegenda", {}, () => [
-                O($(t.sublegenda), 1)
+              F(p.$slots, "sublegenda", {}, () => [
+                X(A(t.sublegenda), 1)
               ], !0)
-            ], 4)) : f("", !0)
-          ])) : f("", !0),
-          d.$slots.actions || t.botaoVisivel || t.exportar ? (n(), s("div", _t, [
-            C(d.$slots, "actions", {}, () => [
-              t.botaoVisivel ? (n(), s("button", {
+            ], 4)) : g("", !0)
+          ])) : g("", !0),
+          p.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", ce, [
+            F(p.$slots, "actions", {}, () => [
+              t.botaoVisivel ? (l(), s("button", {
                 key: 0,
                 class: "nc-btn inline-flex align-items-center",
-                style: y({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-                onClick: Y
+                style: h({ color: a(o).text, borderColor: a(N)(a(o).text, 0.18) }),
+                onClick: G
               }, [
-                x("span", null, $(t.textoBotao), 1)
-              ], 4)) : f("", !0)
+                S("span", null, A(t.textoBotao), 1)
+              ], 4)) : g("", !0)
             ], !0),
-            t.exportar ? (n(), s("button", {
+            t.exportar ? (l(), s("button", {
               key: 0,
               type: "button",
               class: "nc-exportar inline-flex align-items-center justify-content-center",
-              style: y({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
+              style: h({ color: a(o).muted, borderColor: a(N)(a(o).text, 0.18) }),
               title: "Exportar como imagem",
               "aria-label": "Exportar como imagem",
-              onClick: Z,
-              innerHTML: r(Q)
-            }, null, 12, te)) : f("", !0)
-          ])) : f("", !0)
+              onClick: R,
+              innerHTML: a(P)
+            }, null, 12, de)) : g("", !0)
+          ])) : g("", !0)
         ]),
-        d.$slots.titulo || t.titulo || d.$slots.descricao || t.descricao ? (n(), s("div", ee, [
-          d.$slots.titulo || t.titulo ? (n(), s("div", {
+        p.$slots.titulo || t.titulo || p.$slots.descricao || t.descricao ? (l(), s("div", ue, [
+          p.$slots.titulo || t.titulo ? (l(), s("div", {
             key: 0,
             class: "m-0 text-3xl font-semibold",
-            style: y({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+            style: h({ color: a(o).text, lineHeight: "33px", letterSpacing: "-1px" })
           }, [
-            C(d.$slots, "titulo", {}, () => [
-              O($(t.titulo), 1)
+            F(p.$slots, "titulo", {}, () => [
+              X(A(t.titulo), 1)
             ], !0)
-          ], 4)) : f("", !0),
-          d.$slots.descricao || t.descricao ? (n(), s("div", {
+          ], 4)) : g("", !0),
+          p.$slots.descricao || t.descricao ? (l(), s("div", {
             key: 1,
             class: "text-sm mt-1",
-            style: y({ color: r(o).muted })
+            style: h({ color: a(o).muted })
           }, [
-            C(d.$slots, "descricao", {}, () => [
-              O($(t.descricao), 1)
+            F(p.$slots, "descricao", {}, () => [
+              X(A(t.descricao), 1)
             ], !0)
-          ], 4)) : f("", !0)
-        ])) : f("", !0)
+          ], 4)) : g("", !0)
+        ])) : g("", !0)
       ]),
-      x("div", oe, [
-        dt(lt, {
+      S("div", fe, [
+        ft(st, {
           type: "line",
-          data: u.value,
-          options: H.value,
+          data: f.value,
+          options: M.value,
           plugins: _.value,
           height: t.height
         }, null, 8, ["data", "options", "plugins", "height"])
       ]),
-      d.$slots.footer ? (n(), s("div", ae, [
-        C(d.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      p.$slots.footer ? (l(), s("div", pe, [
+        F(p.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 6));
   }
-}, le = /* @__PURE__ */ et(re, [["__scopeId", "data-v-223eed61"]]), ne = { class: "card-pizza__topo flex align-items-start justify-content-between gap-3" }, se = {
+}, me = /* @__PURE__ */ at(ge, [["__scopeId", "data-v-364ce1d1"]]), ye = { class: "card-pizza__topo flex align-items-start justify-content-between gap-3" }, he = {
   key: 0,
   class: "nc-legendas-flex flex flex-column"
-}, ie = {
+}, be = {
   key: 1,
   class: "nc-actions inline-flex align-items-center gap-2"
-}, ce = ["innerHTML"], de = { class: "card-pizza__corpo flex align-items-center gap-4" }, ue = { class: "nc-tabela flex flex-column" }, fe = { class: "nc-tabela-valor" }, pe = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, ge = { class: "nc-tabela-valor" }, ye = { class: "card-pizza__chart-wrap flex align-items-center justify-content-center" }, me = { class: "card-pizza__chart" }, be = {
+}, xe = ["innerHTML"], ve = { class: "card-pizza__corpo flex align-items-center" }, $e = { class: "nc-tabela flex flex-column" }, Se = { class: "nc-tabela-valor" }, ke = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, Ce = { class: "nc-tabela-valor" }, Ae = { class: "card-pizza__chart-wrap flex align-items-center justify-content-center" }, Be = { class: "card-pizza__chart" }, we = {
   key: 0,
   class: "nc-centro flex flex-column align-items-center justify-content-center"
-}, he = {
+}, Re = {
   key: 0,
   class: "card-pizza__footer mt-3"
-}, xe = {
+}, Te = {
   __name: "CardPizza",
   props: {
     legenda: { type: String, default: null },
@@ -596,10 +617,7 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     corBorda: { type: String, default: "#EAE8E8" },
     borderRadius: { type: [String, Number], default: "0.75rem" },
     sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
-    cores: {
-      type: Array,
-      default: () => ["#0A1A6B", "#1535B5", "#1A5FD4", "#2F8DDF", "#5BB1E8", "#93D0F0", "#CDEAF6"]
-    },
+    corDetalhes: { type: String, default: "#3B82F6" },
     textoBotao: { type: String, default: "Ver mais" },
     botaoVisivel: { type: Boolean, default: !1 },
     direcao: {
@@ -635,22 +653,23 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     nomeArquivoExport: { type: String, default: "card-pizza.png" }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: v }) {
-    const e = t, g = v, { palette: o, cardStyle: R } = nt(e), { formatar: S } = ut(e), j = tt(null);
-    async function Q() {
-      await st(j.value, {
+  setup(t, { emit: m }) {
+    const e = t, i = m, { palette: o, cardStyle: C } = it(e), { formatar: $ } = pt(e), w = ot(null);
+    async function P() {
+      await ct(w.value, {
         nomeArquivo: e.nomeArquivoExport,
         corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), g("exportado");
+      }), i("exportado");
     }
-    const Z = w(() => `card-pizza--${e.direcao}`), T = w(
-      () => e.data.map((u, F) => e.cores[F % e.cores.length])
-    ), E = w(() => ({
-      labels: e.data.map((u) => u.rotulo),
+    const R = z(() => `card-pizza--${e.direcao}`), q = z(() => {
+      const f = ht(e.corDetalhes, e.data.length);
+      return e.data.map((T, M) => T.cor ?? f[M]);
+    }), L = z(() => ({
+      labels: e.data.map((f) => f.rotulo),
       datasets: [
         {
-          data: e.data.map((u) => u.quantidade),
-          backgroundColor: T.value,
+          data: e.data.map((f) => f.quantidade),
+          backgroundColor: q.value,
           borderWidth: 0,
           borderColor: "transparent",
           hoverOffset: 6,
@@ -659,24 +678,24 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         }
       ]
     }));
-    function X(u) {
-      const { chart: F, tooltip: H } = u, Y = ot(F);
-      if (!Y) return;
-      const d = gt(Y);
-      if (H.opacity === 0) {
-        d.style.opacity = "0";
+    function Q(f) {
+      const { chart: T, tooltip: M } = f, G = rt(T);
+      if (!G) return;
+      const p = gt(G);
+      if (M.opacity === 0) {
+        p.style.opacity = "0";
         return;
       }
-      const i = H.title || [], c = H.dataPoints && H.dataPoints[0], h = c ? T.value[c.dataIndex] : "#3B82F6", a = c ? S(c.parsed) : "", m = d.querySelector(".nc-tt__content");
-      m.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${i.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${h};box-shadow:0 0 0 2px ${D(h, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${a}</span></div>`;
-      const { offsetLeft: l, offsetTop: p } = F.canvas;
-      d.style.opacity = "1", d.style.visibility = "hidden", d.style.left = "0px", d.style.top = "0px";
-      const b = d.offsetWidth, q = d.offsetHeight, B = 4, A = at(l + H.caretX, b, Y.clientWidth, B);
-      let k = p + H.caretY;
-      const V = q + 16 + B;
-      k < V && (k = V), d.style.left = A + "px", d.style.top = k + "px", d.style.visibility = "visible";
+      const d = M.title || [], r = M.dataPoints && M.dataPoints[0], b = r ? q.value[r.dataIndex] : "#3B82F6", x = r ? $(r.parsed) : "", c = p.querySelector(".nc-tt__content");
+      c.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${d.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${b};box-shadow:0 0 0 2px ${N(b, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${x}</span></div>`;
+      const { offsetLeft: u, offsetTop: n } = T.canvas;
+      p.style.opacity = "1", p.style.visibility = "hidden", p.style.left = "0px", p.style.top = "0px";
+      const y = p.offsetWidth, v = p.offsetHeight, j = 4, E = nt(u + M.caretX, y, G.clientWidth, j);
+      let B = n + M.caretY;
+      const k = v + 16 + j;
+      B < k && (B = k), p.style.left = E + "px", p.style.top = B + "px", p.style.visibility = "visible";
     }
-    const I = w(() => ({
+    const W = z(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       cutout: e.cutout,
@@ -685,145 +704,145 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: X,
+          external: Q,
           callbacks: {
-            title: (u) => {
-              var F;
-              return ((F = u[0]) == null ? void 0 : F.label) ?? "";
+            title: (f) => {
+              var T;
+              return ((T = f[0]) == null ? void 0 : T.label) ?? "";
             },
-            label: (u) => S(u.parsed)
+            label: (f) => $(f.parsed)
           }
         }
       }
     }));
     function K() {
-      g("botaoAcao");
+      i("botaoAcao");
     }
-    const _ = it;
-    return (u, F) => (n(), s("div", {
+    const _ = dt;
+    return (f, T) => (l(), s("div", {
       ref_key: "cardRef",
-      ref: j,
-      class: rt(["card-pizza p-4 flex flex-column", Z.value]),
-      style: y(r(R))
+      ref: w,
+      class: lt(["card-pizza p-4 flex flex-column", R.value]),
+      style: h(a(C))
     }, [
-      x("div", ne, [
-        u.$slots.legenda || t.legenda || u.$slots.sublegenda || t.sublegenda ? (n(), s("div", se, [
-          u.$slots.legenda || t.legenda ? (n(), s("div", {
+      S("div", ye, [
+        f.$slots.legenda || t.legenda || f.$slots.sublegenda || t.sublegenda ? (l(), s("div", he, [
+          f.$slots.legenda || t.legenda ? (l(), s("div", {
             key: 0,
             class: "text-xs font-medium",
-            style: y({ color: r(o).text, opacity: 0.95 })
+            style: h({ color: a(o).text, opacity: 0.95 })
           }, [
-            C(u.$slots, "legenda", {}, () => [
-              O($(t.legenda), 1)
+            F(f.$slots, "legenda", {}, () => [
+              X(A(t.legenda), 1)
             ], !0)
-          ], 4)) : f("", !0),
-          u.$slots.sublegenda || t.sublegenda ? (n(), s("div", {
+          ], 4)) : g("", !0),
+          f.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
             key: 1,
             class: "text-xs",
-            style: y({ color: r(o).muted })
+            style: h({ color: a(o).muted })
           }, [
-            C(u.$slots, "sublegenda", {}, () => [
-              O($(t.sublegenda), 1)
+            F(f.$slots, "sublegenda", {}, () => [
+              X(A(t.sublegenda), 1)
             ], !0)
-          ], 4)) : f("", !0)
-        ])) : f("", !0),
-        u.$slots.actions || t.botaoVisivel || t.exportar ? (n(), s("div", ie, [
-          C(u.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (n(), s("button", {
+          ], 4)) : g("", !0)
+        ])) : g("", !0),
+        f.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", be, [
+          F(f.$slots, "actions", {}, () => [
+            t.botaoVisivel ? (l(), s("button", {
               key: 0,
               class: "nc-btn inline-flex align-items-center",
-              style: y({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
+              style: h({ color: a(o).text, borderColor: a(N)(a(o).text, 0.18) }),
               onClick: K
             }, [
-              x("span", null, $(t.textoBotao), 1)
-            ], 4)) : f("", !0)
+              S("span", null, A(t.textoBotao), 1)
+            ], 4)) : g("", !0)
           ], !0),
-          t.exportar ? (n(), s("button", {
+          t.exportar ? (l(), s("button", {
             key: 0,
             type: "button",
             class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: y({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
+            style: h({ color: a(o).muted, borderColor: a(N)(a(o).text, 0.18) }),
             title: "Exportar como imagem",
             "aria-label": "Exportar como imagem",
-            onClick: Q,
-            innerHTML: r(_)
-          }, null, 12, ce)) : f("", !0)
-        ])) : f("", !0)
+            onClick: P,
+            innerHTML: a(_)
+          }, null, 12, xe)) : g("", !0)
+        ])) : g("", !0)
       ]),
-      x("div", de, [
-        x("div", ue, [
-          t.mostrarCabecalho ? (n(), s("div", {
+      S("div", ve, [
+        S("div", $e, [
+          t.mostrarCabecalho ? (l(), s("div", {
             key: 0,
             class: "nc-tabela-cab flex align-items-center justify-content-between",
-            style: y({ color: r(o).muted, borderColor: r(D)(r(o).muted, 0.25) })
+            style: h({ color: a(o).muted, borderColor: a(N)(a(o).muted, 0.25) })
           }, [
-            x("span", null, $(t.rotuloCategoria), 1),
-            x("span", fe, $(t.rotuloQuantidade), 1)
-          ], 4)) : f("", !0),
-          (n(!0), s(pt, null, yt(t.data, (H, Y) => (n(), s("div", {
-            key: Y,
+            S("span", null, A(t.rotuloCategoria), 1),
+            S("span", Se, A(t.rotuloQuantidade), 1)
+          ], 4)) : g("", !0),
+          (l(!0), s(mt, null, yt(t.data, (M, G) => (l(), s("div", {
+            key: G,
             class: "nc-tabela-linha flex align-items-center justify-content-between",
-            style: y({ color: r(o).text })
+            style: h({ color: a(o).text })
           }, [
-            x("span", pe, [
-              x("span", {
+            S("span", ke, [
+              S("span", {
                 class: "nc-bolinha",
-                style: y({ background: T.value[Y] })
+                style: h({ background: q.value[G] })
               }, null, 4),
-              x("span", null, $(H.rotulo), 1)
+              S("span", null, A(M.rotulo), 1)
             ]),
-            x("span", ge, $(r(S)(H.quantidade)), 1)
+            S("span", Ce, A(a($)(M.quantidade)), 1)
           ], 4))), 128))
         ]),
-        x("div", ye, [
-          x("div", me, [
-            dt(lt, {
+        S("div", Ae, [
+          S("div", Be, [
+            ft(st, {
               type: "doughnut",
-              data: E.value,
-              options: I.value,
+              data: L.value,
+              options: W.value,
               height: t.height
             }, null, 8, ["data", "options", "height"]),
-            u.$slots.titulo || t.titulo || u.$slots.descricao || t.descricao ? (n(), s("div", be, [
-              u.$slots.titulo || t.titulo ? (n(), s("div", {
+            f.$slots.titulo || t.titulo || f.$slots.descricao || t.descricao ? (l(), s("div", we, [
+              f.$slots.titulo || t.titulo ? (l(), s("div", {
                 key: 0,
                 class: "nc-centro-titulo m-0 font-semibold",
-                style: y({ color: r(o).text })
+                style: h({ color: a(o).text })
               }, [
-                C(u.$slots, "titulo", {}, () => [
-                  O($(t.titulo), 1)
+                F(f.$slots, "titulo", {}, () => [
+                  X(A(t.titulo), 1)
                 ], !0)
-              ], 4)) : f("", !0),
-              u.$slots.descricao || t.descricao ? (n(), s("div", {
+              ], 4)) : g("", !0),
+              f.$slots.descricao || t.descricao ? (l(), s("div", {
                 key: 1,
                 class: "nc-centro-desc",
-                style: y({ color: r(o).muted })
+                style: h({ color: a(o).muted })
               }, [
-                C(u.$slots, "descricao", {}, () => [
-                  O($(t.descricao), 1)
+                F(f.$slots, "descricao", {}, () => [
+                  X(A(t.descricao), 1)
                 ], !0)
-              ], 4)) : f("", !0)
-            ])) : f("", !0)
+              ], 4)) : g("", !0)
+            ])) : g("", !0)
           ])
         ])
       ]),
-      u.$slots.footer ? (n(), s("div", he, [
-        C(u.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      f.$slots.footer ? (l(), s("div", Re, [
+        F(f.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 6));
   }
-}, ve = /* @__PURE__ */ et(xe, [["__scopeId", "data-v-227dd705"]]), $e = { class: "card-barra__header flex flex-column" }, Se = { class: "card-barra__topo flex align-items-start justify-content-between gap-3" }, ke = {
+}, Ee = /* @__PURE__ */ at(Te, [["__scopeId", "data-v-2a65258f"]]), qe = { class: "card-barra__header flex flex-column" }, Fe = { class: "card-barra__topo flex align-items-start justify-content-between gap-3" }, Le = {
   key: 0,
   class: "nc-legendas-flex flex flex-column"
-}, Be = {
+}, ze = {
   key: 1,
   class: "nc-actions inline-flex align-items-center gap-2"
-}, Ae = ["innerHTML"], Ce = {
+}, Me = ["innerHTML"], je = {
   key: 0,
   class: "card-barra__titulos mt-3 mb-2 flex flex-column"
-}, we = { class: "card-barra__chart flex-1" }, Re = {
+}, He = { class: "card-barra__chart flex-1" }, Ve = {
   key: 0,
   class: "card-barra__footer mt-3"
-}, Ee = {
+}, Ne = {
   __name: "CardBarra",
   props: {
     legenda: { type: String, default: null },
@@ -889,62 +908,68 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     corHover: { type: String, default: null }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: v }) {
-    const e = t, g = v, { palette: o, cardStyle: R } = nt(e), { formatar: S } = ut(e), j = tt(null), Q = it;
-    async function Z() {
-      await st(j.value, {
+  setup(t, { emit: m }) {
+    Vt((c) => ({
+      c9bf3d56: L.value
+    }));
+    const e = t, i = m, { palette: o, cardStyle: C } = it(e), { formatar: $ } = pt(e), w = ot(null), P = dt;
+    async function R() {
+      await ct(w.value, {
         nomeArquivo: e.nomeArquivoExport,
         corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), g("exportado");
+      }), i("exportado");
     }
-    const T = w(() => `card-barra--${e.direcao}`), E = w(() => e.orientacao === "horizontal"), X = w(() => Array.isArray(e.series) && e.series.length > 0 ? e.series.map((a, m) => ({
-      nome: a.nome ?? `Série ${m + 1}`,
-      cor: a.cor || e.cores[m % e.cores.length],
-      dados: Array.isArray(a.dados) ? a.dados : []
-    })) : [{ nome: e.legenda || "Valores", cor: e.corDetalhes, dados: e.data }]), I = w(() => {
-      const a = X.value[0];
-      return a ? a.dados.map((m) => m.rotulo) : [];
-    }), K = w(() => {
-      const a = X.value, m = a.length - 1, l = typeof e.larguraBarra == "number" ? e.larguraBarra : Number(e.larguraBarra) || 0.6, p = e.raioBarra, b = E.value;
-      function q(B) {
-        if (!e.empilhado || a.length === 1) return p;
-        const A = B === 0, k = B === m;
-        return b ? {
-          topLeft: A ? p : 0,
-          bottomLeft: A ? p : 0,
-          topRight: k ? p : 0,
-          bottomRight: k ? p : 0
+    const q = z(() => `card-barra--${e.direcao}`), L = z(
+      () => typeof e.height == "number" ? `${e.height}px` : e.height
+    ), Q = z(() => e.orientacao === "horizontal"), W = z(() => Array.isArray(e.series) && e.series.length > 0 ? e.series.map((c, u) => ({
+      nome: c.nome ?? `Série ${u + 1}`,
+      cor: c.cor || e.cores[u % e.cores.length],
+      dados: Array.isArray(c.dados) ? c.dados : []
+    })) : [{ nome: e.legenda || "Valores", cor: e.corDetalhes, dados: e.data }]), K = z(() => {
+      const c = W.value[0];
+      return c ? c.dados.map((u) => u.rotulo) : [];
+    }), _ = z(() => {
+      const c = W.value, u = c.length - 1, n = typeof e.larguraBarra == "number" ? e.larguraBarra : Number(e.larguraBarra) || 0.6, y = e.raioBarra, v = Q.value;
+      function j(E) {
+        if (!e.empilhado || c.length === 1) return y;
+        const B = E === 0, k = E === u;
+        return v ? {
+          topLeft: B ? y : 0,
+          bottomLeft: B ? y : 0,
+          topRight: k ? y : 0,
+          bottomRight: k ? y : 0
         } : {
-          bottomLeft: A ? p : 0,
-          bottomRight: A ? p : 0,
-          topLeft: k ? p : 0,
-          topRight: k ? p : 0
+          bottomLeft: B ? y : 0,
+          bottomRight: B ? y : 0,
+          topLeft: k ? y : 0,
+          topRight: k ? y : 0
         };
       }
       return {
-        labels: I.value,
-        datasets: a.map((B, A) => ({
-          label: B.nome,
-          data: B.dados.map((k) => k.quantidade),
-          backgroundColor: D(B.cor, 0.72),
-          hoverBackgroundColor: e.corHover || B.cor,
+        labels: K.value,
+        datasets: c.map((E, B) => ({
+          label: E.nome,
+          data: E.dados.map((k) => k.quantidade),
+          previstos: E.dados.map((k) => k.previsto != null ? k.previsto : null),
+          backgroundColor: N(E.cor, 0.72),
+          hoverBackgroundColor: e.corHover || E.cor,
           borderWidth: 0,
-          borderRadius: q(A),
+          borderRadius: j(B),
           borderSkipped: !1,
           categoryPercentage: 1,
-          barPercentage: l
+          barPercentage: n
         }))
       };
     });
-    function _(a, m) {
-      m ? Object.assign(a.style, {
+    function f(c, u) {
+      u ? Object.assign(c.style, {
         top: "-5px",
         bottom: "auto",
         borderTop: "1px solid rgba(15,23,42,.06)",
         borderLeft: "1px solid rgba(15,23,42,.06)",
         borderRight: "none",
         borderBottom: "none"
-      }) : Object.assign(a.style, {
+      }) : Object.assign(c.style, {
         bottom: "-5px",
         top: "auto",
         borderRight: "1px solid rgba(15,23,42,.06)",
@@ -953,57 +978,68 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         borderLeft: "none"
       });
     }
-    let u = null;
-    function F(a) {
-      const { chart: m, tooltip: l } = a, p = ot(m);
-      if (!p) return;
-      const b = gt(p, { caretFlexivel: !0 });
-      if (l.opacity === 0 || u) {
-        b.style.opacity = "0";
+    let T = null;
+    function M(c) {
+      var kt, Ct;
+      const { chart: u, tooltip: n } = c, y = rt(u);
+      if (!y) return;
+      const v = gt(y, { caretFlexivel: !0 });
+      if (n.opacity === 0 || T) {
+        v.style.opacity = "0";
         return;
       }
-      const q = l.title || [], B = l.dataPoints || [], A = b.querySelector(".nc-tt__content"), k = B.map((ct) => {
-        var xt;
-        const ht = ((xt = X.value[ct.datasetIndex]) == null ? void 0 : xt.cor) || e.corDetalhes, Ct = S(E.value ? ct.parsed.x : ct.parsed.y), wt = ct.dataset.label && X.value.length > 1 ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${ct.dataset.label}</span>` : "";
-        return `<div style="display:flex;align-items:center;gap:6px;margin-top:2px;"><span style="width:6px;height:6px;border-radius:999px;background:${ht};box-shadow:0 0 0 2px ${D(ht, 0.15)};flex:0 0 auto;"></span>` + wt + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${Ct}</span></div>`;
-      }).join("");
-      A.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${q.join(" ")}</div>` + k;
-      const { offsetLeft: V, offsetTop: J } = m.canvas;
-      b.style.opacity = "1", b.style.visibility = "hidden", b.style.left = "0px", b.style.top = "0px";
-      const W = b.offsetWidth, z = b.offsetHeight, M = 4, U = V + l.caretX, G = J + l.caretY, L = at(U, W, p.clientWidth, M), N = W / 2, P = 14, ft = G - P - z, mt = ft < M, kt = mt ? G + P : ft, bt = b.querySelector(".nc-tt__caret");
-      _(bt, mt);
-      const Bt = U - (L - N), At = Math.max(10, Math.min(W - 10, Bt));
-      bt.style.left = At + "px", b.style.left = L + "px", b.style.top = kt + "px", b.style.visibility = "visible";
+      const j = n.title || [], E = n.dataPoints || [], B = v.querySelector(".nc-tt__content"), k = E.map((et) => {
+        var At;
+        const ut = ((At = W.value[et.datasetIndex]) == null ? void 0 : At.cor) || e.corDetalhes, Lt = $(Q.value ? et.parsed.x : et.parsed.y), zt = et.dataset.label && W.value.length > 1 ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${et.dataset.label}</span>` : "";
+        return `<div style="display:flex;align-items:center;gap:6px;margin-top:2px;"><span style="width:6px;height:6px;border-radius:999px;background:${ut};box-shadow:0 0 0 2px ${N(ut, 0.15)};flex:0 0 auto;"></span>` + zt + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${Lt}</span></div>`;
+      }).join(""), O = (kt = E[0]) == null ? void 0 : kt.dataIndex;
+      let Y = null;
+      if (O != null)
+        for (const et of u.data.datasets) {
+          const ut = (Ct = et.previstos) == null ? void 0 : Ct[O];
+          if (ut != null) {
+            Y = ut;
+            break;
+          }
+        }
+      const V = Y != null ? `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:4px;border-top:1px dashed rgba(15,23,42,.08);"><span style="font-size:11px;color:#64748B;margin-right:6px;">Previsto</span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${$(Y)}</span></div>` : "";
+      B.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${j.join(" ")}</div>` + k + V;
+      const { offsetLeft: I, offsetTop: tt } = u.canvas;
+      v.style.opacity = "1", v.style.visibility = "hidden", v.style.left = "0px", v.style.top = "0px";
+      const U = v.offsetWidth, H = v.offsetHeight, Z = 4, D = I + n.caretX, J = tt + n.caretY, bt = nt(D, U, y.clientWidth, Z), Tt = U / 2, xt = 14, vt = J - xt - H, $t = vt < Z, Et = $t ? J + xt : vt, St = v.querySelector(".nc-tt__caret");
+      f(St, $t);
+      const qt = D - (bt - Tt), Ft = Math.max(10, Math.min(U - 10, qt));
+      St.style.left = Ft + "px", v.style.left = bt + "px", v.style.top = Et + "px", v.style.visibility = "visible";
     }
-    const H = w(() => {
-      const a = E.value, m = {
+    const G = z(() => {
+      const c = Q.value, u = {
         grid: { display: !1, drawBorder: !1 },
         border: { display: !1 },
         ticks: { color: o.value.muted, font: { size: 10, family: "'Inter', sans-serif" }, padding: 8 },
         stacked: e.empilhado
-      }, l = {
+      }, n = {
         display: !1,
         grid: { display: !1 },
         beginAtZero: !0,
         stacked: e.empilhado,
-        suggestedMax: d.value.length ? Math.max(...d.value.map((p) => p.valor)) : void 0
+        suggestedMax: d.value.length ? Math.max(...d.value.map((y) => y.valor)) : void 0
       };
       return {
         responsive: !0,
         maintainAspectRatio: !1,
-        indexAxis: a ? "y" : "x",
-        interaction: { intersect: !1, mode: "index", axis: a ? "y" : "x" },
+        indexAxis: c ? "y" : "x",
+        interaction: { intersect: !1, mode: "index", axis: c ? "y" : "x" },
         layout: {
           padding: {
-            top: d.value.length && !a ? 24 : 12,
-            right: a ? 12 : 0,
+            top: d.value.length && !c ? 24 : 12,
+            right: c ? 12 : 0,
             bottom: 0,
-            left: d.value.length && a ? 60 : 0
+            left: d.value.length && c ? 60 : 0
           }
         },
         plugins: {
           legend: {
-            display: e.mostrarLegendaSeries && X.value.length > 1,
+            display: e.mostrarLegendaSeries && W.value.length > 1,
             position: "bottom",
             align: "start",
             labels: {
@@ -1018,94 +1054,94 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           },
           tooltip: {
             enabled: !1,
-            external: F,
+            external: M,
             callbacks: {
-              title: (p) => {
-                var b;
-                return ((b = p[0]) == null ? void 0 : b.label) ?? "";
+              title: (y) => {
+                var v;
+                return ((v = y[0]) == null ? void 0 : v.label) ?? "";
               },
-              label: (p) => S(a ? p.parsed.x : p.parsed.y)
+              label: (y) => $(c ? y.parsed.x : y.parsed.y)
             }
           }
         },
         scales: {
-          x: a ? l : m,
-          y: a ? m : l
+          x: c ? n : u,
+          y: c ? u : n
         }
       };
     });
-    function Y() {
-      g("botaoAcao");
+    function p() {
+      i("botaoAcao");
     }
-    const d = w(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((m) => m && (typeof m == "number" || typeof m.valor == "number")).map((m) => typeof m == "number" ? { valor: m, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: m.valor,
-      rotulo: m.rotulo ?? null,
-      cor: m.cor || "#0F172A",
-      corRotulo: m.corRotulo || m.cor || "#0F172A",
-      corTexto: m.corTexto || "#FFFFFF",
-      tracejado: m.tracejado || [6, 6],
-      espessura: m.espessura ?? 1
-    }) : []), i = [], c = {
+    const d = z(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((u) => u && (typeof u == "number" || typeof u.valor == "number")).map((u) => typeof u == "number" ? { valor: u, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
+      valor: u.valor,
+      rotulo: u.rotulo ?? null,
+      cor: u.cor || "#0F172A",
+      corRotulo: u.corRotulo || u.cor || "#0F172A",
+      corTexto: u.corTexto || "#FFFFFF",
+      tracejado: u.tracejado || [6, 6],
+      espessura: u.espessura ?? 1
+    }) : []), r = [], b = {
       id: "linhaReferencia",
-      afterDatasetsDraw(a) {
-        const m = d.value;
-        if (i.length = 0, !m.length) return;
-        const { ctx: l, chartArea: p, scales: b } = a, q = E.value, B = q ? b.x : b.y;
-        B && m.forEach((A) => {
-          const k = B.getPixelForValue(A.valor);
-          if (i.push({ linha: A, pos: k, horizontal: q, chartArea: p }), l.save(), l.beginPath(), l.setLineDash(A.tracejado), l.lineWidth = A.espessura, l.strokeStyle = A.cor, q) {
-            if (k < p.left || k > p.right) {
-              l.restore();
+      afterDatasetsDraw(c) {
+        const u = d.value;
+        if (r.length = 0, !u.length) return;
+        const { ctx: n, chartArea: y, scales: v } = c, j = Q.value, E = j ? v.x : v.y;
+        E && u.forEach((B) => {
+          const k = E.getPixelForValue(B.valor);
+          if (r.push({ linha: B, pos: k, horizontal: j, chartArea: y }), n.save(), n.beginPath(), n.setLineDash(B.tracejado), n.lineWidth = B.espessura, n.strokeStyle = B.cor, j) {
+            if (k < y.left || k > y.right) {
+              n.restore();
               return;
             }
-            l.moveTo(k, p.top), l.lineTo(k, p.bottom);
+            n.moveTo(k, y.top), n.lineTo(k, y.bottom);
           } else {
-            if (k < p.top || k > p.bottom) {
-              l.restore();
+            if (k < y.top || k > y.bottom) {
+              n.restore();
               return;
             }
-            l.moveTo(p.left, k), l.lineTo(p.right, k);
+            n.moveTo(y.left, k), n.lineTo(y.right, k);
           }
-          if (l.stroke(), l.setLineDash([]), A.rotulo) {
-            l.font = "600 11px 'Inter', sans-serif";
-            const V = 8, J = 5, z = l.measureText(A.rotulo).width, M = 12, U = z + V * 2, G = M + J * 2, L = G / 2;
-            let N, P;
-            q ? (N = k - U / 2, P = p.top - G - 6, P < 0 && (P = p.top + 6)) : (N = p.left - U - 6, P = k - G / 2, N < 0 && (N = p.left + 6)), l.fillStyle = A.corRotulo, l.beginPath(), l.roundRect ? l.roundRect(N, P, U, G, L) : (l.moveTo(N + L, P), l.lineTo(N + U - L, P), l.quadraticCurveTo(N + U, P, N + U, P + L), l.lineTo(N + U, P + G - L), l.quadraticCurveTo(N + U, P + G, N + U - L, P + G), l.lineTo(N + L, P + G), l.quadraticCurveTo(N, P + G, N, P + G - L), l.lineTo(N, P + L), l.quadraticCurveTo(N, P, N + L, P)), l.fill(), l.fillStyle = A.corTexto, l.textBaseline = "middle", l.textAlign = "center", l.fillText(A.rotulo, N + U / 2, P + G / 2);
+          if (n.stroke(), n.setLineDash([]), B.rotulo) {
+            n.font = "600 11px 'Inter', sans-serif";
+            const O = 8, Y = 5, I = n.measureText(B.rotulo).width, tt = 12, U = I + O * 2, H = tt + Y * 2, Z = H / 2;
+            let D, J;
+            j ? (D = k - U / 2, J = y.top - H - 6, J < 0 && (J = y.top + 6)) : (D = y.left - U - 6, J = k - H / 2, D < 0 && (D = y.left + 6)), n.fillStyle = B.corRotulo, n.beginPath(), n.roundRect ? n.roundRect(D, J, U, H, Z) : (n.moveTo(D + Z, J), n.lineTo(D + U - Z, J), n.quadraticCurveTo(D + U, J, D + U, J + Z), n.lineTo(D + U, J + H - Z), n.quadraticCurveTo(D + U, J + H, D + U - Z, J + H), n.lineTo(D + Z, J + H), n.quadraticCurveTo(D, J + H, D, J + H - Z), n.lineTo(D, J + Z), n.quadraticCurveTo(D, J, D + Z, J)), n.fill(), n.fillStyle = B.corTexto, n.textBaseline = "middle", n.textAlign = "center", n.fillText(B.rotulo, D + U / 2, J + H / 2);
           }
-          l.restore();
+          n.restore();
         });
       },
-      beforeEvent(a, m) {
-        if (!i.length) {
-          u = null;
+      beforeEvent(c, u) {
+        if (!r.length) {
+          T = null;
           return;
         }
-        const l = m.event;
-        if (!l || l.type === "mouseout" || l.x == null || l.y == null) {
-          u = null;
+        const n = u.event;
+        if (!n || n.type === "mouseout" || n.x == null || n.y == null) {
+          T = null;
           return;
         }
-        const p = 8;
-        let b = null, q = 1 / 0;
-        for (const B of i) {
-          const A = B.horizontal ? Math.abs(l.x - B.pos) : Math.abs(l.y - B.pos), k = B.horizontal ? l.y >= B.chartArea.top && l.y <= B.chartArea.bottom : l.x >= B.chartArea.left && l.x <= B.chartArea.right;
-          A <= p && k && A < q && (q = A, b = B);
+        const y = 8;
+        let v = null, j = 1 / 0;
+        for (const E of r) {
+          const B = E.horizontal ? Math.abs(n.x - E.pos) : Math.abs(n.y - E.pos), k = E.horizontal ? n.y >= E.chartArea.top && n.y <= E.chartArea.bottom : n.x >= E.chartArea.left && n.x <= E.chartArea.right;
+          B <= y && k && B < j && (j = B, v = E);
         }
-        u = b;
+        T = v;
       },
-      afterEvent(a, m) {
-        if (!i.length) return;
-        const l = m.event;
-        if (!l) return;
-        const p = ot(a);
-        if (!p) return;
-        let b = p.querySelector(".nc-tt-linhaRef");
-        if (!u) {
-          b && (b.style.opacity = "0");
+      afterEvent(c, u) {
+        if (!r.length) return;
+        const n = u.event;
+        if (!n) return;
+        const y = rt(c);
+        if (!y) return;
+        let v = y.querySelector(".nc-tt-linhaRef");
+        if (!T) {
+          v && (v.style.opacity = "0");
           return;
         }
-        const q = u;
-        b || (b = document.createElement("div"), b.className = "nc-tt-linhaRef", Object.assign(b.style, {
+        const j = T;
+        v || (v = document.createElement("div"), v.className = "nc-tt-linhaRef", Object.assign(v.style, {
           position: "absolute",
           pointerEvents: "none",
           transform: "translate(-50%, calc(-100% - 12px))",
@@ -1120,119 +1156,119 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           zIndex: "11",
           fontFamily: "'Inter', sans-serif",
           textAlign: "left"
-        }), p.appendChild(b));
-        const B = q.linha.cor || "#0F172A", A = S(q.linha.valor), k = q.linha.rotulo;
-        b.innerHTML = (k ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${k}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${B};box-shadow:0 0 0 2px ${D(B, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${A}</span></div>`;
-        const V = a.canvas;
-        b.style.opacity = "1", b.style.visibility = "hidden", b.style.left = "0px", b.style.top = "0px";
-        const J = b.offsetWidth, W = b.offsetHeight, z = 4;
-        let M, U;
-        q.horizontal ? (M = V.offsetLeft + q.pos, U = V.offsetTop + l.y) : (M = V.offsetLeft + l.x, U = V.offsetTop + q.pos);
-        const G = at(M, J, p.clientWidth, z);
-        let L = U;
-        const N = W + 16 + z;
-        L < N && (L = N), b.style.left = G + "px", b.style.top = L + "px", b.style.visibility = "visible";
+        }), y.appendChild(v));
+        const E = j.linha.cor || "#0F172A", B = $(j.linha.valor), k = j.linha.rotulo;
+        v.innerHTML = (k ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${k}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${E};box-shadow:0 0 0 2px ${N(E, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${B}</span></div>`;
+        const O = c.canvas;
+        v.style.opacity = "1", v.style.visibility = "hidden", v.style.left = "0px", v.style.top = "0px";
+        const Y = v.offsetWidth, V = v.offsetHeight, I = 4;
+        let tt, U;
+        j.horizontal ? (tt = O.offsetLeft + j.pos, U = O.offsetTop + n.y) : (tt = O.offsetLeft + n.x, U = O.offsetTop + j.pos);
+        const H = nt(tt, Y, y.clientWidth, I);
+        let Z = U;
+        const D = V + 16 + I;
+        Z < D && (Z = D), v.style.left = H + "px", v.style.top = Z + "px", v.style.visibility = "visible";
       }
-    }, h = w(() => d.value.length ? [c] : []);
-    return (a, m) => (n(), s("div", {
+    }, x = z(() => d.value.length ? [b] : []);
+    return (c, u) => (l(), s("div", {
       ref_key: "cardRef",
-      ref: j,
-      class: rt(["card-barra p-4 flex", T.value]),
-      style: y(r(R))
+      ref: w,
+      class: lt(["card-barra p-4 flex", q.value]),
+      style: h(a(C))
     }, [
-      x("div", $e, [
-        x("div", Se, [
-          a.$slots.legenda || t.legenda || a.$slots.sublegenda || t.sublegenda ? (n(), s("div", ke, [
-            a.$slots.legenda || t.legenda ? (n(), s("div", {
+      S("div", qe, [
+        S("div", Fe, [
+          c.$slots.legenda || t.legenda || c.$slots.sublegenda || t.sublegenda ? (l(), s("div", Le, [
+            c.$slots.legenda || t.legenda ? (l(), s("div", {
               key: 0,
               class: "text-xs font-medium",
-              style: y({ color: r(o).text, opacity: 0.85 })
+              style: h({ color: a(o).text, opacity: 0.85 })
             }, [
-              C(a.$slots, "legenda", {}, () => [
-                O($(t.legenda), 1)
+              F(c.$slots, "legenda", {}, () => [
+                X(A(t.legenda), 1)
               ], !0)
-            ], 4)) : f("", !0),
-            a.$slots.sublegenda || t.sublegenda ? (n(), s("div", {
+            ], 4)) : g("", !0),
+            c.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
               key: 1,
               class: "text-xs",
-              style: y({ color: r(o).muted })
+              style: h({ color: a(o).muted })
             }, [
-              C(a.$slots, "sublegenda", {}, () => [
-                O($(t.sublegenda), 1)
+              F(c.$slots, "sublegenda", {}, () => [
+                X(A(t.sublegenda), 1)
               ], !0)
-            ], 4)) : f("", !0)
-          ])) : f("", !0),
-          a.$slots.actions || t.botaoVisivel || t.exportar ? (n(), s("div", Be, [
-            C(a.$slots, "actions", {}, () => [
-              t.botaoVisivel ? (n(), s("button", {
+            ], 4)) : g("", !0)
+          ])) : g("", !0),
+          c.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", ze, [
+            F(c.$slots, "actions", {}, () => [
+              t.botaoVisivel ? (l(), s("button", {
                 key: 0,
                 class: "nc-btn inline-flex align-items-center",
-                style: y({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-                onClick: Y
+                style: h({ color: a(o).text, borderColor: a(N)(a(o).text, 0.18) }),
+                onClick: p
               }, [
-                x("span", null, $(t.textoBotao), 1)
-              ], 4)) : f("", !0)
+                S("span", null, A(t.textoBotao), 1)
+              ], 4)) : g("", !0)
             ], !0),
-            t.exportar ? (n(), s("button", {
+            t.exportar ? (l(), s("button", {
               key: 0,
               type: "button",
               class: "nc-exportar inline-flex align-items-center justify-content-center",
-              style: y({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
+              style: h({ color: a(o).muted, borderColor: a(N)(a(o).text, 0.18) }),
               title: "Exportar como imagem",
               "aria-label": "Exportar como imagem",
-              onClick: Z,
-              innerHTML: r(Q)
-            }, null, 12, Ae)) : f("", !0)
-          ])) : f("", !0)
+              onClick: R,
+              innerHTML: a(P)
+            }, null, 12, Me)) : g("", !0)
+          ])) : g("", !0)
         ]),
-        a.$slots.titulo || t.titulo || a.$slots.descricao || t.descricao ? (n(), s("div", Ce, [
-          a.$slots.titulo || t.titulo ? (n(), s("div", {
+        c.$slots.titulo || t.titulo || c.$slots.descricao || t.descricao ? (l(), s("div", je, [
+          c.$slots.titulo || t.titulo ? (l(), s("div", {
             key: 0,
             class: "m-0 text-3xl font-semibold",
-            style: y({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+            style: h({ color: a(o).text, lineHeight: "33px", letterSpacing: "-1px" })
           }, [
-            C(a.$slots, "titulo", {}, () => [
-              O($(t.titulo), 1)
+            F(c.$slots, "titulo", {}, () => [
+              X(A(t.titulo), 1)
             ], !0)
-          ], 4)) : f("", !0),
-          a.$slots.descricao || t.descricao ? (n(), s("div", {
+          ], 4)) : g("", !0),
+          c.$slots.descricao || t.descricao ? (l(), s("div", {
             key: 1,
             class: "text-sm mt-1",
-            style: y({ color: r(o).muted })
+            style: h({ color: a(o).muted })
           }, [
-            C(a.$slots, "descricao", {}, () => [
-              O($(t.descricao), 1)
+            F(c.$slots, "descricao", {}, () => [
+              X(A(t.descricao), 1)
             ], !0)
-          ], 4)) : f("", !0)
-        ])) : f("", !0)
+          ], 4)) : g("", !0)
+        ])) : g("", !0)
       ]),
-      x("div", we, [
-        dt(lt, {
+      S("div", He, [
+        ft(st, {
           type: "bar",
-          data: K.value,
-          options: H.value,
-          plugins: h.value,
-          height: t.height
-        }, null, 8, ["data", "options", "plugins", "height"])
+          data: _.value,
+          options: G.value,
+          plugins: x.value,
+          height: "100%"
+        }, null, 8, ["data", "options", "plugins"])
       ]),
-      a.$slots.footer ? (n(), s("div", Re, [
-        C(a.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      c.$slots.footer ? (l(), s("div", Ve, [
+        F(c.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 6));
   }
-}, Fe = /* @__PURE__ */ et(Ee, [["__scopeId", "data-v-6c196222"]]), Te = { class: "card-polar__topo flex align-items-start justify-content-between gap-3" }, qe = {
+}, Pe = /* @__PURE__ */ at(Ne, [["__scopeId", "data-v-474043e8"]]), De = { class: "card-polar__topo flex align-items-start justify-content-between gap-3" }, Ie = {
   key: 0,
   class: "nc-legendas-flex flex flex-column"
-}, Le = {
+}, We = {
   key: 1,
   class: "nc-actions inline-flex align-items-center gap-2"
-}, ze = ["innerHTML"], je = { class: "card-polar__corpo flex align-items-center gap-4" }, He = { class: "nc-tabela flex flex-column" }, Ve = { class: "nc-tabela-valor" }, Me = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, Ne = { class: "nc-tabela-valor" }, De = { class: "card-polar__chart-wrap flex align-items-center justify-content-center" }, Pe = { class: "card-polar__chart" }, Oe = {
+}, Oe = ["innerHTML"], Xe = { class: "card-polar__corpo flex align-items-center" }, Ye = { class: "nc-tabela flex flex-column" }, Je = { class: "nc-tabela-valor" }, Qe = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, Ue = { class: "nc-tabela-valor" }, Ge = { class: "card-polar__chart-wrap flex align-items-center justify-content-center" }, Ze = { class: "card-polar__chart" }, Ke = {
   key: 0,
   class: "card-polar__centro-bottom"
-}, We = {
+}, _e = {
   key: 0,
   class: "card-polar__footer mt-3"
-}, Ie = {
+}, to = {
   __name: "CardPolar",
   props: {
     legenda: { type: String, default: null },
@@ -1245,10 +1281,7 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     corBorda: { type: String, default: "#EAE8E8" },
     borderRadius: { type: [String, Number], default: "0.75rem" },
     sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
-    cores: {
-      type: Array,
-      default: () => ["#0A1A6B", "#1535B5", "#1A5FD4", "#2F8DDF", "#5BB1E8", "#93D0F0", "#CDEAF6"]
-    },
+    corDetalhes: { type: String, default: "#3B82F6" },
     textoBotao: { type: String, default: "Ver mais" },
     botaoVisivel: { type: Boolean, default: !1 },
     direcao: {
@@ -1284,46 +1317,47 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     nomeArquivoExport: { type: String, default: "card-polar.png" }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: v }) {
-    const e = t, g = v, { palette: o, cardStyle: R } = nt(e), { formatar: S } = ut(e), j = tt(null), Q = it;
-    async function Z() {
-      await st(j.value, {
+  setup(t, { emit: m }) {
+    const e = t, i = m, { palette: o, cardStyle: C } = it(e), { formatar: $ } = pt(e), w = ot(null), P = dt;
+    async function R() {
+      await ct(w.value, {
         nomeArquivo: e.nomeArquivoExport,
         corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), g("exportado");
+      }), i("exportado");
     }
-    const T = w(() => `card-polar--${e.direcao}`), E = w(
-      () => e.data.map((u, F) => e.cores[F % e.cores.length])
-    ), X = w(() => ({
-      labels: e.data.map((u) => u.rotulo),
+    const q = z(() => `card-polar--${e.direcao}`), L = z(() => {
+      const f = ht(e.corDetalhes, e.data.length);
+      return e.data.map((T, M) => T.cor ?? f[M]);
+    }), Q = z(() => ({
+      labels: e.data.map((f) => f.rotulo),
       datasets: [
         {
-          data: e.data.map((u) => u.quantidade),
-          backgroundColor: E.value,
-          borderColor: E.value,
+          data: e.data.map((f) => f.quantidade),
+          backgroundColor: L.value,
+          borderColor: L.value,
           borderWidth: 0,
           hoverOffset: 6
         }
       ]
     }));
-    function I(u) {
-      const { chart: F, tooltip: H } = u, Y = ot(F);
-      if (!Y) return;
-      const d = gt(Y);
-      if (H.opacity === 0) {
-        d.style.opacity = "0";
+    function W(f) {
+      const { chart: T, tooltip: M } = f, G = rt(T);
+      if (!G) return;
+      const p = gt(G);
+      if (M.opacity === 0) {
+        p.style.opacity = "0";
         return;
       }
-      const i = H.title || [], c = H.dataPoints && H.dataPoints[0], h = c ? E.value[c.dataIndex] : "#3B82F6", a = c ? S(c.parsed.r ?? c.parsed) : "", m = d.querySelector(".nc-tt__content");
-      m.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${i.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${h};box-shadow:0 0 0 2px ${D(h, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${a}</span></div>`;
-      const { offsetLeft: l, offsetTop: p } = F.canvas;
-      d.style.opacity = "1", d.style.visibility = "hidden", d.style.left = "0px", d.style.top = "0px";
-      const b = d.offsetWidth, q = d.offsetHeight, B = 4, A = at(l + H.caretX, b, Y.clientWidth, B);
-      let k = p + H.caretY;
-      const V = q + 16 + B;
-      k < V && (k = V), d.style.left = A + "px", d.style.top = k + "px", d.style.visibility = "visible";
+      const d = M.title || [], r = M.dataPoints && M.dataPoints[0], b = r ? L.value[r.dataIndex] : "#3B82F6", x = r ? $(r.parsed.r ?? r.parsed) : "", c = p.querySelector(".nc-tt__content");
+      c.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${d.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${b};box-shadow:0 0 0 2px ${N(b, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${x}</span></div>`;
+      const { offsetLeft: u, offsetTop: n } = T.canvas;
+      p.style.opacity = "1", p.style.visibility = "hidden", p.style.left = "0px", p.style.top = "0px";
+      const y = p.offsetWidth, v = p.offsetHeight, j = 4, E = nt(u + M.caretX, y, G.clientWidth, j);
+      let B = n + M.caretY;
+      const k = v + 16 + j;
+      B < k && (B = k), p.style.left = E + "px", p.style.top = B + "px", p.style.visibility = "visible";
     }
-    const K = w(() => ({
+    const K = z(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       layout: { padding: 4 },
@@ -1333,11 +1367,11 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           ticks: { display: !1, backdropColor: "transparent" },
           grid: {
             display: e.mostrarLinhasGrade,
-            color: D(o.value.muted, 0.18)
+            color: N(o.value.muted, 0.18)
           },
           angleLines: {
             display: e.mostrarLinhasGrade,
-            color: D(o.value.muted, 0.18)
+            color: N(o.value.muted, 0.18)
           },
           pointLabels: { display: !1 }
         }
@@ -1346,150 +1380,153 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: I,
+          external: W,
           callbacks: {
-            title: (u) => {
-              var F;
-              return ((F = u[0]) == null ? void 0 : F.label) ?? "";
+            title: (f) => {
+              var T;
+              return ((T = f[0]) == null ? void 0 : T.label) ?? "";
             },
-            label: (u) => {
-              var F;
-              return S(((F = u.parsed) == null ? void 0 : F.r) ?? u.parsed);
+            label: (f) => {
+              var T;
+              return $(((T = f.parsed) == null ? void 0 : T.r) ?? f.parsed);
             }
           }
         }
       }
     }));
     function _() {
-      g("botaoAcao");
+      i("botaoAcao");
     }
-    return (u, F) => (n(), s("div", {
+    return (f, T) => (l(), s("div", {
       ref_key: "cardRef",
-      ref: j,
-      class: rt(["card-polar p-4 flex flex-column", T.value]),
-      style: y(r(R))
+      ref: w,
+      class: lt(["card-polar p-4 flex flex-column", q.value]),
+      style: h(a(C))
     }, [
-      x("div", Te, [
-        u.$slots.legenda || t.legenda || u.$slots.sublegenda || t.sublegenda ? (n(), s("div", qe, [
-          u.$slots.legenda || t.legenda ? (n(), s("div", {
+      S("div", De, [
+        f.$slots.legenda || t.legenda || f.$slots.sublegenda || t.sublegenda ? (l(), s("div", Ie, [
+          f.$slots.legenda || t.legenda ? (l(), s("div", {
             key: 0,
             class: "text-xs font-medium",
-            style: y({ color: r(o).text, opacity: 0.95 })
+            style: h({ color: a(o).text, opacity: 0.95 })
           }, [
-            C(u.$slots, "legenda", {}, () => [
-              O($(t.legenda), 1)
+            F(f.$slots, "legenda", {}, () => [
+              X(A(t.legenda), 1)
             ], !0)
-          ], 4)) : f("", !0),
-          u.$slots.sublegenda || t.sublegenda ? (n(), s("div", {
+          ], 4)) : g("", !0),
+          f.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
             key: 1,
             class: "text-xs",
-            style: y({ color: r(o).muted })
+            style: h({ color: a(o).muted })
           }, [
-            C(u.$slots, "sublegenda", {}, () => [
-              O($(t.sublegenda), 1)
+            F(f.$slots, "sublegenda", {}, () => [
+              X(A(t.sublegenda), 1)
             ], !0)
-          ], 4)) : f("", !0)
-        ])) : f("", !0),
-        u.$slots.actions || t.botaoVisivel || t.exportar ? (n(), s("div", Le, [
-          C(u.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (n(), s("button", {
+          ], 4)) : g("", !0)
+        ])) : g("", !0),
+        f.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", We, [
+          F(f.$slots, "actions", {}, () => [
+            t.botaoVisivel ? (l(), s("button", {
               key: 0,
               class: "nc-btn inline-flex align-items-center",
-              style: y({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
+              style: h({ color: a(o).text, borderColor: a(N)(a(o).text, 0.18) }),
               onClick: _
             }, [
-              x("span", null, $(t.textoBotao), 1)
-            ], 4)) : f("", !0)
+              S("span", null, A(t.textoBotao), 1)
+            ], 4)) : g("", !0)
           ], !0),
-          t.exportar ? (n(), s("button", {
+          t.exportar ? (l(), s("button", {
             key: 0,
             type: "button",
             class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: y({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
+            style: h({ color: a(o).muted, borderColor: a(N)(a(o).text, 0.18) }),
             title: "Exportar como imagem",
             "aria-label": "Exportar como imagem",
-            onClick: Z,
-            innerHTML: r(Q)
-          }, null, 12, ze)) : f("", !0)
-        ])) : f("", !0)
+            onClick: R,
+            innerHTML: a(P)
+          }, null, 12, Oe)) : g("", !0)
+        ])) : g("", !0)
       ]),
-      x("div", je, [
-        x("div", He, [
-          t.mostrarCabecalho ? (n(), s("div", {
+      S("div", Xe, [
+        S("div", Ye, [
+          t.mostrarCabecalho ? (l(), s("div", {
             key: 0,
             class: "nc-tabela-cab flex align-items-center justify-content-between",
-            style: y({ color: r(o).muted, borderColor: r(D)(r(o).muted, 0.25) })
+            style: h({ color: a(o).muted, borderColor: a(N)(a(o).muted, 0.25) })
           }, [
-            x("span", null, $(t.rotuloCategoria), 1),
-            x("span", Ve, $(t.rotuloQuantidade), 1)
-          ], 4)) : f("", !0),
-          (n(!0), s(pt, null, yt(t.data, (H, Y) => (n(), s("div", {
-            key: Y,
+            S("span", null, A(t.rotuloCategoria), 1),
+            S("span", Je, A(t.rotuloQuantidade), 1)
+          ], 4)) : g("", !0),
+          (l(!0), s(mt, null, yt(t.data, (M, G) => (l(), s("div", {
+            key: G,
             class: "nc-tabela-linha flex align-items-center justify-content-between",
-            style: y({ color: r(o).text })
+            style: h({ color: a(o).text })
           }, [
-            x("span", Me, [
-              x("span", {
+            S("span", Qe, [
+              S("span", {
                 class: "nc-bolinha",
-                style: y({ background: E.value[Y] })
+                style: h({ background: L.value[G] })
               }, null, 4),
-              x("span", null, $(H.rotulo), 1)
+              S("span", null, A(M.rotulo), 1)
             ]),
-            x("span", Ne, $(r(S)(H.quantidade)), 1)
+            S("span", Ue, A(a($)(M.quantidade)), 1)
           ], 4))), 128))
         ]),
-        x("div", De, [
-          x("div", Pe, [
-            dt(lt, {
+        S("div", Ge, [
+          S("div", Ze, [
+            ft(st, {
               type: "polarArea",
-              data: X.value,
+              data: Q.value,
               options: K.value,
               height: t.height
             }, null, 8, ["data", "options", "height"]),
-            u.$slots.titulo || t.titulo || u.$slots.descricao || t.descricao ? (n(), s("div", Oe, [
-              u.$slots.titulo || t.titulo ? (n(), s("div", {
+            f.$slots.titulo || t.titulo || f.$slots.descricao || t.descricao ? (l(), s("div", Ke, [
+              f.$slots.titulo || t.titulo ? (l(), s("div", {
                 key: 0,
                 class: "card-polar__centro-titulo m-0 text-3xl font-semibold",
-                style: y({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+                style: h({ color: a(o).text, lineHeight: "33px", letterSpacing: "-1px" })
               }, [
-                C(u.$slots, "titulo", {}, () => [
-                  O($(t.titulo), 1)
+                F(f.$slots, "titulo", {}, () => [
+                  X(A(t.titulo), 1)
                 ], !0)
-              ], 4)) : f("", !0),
-              u.$slots.descricao || t.descricao ? (n(), s("div", {
+              ], 4)) : g("", !0),
+              f.$slots.descricao || t.descricao ? (l(), s("div", {
                 key: 1,
                 class: "card-polar__centro-desc",
-                style: y({ color: r(o).muted })
+                style: h({ color: a(o).muted })
               }, [
-                C(u.$slots, "descricao", {}, () => [
-                  O($(t.descricao), 1)
+                F(f.$slots, "descricao", {}, () => [
+                  X(A(t.descricao), 1)
                 ], !0)
-              ], 4)) : f("", !0)
-            ])) : f("", !0)
+              ], 4)) : g("", !0)
+            ])) : g("", !0)
           ])
         ])
       ]),
-      u.$slots.footer ? (n(), s("div", We, [
-        C(u.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      f.$slots.footer ? (l(), s("div", _e, [
+        F(f.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 6));
   }
-}, Xe = /* @__PURE__ */ et(Ie, [["__scopeId", "data-v-9dc121fd"]]), Ye = { class: "card-progresso__topo flex align-items-start justify-content-between gap-3" }, Je = {
+}, eo = /* @__PURE__ */ at(to, [["__scopeId", "data-v-94cbf2b0"]]), oo = { class: "card-progresso__topo flex align-items-start justify-content-between gap-3" }, ao = {
   key: 0,
   class: "nc-legendas-flex flex flex-column"
-}, Qe = {
+}, ro = {
   key: 1,
   class: "nc-actions inline-flex align-items-center gap-2"
-}, Ue = ["innerHTML"], Ge = {
+}, no = ["innerHTML"], lo = {
   key: 0,
   class: "card-progresso__titulos mt-3 mb-2 flex flex-column"
-}, Ze = { class: "card-progresso__corpo flex align-items-center gap-4 flex-wrap" }, Ke = {
+}, so = { class: "card-progresso__corpo flex align-items-center flex-wrap" }, io = {
   key: 0,
   class: "card-progresso__chart-wrap flex align-items-center justify-content-center"
-}, _e = { class: "card-progresso__chart" }, to = { class: "nc-centro flex flex-column align-items-center justify-content-center" }, eo = { class: "card-progresso__lista flex flex-column" }, oo = { class: "card-progresso__item-cab flex align-items-center justify-content-between" }, ao = {
+}, co = { class: "card-progresso__chart" }, uo = { class: "nc-centro flex flex-column align-items-center justify-content-center" }, fo = { class: "card-progresso__lista flex flex-column" }, po = { class: "card-progresso__item-cab flex align-items-center justify-content-between" }, go = {
+  key: 0,
+  class: "card-progresso__item-valor inline-flex align-items-center gap-2"
+}, mo = { key: 0 }, yo = {
   key: 1,
   class: "card-progresso__footer mt-3"
-}, ro = {
+}, ho = {
   __name: "CardProgresso",
   props: {
     legenda: { type: String, default: null },
@@ -1502,10 +1539,6 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     corBorda: { type: String, default: "#EAE8E8" },
     borderRadius: { type: [String, Number], default: "0.75rem" },
     sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
-    cores: {
-      type: Array,
-      default: () => ["#3B82F6", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6", "#06B6D4", "#EC4899"]
-    },
     corDetalhes: { type: String, default: "#3B82F6" },
     corExcesso: { type: String, default: "#EF4444" },
     textoBotao: { type: String, default: "Ver mais" },
@@ -1547,41 +1580,42 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     nomeArquivoExport: { type: String, default: "card-progresso.png" }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: v }) {
-    const e = t, g = v, { palette: o, cardStyle: R } = nt(e), { formatar: S } = ut(e), j = tt(null), Q = it;
-    async function Z() {
-      await st(j.value, {
+  setup(t, { emit: m }) {
+    const e = t, i = m, { palette: o, cardStyle: C } = it(e), { formatar: $ } = pt(e), w = ot(null), P = dt;
+    async function R() {
+      await ct(w.value, {
         nomeArquivo: e.nomeArquivoExport,
         corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), g("exportado");
+      }), i("exportado");
     }
-    const T = w(() => `card-progresso--${e.direcao}`), E = w(
-      () => e.data.map((i, c) => {
-        const h = Number(i.meta ?? e.metaPadrao) || 0, a = Number(i.quantidade) || 0, m = i.cor || e.cores[c % e.cores.length], l = i.modo === "reducao";
-        let p;
-        if (l) {
-          const b = Number(i.valor_referencia) || 0, q = b - h;
-          p = q > 0 ? Math.max(0, Math.min(100, (b - a) / q * 100)) : 0;
+    const q = z(() => `card-progresso--${e.direcao}`), L = z(() => {
+      const d = ht(e.corDetalhes, e.data.length);
+      return e.data.map((r, b) => {
+        const x = Number(r.meta ?? e.metaPadrao) || 0, c = Number(r.quantidade) || 0, u = r.cor ?? d[b], n = r.modo === "reducao";
+        let y;
+        if (n) {
+          const v = Number(r.valor_referencia) || 0, j = v - x;
+          y = j > 0 ? Math.max(0, Math.min(100, (v - c) / j * 100)) : 0;
         } else
-          p = h > 0 ? Math.max(0, Math.min(100, a / h * 100)) : 0;
-        return { rotulo: i.rotulo, quantidade: a, meta: h, valorReferencia: i.valor_referencia ?? null, cor: m, percentual: p, reducao: l };
-      })
-    ), X = w(
+          y = x > 0 ? Math.max(0, Math.min(100, c / x * 100)) : 0;
+        return { rotulo: r.rotulo, quantidade: c, meta: x, valorReferencia: r.valor_referencia ?? null, cor: u, percentual: y, reducao: n };
+      });
+    }), Q = z(
       () => typeof e.alturaBarra == "number" ? `${e.alturaBarra}px` : e.alturaBarra
-    ), I = w(
+    ), W = z(
       () => typeof e.raioBarra == "number" ? `${e.raioBarra}px` : e.raioBarra
-    ), K = w(() => E.value.reduce((i, c) => i + c.quantidade, 0)), _ = w(() => E.value.reduce((i, c) => i + c.meta, 0)), u = w(() => {
-      if (!E.value.length) return 0;
-      const i = E.value.reduce((c, h) => c + h.meta, 0);
-      return i <= 0 ? 0 : E.value.reduce((c, h) => c + h.percentual * h.meta, 0) / i;
-    }), F = w(() => E.value.every((i) => i.reducao)), H = w(() => {
-      const i = Math.min(u.value, 100), c = Math.max(0, 100 - i), h = F.value ? e.corExcesso : e.corDetalhes;
+    ), K = z(() => L.value.reduce((d, r) => d + r.quantidade, 0)), _ = z(() => L.value.reduce((d, r) => d + r.meta, 0)), f = z(() => {
+      if (!L.value.length) return 0;
+      const d = (b) => b.reducao && b.valorReferencia != null ? Math.max(0, Number(b.valorReferencia) - b.meta) : b.meta, r = L.value.reduce((b, x) => b + d(x), 0);
+      return r <= 0 ? 0 : L.value.reduce((b, x) => b + x.percentual * d(x), 0) / r;
+    }), T = z(() => L.value.every((d) => d.reducao)), M = z(() => {
+      const d = Math.min(f.value, 100), r = Math.max(0, 100 - d), b = T.value ? e.corExcesso : e.corDetalhes;
       return {
         labels: ["Progresso", "Restante"],
         datasets: [
           {
-            data: [i, c],
-            backgroundColor: [h, D(o.value.muted, 0.15)],
+            data: [d, r],
+            backgroundColor: [b, N(o.value.muted, 0.15)],
             borderWidth: 0,
             borderColor: "transparent",
             hoverOffset: 0,
@@ -1589,7 +1623,7 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           }
         ]
       };
-    }), Y = w(() => ({
+    }), G = z(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       cutout: e.cutout,
@@ -1601,174 +1635,171 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         tooltip: { enabled: !1 }
       }
     }));
-    function d() {
-      g("botaoAcao");
+    function p() {
+      i("botaoAcao");
     }
-    return (i, c) => (n(), s("div", {
+    return (d, r) => (l(), s("div", {
       ref_key: "cardRef",
-      ref: j,
-      class: rt(["card-progresso p-4 flex flex-column", T.value]),
-      style: y(r(R))
+      ref: w,
+      class: lt(["card-progresso p-4 flex flex-column", q.value]),
+      style: h(a(C))
     }, [
-      x("div", Ye, [
-        i.$slots.legenda || t.legenda || i.$slots.sublegenda || t.sublegenda ? (n(), s("div", Je, [
-          i.$slots.legenda || t.legenda ? (n(), s("div", {
+      S("div", oo, [
+        d.$slots.legenda || t.legenda || d.$slots.sublegenda || t.sublegenda ? (l(), s("div", ao, [
+          d.$slots.legenda || t.legenda ? (l(), s("div", {
             key: 0,
             class: "text-xs font-medium",
-            style: y({ color: r(o).text, opacity: 0.95 })
+            style: h({ color: a(o).text, opacity: 0.95 })
           }, [
-            C(i.$slots, "legenda", {}, () => [
-              O($(t.legenda), 1)
+            F(d.$slots, "legenda", {}, () => [
+              X(A(t.legenda), 1)
             ], !0)
-          ], 4)) : f("", !0),
-          i.$slots.sublegenda || t.sublegenda ? (n(), s("div", {
+          ], 4)) : g("", !0),
+          d.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
             key: 1,
             class: "text-xs",
-            style: y({ color: r(o).muted })
+            style: h({ color: a(o).muted })
           }, [
-            C(i.$slots, "sublegenda", {}, () => [
-              O($(t.sublegenda), 1)
+            F(d.$slots, "sublegenda", {}, () => [
+              X(A(t.sublegenda), 1)
             ], !0)
-          ], 4)) : f("", !0)
-        ])) : f("", !0),
-        i.$slots.actions || t.botaoVisivel || t.exportar ? (n(), s("div", Qe, [
-          C(i.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (n(), s("button", {
+          ], 4)) : g("", !0)
+        ])) : g("", !0),
+        d.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", ro, [
+          F(d.$slots, "actions", {}, () => [
+            t.botaoVisivel ? (l(), s("button", {
               key: 0,
               class: "nc-btn inline-flex align-items-center",
-              style: y({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-              onClick: d
+              style: h({ color: a(o).text, borderColor: a(N)(a(o).text, 0.18) }),
+              onClick: p
             }, [
-              x("span", null, $(t.textoBotao), 1)
-            ], 4)) : f("", !0)
+              S("span", null, A(t.textoBotao), 1)
+            ], 4)) : g("", !0)
           ], !0),
-          t.exportar ? (n(), s("button", {
+          t.exportar ? (l(), s("button", {
             key: 0,
             type: "button",
             class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: y({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
+            style: h({ color: a(o).muted, borderColor: a(N)(a(o).text, 0.18) }),
             title: "Exportar como imagem",
             "aria-label": "Exportar como imagem",
-            onClick: Z,
-            innerHTML: r(Q)
-          }, null, 12, Ue)) : f("", !0)
-        ])) : f("", !0)
+            onClick: R,
+            innerHTML: a(P)
+          }, null, 12, no)) : g("", !0)
+        ])) : g("", !0)
       ]),
-      i.$slots.titulo || t.titulo || i.$slots.descricao || t.descricao ? (n(), s("div", Ge, [
-        i.$slots.titulo || t.titulo ? (n(), s("div", {
+      d.$slots.titulo || t.titulo || d.$slots.descricao || t.descricao ? (l(), s("div", lo, [
+        d.$slots.titulo || t.titulo ? (l(), s("div", {
           key: 0,
           class: "m-0 text-3xl font-semibold",
-          style: y({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+          style: h({ color: a(o).text, lineHeight: "33px", letterSpacing: "-1px" })
         }, [
-          C(i.$slots, "titulo", {}, () => [
-            O($(t.titulo), 1)
+          F(d.$slots, "titulo", {}, () => [
+            X(A(t.titulo), 1)
           ], !0)
-        ], 4)) : f("", !0),
-        i.$slots.descricao || t.descricao ? (n(), s("div", {
+        ], 4)) : g("", !0),
+        d.$slots.descricao || t.descricao ? (l(), s("div", {
           key: 1,
           class: "text-sm mt-1",
-          style: y({ color: r(o).muted })
+          style: h({ color: a(o).muted })
         }, [
-          C(i.$slots, "descricao", {}, () => [
-            O($(t.descricao), 1)
+          F(d.$slots, "descricao", {}, () => [
+            X(A(t.descricao), 1)
           ], !0)
-        ], 4)) : f("", !0)
-      ])) : f("", !0),
-      x("div", Ze, [
-        t.formato === "circular" ? (n(), s("div", Ke, [
-          x("div", _e, [
-            dt(lt, {
+        ], 4)) : g("", !0)
+      ])) : g("", !0),
+      S("div", so, [
+        t.formato === "circular" ? (l(), s("div", io, [
+          S("div", co, [
+            ft(st, {
               type: "doughnut",
-              data: H.value,
-              options: Y.value,
+              data: M.value,
+              options: G.value,
               height: t.height
             }, null, 8, ["data", "options", "height"]),
-            x("div", to, [
-              x("div", {
+            S("div", uo, [
+              S("div", {
                 class: "nc-centro-titulo",
-                style: y({ color: F.value ? e.corExcesso : r(o).text })
-              }, $(Math.round(u.value)) + "% ", 5),
-              x("div", {
+                style: h({ color: T.value ? e.corExcesso : a(o).text })
+              }, A(Math.round(f.value)) + "% ", 5),
+              S("div", {
                 class: "nc-centro-desc",
-                style: y({ color: r(o).muted })
-              }, $(r(S)(K.value)) + " / " + $(r(S)(_.value)), 5)
+                style: h({ color: a(o).muted })
+              }, A(a($)(K.value)) + " / " + A(a($)(_.value)), 5)
             ])
           ])
-        ])) : f("", !0),
-        x("div", eo, [
-          (n(!0), s(pt, null, yt(E.value, (h, a) => (n(), s("div", {
-            key: a,
+        ])) : g("", !0),
+        S("div", fo, [
+          (l(!0), s(mt, null, yt(L.value, (b, x) => (l(), s("div", {
+            key: x,
             class: "card-progresso__item flex flex-column"
           }, [
-            x("div", oo, [
-              x("span", {
+            S("div", po, [
+              S("span", {
                 class: "card-progresso__item-rotulo inline-flex align-items-center gap-2",
-                style: y({ color: r(o).text })
+                style: h({ color: a(o).text })
               }, [
-                x("span", {
+                S("span", {
                   class: "nc-bolinha",
-                  style: y({ background: h.cor })
+                  style: h({ background: b.cor })
                 }, null, 4),
-                x("span", null, $(h.rotulo), 1)
+                S("span", null, A(b.rotulo), 1),
+                b.reducao ? (l(), s("span", {
+                  key: 0,
+                  class: "card-progresso__item-modo",
+                  style: h({ color: a(o).muted })
+                }, "↓", 4)) : g("", !0)
               ], 4),
-              t.mostrarValor || t.mostrarPercentual ? (n(), s("span", {
-                key: 0,
-                class: "card-progresso__item-valor inline-flex align-items-baseline gap-2",
-                style: y({ color: r(o).text })
-              }, [
-                t.mostrarValor ? (n(), s(pt, { key: 0 }, [
-                  O($(r(S)(h.quantidade)), 1),
-                  h.meta ? (n(), s("span", {
-                    key: 0,
-                    style: y({ color: r(o).muted })
-                  }, " / " + $(r(S)(h.meta)), 5)) : f("", !0),
-                  h.reducao && h.valorReferencia != null ? (n(), s("span", {
-                    key: 1,
-                    class: "card-progresso__item-ref",
-                    style: y({ color: r(o).muted })
-                  }, " (ref: " + $(r(S)(h.valorReferencia)) + ")", 5)) : f("", !0)
-                ], 64)) : f("", !0),
-                t.mostrarPercentual ? (n(), s("span", {
+              t.mostrarValor || t.mostrarPercentual ? (l(), s("span", go, [
+                t.mostrarValor ? (l(), s("span", {
+                  key: 0,
+                  class: "card-progresso__item-nums",
+                  style: h({ color: a(o).muted })
+                }, [
+                  X(A(a($)(b.quantidade)), 1),
+                  b.meta ? (l(), s("span", mo, " / " + A(a($)(b.meta)), 1)) : g("", !0)
+                ], 4)) : g("", !0),
+                t.mostrarPercentual ? (l(), s("span", {
                   key: 1,
                   class: "card-progresso__item-pct",
-                  style: y({ color: h.reducao ? e.corExcesso : r(o).muted })
-                }, $(Math.round(h.percentual)) + "% ", 5)) : f("", !0)
-              ], 4)) : f("", !0)
+                  style: h({ background: a(N)(b.cor, 0.12), color: b.cor })
+                }, A(Math.round(b.percentual)) + "% ", 5)) : g("", !0)
+              ])) : g("", !0)
             ]),
-            x("div", {
+            S("div", {
               class: "card-progresso__trilha w-full",
-              style: y({
-                height: X.value,
-                borderRadius: I.value,
-                background: h.reducao ? r(D)(e.corExcesso, 0.18) : r(D)(r(o).muted, 0.15)
+              style: h({
+                height: Q.value,
+                borderRadius: W.value,
+                background: b.reducao ? a(N)(e.corExcesso, 0.18) : a(N)(a(o).muted, 0.15)
               })
             }, [
-              x("div", {
+              S("div", {
                 class: "card-progresso__preenchimento",
-                style: y({ width: h.percentual + "%", background: h.cor, borderRadius: I.value })
+                style: h({ width: b.percentual + "%", background: b.cor, borderRadius: W.value })
               }, null, 4)
             ], 4)
           ]))), 128))
         ])
       ]),
-      i.$slots.footer ? (n(), s("div", ao, [
-        C(i.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      d.$slots.footer ? (l(), s("div", yo, [
+        F(d.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 6));
   }
-}, lo = /* @__PURE__ */ et(ro, [["__scopeId", "data-v-0183d8c4"]]), no = {
+}, bo = /* @__PURE__ */ at(ho, [["__scopeId", "data-v-36cee8f0"]]), xo = {
   key: 0,
   class: "card-base__topo"
-}, so = ["innerHTML"], io = { class: "card-base__legendas flex flex-column" }, co = {
+}, vo = ["innerHTML"], $o = { class: "card-base__legendas flex flex-column" }, So = {
   key: 1,
   class: "card-base__titulos flex flex-column"
-}, uo = {
+}, ko = {
   key: 2,
   class: "card-base__acao flex"
-}, fo = {
+}, Co = {
   key: 3,
   class: "card-base__footer"
-}, po = {
+}, Ao = {
   __name: "CardBase",
   props: {
     legenda: { type: String, default: null },
@@ -1792,116 +1823,117 @@ const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     nomeArquivoExport: { type: String, default: "card-base.png" }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: v }) {
-    const e = t, g = v, { palette: o, cardStyle: R } = nt(e), S = tt(null), j = it;
-    function Q() {
-      g("botaoAcao");
+  setup(t, { emit: m }) {
+    const e = t, i = m, { palette: o, cardStyle: C } = it(e), $ = ot(null), w = dt;
+    function P() {
+      i("botaoAcao");
     }
-    async function Z() {
-      await st(S.value, {
+    async function R() {
+      await ct($.value, {
         nomeArquivo: e.nomeArquivoExport,
         corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), g("exportado");
+      }), i("exportado");
     }
-    return (T, E) => (n(), s("div", {
+    return (q, L) => (l(), s("div", {
       ref_key: "cardRef",
-      ref: S,
-      class: rt(["card-base p-4 flex flex-column", `card-base--${t.alinhamento}`]),
-      style: y(r(R))
+      ref: $,
+      class: lt(["card-base flex flex-column", `card-base--${t.alinhamento}`]),
+      style: h(a(C))
     }, [
-      t.exportar ? (n(), s("div", no, [
-        x("button", {
+      t.exportar ? (l(), s("div", xo, [
+        S("button", {
           type: "button",
           class: "nc-exportar card-base__exportar inline-flex align-items-center justify-content-center",
-          style: y({ color: r(o).muted, borderColor: r(D)(r(o).text === "inherit" ? "#0F172A" : r(o).text, 0.18) }),
+          style: h({ color: a(o).muted, borderColor: a(N)(a(o).text === "inherit" ? "#0F172A" : a(o).text, 0.18) }),
           title: "Exportar como imagem",
           "aria-label": "Exportar como imagem",
-          onClick: Z,
-          innerHTML: r(j)
-        }, null, 12, so)
-      ])) : f("", !0),
-      x("div", io, [
-        T.$slots.legenda || t.legenda ? (n(), s("div", {
+          onClick: R,
+          innerHTML: a(w)
+        }, null, 12, vo)
+      ])) : g("", !0),
+      S("div", $o, [
+        q.$slots.legenda || t.legenda ? (l(), s("div", {
           key: 0,
           class: "card-base__legenda font-medium text-xs",
-          style: y({ color: r(o).text })
+          style: h({ color: a(o).text })
         }, [
-          C(T.$slots, "legenda", {}, () => [
-            O($(t.legenda), 1)
+          F(q.$slots, "legenda", {}, () => [
+            X(A(t.legenda), 1)
           ], !0)
-        ], 4)) : f("", !0),
-        T.$slots.sublegenda || t.sublegenda ? (n(), s("div", {
+        ], 4)) : g("", !0),
+        q.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
           key: 1,
           class: "card-base__sublegenda text-xs",
-          style: y({ color: r(o).muted })
+          style: h({ color: a(o).muted })
         }, [
-          C(T.$slots, "sublegenda", {}, () => [
-            O($(t.sublegenda), 1)
+          F(q.$slots, "sublegenda", {}, () => [
+            X(A(t.sublegenda), 1)
           ], !0)
-        ], 4)) : f("", !0)
+        ], 4)) : g("", !0)
       ]),
-      T.$slots.titulo || t.titulo || T.$slots.descricao || t.descricao ? (n(), s("div", co, [
-        T.$slots.titulo || t.titulo ? (n(), s("div", {
+      q.$slots.titulo || t.titulo || q.$slots.descricao || t.descricao ? (l(), s("div", So, [
+        q.$slots.titulo || t.titulo ? (l(), s("div", {
           key: 0,
           class: "card-base__titulo m-0 text-3xl font-semibold",
-          style: y({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+          style: h({ color: a(o).text, lineHeight: "33px", letterSpacing: "-1px" })
         }, [
-          C(T.$slots, "titulo", {}, () => [
-            O($(t.titulo), 1)
+          F(q.$slots, "titulo", {}, () => [
+            X(A(t.titulo), 1)
           ], !0)
-        ], 4)) : f("", !0),
-        T.$slots.descricao || t.descricao ? (n(), s("div", {
+        ], 4)) : g("", !0),
+        q.$slots.descricao || t.descricao ? (l(), s("div", {
           key: 1,
           class: "text-sm",
-          style: y({ color: r(o).muted })
+          style: h({ color: a(o).muted })
         }, [
-          C(T.$slots, "descricao", {}, () => [
-            O($(t.descricao), 1)
+          F(q.$slots, "descricao", {}, () => [
+            X(A(t.descricao), 1)
           ], !0)
-        ], 4)) : f("", !0)
-      ])) : f("", !0),
-      T.$slots.acao || t.botaoVisivel ? (n(), s("div", uo, [
-        C(T.$slots, "acao", {}, () => [
-          t.botaoVisivel ? (n(), s("button", {
+        ], 4)) : g("", !0)
+      ])) : g("", !0),
+      q.$slots.acao || t.botaoVisivel ? (l(), s("div", ko, [
+        F(q.$slots, "acao", {}, () => [
+          t.botaoVisivel ? (l(), s("button", {
             key: 0,
             type: "button",
             class: "card-base__link text-xs inline-flex align-items-center",
-            style: y({ color: r(o).text }),
-            onClick: Q
+            style: h({ color: a(o).text }),
+            onClick: P
           }, [
-            x("span", null, $(t.textoBotao), 1),
-            E[0] || (E[0] = x("span", {
+            S("span", null, A(t.textoBotao), 1),
+            L[0] || (L[0] = S("span", {
               class: "card-base__chevron",
               "aria-hidden": "true"
             }, "›", -1))
-          ], 4)) : f("", !0)
+          ], 4)) : g("", !0)
         ], !0)
-      ])) : f("", !0),
-      T.$slots.footer ? (n(), s("div", fo, [
-        C(T.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      ])) : g("", !0),
+      q.$slots.footer ? (l(), s("div", Co, [
+        F(q.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 6));
   }
-}, go = /* @__PURE__ */ et(po, [["__scopeId", "data-v-95d52049"]]), bo = {
+}, Bo = /* @__PURE__ */ at(Ao, [["__scopeId", "data-v-61091b7c"]]), To = {
   install(t) {
-    t.component("ChartBase", lt), t.component("CardBase", go), t.component("CardLinhas", le), t.component("CardPizza", ve), t.component("CardBarra", Fe), t.component("CardPolar", Xe), t.component("CardProgresso", lo);
+    t.component("ChartBase", st), t.component("CardBase", Bo), t.component("CardLinhas", me), t.component("CardPizza", Ee), t.component("CardBarra", Pe), t.component("CardPolar", eo), t.component("CardProgresso", bo);
   }
 };
 export {
-  Fe as CardBarra,
-  go as CardBase,
-  le as CardLinhas,
-  ve as CardPizza,
-  Xe as CardPolar,
-  lo as CardProgresso,
-  lt as ChartBase,
-  it as ICONE_EXPORTAR_SVG,
-  at as clampHorizontal,
+  Pe as CardBarra,
+  Bo as CardBase,
+  me as CardLinhas,
+  Ee as CardPizza,
+  eo as CardPolar,
+  bo as CardProgresso,
+  st as ChartBase,
+  dt as ICONE_EXPORTAR_SVG,
+  nt as clampHorizontal,
   gt as criarTooltipEl,
-  bo as default,
-  st as exportarElementoComoImagem,
-  ot as prepararTooltipParent,
-  D as toRgba,
-  ut as useFormatadorValor,
-  nt as useTema
+  To as default,
+  ct as exportarElementoComoImagem,
+  ht as gerarPaleta,
+  rt as prepararTooltipParent,
+  N as toRgba,
+  pt as useFormatadorValor,
+  it as useTema
 };