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