nemesischart 2.0.7 → 2.0.9

package/dist/nemesischart.js

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