nemesischart 2.0.6 → 2.0.8

package/dist/nemesischart.js

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