nemesischart 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nemesischart.js +568 -554
- package/dist/nemesischart.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +10 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(_,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("chart.js")):typeof define=="function"&&define.amd?define(["exports","vue","chart.js"],t):(_=typeof globalThis<"u"?globalThis:_||self,t(_.NemesisChart={},_.Vue,_.Chart))})(this,function(_,t,q){"use strict";const j=(e,d)=>{const a=e.__vccOpts||e;for(const[n,o]of d)a[n]=o;return a},X=j({__name:"ChartBase",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},height:{type:[String,Number],default:300},width:{type:[String,Number],default:null}},setup(e,{expose:d}){q.Chart.register(q.Title,q.Tooltip,q.Legend,q.Filler,q.LineController,q.LineElement,q.PointElement,q.BarController,q.BarElement,q.PieController,q.PolarAreaController,q.ArcElement,q.CategoryScale,q.LinearScale,q.RadialLinearScale);const a=e,n=t.ref(null),o=t.shallowRef(null),x={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"top"}}};function f(){return{...x,...a.options}}function E(){n.value&&(o.value=new q.Chart(n.value,{type:a.type,data:a.data,options:f(),plugins:a.plugins}))}function w(){o.value&&(o.value.destroy(),o.value=null)}return t.onMounted(E),t.onBeforeUnmount(w),t.watch(()=>a.data,R=>{if(!o.value)return;o.value.data.labels=R.labels;const k=o.value.data.datasets,V=R.datasets;k.length!==V.length?o.value.data.datasets=V:V.forEach((F,D)=>Object.assign(k[D],F)),o.value.update()},{deep:!0}),t.watch(()=>a.options,()=>{o.value&&(o.value.options=f(),o.value.update())},{deep:!0}),d({chart:o}),(R,k)=>(t.openBlock(),t.createElementBlock("div",{class:"nc-chart-wrapper",style:t.normalizeStyle({height:typeof e.height=="number"?`${e.height}px`:e.height,width:e.width?typeof e.width=="number"?`${e.width}px`:e.width:"100%"})},[t.createElementVNode("canvas",{ref_key:"canvasRef",ref:n},null,512)],4))}},[["__scopeId","data-v-32d30c2c"]]),gt={light:{bg:"#ffffff",text:"#000000",muted:"#64748B",grid:"rgba(15,23,42,0.06)"},dark:{bg:"#000000",text:"#ffffff",muted:"#94A3B8",grid:"rgba(255,255,255,0.08)"},transparent:{bg:"transparent",text:"inherit",muted:"#94A3B8",grid:"rgba(127,127,127,0.15)"}};function $(e,d){if(!e)return`rgba(59,130,246,${d})`;if(e.startsWith("#")){const a=e.replace("#",""),n=a.length===3?a.split("").map(E=>E+E).join(""):a,o=parseInt(n.slice(0,2),16),x=parseInt(n.slice(2,4),16),f=parseInt(n.slice(4,6),16);return`rgba(${o},${x},${f},${d})`}if(e.startsWith("rgb")){const a=e.match(/[\d.]+/g);if(a&&a.length>=3)return`rgba(${a[0]},${a[1]},${a[2]},${d})`}return e}function J(e){const d=t.computed(()=>{const n=gt[e.tema],o=n?{...n,bg:e.corFundo||n.bg}:{bg:e.corFundo||e.tema,text:"#F8FAFC",muted:"#94A3B8",grid:"rgba(255,255,255,0.08)"};return{...o,text:e.corTexto||o.text,muted:e.corTexto||o.muted}}),a=t.computed(()=>({background:d.value.bg,color:d.value.text,borderRadius:typeof e.borderRadius=="number"?`${e.borderRadius}px`:e.borderRadius,boxShadow:e.sombra,border:e.corBorda?`1px solid ${e.corBorda}`:"none"}));return{palette:d,cardStyle:a,toRgba:$}}function Z(e){const d=t.computed(()=>e.tipoValor==="moeda"?new Intl.NumberFormat(e.locale,{style:"currency",currency:e.moeda}):e.tipoValor==="percentual"?new Intl.NumberFormat(e.locale,{style:"percent",maximumFractionDigits:2}):new Intl.NumberFormat(e.locale,{maximumFractionDigits:2}));function a(n){if(n==null)return"";const o=Number(n);return Number.isNaN(o)?String(n):e.tipoValor==="percentual"?d.value.format(o/100):d.value.format(o)}return{formatador:d,formatar:a}}function ot(e,{caretFlexivel:d=!1}={}){let a=e.querySelector(".nc-tt");if(a)return a;a=document.createElement("div"),a.className="nc-tt",Object.assign(a.style,{position:"absolute",pointerEvents:"none",transform:d?"translateX(-50%)":"translate(-50%, calc(-100% - 16px))",transition:"opacity .18s ease, left .12s ease, top .12s ease",opacity:"0",background:"#ffffff",borderRadius:"10px",padding:"8px 11px",boxShadow:"0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",border:"1px solid rgba(15,23,42,.06)",minWidth:"90px",whiteSpace:"nowrap",zIndex:"10",fontFamily:"inherit",textAlign:"left"});const n=document.createElement("div");n.className="nc-tt__caret";const o={position:"absolute",left:"50%",width:"10px",height:"10px",background:"#ffffff",transform:"translateX(-50%) rotate(45deg)",borderRadius:"2px"};d?Object.assign(n.style,o):Object.assign(n.style,o,{bottom:"-5px",borderRight:"1px solid rgba(15,23,42,.06)",borderBottom:"1px solid rgba(15,23,42,.06)"}),a.appendChild(n);const x=document.createElement("div");return x.className="nc-tt__content",Object.assign(x.style,{position:"relative",background:"#fff",borderRadius:"8px"}),a.appendChild(x),e.appendChild(a),a}function K(e){const d=e.canvas.parentNode;return d?(getComputedStyle(d).position==="static"&&(d.style.position="relative"),d):null}function v(e,d,a,n=4){const o=d/2;return e-o<n?o+n:e+o>a-n?a-o-n:e}function at(e,d){const a=window.getComputedStyle(e);let n="";for(let o=0;o<a.length;o++){const x=a[o];let f=a.getPropertyValue(x);if(f&&f.indexOf("url(")!==-1&&!/url\(["']?data:/.test(f))if(x==="background-image"||x==="background"||x==="mask-image"||x==="border-image"||x==="border-image-source")f="none";else continue;n+=`${x}:${f};`}d.setAttribute("style",n)}function yt(e,d){at(e,d);const a=e.querySelectorAll("*"),n=d.querySelectorAll("*");for(let o=0;o<a.length;o++)n[o]&&at(a[o],n[o])}function bt(e,d){const a=e.querySelectorAll("canvas"),n=d.querySelectorAll("canvas");a.forEach((o,x)=>{if(!n[x])return;const f=document.createElement("img");try{f.src=o.toDataURL("image/png")}catch{return}const E=o.getBoundingClientRect();f.setAttribute("style",`width:${E.width}px;height:${E.height}px;display:block;`),n[x].replaceWith(f)})}async function Q(e,d={}){if(!e)return;const{nomeArquivo:a="componente.png",escala:n=2,corFundo:o=null}=d,x=e.getBoundingClientRect(),f=Math.ceil(x.width),E=Math.ceil(x.height),w=e.cloneNode(!0);yt(e,w),bt(e,w),w.style.margin="0",w.style.transform="none";const R=new XMLSerializer().serializeToString(w),k=`<svg xmlns="http://www.w3.org/2000/svg" width="${f}" height="${E}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${f}px;height:${E}px;">`+R+"</div></foreignObject></svg>",F="data:image/svg+xml;base64,"+(typeof window<"u"&&window.btoa?window.btoa(unescape(encodeURIComponent(k))):""),D=new Image;await new Promise((y,S)=>{D.onload=y,D.onerror=S,D.src=F});const H=document.createElement("canvas");H.width=f*n,H.height=E*n;const u=H.getContext("2d");u.scale(n,n),o&&(u.fillStyle=o,u.fillRect(0,0,f,E)),u.drawImage(D,0,0);let r;try{r=H.toDataURL("image/png")}catch(y){console.error("Falha ao exportar imagem: canvas contaminado.",y);return}const g=document.createElement("a");g.download=a,g.href=r,document.body.appendChild(g),g.click(),document.body.removeChild(g)}const Y='<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>',ht={class:"card-linhas__header"},xt={class:"card-linhas__topo"},St={key:0,class:"card-linhas__legendas"},kt={key:1,class:"card-linhas__actions"},Bt=["innerHTML"],Et={key:0,class:"card-linhas__titulos mt-3 mb-2"},Ct={class:"card-linhas__chart"},$t={key:0,class:"card-linhas__footer mt-3"},rt=j({__name:"CardLinhas",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corDetalhes:{type:String,default:"#3B82F6"},corTexto:{type:String,default:null},textoBotao:{type:String,default:"Ver mais"},direcao:{type:String,default:"top",validator:e=>["top","bottom","left","right"].includes(e)},botaoVisivel:{type:Boolean,default:!1},tipoValor:{type:String,default:"numero",validator:e=>["numero","moeda","percentual"].includes(e)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Jan",quantidade:22},{rotulo:"Fev",quantidade:35},{rotulo:"Mar",quantidade:28},{rotulo:"Abr",quantidade:45},{rotulo:"Mai",quantidade:30},{rotulo:"Jun",quantidade:55},{rotulo:"Jul",quantidade:42},{rotulo:"Ago",quantidade:60},{rotulo:"Set",quantidade:48},{rotulo:"Out",quantidade:70},{rotulo:"Nov",quantidade:58},{rotulo:"Dez",quantidade:75}]},height:{type:[String,Number],default:280},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},corBorda:{type:String,default:"#EAE8E8"},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-linhas.png"}},emits:["botaoAcao","exportado"],setup(e,{emit:d}){const a=e,n=d,{palette:o,cardStyle:x}=J(a),{formatar:f}=Z(a),E=t.ref(null),w=Y;async function R(){await Q(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=t.computed(()=>`card-linhas--${a.direcao}`),V=t.computed(()=>({labels:a.data.map(u=>u.rotulo),datasets:[{data:a.data.map(u=>u.quantidade),borderColor:a.corDetalhes,borderWidth:3,borderJoinStyle:"round",borderCapStyle:"round",backgroundColor:u=>{const{chart:r}=u,{ctx:g,chartArea:y}=r;if(!y)return"transparent";const S=a.corDetalhes||"#0400FF",s="#7C7C7C",N=g.createLinearGradient(0,y.top,0,y.bottom);return N.addColorStop(.16,$(S,.2)),N.addColorStop(1,$(s,0)),N},fill:!0,tension:.45,pointRadius:0,pointHoverRadius:6,pointHoverBorderWidth:3,pointHoverBackgroundColor:a.corDetalhes,pointHoverBorderColor:o.value.bg==="transparent"?"#fff":o.value.bg,clip:!1}]}));function F(u){const{chart:r,tooltip:g}=u,y=K(r);if(!y)return;const S=ot(y);if(g.opacity===0){S.style.opacity="0";return}const s=g.title||[],N=(g.body||[]).flatMap(h=>h.lines),C=S.querySelector(".nc-tt__content"),O=a.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;">${s.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${O};box-shadow:0 0 0 2px ${$(O,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${N.join(" ")}</span></div>`;const{offsetLeft:i,offsetTop:m}=r.canvas;S.style.opacity="1",S.style.visibility="hidden",S.style.left="0px",S.style.top="0px";const l=S.offsetWidth,p=S.offsetHeight,c=4,z=v(i+g.caretX,l,y.clientWidth,c);let b=m+g.caretY;const B=p+16+c;b<B&&(b=B),S.style.left=z+"px",S.style.top=b+"px",S.style.visibility="visible"}const D=t.computed(()=>({responsive:!0,maintainAspectRatio:!1,interaction:{intersect:!1,mode:"index"},layout:{padding:{top:12,right:0,bottom:0,left:0}},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:F,callbacks:{title:u=>{var r;return((r=u[0])==null?void 0:r.label)??""},label:u=>f(u.parsed.y)}}},scales:{x:{grid:{display:!1,drawBorder:!1},border:{display:!1},ticks:{color:o.value.muted,font:{size:11,family:"'Inter', sans-serif"},padding:8}},y:{display:!1,grid:{display:!1},beginAtZero:!0}}}));function H(){n("botaoAcao")}return(u,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:E,class:t.normalizeClass(["card-linhas p-4",k.value]),style:t.normalizeStyle(t.unref(x))},[t.createElementVNode("div",ht,[t.createElementVNode("div",xt,[u.$slots.legenda||e.legenda||u.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",St,[u.$slots.legenda||e.legenda?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-sm font-medium",style:t.normalizeStyle({color:t.unref(o).text,opacity:.85})},[t.renderSlot(u.$slots,"legenda",{},()=>[t.createTextVNode(t.toDisplayString(e.legenda),1)],!0)],4)):t.createCommentVNode("",!0),u.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-xs",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(u.$slots,"sublegenda",{},()=>[t.createTextVNode(t.toDisplayString(e.sublegenda),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),u.$slots.actions||e.botaoVisivel||e.exportar?(t.openBlock(),t.createElementBlock("div",kt,[t.renderSlot(u.$slots,"actions",{},()=>[e.botaoVisivel?(t.openBlock(),t.createElementBlock("button",{key:0,class:"card-linhas__btn",style:t.normalizeStyle({color:t.unref(o).text,borderColor:t.unref($)(t.unref(o).text,.18)}),onClick:H},[t.createElementVNode("span",null,t.toDisplayString(e.textoBotao),1)],4)):t.createCommentVNode("",!0)],!0),e.exportar?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"card-linhas__exportar",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:R,innerHTML:t.unref(w)},null,12,Bt)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),u.$slots.titulo||e.titulo||u.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",Et,[u.$slots.titulo||e.titulo?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-4xl font-semibold line-height-2",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(u.$slots,"titulo",{},()=>[t.createTextVNode(t.toDisplayString(e.titulo),1)],!0)],4)):t.createCommentVNode("",!0),u.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-sm mt-1",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(u.$slots,"descricao",{},()=>[t.createTextVNode(t.toDisplayString(e.descricao),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",Ct,[t.createVNode(X,{type:"line",data:V.value,options:D.value,height:e.height},null,8,["data","options","height"])]),u.$slots.footer?(t.openBlock(),t.createElementBlock("div",$t,[t.renderSlot(u.$slots,"footer",{},void 0,!0)])):t.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-5957ee17"]]),Vt={class:"card-pizza__topo"},Nt={key:0,class:"card-pizza__legendas"},zt={key:1,class:"card-pizza__actions"},At=["innerHTML"],Tt={class:"card-pizza__corpo"},wt={class:"card-pizza__tabela"},qt={class:"card-pizza__tabela-valor"},Rt={class:"card-pizza__tabela-rotulo"},Ft={class:"card-pizza__tabela-valor"},Dt={class:"card-pizza__chart-wrap"},Lt={class:"card-pizza__chart"},Pt={key:0,class:"card-pizza__centro"},Mt={key:0,class:"card-pizza__footer mt-3"},lt=j({__name:"CardPizza",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},cores:{type:Array,default:()=>["#0A1A6B","#1535B5","#1A5FD4","#2F8DDF","#5BB1E8","#93D0F0","#CDEAF6"]},textoBotao:{type:String,default:"Ver mais"},botaoVisivel:{type:Boolean,default:!1},direcao:{type:String,default:"right",validator:e=>["left","right","top","bottom"].includes(e)},rotuloCategoria:{type:String,default:"Categoria"},rotuloQuantidade:{type:String,default:"Quantidade"},mostrarCabecalho:{type:Boolean,default:!0},tipoValor:{type:String,default:"numero",validator:e=>["numero","moeda","percentual"].includes(e)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Vendas",quantidade:4200},{rotulo:"Serviços",quantidade:3100},{rotulo:"Assinaturas",quantidade:2450},{rotulo:"Licenças",quantidade:1800},{rotulo:"Suporte",quantidade:1250},{rotulo:"Treinamentos",quantidade:820},{rotulo:"Outros",quantidade:410}]},height:{type:[String,Number],default:260},cutout:{type:[String,Number],default:"70%"},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-pizza.png"}},emits:["botaoAcao","exportado"],setup(e,{emit:d}){const a=e,n=d,{palette:o,cardStyle:x}=J(a),{formatar:f}=Z(a),E=t.ref(null);async function w(){await Q(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const R=t.computed(()=>`card-pizza--${a.direcao}`),k=t.computed(()=>a.data.map((r,g)=>a.cores[g%a.cores.length])),V=t.computed(()=>({labels:a.data.map(r=>r.rotulo),datasets:[{data:a.data.map(r=>r.quantidade),backgroundColor:k.value,borderWidth:0,borderColor:"transparent",hoverOffset:6,borderRadius:0,spacing:0}]}));function F(r){const{chart:g,tooltip:y}=r,S=K(g);if(!S)return;const s=ot(S);if(y.opacity===0){s.style.opacity="0";return}const N=y.title||[],C=y.dataPoints&&y.dataPoints[0],O=C?k.value[C.dataIndex]:"#3B82F6",i=C?f(C.parsed):"",m=s.querySelector(".nc-tt__content");m.innerHTML=`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${N.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${O};box-shadow:0 0 0 2px ${$(O,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${i}</span></div>`;const{offsetLeft:l,offsetTop:p}=g.canvas;s.style.opacity="1",s.style.visibility="hidden",s.style.left="0px",s.style.top="0px";const c=s.offsetWidth,z=s.offsetHeight,b=4,B=v(l+y.caretX,c,S.clientWidth,b);let h=p+y.caretY;const I=z+16+b;h<I&&(h=I),s.style.left=B+"px",s.style.top=h+"px",s.style.visibility="visible"}const D=t.computed(()=>({responsive:!0,maintainAspectRatio:!1,cutout:a.cutout,layout:{padding:4},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:F,callbacks:{title:r=>{var g;return((g=r[0])==null?void 0:g.label)??""},label:r=>f(r.parsed)}}}}));function H(){n("botaoAcao")}const u=Y;return(r,g)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:E,class:t.normalizeClass(["card-pizza p-4",R.value]),style:t.normalizeStyle(t.unref(x))},[t.createElementVNode("div",Vt,[r.$slots.legenda||e.legenda||r.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",Nt,[r.$slots.legenda||e.legenda?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-sm font-medium",style:t.normalizeStyle({color:t.unref(o).text,opacity:.95})},[t.renderSlot(r.$slots,"legenda",{},()=>[t.createTextVNode(t.toDisplayString(e.legenda),1)],!0)],4)):t.createCommentVNode("",!0),r.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-xs",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(r.$slots,"sublegenda",{},()=>[t.createTextVNode(t.toDisplayString(e.sublegenda),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),r.$slots.actions||e.botaoVisivel||e.exportar?(t.openBlock(),t.createElementBlock("div",zt,[t.renderSlot(r.$slots,"actions",{},()=>[e.botaoVisivel?(t.openBlock(),t.createElementBlock("button",{key:0,class:"card-pizza__btn",style:t.normalizeStyle({color:t.unref(o).text,borderColor:t.unref($)(t.unref(o).text,.18)}),onClick:H},[t.createElementVNode("span",null,t.toDisplayString(e.textoBotao),1)],4)):t.createCommentVNode("",!0)],!0),e.exportar?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"card-pizza__exportar",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:w,innerHTML:t.unref(u)},null,12,At)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",Tt,[t.createElementVNode("div",wt,[e.mostrarCabecalho?(t.openBlock(),t.createElementBlock("div",{key:0,class:"card-pizza__tabela-cab",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).muted,.25)})},[t.createElementVNode("span",null,t.toDisplayString(e.rotuloCategoria),1),t.createElementVNode("span",qt,t.toDisplayString(e.rotuloQuantidade),1)],4)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.data,(y,S)=>(t.openBlock(),t.createElementBlock("div",{key:S,class:"card-pizza__tabela-linha",style:t.normalizeStyle({color:t.unref(o).text})},[t.createElementVNode("span",Rt,[t.createElementVNode("span",{class:"card-pizza__bolinha",style:t.normalizeStyle({background:k.value[S]})},null,4),t.createElementVNode("span",null,t.toDisplayString(y.rotulo),1)]),t.createElementVNode("span",Ft,t.toDisplayString(t.unref(f)(y.quantidade)),1)],4))),128))]),t.createElementVNode("div",Dt,[t.createElementVNode("div",Lt,[t.createVNode(X,{type:"doughnut",data:V.value,options:D.value,height:e.height},null,8,["data","options","height"]),r.$slots.titulo||e.titulo||r.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",Pt,[r.$slots.titulo||e.titulo?(t.openBlock(),t.createElementBlock("div",{key:0,class:"card-pizza__centro-titulo",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(r.$slots,"titulo",{},()=>[t.createTextVNode(t.toDisplayString(e.titulo),1)],!0)],4)):t.createCommentVNode("",!0),r.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",{key:1,class:"card-pizza__centro-desc",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(r.$slots,"descricao",{},()=>[t.createTextVNode(t.toDisplayString(e.descricao),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])])]),r.$slots.footer?(t.openBlock(),t.createElementBlock("div",Mt,[t.renderSlot(r.$slots,"footer",{},void 0,!0)])):t.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-b1c30a0b"]]),_t={class:"card-barra__header"},Ht={class:"card-barra__topo"},Ot={key:0,class:"card-barra__legendas"},It={key:1,class:"card-barra__actions"},Wt=["innerHTML"],jt={key:0,class:"card-barra__titulos mt-3 mb-2"},Xt={class:"card-barra__chart"},Jt={key:0,class:"card-barra__footer mt-3"},nt=j({__name:"CardBarra",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corDetalhes:{type:String,default:"#3B82F6"},corTexto:{type:String,default:null},textoBotao:{type:String,default:"Ver mais"},direcao:{type:String,default:"top",validator:e=>["top","bottom","left","right"].includes(e)},botaoVisivel:{type:Boolean,default:!1},tipoValor:{type:String,default:"numero",validator:e=>["numero","moeda","percentual"].includes(e)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Jan",quantidade:22},{rotulo:"Fev",quantidade:35},{rotulo:"Mar",quantidade:28},{rotulo:"Abr",quantidade:45},{rotulo:"Mai",quantidade:30},{rotulo:"Jun",quantidade:55},{rotulo:"Jul",quantidade:42},{rotulo:"Ago",quantidade:60},{rotulo:"Set",quantidade:48},{rotulo:"Out",quantidade:70},{rotulo:"Nov",quantidade:58},{rotulo:"Dez",quantidade:75}]},series:{type:Array,default:null},cores:{type:Array,default:()=>["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#06B6D4","#EC4899"]},orientacao:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},empilhado:{type:Boolean,default:!1},mostrarLegendaSeries:{type:Boolean,default:!0},height:{type:[String,Number],default:280},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},corBorda:{type:String,default:"#EAE8E8"},larguraBarra:{type:[String,Number],default:.6},raioBarra:{type:Number,default:6},linhasReferencia:{type:[Object,Array],default:null},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-barra.png"}},emits:["botaoAcao","exportado"],setup(e,{emit:d}){const a=e,n=d,{palette:o,cardStyle:x}=J(a),{formatar:f}=Z(a),E=t.ref(null),w=Y;async function R(){await Q(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=t.computed(()=>`card-barra--${a.direcao}`),V=t.computed(()=>a.orientacao==="horizontal"),F=t.computed(()=>Array.isArray(a.series)&&a.series.length>0?a.series.map((i,m)=>({nome:i.nome??`Série ${m+1}`,cor:i.cor||a.cores[m%a.cores.length],dados:Array.isArray(i.dados)?i.dados:[]})):[{nome:a.legenda||"Valores",cor:a.corDetalhes,dados:a.data}]),D=t.computed(()=>{const i=F.value[0];return i?i.dados.map(m=>m.rotulo):[]}),H=t.computed(()=>{const i=F.value,m=i.length-1,l=typeof a.larguraBarra=="number"?a.larguraBarra:Number(a.larguraBarra)||.6,p=a.raioBarra,c=V.value;function z(b){if(!a.empilhado||i.length===1)return p;const B=b===0,h=b===m;return c?{topLeft:B?p:0,bottomLeft:B?p:0,topRight:h?p:0,bottomRight:h?p:0}:{bottomLeft:B?p:0,bottomRight:B?p:0,topLeft:h?p:0,topRight:h?p:0}}return{labels:D.value,datasets:i.map((b,B)=>({label:b.nome,data:b.dados.map(h=>h.quantidade),backgroundColor:b.cor,hoverBackgroundColor:b.cor,borderWidth:0,borderRadius:z(B),borderSkipped:!1,categoryPercentage:.9,barPercentage:l}))}});function u(i,m){m?Object.assign(i.style,{top:"-5px",bottom:"auto",borderTop:"1px solid rgba(15,23,42,.06)",borderLeft:"1px solid rgba(15,23,42,.06)",borderRight:"none",borderBottom:"none"}):Object.assign(i.style,{bottom:"-5px",top:"auto",borderRight:"1px solid rgba(15,23,42,.06)",borderBottom:"1px solid rgba(15,23,42,.06)",borderTop:"none",borderLeft:"none"})}let r=null;function g(i){const{chart:m,tooltip:l}=i,p=K(m);if(!p)return;const c=ot(p,{caretFlexivel:!0});if(l.opacity===0||r){c.style.opacity="0";return}const z=l.title||[],b=l.dataPoints||[],B=c.querySelector(".nc-tt__content"),h=b.map(et=>{var ft;const ut=((ft=F.value[et.datasetIndex])==null?void 0:ft.cor)||a.corDetalhes,ze=f(V.value?et.parsed.x:et.parsed.y),Ae=et.dataset.label&&F.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 ${$(ut,.15)};flex:0 0 auto;"></span>`+Ae+`<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${ze}</span></div>`}).join("");B.innerHTML=`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${z.join(" ")}</div>`+h;const{offsetLeft:I,offsetTop:tt}=m.canvas;c.style.opacity="1",c.style.visibility="hidden",c.style.left="0px",c.style.top="0px";const U=c.offsetWidth,G=c.offsetHeight,W=4,L=I+l.caretX,M=tt+l.caretY,P=v(L,U,p.clientWidth,W),A=U/2,T=14,dt=M-T-G,mt=dt<W,$e=mt?M+T:dt,pt=c.querySelector(".nc-tt__caret");u(pt,mt);const Ve=L-(P-A),Ne=Math.max(10,Math.min(U-10,Ve));pt.style.left=Ne+"px",c.style.left=P+"px",c.style.top=$e+"px",c.style.visibility="visible"}const y=t.computed(()=>{const i=V.value,m={grid:{display:!1,drawBorder:!1},border:{display:!1},ticks:{color:o.value.muted,font:{size:11,family:"'Inter', sans-serif"},padding:8},stacked:a.empilhado},l={display:!1,grid:{display:!1},beginAtZero:!0,stacked:a.empilhado};return{responsive:!0,maintainAspectRatio:!1,indexAxis:i?"y":"x",interaction:{intersect:!1,mode:"index",axis:i?"y":"x"},layout:{padding:{top:s.value.length&&!i?24:12,right:i?12:0,bottom:0,left:s.value.length&&i?60:0}},plugins:{legend:{display:a.mostrarLegendaSeries&&F.value.length>1,position:"bottom",align:"start",labels:{color:o.value.muted,boxWidth:8,boxHeight:8,usePointStyle:!0,pointStyle:"circle",font:{size:11,family:"'Inter', sans-serif"},padding:12}},tooltip:{enabled:!1,external:g,callbacks:{title:p=>{var c;return((c=p[0])==null?void 0:c.label)??""},label:p=>f(i?p.parsed.x:p.parsed.y)}}},scales:{x:i?l:m,y:i?m:l}}});function S(){n("botaoAcao")}const s=t.computed(()=>a.linhasReferencia?(Array.isArray(a.linhasReferencia)?a.linhasReferencia:[a.linhasReferencia]).filter(m=>m&&(typeof m=="number"||typeof m.valor=="number")).map(m=>typeof m=="number"?{valor:m,rotulo:null,cor:"#0F172A",corRotulo:"#0F172A",corTexto:"#FFFFFF",tracejado:[6,6],espessura:1}:{valor:m.valor,rotulo:m.rotulo??null,cor:m.cor||"#0F172A",corRotulo:m.corRotulo||m.cor||"#0F172A",corTexto:m.corTexto||"#FFFFFF",tracejado:m.tracejado||[6,6],espessura:m.espessura??1}):[]),N=[],C={id:"linhaReferencia",afterDatasetsDraw(i){const m=s.value;if(N.length=0,!m.length)return;const{ctx:l,chartArea:p,scales:c}=i,z=V.value,b=z?c.x:c.y;b&&m.forEach(B=>{const h=b.getPixelForValue(B.valor);if(N.push({linha:B,pos:h,horizontal:z,chartArea:p}),l.save(),l.beginPath(),l.setLineDash(B.tracejado),l.lineWidth=B.espessura,l.strokeStyle=B.cor,z){if(h<p.left||h>p.right){l.restore();return}l.moveTo(h,p.top),l.lineTo(h,p.bottom)}else{if(h<p.top||h>p.bottom){l.restore();return}l.moveTo(p.left,h),l.lineTo(p.right,h)}if(l.stroke(),l.setLineDash([]),B.rotulo){l.font="600 11px 'Inter', sans-serif";const I=8,tt=5,G=l.measureText(B.rotulo).width,W=12,L=G+I*2,M=W+tt*2,P=M/2;let A,T;z?(A=h-L/2,T=p.top-M-6,T<0&&(T=p.top+6)):(A=p.left-L-6,T=h-M/2,A<0&&(A=p.left+6)),l.fillStyle=B.corRotulo,l.beginPath(),l.roundRect?l.roundRect(A,T,L,M,P):(l.moveTo(A+P,T),l.lineTo(A+L-P,T),l.quadraticCurveTo(A+L,T,A+L,T+P),l.lineTo(A+L,T+M-P),l.quadraticCurveTo(A+L,T+M,A+L-P,T+M),l.lineTo(A+P,T+M),l.quadraticCurveTo(A,T+M,A,T+M-P),l.lineTo(A,T+P),l.quadraticCurveTo(A,T,A+P,T)),l.fill(),l.fillStyle=B.corTexto,l.textBaseline="middle",l.textAlign="center",l.fillText(B.rotulo,A+L/2,T+M/2)}l.restore()})},beforeEvent(i,m){if(!N.length){r=null;return}const l=m.event;if(!l||l.type==="mouseout"||l.x==null||l.y==null){r=null;return}const p=8;let c=null,z=1/0;for(const b of N){const B=b.horizontal?Math.abs(l.x-b.pos):Math.abs(l.y-b.pos),h=b.horizontal?l.y>=b.chartArea.top&&l.y<=b.chartArea.bottom:l.x>=b.chartArea.left&&l.x<=b.chartArea.right;B<=p&&h&&B<z&&(z=B,c=b)}r=c},afterEvent(i,m){if(!N.length)return;const l=m.event;if(!l)return;const p=K(i);if(!p)return;let c=p.querySelector(".nc-tt-linhaRef");if(!r){c&&(c.style.opacity="0");return}const z=r;c||(c=document.createElement("div"),c.className="nc-tt-linhaRef",Object.assign(c.style,{position:"absolute",pointerEvents:"none",transform:"translate(-50%, calc(-100% - 12px))",transition:"opacity .18s ease, left .12s ease, top .12s ease",opacity:"0",background:"#ffffff",borderRadius:"10px",padding:"8px 11px",boxShadow:"0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",border:"1px solid rgba(15,23,42,.06)",whiteSpace:"nowrap",zIndex:"11",fontFamily:"'Inter', sans-serif",textAlign:"left"}),p.appendChild(c));const b=z.linha.cor||"#0F172A",B=f(z.linha.valor),h=z.linha.rotulo;c.innerHTML=(h?`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${h}</div>`:"")+`<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${b};box-shadow:0 0 0 2px ${$(b,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${B}</span></div>`;const I=i.canvas;c.style.opacity="1",c.style.visibility="hidden",c.style.left="0px",c.style.top="0px";const tt=c.offsetWidth,U=c.offsetHeight,G=4;let W,L;z.horizontal?(W=I.offsetLeft+z.pos,L=I.offsetTop+l.y):(W=I.offsetLeft+l.x,L=I.offsetTop+z.pos);const M=v(W,tt,p.clientWidth,G);let P=L;const A=U+16+G;P<A&&(P=A),c.style.left=M+"px",c.style.top=P+"px",c.style.visibility="visible"}},O=t.computed(()=>s.value.length?[C]:[]);return(i,m)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:E,class:t.normalizeClass(["card-barra p-4",k.value]),style:t.normalizeStyle(t.unref(x))},[t.createElementVNode("div",_t,[t.createElementVNode("div",Ht,[i.$slots.legenda||e.legenda||i.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",Ot,[i.$slots.legenda||e.legenda?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-sm font-medium",style:t.normalizeStyle({color:t.unref(o).text,opacity:.85})},[t.renderSlot(i.$slots,"legenda",{},()=>[t.createTextVNode(t.toDisplayString(e.legenda),1)],!0)],4)):t.createCommentVNode("",!0),i.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-xs",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(i.$slots,"sublegenda",{},()=>[t.createTextVNode(t.toDisplayString(e.sublegenda),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),i.$slots.actions||e.botaoVisivel||e.exportar?(t.openBlock(),t.createElementBlock("div",It,[t.renderSlot(i.$slots,"actions",{},()=>[e.botaoVisivel?(t.openBlock(),t.createElementBlock("button",{key:0,class:"card-barra__btn",style:t.normalizeStyle({color:t.unref(o).text,borderColor:t.unref($)(t.unref(o).text,.18)}),onClick:S},[t.createElementVNode("span",null,t.toDisplayString(e.textoBotao),1)],4)):t.createCommentVNode("",!0)],!0),e.exportar?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"card-barra__exportar",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:R,innerHTML:t.unref(w)},null,12,Wt)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),i.$slots.titulo||e.titulo||i.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",jt,[i.$slots.titulo||e.titulo?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-4xl font-semibold line-height-2",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(i.$slots,"titulo",{},()=>[t.createTextVNode(t.toDisplayString(e.titulo),1)],!0)],4)):t.createCommentVNode("",!0),i.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-sm mt-1",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(i.$slots,"descricao",{},()=>[t.createTextVNode(t.toDisplayString(e.descricao),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",Xt,[t.createVNode(X,{type:"bar",data:H.value,options:y.value,plugins:O.value,height:e.height},null,8,["data","options","plugins","height"])]),i.$slots.footer?(t.openBlock(),t.createElementBlock("div",Jt,[t.renderSlot(i.$slots,"footer",{},void 0,!0)])):t.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-a2aca0e2"]]),Qt={class:"card-polar__topo"},Yt={key:0,class:"card-polar__legendas"},Ut={key:1,class:"card-polar__actions"},Gt=["innerHTML"],Zt={class:"card-polar__corpo"},Kt={class:"card-polar__tabela"},vt={class:"card-polar__tabela-valor"},te={class:"card-polar__tabela-rotulo"},ee={class:"card-polar__tabela-valor"},oe={class:"card-polar__chart-wrap"},ae={class:"card-polar__chart"},re={key:0,class:"card-polar__centro-bottom"},le={key:0,class:"card-polar__footer mt-3"},st=j({__name:"CardPolar",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},cores:{type:Array,default:()=>["#0A1A6B","#1535B5","#1A5FD4","#2F8DDF","#5BB1E8","#93D0F0","#CDEAF6"]},textoBotao:{type:String,default:"Ver mais"},botaoVisivel:{type:Boolean,default:!1},direcao:{type:String,default:"right",validator:e=>["left","right","top","bottom"].includes(e)},rotuloCategoria:{type:String,default:"Categoria"},rotuloQuantidade:{type:String,default:"Quantidade"},mostrarCabecalho:{type:Boolean,default:!0},tipoValor:{type:String,default:"numero",validator:e=>["numero","moeda","percentual"].includes(e)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Vendas",quantidade:4200},{rotulo:"Serviços",quantidade:3100},{rotulo:"Assinaturas",quantidade:2450},{rotulo:"Licenças",quantidade:1800},{rotulo:"Suporte",quantidade:1250},{rotulo:"Treinamentos",quantidade:820},{rotulo:"Outros",quantidade:410}]},height:{type:[String,Number],default:260},mostrarLinhasGrade:{type:Boolean,default:!0},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-polar.png"}},emits:["botaoAcao","exportado"],setup(e,{emit:d}){const a=e,n=d,{palette:o,cardStyle:x}=J(a),{formatar:f}=Z(a),E=t.ref(null),w=Y;async function R(){await Q(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=t.computed(()=>`card-polar--${a.direcao}`),V=t.computed(()=>a.data.map((r,g)=>a.cores[g%a.cores.length])),F=t.computed(()=>({labels:a.data.map(r=>r.rotulo),datasets:[{data:a.data.map(r=>r.quantidade),backgroundColor:V.value,borderColor:V.value,borderWidth:0,hoverOffset:6}]}));function D(r){const{chart:g,tooltip:y}=r,S=K(g);if(!S)return;const s=ot(S);if(y.opacity===0){s.style.opacity="0";return}const N=y.title||[],C=y.dataPoints&&y.dataPoints[0],O=C?V.value[C.dataIndex]:"#3B82F6",i=C?f(C.parsed.r??C.parsed):"",m=s.querySelector(".nc-tt__content");m.innerHTML=`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${N.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${O};box-shadow:0 0 0 2px ${$(O,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${i}</span></div>`;const{offsetLeft:l,offsetTop:p}=g.canvas;s.style.opacity="1",s.style.visibility="hidden",s.style.left="0px",s.style.top="0px";const c=s.offsetWidth,z=s.offsetHeight,b=4,B=v(l+y.caretX,c,S.clientWidth,b);let h=p+y.caretY;const I=z+16+b;h<I&&(h=I),s.style.left=B+"px",s.style.top=h+"px",s.style.visibility="visible"}const H=t.computed(()=>({responsive:!0,maintainAspectRatio:!1,layout:{padding:4},scales:{r:{beginAtZero:!0,ticks:{display:!1,backdropColor:"transparent"},grid:{display:a.mostrarLinhasGrade,color:$(o.value.muted,.18)},angleLines:{display:a.mostrarLinhasGrade,color:$(o.value.muted,.18)},pointLabels:{display:!1}}},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:D,callbacks:{title:r=>{var g;return((g=r[0])==null?void 0:g.label)??""},label:r=>{var g;return f(((g=r.parsed)==null?void 0:g.r)??r.parsed)}}}}}));function u(){n("botaoAcao")}return(r,g)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:E,class:t.normalizeClass(["card-polar p-4",k.value]),style:t.normalizeStyle(t.unref(x))},[t.createElementVNode("div",Qt,[r.$slots.legenda||e.legenda||r.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",Yt,[r.$slots.legenda||e.legenda?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-sm font-medium",style:t.normalizeStyle({color:t.unref(o).text,opacity:.95})},[t.renderSlot(r.$slots,"legenda",{},()=>[t.createTextVNode(t.toDisplayString(e.legenda),1)],!0)],4)):t.createCommentVNode("",!0),r.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-xs",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(r.$slots,"sublegenda",{},()=>[t.createTextVNode(t.toDisplayString(e.sublegenda),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),r.$slots.actions||e.botaoVisivel||e.exportar?(t.openBlock(),t.createElementBlock("div",Ut,[t.renderSlot(r.$slots,"actions",{},()=>[e.botaoVisivel?(t.openBlock(),t.createElementBlock("button",{key:0,class:"card-polar__btn",style:t.normalizeStyle({color:t.unref(o).text,borderColor:t.unref($)(t.unref(o).text,.18)}),onClick:u},[t.createElementVNode("span",null,t.toDisplayString(e.textoBotao),1)],4)):t.createCommentVNode("",!0)],!0),e.exportar?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"card-polar__exportar",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:R,innerHTML:t.unref(w)},null,12,Gt)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",Zt,[t.createElementVNode("div",Kt,[e.mostrarCabecalho?(t.openBlock(),t.createElementBlock("div",{key:0,class:"card-polar__tabela-cab",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).muted,.25)})},[t.createElementVNode("span",null,t.toDisplayString(e.rotuloCategoria),1),t.createElementVNode("span",vt,t.toDisplayString(e.rotuloQuantidade),1)],4)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.data,(y,S)=>(t.openBlock(),t.createElementBlock("div",{key:S,class:"card-polar__tabela-linha",style:t.normalizeStyle({color:t.unref(o).text})},[t.createElementVNode("span",te,[t.createElementVNode("span",{class:"card-polar__bolinha",style:t.normalizeStyle({background:V.value[S]})},null,4),t.createElementVNode("span",null,t.toDisplayString(y.rotulo),1)]),t.createElementVNode("span",ee,t.toDisplayString(t.unref(f)(y.quantidade)),1)],4))),128))]),t.createElementVNode("div",oe,[t.createElementVNode("div",ae,[t.createVNode(X,{type:"polarArea",data:F.value,options:H.value,height:e.height},null,8,["data","options","height"]),r.$slots.titulo||e.titulo||r.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",re,[r.$slots.titulo||e.titulo?(t.openBlock(),t.createElementBlock("div",{key:0,class:"card-polar__centro-titulo",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(r.$slots,"titulo",{},()=>[t.createTextVNode(t.toDisplayString(e.titulo),1)],!0)],4)):t.createCommentVNode("",!0),r.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",{key:1,class:"card-polar__centro-desc",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(r.$slots,"descricao",{},()=>[t.createTextVNode(t.toDisplayString(e.descricao),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])])]),r.$slots.footer?(t.openBlock(),t.createElementBlock("div",le,[t.renderSlot(r.$slots,"footer",{},void 0,!0)])):t.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-76970135"]]),ne={class:"card-progresso__topo"},se={key:0,class:"card-progresso__legendas"},ie={key:1,class:"card-progresso__actions"},ce=["innerHTML"],de={key:0,class:"card-progresso__titulos mt-3 mb-2"},me={class:"card-progresso__corpo"},pe={key:0,class:"card-progresso__chart-wrap"},ue={class:"card-progresso__chart"},fe={class:"card-progresso__centro"},ge={class:"card-progresso__lista"},ye={class:"card-progresso__item-cab"},be={key:1,class:"card-progresso__footer mt-3"},it=j({__name:"CardProgresso",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},cores:{type:Array,default:()=>["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#06B6D4","#EC4899"]},corDetalhes:{type:String,default:"#3B82F6"},textoBotao:{type:String,default:"Ver mais"},botaoVisivel:{type:Boolean,default:!1},direcao:{type:String,default:"top",validator:e=>["top","bottom","left","right"].includes(e)},formato:{type:String,default:"linear",validator:e=>["linear","circular"].includes(e)},tipoValor:{type:String,default:"numero",validator:e=>["numero","moeda","percentual"].includes(e)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Vendas",quantidade:72,meta:100},{rotulo:"Serviços",quantidade:48,meta:80},{rotulo:"Assinaturas",quantidade:35,meta:60},{rotulo:"Suporte",quantidade:18,meta:40}]},metaPadrao:{type:Number,default:100},mostrarValor:{type:Boolean,default:!0},mostrarPercentual:{type:Boolean,default:!0},alturaBarra:{type:[String,Number],default:8},raioBarra:{type:[String,Number],default:"999px"},height:{type:[String,Number],default:220},cutout:{type:[String,Number],default:"78%"},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-progresso.png"}},emits:["botaoAcao","exportado"],setup(e,{emit:d}){const a=e,n=d,{palette:o,cardStyle:x}=J(a),{formatar:f}=Z(a),E=t.ref(null),w=Y;async function R(){await Q(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=t.computed(()=>`card-progresso--${a.direcao}`),V=t.computed(()=>a.data.map((s,N)=>{const C=Number(s.meta??a.metaPadrao)||0,O=Number(s.quantidade)||0,i=s.cor||a.cores[N%a.cores.length],m=C>0?Math.max(0,Math.min(100,O/C*100)):0;return{rotulo:s.rotulo,quantidade:O,meta:C,cor:i,percentual:m}})),F=t.computed(()=>typeof a.alturaBarra=="number"?`${a.alturaBarra}px`:a.alturaBarra),D=t.computed(()=>typeof a.raioBarra=="number"?`${a.raioBarra}px`:a.raioBarra),H=t.computed(()=>V.value.reduce((s,N)=>s+N.quantidade,0)),u=t.computed(()=>V.value.reduce((s,N)=>s+N.meta,0)),r=t.computed(()=>u.value<=0?0:Math.max(0,Math.min(100,H.value/u.value*100))),g=t.computed(()=>{const s=Math.max(0,100-r.value),N=a.corDetalhes;return{labels:["Progresso","Restante"],datasets:[{data:[r.value,s],backgroundColor:[N,$(o.value.muted,.15)],borderWidth:0,borderColor:"transparent",hoverOffset:0,spacing:0}]}}),y=t.computed(()=>({responsive:!0,maintainAspectRatio:!1,cutout:a.cutout,rotation:-90,circumference:360,layout:{padding:4},plugins:{legend:{display:!1},tooltip:{enabled:!1}}}));function S(){n("botaoAcao")}return(s,N)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:E,class:t.normalizeClass(["card-progresso p-4",k.value]),style:t.normalizeStyle(t.unref(x))},[t.createElementVNode("div",ne,[s.$slots.legenda||e.legenda||s.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",se,[s.$slots.legenda||e.legenda?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-sm font-medium",style:t.normalizeStyle({color:t.unref(o).text,opacity:.95})},[t.renderSlot(s.$slots,"legenda",{},()=>[t.createTextVNode(t.toDisplayString(e.legenda),1)],!0)],4)):t.createCommentVNode("",!0),s.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-xs",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(s.$slots,"sublegenda",{},()=>[t.createTextVNode(t.toDisplayString(e.sublegenda),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),s.$slots.actions||e.botaoVisivel||e.exportar?(t.openBlock(),t.createElementBlock("div",ie,[t.renderSlot(s.$slots,"actions",{},()=>[e.botaoVisivel?(t.openBlock(),t.createElementBlock("button",{key:0,class:"card-progresso__btn",style:t.normalizeStyle({color:t.unref(o).text,borderColor:t.unref($)(t.unref(o).text,.18)}),onClick:S},[t.createElementVNode("span",null,t.toDisplayString(e.textoBotao),1)],4)):t.createCommentVNode("",!0)],!0),e.exportar?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"card-progresso__exportar",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:R,innerHTML:t.unref(w)},null,12,ce)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]),s.$slots.titulo||e.titulo||s.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",de,[s.$slots.titulo||e.titulo?(t.openBlock(),t.createElementBlock("div",{key:0,class:"text-4xl font-semibold line-height-2",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(s.$slots,"titulo",{},()=>[t.createTextVNode(t.toDisplayString(e.titulo),1)],!0)],4)):t.createCommentVNode("",!0),s.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",{key:1,class:"text-sm mt-1",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(s.$slots,"descricao",{},()=>[t.createTextVNode(t.toDisplayString(e.descricao),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",me,[e.formato==="circular"?(t.openBlock(),t.createElementBlock("div",pe,[t.createElementVNode("div",ue,[t.createVNode(X,{type:"doughnut",data:g.value,options:y.value,height:e.height},null,8,["data","options","height"]),t.createElementVNode("div",fe,[t.createElementVNode("div",{class:"card-progresso__centro-valor",style:t.normalizeStyle({color:t.unref(o).text})},t.toDisplayString(Math.round(r.value))+"% ",5),t.createElementVNode("div",{class:"card-progresso__centro-desc",style:t.normalizeStyle({color:t.unref(o).muted})},t.toDisplayString(t.unref(f)(H.value))+" / "+t.toDisplayString(t.unref(f)(u.value)),5)])])])):t.createCommentVNode("",!0),t.createElementVNode("div",ge,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(V.value,(C,O)=>(t.openBlock(),t.createElementBlock("div",{key:O,class:"card-progresso__item"},[t.createElementVNode("div",ye,[t.createElementVNode("span",{class:"card-progresso__item-rotulo",style:t.normalizeStyle({color:t.unref(o).text})},[t.createElementVNode("span",{class:"card-progresso__bolinha",style:t.normalizeStyle({background:C.cor})},null,4),t.createElementVNode("span",null,t.toDisplayString(C.rotulo),1)],4),e.mostrarValor||e.mostrarPercentual?(t.openBlock(),t.createElementBlock("span",{key:0,class:"card-progresso__item-valor",style:t.normalizeStyle({color:t.unref(o).text})},[e.mostrarValor?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(t.unref(f)(C.quantidade)),1),C.meta?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle({color:t.unref(o).muted})}," / "+t.toDisplayString(t.unref(f)(C.meta)),5)):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0),e.mostrarPercentual?(t.openBlock(),t.createElementBlock("span",{key:1,class:"card-progresso__item-pct",style:t.normalizeStyle({color:t.unref(o).muted})},t.toDisplayString(Math.round(C.percentual))+"% ",5)):t.createCommentVNode("",!0)],4)):t.createCommentVNode("",!0)]),t.createElementVNode("div",{class:"card-progresso__trilha",style:t.normalizeStyle({height:F.value,borderRadius:D.value,background:t.unref($)(t.unref(o).muted,.15)})},[t.createElementVNode("div",{class:"card-progresso__preenchimento",style:t.normalizeStyle({width:C.percentual+"%",background:C.cor,borderRadius:D.value})},null,4)],4)]))),128))])]),s.$slots.footer?(t.openBlock(),t.createElementBlock("div",be,[t.renderSlot(s.$slots,"footer",{},void 0,!0)])):t.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-aa7e8576"]]),he={key:0,class:"card-base__topo"},xe=["innerHTML"],Se={class:"card-base__legendas"},ke={key:1,class:"card-base__titulos"},Be={key:2,class:"card-base__acao"},Ee={key:3,class:"card-base__footer"},ct=j({__name:"CardBase",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},textoBotao:{type:String,default:"Ver Todos"},botaoVisivel:{type:Boolean,default:!0},alinhamento:{type:String,default:"left",validator:e=>["left","center","right"].includes(e)},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-base.png"}},emits:["botaoAcao","exportado"],setup(e,{emit:d}){const a=e,n=d,{palette:o,cardStyle:x}=J(a),f=t.ref(null),E=Y;function w(){n("botaoAcao")}async function R(){await Q(f.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}return(k,V)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:f,class:t.normalizeClass(["card-base p-4",`card-base--${e.alinhamento}`]),style:t.normalizeStyle(t.unref(x))},[e.exportar?(t.openBlock(),t.createElementBlock("div",he,[t.createElementVNode("button",{type:"button",class:"card-base__exportar",style:t.normalizeStyle({color:t.unref(o).muted,borderColor:t.unref($)(t.unref(o).text==="inherit"?"#0F172A":t.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:R,innerHTML:t.unref(E)},null,12,xe)])):t.createCommentVNode("",!0),t.createElementVNode("div",Se,[k.$slots.legenda||e.legenda?(t.openBlock(),t.createElementBlock("div",{key:0,class:"card-base__legenda",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(k.$slots,"legenda",{},()=>[t.createTextVNode(t.toDisplayString(e.legenda),1)],!0)],4)):t.createCommentVNode("",!0),k.$slots.sublegenda||e.sublegenda?(t.openBlock(),t.createElementBlock("div",{key:1,class:"card-base__sublegenda",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(k.$slots,"sublegenda",{},()=>[t.createTextVNode(t.toDisplayString(e.sublegenda),1)],!0)],4)):t.createCommentVNode("",!0)]),k.$slots.titulo||e.titulo||k.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",ke,[k.$slots.titulo||e.titulo?(t.openBlock(),t.createElementBlock("div",{key:0,class:"card-base__titulo",style:t.normalizeStyle({color:t.unref(o).text})},[t.renderSlot(k.$slots,"titulo",{},()=>[t.createTextVNode(t.toDisplayString(e.titulo),1)],!0)],4)):t.createCommentVNode("",!0),k.$slots.descricao||e.descricao?(t.openBlock(),t.createElementBlock("div",{key:1,class:"card-base__descricao",style:t.normalizeStyle({color:t.unref(o).muted})},[t.renderSlot(k.$slots,"descricao",{},()=>[t.createTextVNode(t.toDisplayString(e.descricao),1)],!0)],4)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),k.$slots.acao||e.botaoVisivel?(t.openBlock(),t.createElementBlock("div",Be,[t.renderSlot(k.$slots,"acao",{},()=>[e.botaoVisivel?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:"card-base__link",style:t.normalizeStyle({color:t.unref(o).text}),onClick:w},[t.createElementVNode("span",null,t.toDisplayString(e.textoBotao),1),V[0]||(V[0]=t.createElementVNode("span",{class:"card-base__chevron","aria-hidden":"true"},"›",-1))],4)):t.createCommentVNode("",!0)],!0)])):t.createCommentVNode("",!0),k.$slots.footer?(t.openBlock(),t.createElementBlock("div",Ee,[t.renderSlot(k.$slots,"footer",{},void 0,!0)])):t.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-6ff630fc"]]),Ce={install(e){e.component("ChartBase",X),e.component("CardBase",ct),e.component("CardLinhas",rt),e.component("CardPizza",lt),e.component("CardBarra",nt),e.component("CardPolar",st),e.component("CardProgresso",it)}};_.CardBarra=nt,_.CardBase=ct,_.CardLinhas=rt,_.CardPizza=lt,_.CardPolar=st,_.CardProgresso=it,_.ChartBase=X,_.default=Ce,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(O,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("chart.js")):typeof define=="function"&&define.amd?define(["exports","vue","chart.js"],e):(O=typeof globalThis<"u"?globalThis:O||self,e(O.NemesisChart={},O.Vue,O.Chart))})(this,function(O,e,F){"use strict";const J=(t,d)=>{const a=t.__vccOpts||t;for(const[n,o]of d)a[n]=o;return a},Q=J({__name:"ChartBase",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},height:{type:[String,Number],default:300},width:{type:[String,Number],default:null}},setup(t,{expose:d}){F.Chart.register(F.Title,F.Tooltip,F.Legend,F.Filler,F.LineController,F.LineElement,F.PointElement,F.BarController,F.BarElement,F.PieController,F.PolarAreaController,F.ArcElement,F.CategoryScale,F.LinearScale,F.RadialLinearScale);const a=t,n=e.ref(null),o=e.shallowRef(null),S={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"top"}}};function u(){return{...S,...a.options}}function E(){n.value&&(o.value=new F.Chart(n.value,{type:a.type,data:a.data,options:u(),plugins:a.plugins}))}function q(){o.value&&(o.value.destroy(),o.value=null)}return e.onMounted(E),e.onBeforeUnmount(q),e.watch(()=>a.data,D=>{if(!o.value)return;o.value.data.labels=D.labels;const k=o.value.data.datasets,V=D.datasets;k.length!==V.length?o.value.data.datasets=V:V.forEach((L,H)=>Object.assign(k[H],L)),o.value.update()},{deep:!0}),e.watch(()=>a.options,()=>{o.value&&(o.value.options=u(),o.value.update())},{deep:!0}),d({chart:o}),(D,k)=>(e.openBlock(),e.createElementBlock("div",{class:"nc-chart-wrapper w-full",style:e.normalizeStyle({height:typeof t.height=="number"?`${t.height}px`:t.height,width:t.width?typeof t.width=="number"?`${t.width}px`:t.width:"100%"})},[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:n},null,512)],4))}},[["__scopeId","data-v-9828990e"]]),ge={light:{bg:"#ffffff",text:"#000000",muted:"#64748B",grid:"rgba(15,23,42,0.06)"},dark:{bg:"#000000",text:"#ffffff",muted:"#94A3B8",grid:"rgba(255,255,255,0.08)"},transparent:{bg:"transparent",text:"inherit",muted:"#94A3B8",grid:"rgba(127,127,127,0.15)"}};function $(t,d){if(!t)return`rgba(59,130,246,${d})`;if(t.startsWith("#")){const a=t.replace("#",""),n=a.length===3?a.split("").map(E=>E+E).join(""):a,o=parseInt(n.slice(0,2),16),S=parseInt(n.slice(2,4),16),u=parseInt(n.slice(4,6),16);return`rgba(${o},${S},${u},${d})`}if(t.startsWith("rgb")){const a=t.match(/[\d.]+/g);if(a&&a.length>=3)return`rgba(${a[0]},${a[1]},${a[2]},${d})`}return t}function U(t){const d=e.computed(()=>{const n=ge[t.tema],o=n?{...n,bg:t.corFundo||n.bg}:{bg:t.corFundo||t.tema,text:"#F8FAFC",muted:"#94A3B8",grid:"rgba(255,255,255,0.08)"};return{...o,text:t.corTexto||o.text,muted:t.corTexto||o.muted}}),a=e.computed(()=>({background:d.value.bg,color:d.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:d,cardStyle:a,toRgba:$}}function K(t){const d=e.computed(()=>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 a(n){if(n==null)return"";const o=Number(n);return Number.isNaN(o)?String(n):t.tipoValor==="percentual"?d.value.format(o/100):d.value.format(o)}return{formatador:d,formatar:a}}function oe(t,{caretFlexivel:d=!1}={}){let a=t.querySelector(".nc-tt");if(a)return a;a=document.createElement("div"),a.className="nc-tt",Object.assign(a.style,{position:"absolute",pointerEvents:"none",transform:d?"translateX(-50%)":"translate(-50%, calc(-100% - 16px))",transition:"opacity .18s ease, left .12s ease, top .12s ease",opacity:"0",background:"#ffffff",borderRadius:"10px",padding:"8px 11px",boxShadow:"0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",border:"1px solid rgba(15,23,42,.06)",minWidth:"90px",whiteSpace:"nowrap",zIndex:"10",fontFamily:"inherit",textAlign:"left"});const n=document.createElement("div");n.className="nc-tt__caret";const o={position:"absolute",left:"50%",width:"10px",height:"10px",background:"#ffffff",transform:"translateX(-50%) rotate(45deg)",borderRadius:"2px"};d?Object.assign(n.style,o):Object.assign(n.style,o,{bottom:"-5px",borderRight:"1px solid rgba(15,23,42,.06)",borderBottom:"1px solid rgba(15,23,42,.06)"}),a.appendChild(n);const S=document.createElement("div");return S.className="nc-tt__content",Object.assign(S.style,{position:"relative",background:"#fff",borderRadius:"8px"}),a.appendChild(S),t.appendChild(a),a}function v(t){const d=t.canvas.parentNode;return d?(getComputedStyle(d).position==="static"&&(d.style.position="relative"),d):null}function ee(t,d,a,n=4){const o=d/2;return t-o<n?o+n:t+o>a-n?a-o-n:t}function ae(t,d){const a=window.getComputedStyle(t);let n="";for(let o=0;o<a.length;o++){const S=a[o];let u=a.getPropertyValue(S);if(u&&u.indexOf("url(")!==-1&&!/url\(["']?data:/.test(u))if(S==="background-image"||S==="background"||S==="mask-image"||S==="border-image"||S==="border-image-source")u="none";else continue;n+=`${S}:${u};`}d.setAttribute("style",n)}function ye(t,d){ae(t,d);const a=t.querySelectorAll("*"),n=d.querySelectorAll("*");for(let o=0;o<a.length;o++)n[o]&&ae(a[o],n[o])}function be(t,d){const a=t.querySelectorAll("canvas"),n=d.querySelectorAll("canvas");a.forEach((o,S)=>{if(!n[S])return;const u=document.createElement("img");try{u.src=o.toDataURL("image/png")}catch{return}const E=o.getBoundingClientRect();u.setAttribute("style",`width:${E.width}px;height:${E.height}px;display:block;`),n[S].replaceWith(u)})}async function G(t,d={}){if(!t)return;const{nomeArquivo:a="componente.png",escala:n=2,corFundo:o=null}=d,S=t.getBoundingClientRect(),u=Math.ceil(S.width),E=Math.ceil(S.height),q=t.cloneNode(!0);ye(t,q),be(t,q),q.style.margin="0",q.style.transform="none";const D=new XMLSerializer().serializeToString(q),k=`<svg xmlns="http://www.w3.org/2000/svg" width="${u}" height="${E}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${u}px;height:${E}px;">`+D+"</div></foreignObject></svg>",L="data:image/svg+xml;base64,"+(typeof window<"u"&&window.btoa?window.btoa(unescape(encodeURIComponent(k))):""),H=new Image;await new Promise((b,y)=>{H.onload=b,H.onerror=y,H.src=L});const j=document.createElement("canvas");j.width=u*n,j.height=E*n;const m=j.getContext("2d");m.scale(n,n),o&&(m.fillStyle=o,m.fillRect(0,0,u,E)),m.drawImage(H,0,0);let r;try{r=j.toDataURL("image/png")}catch(b){console.error("Falha ao exportar imagem: canvas contaminado.",b);return}const g=document.createElement("a");g.download=a,g.href=r,document.body.appendChild(g),g.click(),document.body.removeChild(g)}const Z='<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>',he={class:"card-linhas__header flex flex-column"},xe={class:"card-linhas__topo flex align-items-start justify-content-between gap-3"},Se={key:0,class:"card-linhas__legendas flex flex-column"},ke={key:1,class:"card-linhas__actions inline-flex align-items-center gap-2"},Be=["innerHTML"],Ee={key:0,class:"card-linhas__titulos mt-3 mb-2 flex flex-column"},Ce={class:"card-linhas__chart flex-1"},$e={key:0,class:"card-linhas__footer mt-3"},re=J({__name:"CardLinhas",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corDetalhes:{type:String,default:"#3B82F6"},corTexto:{type:String,default:null},textoBotao:{type:String,default:"Ver mais"},direcao:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},botaoVisivel:{type:Boolean,default:!1},tipoValor:{type:String,default:"numero",validator:t=>["numero","moeda","percentual"].includes(t)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Jan",quantidade:22},{rotulo:"Fev",quantidade:35},{rotulo:"Mar",quantidade:28},{rotulo:"Abr",quantidade:45},{rotulo:"Mai",quantidade:30},{rotulo:"Jun",quantidade:55},{rotulo:"Jul",quantidade:42},{rotulo:"Ago",quantidade:60},{rotulo:"Set",quantidade:48},{rotulo:"Out",quantidade:70},{rotulo:"Nov",quantidade:58},{rotulo:"Dez",quantidade:75}]},height:{type:[String,Number],default:280},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},corBorda:{type:String,default:"#EAE8E8"},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-linhas.png"}},emits:["botaoAcao","exportado"],setup(t,{emit:d}){const a=t,n=d,{palette:o,cardStyle:S}=U(a),{formatar:u}=K(a),E=e.ref(null),q=Z;async function D(){await G(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=e.computed(()=>`card-linhas--${a.direcao}`),V=e.computed(()=>({labels:a.data.map(m=>m.rotulo),datasets:[{data:a.data.map(m=>m.quantidade),borderColor:a.corDetalhes,borderWidth:3,borderJoinStyle:"round",borderCapStyle:"round",backgroundColor:m=>{const{chart:r}=m,{ctx:g,chartArea:b}=r;if(!b)return"transparent";const y=a.corDetalhes||"#0400FF",i="#7C7C7C",z=g.createLinearGradient(0,b.top,0,b.bottom);return z.addColorStop(.16,$(y,.2)),z.addColorStop(1,$(i,0)),z},fill:!0,tension:.45,pointRadius:0,pointHoverRadius:6,pointHoverBorderWidth:3,pointHoverBackgroundColor:a.corDetalhes,pointHoverBorderColor:o.value.bg==="transparent"?"#fff":o.value.bg,clip:!1}]}));function L(m){const{chart:r,tooltip:g}=m,b=v(r);if(!b)return;const y=oe(b);if(g.opacity===0){y.style.opacity="0";return}const i=g.title||[],z=(g.body||[]).flatMap(X=>X.lines),C=y.querySelector(".nc-tt__content"),I=a.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:${I};box-shadow:0 0 0 2px ${$(I,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${z.join(" ")}</span></div>`;const{offsetLeft:s,offsetTop:f}=r.canvas;y.style.opacity="1",y.style.visibility="hidden",y.style.left="0px",y.style.top="0px";const l=y.offsetWidth,p=y.offsetHeight,c=4,N=s+g.caretX,h=f+g.caretY,B=ee(N,l,b.clientWidth,c),x=p+16+c,M=h<x;let Y;M?(y.style.transform="translateX(-50%) translateY(16px)",Y=h):(y.style.transform="translate(-50%, calc(-100% - 16px))",Y=h),y.style.left=B+"px",y.style.top=Y+"px";const T=y.querySelector(".nc-tt__caret");if(T){const X=N-B,W=l/2,R=Math.max(-W+8,Math.min(W-8,X));T.style.left=`calc(50% + ${R}px)`,M?(T.style.bottom="",T.style.top="-5px",T.style.borderRight="",T.style.borderBottom="",T.style.borderLeft="1px solid rgba(15,23,42,.06)",T.style.borderTop="1px solid rgba(15,23,42,.06)"):(T.style.top="",T.style.bottom="-5px",T.style.borderLeft="",T.style.borderTop="",T.style.borderRight="1px solid rgba(15,23,42,.06)",T.style.borderBottom="1px solid rgba(15,23,42,.06)")}y.style.visibility="visible"}const H=e.computed(()=>({responsive:!0,maintainAspectRatio:!1,interaction:{intersect:!1,mode:"index"},layout:{padding:{top:0,right:0,bottom:0,left:0}},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:L,callbacks:{title:m=>{var r;return((r=m[0])==null?void 0:r.label)??""},label:m=>u(m.parsed.y)}}},scales:{x:{display:!0,afterFit:m=>{m.paddingLeft=0,m.paddingRight=0},grid:{display:!1,drawBorder:!1},border:{display:!1},ticks:{color:o.value.muted,font:{size:10,family:"'Inter', sans-serif"},padding:8,align:"inner"}},y:{display:!1,grid:{display:!1},beginAtZero:!0}}}));function j(){n("botaoAcao")}return(m,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"cardRef",ref:E,class:e.normalizeClass(["card-linhas p-4 flex",k.value]),style:e.normalizeStyle(e.unref(S))},[e.createElementVNode("div",he,[e.createElementVNode("div",xe,[m.$slots.legenda||t.legenda||m.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",Se,[m.$slots.legenda||t.legenda?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text-xs font-medium",style:e.normalizeStyle({color:e.unref(o).text,opacity:.85})},[e.renderSlot(m.$slots,"legenda",{},()=>[e.createTextVNode(e.toDisplayString(t.legenda),1)],!0)],4)):e.createCommentVNode("",!0),m.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-xs",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(m.$slots,"sublegenda",{},()=>[e.createTextVNode(e.toDisplayString(t.sublegenda),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),m.$slots.actions||t.botaoVisivel||t.exportar?(e.openBlock(),e.createElementBlock("div",ke,[e.renderSlot(m.$slots,"actions",{},()=>[t.botaoVisivel?(e.openBlock(),e.createElementBlock("button",{key:0,class:"card-linhas__btn inline-flex align-items-center",style:e.normalizeStyle({color:e.unref(o).text,borderColor:e.unref($)(e.unref(o).text,.18)}),onClick:j},[e.createElementVNode("span",null,e.toDisplayString(t.textoBotao),1)],4)):e.createCommentVNode("",!0)],!0),t.exportar?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"card-linhas__exportar inline-flex align-items-center justify-content-center",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:D,innerHTML:e.unref(q)},null,12,Be)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),m.$slots.titulo||t.titulo||m.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",Ee,[m.$slots.titulo||t.titulo?(e.openBlock(),e.createElementBlock("div",{key:0,class:"m-0 text-3xl font-semibold",style:e.normalizeStyle({color:e.unref(o).text,lineHeight:"33px",letterSpacing:"-1px"})},[e.renderSlot(m.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.titulo),1)],!0)],4)):e.createCommentVNode("",!0),m.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-sm mt-1",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(m.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.descricao),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ce,[e.createVNode(Q,{type:"line",data:V.value,options:H.value,height:t.height},null,8,["data","options","height"])]),m.$slots.footer?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(m.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-2ab2b571"]]),Ve={class:"card-pizza__topo flex align-items-start justify-content-between gap-3"},Ne={key:0,class:"card-pizza__legendas flex flex-column"},ze={key:1,class:"card-pizza__actions inline-flex align-items-center gap-2"},Ae=["innerHTML"],we={class:"card-pizza__corpo flex align-items-center gap-4"},Te={class:"card-pizza__tabela flex flex-column"},qe={class:"card-pizza__tabela-valor"},Re={class:"card-pizza__tabela-rotulo inline-flex align-items-center gap-2"},Fe={class:"card-pizza__tabela-valor"},De={class:"card-pizza__chart-wrap flex align-items-center justify-content-center"},Le={class:"card-pizza__chart"},He={key:0,class:"card-pizza__centro flex flex-column align-items-center justify-content-center"},Me={key:0,class:"card-pizza__footer mt-3"},le=J({__name:"CardPizza",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},cores:{type:Array,default:()=>["#0A1A6B","#1535B5","#1A5FD4","#2F8DDF","#5BB1E8","#93D0F0","#CDEAF6"]},textoBotao:{type:String,default:"Ver mais"},botaoVisivel:{type:Boolean,default:!1},direcao:{type:String,default:"right",validator:t=>["left","right","top","bottom"].includes(t)},rotuloCategoria:{type:String,default:"Categoria"},rotuloQuantidade:{type:String,default:"Quantidade"},mostrarCabecalho:{type:Boolean,default:!0},tipoValor:{type:String,default:"numero",validator:t=>["numero","moeda","percentual"].includes(t)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Vendas",quantidade:4200},{rotulo:"Serviços",quantidade:3100},{rotulo:"Assinaturas",quantidade:2450},{rotulo:"Licenças",quantidade:1800},{rotulo:"Suporte",quantidade:1250},{rotulo:"Treinamentos",quantidade:820},{rotulo:"Outros",quantidade:410}]},height:{type:[String,Number],default:260},cutout:{type:[String,Number],default:"70%"},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-pizza.png"}},emits:["botaoAcao","exportado"],setup(t,{emit:d}){const a=t,n=d,{palette:o,cardStyle:S}=U(a),{formatar:u}=K(a),E=e.ref(null);async function q(){await G(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const D=e.computed(()=>`card-pizza--${a.direcao}`),k=e.computed(()=>a.data.map((r,g)=>a.cores[g%a.cores.length])),V=e.computed(()=>({labels:a.data.map(r=>r.rotulo),datasets:[{data:a.data.map(r=>r.quantidade),backgroundColor:k.value,borderWidth:0,borderColor:"transparent",hoverOffset:6,borderRadius:0,spacing:0}]}));function L(r){const{chart:g,tooltip:b}=r,y=v(g);if(!y)return;const i=oe(y);if(b.opacity===0){i.style.opacity="0";return}const z=b.title||[],C=b.dataPoints&&b.dataPoints[0],I=C?k.value[C.dataIndex]:"#3B82F6",s=C?u(C.parsed):"",f=i.querySelector(".nc-tt__content");f.innerHTML=`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${z.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${I};box-shadow:0 0 0 2px ${$(I,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${s}</span></div>`;const{offsetLeft:l,offsetTop:p}=g.canvas;i.style.opacity="1",i.style.visibility="hidden",i.style.left="0px",i.style.top="0px";const c=i.offsetWidth,N=i.offsetHeight,h=4,B=ee(l+b.caretX,c,y.clientWidth,h);let x=p+b.caretY;const M=N+16+h;x<M&&(x=M),i.style.left=B+"px",i.style.top=x+"px",i.style.visibility="visible"}const H=e.computed(()=>({responsive:!0,maintainAspectRatio:!1,cutout:a.cutout,layout:{padding:4},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:L,callbacks:{title:r=>{var g;return((g=r[0])==null?void 0:g.label)??""},label:r=>u(r.parsed)}}}}));function j(){n("botaoAcao")}const m=Z;return(r,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"cardRef",ref:E,class:e.normalizeClass(["card-pizza p-4 flex flex-column",D.value]),style:e.normalizeStyle(e.unref(S))},[e.createElementVNode("div",Ve,[r.$slots.legenda||t.legenda||r.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",Ne,[r.$slots.legenda||t.legenda?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text-xs font-medium",style:e.normalizeStyle({color:e.unref(o).text,opacity:.95})},[e.renderSlot(r.$slots,"legenda",{},()=>[e.createTextVNode(e.toDisplayString(t.legenda),1)],!0)],4)):e.createCommentVNode("",!0),r.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-xs",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(r.$slots,"sublegenda",{},()=>[e.createTextVNode(e.toDisplayString(t.sublegenda),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),r.$slots.actions||t.botaoVisivel||t.exportar?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(r.$slots,"actions",{},()=>[t.botaoVisivel?(e.openBlock(),e.createElementBlock("button",{key:0,class:"card-pizza__btn inline-flex align-items-center",style:e.normalizeStyle({color:e.unref(o).text,borderColor:e.unref($)(e.unref(o).text,.18)}),onClick:j},[e.createElementVNode("span",null,e.toDisplayString(t.textoBotao),1)],4)):e.createCommentVNode("",!0)],!0),t.exportar?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"card-pizza__exportar inline-flex align-items-center justify-content-center",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:q,innerHTML:e.unref(m)},null,12,Ae)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",we,[e.createElementVNode("div",Te,[t.mostrarCabecalho?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-pizza__tabela-cab flex align-items-center justify-content-between",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).muted,.25)})},[e.createElementVNode("span",null,e.toDisplayString(t.rotuloCategoria),1),e.createElementVNode("span",qe,e.toDisplayString(t.rotuloQuantidade),1)],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,(b,y)=>(e.openBlock(),e.createElementBlock("div",{key:y,class:"card-pizza__tabela-linha flex align-items-center justify-content-between",style:e.normalizeStyle({color:e.unref(o).text})},[e.createElementVNode("span",Re,[e.createElementVNode("span",{class:"card-pizza__bolinha",style:e.normalizeStyle({background:k.value[y]})},null,4),e.createElementVNode("span",null,e.toDisplayString(b.rotulo),1)]),e.createElementVNode("span",Fe,e.toDisplayString(e.unref(u)(b.quantidade)),1)],4))),128))]),e.createElementVNode("div",De,[e.createElementVNode("div",Le,[e.createVNode(Q,{type:"doughnut",data:V.value,options:H.value,height:t.height},null,8,["data","options","height"]),r.$slots.titulo||t.titulo||r.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",He,[r.$slots.titulo||t.titulo?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-pizza__centro-titulo m-0 font-semibold",style:e.normalizeStyle({color:e.unref(o).text})},[e.renderSlot(r.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.titulo),1)],!0)],4)):e.createCommentVNode("",!0),r.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",{key:1,class:"card-pizza__centro-desc",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(r.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.descricao),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])]),r.$slots.footer?(e.openBlock(),e.createElementBlock("div",Me,[e.renderSlot(r.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-fd01f68b"]]),Pe={class:"card-barra__header flex flex-column"},_e={class:"card-barra__topo flex align-items-start justify-content-between gap-3"},Oe={key:0,class:"card-barra__legendas flex flex-column"},je={key:1,class:"card-barra__actions inline-flex align-items-center gap-2"},Ie=["innerHTML"],We={key:0,class:"card-barra__titulos mt-3 mb-2 flex flex-column"},Xe={class:"card-barra__chart flex-1"},Ye={key:0,class:"card-barra__footer mt-3"},ne=J({__name:"CardBarra",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corDetalhes:{type:String,default:"#3B82F6"},corTexto:{type:String,default:null},textoBotao:{type:String,default:"Ver mais"},direcao:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},botaoVisivel:{type:Boolean,default:!1},tipoValor:{type:String,default:"numero",validator:t=>["numero","moeda","percentual"].includes(t)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Jan",quantidade:22},{rotulo:"Fev",quantidade:35},{rotulo:"Mar",quantidade:28},{rotulo:"Abr",quantidade:45},{rotulo:"Mai",quantidade:30},{rotulo:"Jun",quantidade:55},{rotulo:"Jul",quantidade:42},{rotulo:"Ago",quantidade:60},{rotulo:"Set",quantidade:48},{rotulo:"Out",quantidade:70},{rotulo:"Nov",quantidade:58},{rotulo:"Dez",quantidade:75}]},series:{type:Array,default:null},cores:{type:Array,default:()=>["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#06B6D4","#EC4899"]},orientacao:{type:String,default:"vertical",validator:t=>["vertical","horizontal"].includes(t)},empilhado:{type:Boolean,default:!1},mostrarLegendaSeries:{type:Boolean,default:!0},height:{type:[String,Number],default:280},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},corBorda:{type:String,default:"#EAE8E8"},larguraBarra:{type:[String,Number],default:.6},raioBarra:{type:Number,default:6},linhasReferencia:{type:[Object,Array],default:null},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-barra.png"}},emits:["botaoAcao","exportado"],setup(t,{emit:d}){const a=t,n=d,{palette:o,cardStyle:S}=U(a),{formatar:u}=K(a),E=e.ref(null),q=Z;async function D(){await G(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=e.computed(()=>`card-barra--${a.direcao}`),V=e.computed(()=>a.orientacao==="horizontal"),L=e.computed(()=>Array.isArray(a.series)&&a.series.length>0?a.series.map((s,f)=>({nome:s.nome??`Série ${f+1}`,cor:s.cor||a.cores[f%a.cores.length],dados:Array.isArray(s.dados)?s.dados:[]})):[{nome:a.legenda||"Valores",cor:a.corDetalhes,dados:a.data}]),H=e.computed(()=>{const s=L.value[0];return s?s.dados.map(f=>f.rotulo):[]}),j=e.computed(()=>{const s=L.value,f=s.length-1,l=typeof a.larguraBarra=="number"?a.larguraBarra:Number(a.larguraBarra)||.6,p=a.raioBarra,c=V.value;function N(h){if(!a.empilhado||s.length===1)return p;const B=h===0,x=h===f;return c?{topLeft:B?p:0,bottomLeft:B?p:0,topRight:x?p:0,bottomRight:x?p:0}:{bottomLeft:B?p:0,bottomRight:B?p:0,topLeft:x?p:0,topRight:x?p:0}}return{labels:H.value,datasets:s.map((h,B)=>({label:h.nome,data:h.dados.map(x=>x.quantidade),backgroundColor:h.cor,hoverBackgroundColor:h.cor,borderWidth:0,borderRadius:N(B),borderSkipped:!1,categoryPercentage:.9,barPercentage:l}))}});function m(s,f){f?Object.assign(s.style,{top:"-5px",bottom:"auto",borderTop:"1px solid rgba(15,23,42,.06)",borderLeft:"1px solid rgba(15,23,42,.06)",borderRight:"none",borderBottom:"none"}):Object.assign(s.style,{bottom:"-5px",top:"auto",borderRight:"1px solid rgba(15,23,42,.06)",borderBottom:"1px solid rgba(15,23,42,.06)",borderTop:"none",borderLeft:"none"})}let r=null;function g(s){const{chart:f,tooltip:l}=s,p=v(f);if(!p)return;const c=oe(p,{caretFlexivel:!0});if(l.opacity===0||r){c.style.opacity="0";return}const N=l.title||[],h=l.dataPoints||[],B=c.querySelector(".nc-tt__content"),x=h.map(te=>{var ue;const pe=((ue=L.value[te.datasetIndex])==null?void 0:ue.cor)||a.corDetalhes,zt=u(V.value?te.parsed.x:te.parsed.y),At=te.dataset.label&&L.value.length>1?`<span style="font-size:11px;color:#64748B;margin-right:6px;">${te.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:${pe};box-shadow:0 0 0 2px ${$(pe,.15)};flex:0 0 auto;"></span>`+At+`<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${zt}</span></div>`}).join("");B.innerHTML=`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${N.join(" ")}</div>`+x;const{offsetLeft:M,offsetTop:Y}=f.canvas;c.style.opacity="1",c.style.visibility="hidden",c.style.left="0px",c.style.top="0px";const T=c.offsetWidth,X=c.offsetHeight,W=4,R=M+l.caretX,_=Y+l.caretY,P=ee(R,T,p.clientWidth,W),A=T/2,w=14,de=_-w-X,me=de<W,$t=me?_+w:de,fe=c.querySelector(".nc-tt__caret");m(fe,me);const Vt=R-(P-A),Nt=Math.max(10,Math.min(T-10,Vt));fe.style.left=Nt+"px",c.style.left=P+"px",c.style.top=$t+"px",c.style.visibility="visible"}const b=e.computed(()=>{const s=V.value,f={grid:{display:!1,drawBorder:!1},border:{display:!1},ticks:{color:o.value.muted,font:{size:10,family:"'Inter', sans-serif"},padding:8},stacked:a.empilhado},l={display:!1,grid:{display:!1},beginAtZero:!0,stacked:a.empilhado};return{responsive:!0,maintainAspectRatio:!1,indexAxis:s?"y":"x",interaction:{intersect:!1,mode:"index",axis:s?"y":"x"},layout:{padding:{top:i.value.length&&!s?24:12,right:s?12:0,bottom:0,left:i.value.length&&s?60:0}},plugins:{legend:{display:a.mostrarLegendaSeries&&L.value.length>1,position:"bottom",align:"start",labels:{color:o.value.muted,boxWidth:8,boxHeight:8,usePointStyle:!0,pointStyle:"circle",font:{size:10,family:"'Inter', sans-serif"},padding:12}},tooltip:{enabled:!1,external:g,callbacks:{title:p=>{var c;return((c=p[0])==null?void 0:c.label)??""},label:p=>u(s?p.parsed.x:p.parsed.y)}}},scales:{x:s?l:f,y:s?f:l}}});function y(){n("botaoAcao")}const i=e.computed(()=>a.linhasReferencia?(Array.isArray(a.linhasReferencia)?a.linhasReferencia:[a.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}):[]),z=[],C={id:"linhaReferencia",afterDatasetsDraw(s){const f=i.value;if(z.length=0,!f.length)return;const{ctx:l,chartArea:p,scales:c}=s,N=V.value,h=N?c.x:c.y;h&&f.forEach(B=>{const x=h.getPixelForValue(B.valor);if(z.push({linha:B,pos:x,horizontal:N,chartArea:p}),l.save(),l.beginPath(),l.setLineDash(B.tracejado),l.lineWidth=B.espessura,l.strokeStyle=B.cor,N){if(x<p.left||x>p.right){l.restore();return}l.moveTo(x,p.top),l.lineTo(x,p.bottom)}else{if(x<p.top||x>p.bottom){l.restore();return}l.moveTo(p.left,x),l.lineTo(p.right,x)}if(l.stroke(),l.setLineDash([]),B.rotulo){l.font="600 11px 'Inter', sans-serif";const M=8,Y=5,X=l.measureText(B.rotulo).width,W=12,R=X+M*2,_=W+Y*2,P=_/2;let A,w;N?(A=x-R/2,w=p.top-_-6,w<0&&(w=p.top+6)):(A=p.left-R-6,w=x-_/2,A<0&&(A=p.left+6)),l.fillStyle=B.corRotulo,l.beginPath(),l.roundRect?l.roundRect(A,w,R,_,P):(l.moveTo(A+P,w),l.lineTo(A+R-P,w),l.quadraticCurveTo(A+R,w,A+R,w+P),l.lineTo(A+R,w+_-P),l.quadraticCurveTo(A+R,w+_,A+R-P,w+_),l.lineTo(A+P,w+_),l.quadraticCurveTo(A,w+_,A,w+_-P),l.lineTo(A,w+P),l.quadraticCurveTo(A,w,A+P,w)),l.fill(),l.fillStyle=B.corTexto,l.textBaseline="middle",l.textAlign="center",l.fillText(B.rotulo,A+R/2,w+_/2)}l.restore()})},beforeEvent(s,f){if(!z.length){r=null;return}const l=f.event;if(!l||l.type==="mouseout"||l.x==null||l.y==null){r=null;return}const p=8;let c=null,N=1/0;for(const h of z){const B=h.horizontal?Math.abs(l.x-h.pos):Math.abs(l.y-h.pos),x=h.horizontal?l.y>=h.chartArea.top&&l.y<=h.chartArea.bottom:l.x>=h.chartArea.left&&l.x<=h.chartArea.right;B<=p&&x&&B<N&&(N=B,c=h)}r=c},afterEvent(s,f){if(!z.length)return;const l=f.event;if(!l)return;const p=v(s);if(!p)return;let c=p.querySelector(".nc-tt-linhaRef");if(!r){c&&(c.style.opacity="0");return}const N=r;c||(c=document.createElement("div"),c.className="nc-tt-linhaRef",Object.assign(c.style,{position:"absolute",pointerEvents:"none",transform:"translate(-50%, calc(-100% - 12px))",transition:"opacity .18s ease, left .12s ease, top .12s ease",opacity:"0",background:"#ffffff",borderRadius:"10px",padding:"8px 11px",boxShadow:"0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",border:"1px solid rgba(15,23,42,.06)",whiteSpace:"nowrap",zIndex:"11",fontFamily:"'Inter', sans-serif",textAlign:"left"}),p.appendChild(c));const h=N.linha.cor||"#0F172A",B=u(N.linha.valor),x=N.linha.rotulo;c.innerHTML=(x?`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${x}</div>`:"")+`<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${h};box-shadow:0 0 0 2px ${$(h,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${B}</span></div>`;const M=s.canvas;c.style.opacity="1",c.style.visibility="hidden",c.style.left="0px",c.style.top="0px";const Y=c.offsetWidth,T=c.offsetHeight,X=4;let W,R;N.horizontal?(W=M.offsetLeft+N.pos,R=M.offsetTop+l.y):(W=M.offsetLeft+l.x,R=M.offsetTop+N.pos);const _=ee(W,Y,p.clientWidth,X);let P=R;const A=T+16+X;P<A&&(P=A),c.style.left=_+"px",c.style.top=P+"px",c.style.visibility="visible"}},I=e.computed(()=>i.value.length?[C]:[]);return(s,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"cardRef",ref:E,class:e.normalizeClass(["card-barra p-4 flex",k.value]),style:e.normalizeStyle(e.unref(S))},[e.createElementVNode("div",Pe,[e.createElementVNode("div",_e,[s.$slots.legenda||t.legenda||s.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",Oe,[s.$slots.legenda||t.legenda?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text-xs font-medium",style:e.normalizeStyle({color:e.unref(o).text,opacity:.85})},[e.renderSlot(s.$slots,"legenda",{},()=>[e.createTextVNode(e.toDisplayString(t.legenda),1)],!0)],4)):e.createCommentVNode("",!0),s.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-xs",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(s.$slots,"sublegenda",{},()=>[e.createTextVNode(e.toDisplayString(t.sublegenda),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),s.$slots.actions||t.botaoVisivel||t.exportar?(e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(s.$slots,"actions",{},()=>[t.botaoVisivel?(e.openBlock(),e.createElementBlock("button",{key:0,class:"card-barra__btn inline-flex align-items-center",style:e.normalizeStyle({color:e.unref(o).text,borderColor:e.unref($)(e.unref(o).text,.18)}),onClick:y},[e.createElementVNode("span",null,e.toDisplayString(t.textoBotao),1)],4)):e.createCommentVNode("",!0)],!0),t.exportar?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"card-barra__exportar inline-flex align-items-center justify-content-center",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:D,innerHTML:e.unref(q)},null,12,Ie)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),s.$slots.titulo||t.titulo||s.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",We,[s.$slots.titulo||t.titulo?(e.openBlock(),e.createElementBlock("div",{key:0,class:"m-0 text-3xl font-semibold",style:e.normalizeStyle({color:e.unref(o).text,lineHeight:"33px",letterSpacing:"-1px"})},[e.renderSlot(s.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.titulo),1)],!0)],4)):e.createCommentVNode("",!0),s.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-sm mt-1",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(s.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.descricao),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Xe,[e.createVNode(Q,{type:"bar",data:j.value,options:b.value,plugins:I.value,height:t.height},null,8,["data","options","plugins","height"])]),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-e1f47bcc"]]),Je={class:"card-polar__topo flex align-items-start justify-content-between gap-3"},Qe={key:0,class:"card-polar__legendas flex flex-column"},Ue={key:1,class:"card-polar__actions inline-flex align-items-center gap-2"},Ge=["innerHTML"],Ze={class:"card-polar__corpo flex align-items-center gap-4"},Ke={class:"card-polar__tabela flex flex-column"},ve={class:"card-polar__tabela-valor"},et={class:"card-polar__tabela-rotulo inline-flex align-items-center gap-2"},tt={class:"card-polar__tabela-valor"},ot={class:"card-polar__chart-wrap flex align-items-center justify-content-center"},at={class:"card-polar__chart"},rt={key:0,class:"card-polar__centro-bottom"},lt={key:0,class:"card-polar__footer mt-3"},ie=J({__name:"CardPolar",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},cores:{type:Array,default:()=>["#0A1A6B","#1535B5","#1A5FD4","#2F8DDF","#5BB1E8","#93D0F0","#CDEAF6"]},textoBotao:{type:String,default:"Ver mais"},botaoVisivel:{type:Boolean,default:!1},direcao:{type:String,default:"right",validator:t=>["left","right","top","bottom"].includes(t)},rotuloCategoria:{type:String,default:"Categoria"},rotuloQuantidade:{type:String,default:"Quantidade"},mostrarCabecalho:{type:Boolean,default:!0},tipoValor:{type:String,default:"numero",validator:t=>["numero","moeda","percentual"].includes(t)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Vendas",quantidade:4200},{rotulo:"Serviços",quantidade:3100},{rotulo:"Assinaturas",quantidade:2450},{rotulo:"Licenças",quantidade:1800},{rotulo:"Suporte",quantidade:1250},{rotulo:"Treinamentos",quantidade:820},{rotulo:"Outros",quantidade:410}]},height:{type:[String,Number],default:260},mostrarLinhasGrade:{type:Boolean,default:!0},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-polar.png"}},emits:["botaoAcao","exportado"],setup(t,{emit:d}){const a=t,n=d,{palette:o,cardStyle:S}=U(a),{formatar:u}=K(a),E=e.ref(null),q=Z;async function D(){await G(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=e.computed(()=>`card-polar--${a.direcao}`),V=e.computed(()=>a.data.map((r,g)=>a.cores[g%a.cores.length])),L=e.computed(()=>({labels:a.data.map(r=>r.rotulo),datasets:[{data:a.data.map(r=>r.quantidade),backgroundColor:V.value,borderColor:V.value,borderWidth:0,hoverOffset:6}]}));function H(r){const{chart:g,tooltip:b}=r,y=v(g);if(!y)return;const i=oe(y);if(b.opacity===0){i.style.opacity="0";return}const z=b.title||[],C=b.dataPoints&&b.dataPoints[0],I=C?V.value[C.dataIndex]:"#3B82F6",s=C?u(C.parsed.r??C.parsed):"",f=i.querySelector(".nc-tt__content");f.innerHTML=`<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${z.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${I};box-shadow:0 0 0 2px ${$(I,.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${s}</span></div>`;const{offsetLeft:l,offsetTop:p}=g.canvas;i.style.opacity="1",i.style.visibility="hidden",i.style.left="0px",i.style.top="0px";const c=i.offsetWidth,N=i.offsetHeight,h=4,B=ee(l+b.caretX,c,y.clientWidth,h);let x=p+b.caretY;const M=N+16+h;x<M&&(x=M),i.style.left=B+"px",i.style.top=x+"px",i.style.visibility="visible"}const j=e.computed(()=>({responsive:!0,maintainAspectRatio:!1,layout:{padding:4},scales:{r:{beginAtZero:!0,ticks:{display:!1,backdropColor:"transparent"},grid:{display:a.mostrarLinhasGrade,color:$(o.value.muted,.18)},angleLines:{display:a.mostrarLinhasGrade,color:$(o.value.muted,.18)},pointLabels:{display:!1}}},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:H,callbacks:{title:r=>{var g;return((g=r[0])==null?void 0:g.label)??""},label:r=>{var g;return u(((g=r.parsed)==null?void 0:g.r)??r.parsed)}}}}}));function m(){n("botaoAcao")}return(r,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"cardRef",ref:E,class:e.normalizeClass(["card-polar p-4 flex flex-column",k.value]),style:e.normalizeStyle(e.unref(S))},[e.createElementVNode("div",Je,[r.$slots.legenda||t.legenda||r.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",Qe,[r.$slots.legenda||t.legenda?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text-xs font-medium",style:e.normalizeStyle({color:e.unref(o).text,opacity:.95})},[e.renderSlot(r.$slots,"legenda",{},()=>[e.createTextVNode(e.toDisplayString(t.legenda),1)],!0)],4)):e.createCommentVNode("",!0),r.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-xs",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(r.$slots,"sublegenda",{},()=>[e.createTextVNode(e.toDisplayString(t.sublegenda),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),r.$slots.actions||t.botaoVisivel||t.exportar?(e.openBlock(),e.createElementBlock("div",Ue,[e.renderSlot(r.$slots,"actions",{},()=>[t.botaoVisivel?(e.openBlock(),e.createElementBlock("button",{key:0,class:"card-polar__btn inline-flex align-items-center",style:e.normalizeStyle({color:e.unref(o).text,borderColor:e.unref($)(e.unref(o).text,.18)}),onClick:m},[e.createElementVNode("span",null,e.toDisplayString(t.textoBotao),1)],4)):e.createCommentVNode("",!0)],!0),t.exportar?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"card-polar__exportar inline-flex align-items-center justify-content-center",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:D,innerHTML:e.unref(q)},null,12,Ge)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ze,[e.createElementVNode("div",Ke,[t.mostrarCabecalho?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-polar__tabela-cab flex align-items-center justify-content-between",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).muted,.25)})},[e.createElementVNode("span",null,e.toDisplayString(t.rotuloCategoria),1),e.createElementVNode("span",ve,e.toDisplayString(t.rotuloQuantidade),1)],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,(b,y)=>(e.openBlock(),e.createElementBlock("div",{key:y,class:"card-polar__tabela-linha flex align-items-center justify-content-between",style:e.normalizeStyle({color:e.unref(o).text})},[e.createElementVNode("span",et,[e.createElementVNode("span",{class:"card-polar__bolinha",style:e.normalizeStyle({background:V.value[y]})},null,4),e.createElementVNode("span",null,e.toDisplayString(b.rotulo),1)]),e.createElementVNode("span",tt,e.toDisplayString(e.unref(u)(b.quantidade)),1)],4))),128))]),e.createElementVNode("div",ot,[e.createElementVNode("div",at,[e.createVNode(Q,{type:"polarArea",data:L.value,options:j.value,height:t.height},null,8,["data","options","height"]),r.$slots.titulo||t.titulo||r.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",rt,[r.$slots.titulo||t.titulo?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-polar__centro-titulo m-0 text-3xl font-semibold",style:e.normalizeStyle({color:e.unref(o).text,lineHeight:"33px",letterSpacing:"-1px"})},[e.renderSlot(r.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.titulo),1)],!0)],4)):e.createCommentVNode("",!0),r.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",{key:1,class:"card-polar__centro-desc",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(r.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.descricao),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])]),r.$slots.footer?(e.openBlock(),e.createElementBlock("div",lt,[e.renderSlot(r.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-32e940e9"]]),nt={class:"card-progresso__topo flex align-items-start justify-content-between gap-3"},it={key:0,class:"card-progresso__legendas flex flex-column"},st={key:1,class:"card-progresso__actions inline-flex align-items-center gap-2"},ct=["innerHTML"],dt={key:0,class:"card-progresso__titulos mt-3 mb-2 flex flex-column"},mt={class:"card-progresso__corpo flex align-items-center gap-4 flex-wrap"},ft={key:0,class:"card-progresso__chart-wrap flex align-items-center justify-content-center"},pt={class:"card-progresso__chart"},ut={class:"card-progresso__centro flex flex-column align-items-center justify-content-center"},gt={class:"card-progresso__lista flex flex-column"},yt={class:"card-progresso__item-cab flex align-items-center justify-content-between"},bt={key:1,class:"card-progresso__footer mt-3"},se=J({__name:"CardProgresso",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},cores:{type:Array,default:()=>["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#06B6D4","#EC4899"]},corDetalhes:{type:String,default:"#3B82F6"},textoBotao:{type:String,default:"Ver mais"},botaoVisivel:{type:Boolean,default:!1},direcao:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},formato:{type:String,default:"linear",validator:t=>["linear","circular"].includes(t)},tipoValor:{type:String,default:"numero",validator:t=>["numero","moeda","percentual"].includes(t)},locale:{type:String,default:"pt-BR"},moeda:{type:String,default:"BRL"},data:{type:Array,default:()=>[{rotulo:"Vendas",quantidade:72,meta:100},{rotulo:"Serviços",quantidade:48,meta:80},{rotulo:"Assinaturas",quantidade:35,meta:60},{rotulo:"Suporte",quantidade:18,meta:40}]},metaPadrao:{type:Number,default:100},mostrarValor:{type:Boolean,default:!0},mostrarPercentual:{type:Boolean,default:!0},alturaBarra:{type:[String,Number],default:8},raioBarra:{type:[String,Number],default:"999px"},height:{type:[String,Number],default:220},cutout:{type:[String,Number],default:"78%"},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-progresso.png"}},emits:["botaoAcao","exportado"],setup(t,{emit:d}){const a=t,n=d,{palette:o,cardStyle:S}=U(a),{formatar:u}=K(a),E=e.ref(null),q=Z;async function D(){await G(E.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}const k=e.computed(()=>`card-progresso--${a.direcao}`),V=e.computed(()=>a.data.map((i,z)=>{const C=Number(i.meta??a.metaPadrao)||0,I=Number(i.quantidade)||0,s=i.cor||a.cores[z%a.cores.length],f=C>0?Math.max(0,Math.min(100,I/C*100)):0;return{rotulo:i.rotulo,quantidade:I,meta:C,cor:s,percentual:f}})),L=e.computed(()=>typeof a.alturaBarra=="number"?`${a.alturaBarra}px`:a.alturaBarra),H=e.computed(()=>typeof a.raioBarra=="number"?`${a.raioBarra}px`:a.raioBarra),j=e.computed(()=>V.value.reduce((i,z)=>i+z.quantidade,0)),m=e.computed(()=>V.value.reduce((i,z)=>i+z.meta,0)),r=e.computed(()=>m.value<=0?0:Math.max(0,Math.min(100,j.value/m.value*100))),g=e.computed(()=>{const i=Math.max(0,100-r.value),z=a.corDetalhes;return{labels:["Progresso","Restante"],datasets:[{data:[r.value,i],backgroundColor:[z,$(o.value.muted,.15)],borderWidth:0,borderColor:"transparent",hoverOffset:0,spacing:0}]}}),b=e.computed(()=>({responsive:!0,maintainAspectRatio:!1,cutout:a.cutout,rotation:-90,circumference:360,layout:{padding:4},plugins:{legend:{display:!1},tooltip:{enabled:!1}}}));function y(){n("botaoAcao")}return(i,z)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"cardRef",ref:E,class:e.normalizeClass(["card-progresso p-4 flex flex-column",k.value]),style:e.normalizeStyle(e.unref(S))},[e.createElementVNode("div",nt,[i.$slots.legenda||t.legenda||i.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",it,[i.$slots.legenda||t.legenda?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text-xs font-medium",style:e.normalizeStyle({color:e.unref(o).text,opacity:.95})},[e.renderSlot(i.$slots,"legenda",{},()=>[e.createTextVNode(e.toDisplayString(t.legenda),1)],!0)],4)):e.createCommentVNode("",!0),i.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-xs",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(i.$slots,"sublegenda",{},()=>[e.createTextVNode(e.toDisplayString(t.sublegenda),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),i.$slots.actions||t.botaoVisivel||t.exportar?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(i.$slots,"actions",{},()=>[t.botaoVisivel?(e.openBlock(),e.createElementBlock("button",{key:0,class:"card-progresso__btn inline-flex align-items-center",style:e.normalizeStyle({color:e.unref(o).text,borderColor:e.unref($)(e.unref(o).text,.18)}),onClick:y},[e.createElementVNode("span",null,e.toDisplayString(t.textoBotao),1)],4)):e.createCommentVNode("",!0)],!0),t.exportar?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"card-progresso__exportar inline-flex align-items-center justify-content-center",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:D,innerHTML:e.unref(q)},null,12,ct)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),i.$slots.titulo||t.titulo||i.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",dt,[i.$slots.titulo||t.titulo?(e.openBlock(),e.createElementBlock("div",{key:0,class:"m-0 text-3xl font-semibold",style:e.normalizeStyle({color:e.unref(o).text,lineHeight:"33px",letterSpacing:"-1px"})},[e.renderSlot(i.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.titulo),1)],!0)],4)):e.createCommentVNode("",!0),i.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text-sm mt-1",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(i.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.descricao),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",mt,[t.formato==="circular"?(e.openBlock(),e.createElementBlock("div",ft,[e.createElementVNode("div",pt,[e.createVNode(Q,{type:"doughnut",data:g.value,options:b.value,height:t.height},null,8,["data","options","height"]),e.createElementVNode("div",ut,[e.createElementVNode("div",{class:"card-progresso__centro-valor",style:e.normalizeStyle({color:e.unref(o).text})},e.toDisplayString(Math.round(r.value))+"% ",5),e.createElementVNode("div",{class:"card-progresso__centro-desc",style:e.normalizeStyle({color:e.unref(o).muted})},e.toDisplayString(e.unref(u)(j.value))+" / "+e.toDisplayString(e.unref(u)(m.value)),5)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(C,I)=>(e.openBlock(),e.createElementBlock("div",{key:I,class:"card-progresso__item flex flex-column"},[e.createElementVNode("div",yt,[e.createElementVNode("span",{class:"card-progresso__item-rotulo inline-flex align-items-center gap-2",style:e.normalizeStyle({color:e.unref(o).text})},[e.createElementVNode("span",{class:"card-progresso__bolinha",style:e.normalizeStyle({background:C.cor})},null,4),e.createElementVNode("span",null,e.toDisplayString(C.rotulo),1)],4),t.mostrarValor||t.mostrarPercentual?(e.openBlock(),e.createElementBlock("span",{key:0,class:"card-progresso__item-valor inline-flex align-items-baseline gap-2",style:e.normalizeStyle({color:e.unref(o).text})},[t.mostrarValor?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(u)(C.quantidade)),1),C.meta?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:e.unref(o).muted})}," / "+e.toDisplayString(e.unref(u)(C.meta)),5)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.mostrarPercentual?(e.openBlock(),e.createElementBlock("span",{key:1,class:"card-progresso__item-pct",style:e.normalizeStyle({color:e.unref(o).muted})},e.toDisplayString(Math.round(C.percentual))+"% ",5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"card-progresso__trilha w-full",style:e.normalizeStyle({height:L.value,borderRadius:H.value,background:e.unref($)(e.unref(o).muted,.15)})},[e.createElementVNode("div",{class:"card-progresso__preenchimento",style:e.normalizeStyle({width:C.percentual+"%",background:C.cor,borderRadius:H.value})},null,4)],4)]))),128))])]),i.$slots.footer?(e.openBlock(),e.createElementBlock("div",bt,[e.renderSlot(i.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-b5d915fb"]]),ht={key:0,class:"card-base__topo"},xt=["innerHTML"],St={class:"card-base__legendas flex flex-column"},kt={key:1,class:"card-base__titulos flex flex-column"},Bt={key:2,class:"card-base__acao flex"},Et={key:3,class:"card-base__footer"},ce=J({__name:"CardBase",props:{legenda:{type:String,default:null},sublegenda:{type:String,default:null},titulo:{type:String,default:null},descricao:{type:String,default:null},tema:{type:String,default:"light"},corFundo:{type:String,default:null},corTexto:{type:String,default:null},corBorda:{type:String,default:"#EAE8E8"},borderRadius:{type:[String,Number],default:"1rem"},sombra:{type:String,default:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)"},textoBotao:{type:String,default:"Ver Todos"},botaoVisivel:{type:Boolean,default:!0},alinhamento:{type:String,default:"left",validator:t=>["left","center","right"].includes(t)},exportar:{type:Boolean,default:!1},nomeArquivoExport:{type:String,default:"card-base.png"}},emits:["botaoAcao","exportado"],setup(t,{emit:d}){const a=t,n=d,{palette:o,cardStyle:S}=U(a),u=e.ref(null),E=Z;function q(){n("botaoAcao")}async function D(){await G(u.value,{nomeArquivo:a.nomeArquivoExport,corFundo:o.value.bg!=="transparent"?o.value.bg:null}),n("exportado")}return(k,V)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"cardRef",ref:u,class:e.normalizeClass(["card-base p-4 flex flex-column",`card-base--${t.alinhamento}`]),style:e.normalizeStyle(e.unref(S))},[t.exportar?(e.openBlock(),e.createElementBlock("div",ht,[e.createElementVNode("button",{type:"button",class:"card-base__exportar inline-flex align-items-center justify-content-center",style:e.normalizeStyle({color:e.unref(o).muted,borderColor:e.unref($)(e.unref(o).text==="inherit"?"#0F172A":e.unref(o).text,.18)}),title:"Exportar como imagem","aria-label":"Exportar como imagem",onClick:D,innerHTML:e.unref(E)},null,12,xt)])):e.createCommentVNode("",!0),e.createElementVNode("div",St,[k.$slots.legenda||t.legenda?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-base__legenda text-xs",style:e.normalizeStyle({color:e.unref(o).text})},[e.renderSlot(k.$slots,"legenda",{},()=>[e.createTextVNode(e.toDisplayString(t.legenda),1)],!0)],4)):e.createCommentVNode("",!0),k.$slots.sublegenda||t.sublegenda?(e.openBlock(),e.createElementBlock("div",{key:1,class:"card-base__sublegenda text-xs",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(k.$slots,"sublegenda",{},()=>[e.createTextVNode(e.toDisplayString(t.sublegenda),1)],!0)],4)):e.createCommentVNode("",!0)]),k.$slots.titulo||t.titulo||k.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",kt,[k.$slots.titulo||t.titulo?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-base__titulo m-0 text-3xl font-semibold",style:e.normalizeStyle({color:e.unref(o).text,lineHeight:"33px",letterSpacing:"-1px"})},[e.renderSlot(k.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.titulo),1)],!0)],4)):e.createCommentVNode("",!0),k.$slots.descricao||t.descricao?(e.openBlock(),e.createElementBlock("div",{key:1,class:"card-base__descricao",style:e.normalizeStyle({color:e.unref(o).muted})},[e.renderSlot(k.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.descricao),1)],!0)],4)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),k.$slots.acao||t.botaoVisivel?(e.openBlock(),e.createElementBlock("div",Bt,[e.renderSlot(k.$slots,"acao",{},()=>[t.botaoVisivel?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"card-base__link inline-flex align-items-center",style:e.normalizeStyle({color:e.unref(o).text}),onClick:q},[e.createElementVNode("span",null,e.toDisplayString(t.textoBotao),1),V[0]||(V[0]=e.createElementVNode("span",{class:"card-base__chevron","aria-hidden":"true"},"›",-1))],4)):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),k.$slots.footer?(e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(k.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}},[["__scopeId","data-v-f7887419"]]),Ct={install(t){t.component("ChartBase",Q),t.component("CardBase",ce),t.component("CardLinhas",re),t.component("CardPizza",le),t.component("CardBarra",ne),t.component("CardPolar",ie),t.component("CardProgresso",se)}};O.CardBarra=ne,O.CardBase=ce,O.CardLinhas=re,O.CardPizza=le,O.CardPolar=ie,O.CardProgresso=se,O.ChartBase=Q,O.default=Ct,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.nc-chart-wrapper[data-v-32d30c2c]{position:relative}.card-linhas[data-v-5957ee17]{display:flex;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-linhas__header[data-v-5957ee17]{display:flex;flex-direction:column}.card-linhas__topo[data-v-5957ee17]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-linhas__legendas[data-v-5957ee17]{min-width:0;flex:1 1 auto}.card-linhas__actions[data-v-5957ee17]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-linhas__exportar[data-v-5957ee17]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-linhas__exportar[data-v-5957ee17]:hover{opacity:.7}.card-linhas__exportar[data-v-5957ee17] svg{display:block}.card-linhas__chart[data-v-5957ee17]{flex:1 1 auto;min-width:0;min-height:0}.card-linhas--top[data-v-5957ee17]{flex-direction:column}.card-linhas--bottom[data-v-5957ee17]{flex-direction:column-reverse}.card-linhas--top .card-linhas__chart[data-v-5957ee17],.card-linhas--bottom .card-linhas__chart[data-v-5957ee17]{margin-left:-1.25rem;margin-right:-1.25rem}.card-linhas--top .card-linhas__chart[data-v-5957ee17]{margin-bottom:-.5rem}.card-linhas--bottom .card-linhas__chart[data-v-5957ee17]{margin-top:-.5rem}.card-linhas--left[data-v-5957ee17]{flex-direction:row;align-items:stretch}.card-linhas--left .card-linhas__header[data-v-5957ee17]{flex:0 0 35%;justify-content:center}.card-linhas--right[data-v-5957ee17]{flex-direction:row-reverse;align-items:stretch}.card-linhas--right .card-linhas__header[data-v-5957ee17]{flex:0 0 35%;justify-content:center}.card-linhas__btn[data-v-5957ee17]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-linhas__btn[data-v-5957ee17]:hover{opacity:.75}@media (max-width: 640px){.card-linhas[data-v-5957ee17]{gap:.75rem}.card-linhas__topo[data-v-5957ee17]{flex-wrap:wrap}.card-linhas--left[data-v-5957ee17],.card-linhas--right[data-v-5957ee17]{flex-direction:column;align-items:stretch}.card-linhas--left .card-linhas__header[data-v-5957ee17],.card-linhas--right .card-linhas__header[data-v-5957ee17]{flex:0 0 auto}.card-linhas--left .card-linhas__chart[data-v-5957ee17],.card-linhas--right .card-linhas__chart[data-v-5957ee17]{margin-left:-1.25rem;margin-right:-1.25rem}.card-linhas__titulos[data-v-5957ee17] .text-4xl,.card-linhas__titulos .text-4xl[data-v-5957ee17]{font-size:1.75rem!important;line-height:1.15!important}.card-linhas__btn[data-v-5957ee17]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-linhas__titulos .text-4xl[data-v-5957ee17]{font-size:1.4rem!important}}.card-pizza[data-v-b1c30a0b]{display:flex;flex-direction:column;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-pizza__topo[data-v-b1c30a0b]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-pizza__corpo[data-v-b1c30a0b]{display:flex;gap:1.5rem;align-items:center;flex:1 1 auto;min-height:0}.card-pizza--right .card-pizza__corpo[data-v-b1c30a0b]{flex-direction:row}.card-pizza--left .card-pizza__corpo[data-v-b1c30a0b]{flex-direction:row-reverse}.card-pizza--bottom .card-pizza__corpo[data-v-b1c30a0b]{flex-direction:column;align-items:stretch}.card-pizza--top .card-pizza__corpo[data-v-b1c30a0b]{flex-direction:column-reverse;align-items:stretch}.card-pizza--top .card-pizza__chart[data-v-b1c30a0b],.card-pizza--bottom .card-pizza__chart[data-v-b1c30a0b]{max-width:320px;margin:0 auto}.card-pizza__legendas[data-v-b1c30a0b]{min-width:0;flex:1 1 auto}.card-pizza__actions[data-v-b1c30a0b]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-pizza__exportar[data-v-b1c30a0b]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-pizza__exportar[data-v-b1c30a0b]:hover{opacity:.7}.card-pizza__exportar[data-v-b1c30a0b] svg{display:block}.card-pizza__tabela[data-v-b1c30a0b]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.card-pizza__tabela-cab[data-v-b1c30a0b]{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:500;padding:0 0 .5rem;border-bottom:1px solid}.card-pizza__tabela-linha[data-v-b1c30a0b]{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.8rem}.card-pizza__tabela-rotulo[data-v-b1c30a0b]{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.card-pizza__tabela-valor[data-v-b1c30a0b]{font-variant-numeric:tabular-nums;font-weight:500}.card-pizza__bolinha[data-v-b1c30a0b]{width:8px;height:8px;border-radius:999px;flex:0 0 auto;display:inline-block}.card-pizza__chart-wrap[data-v-b1c30a0b]{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.card-pizza__chart[data-v-b1c30a0b]{position:relative;width:100%;min-width:220px}.card-pizza__centro[data-v-b1c30a0b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 1rem}.card-pizza__centro-titulo[data-v-b1c30a0b]{font-size:1.15rem;font-weight:600;line-height:1.2}.card-pizza__centro-desc[data-v-b1c30a0b]{font-size:.85rem;margin-top:.15rem}.card-pizza__btn[data-v-b1c30a0b]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-pizza__btn[data-v-b1c30a0b]:hover{opacity:.75}@media (max-width: 640px){.card-pizza[data-v-b1c30a0b]{gap:.75rem}.card-pizza__topo[data-v-b1c30a0b]{flex-wrap:wrap}.card-pizza--left .card-pizza__corpo[data-v-b1c30a0b],.card-pizza--right .card-pizza__corpo[data-v-b1c30a0b]{flex-direction:column;align-items:stretch;gap:1rem}.card-pizza__chart-wrap[data-v-b1c30a0b]{width:100%}.card-pizza__chart[data-v-b1c30a0b]{max-width:280px;min-width:0;margin:0 auto}.card-pizza__centro-titulo[data-v-b1c30a0b]{font-size:1rem}.card-pizza__centro-desc[data-v-b1c30a0b],.card-pizza__tabela-linha[data-v-b1c30a0b]{font-size:.78rem}.card-pizza__btn[data-v-b1c30a0b]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-pizza__chart[data-v-b1c30a0b]{max-width:220px}.card-pizza__centro-titulo[data-v-b1c30a0b]{font-size:.9rem}}.card-barra[data-v-a2aca0e2]{display:flex;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-barra__header[data-v-a2aca0e2]{display:flex;flex-direction:column}.card-barra__topo[data-v-a2aca0e2]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-barra__legendas[data-v-a2aca0e2]{min-width:0;flex:1 1 auto}.card-barra__actions[data-v-a2aca0e2]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-barra__exportar[data-v-a2aca0e2]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-barra__exportar[data-v-a2aca0e2]:hover{opacity:.7}.card-barra__exportar[data-v-a2aca0e2] svg{display:block}.card-barra__chart[data-v-a2aca0e2]{flex:1 1 auto;min-width:0;min-height:0}.card-barra--top[data-v-a2aca0e2]{flex-direction:column}.card-barra--bottom[data-v-a2aca0e2]{flex-direction:column-reverse}.card-barra--top .card-barra__chart[data-v-a2aca0e2],.card-barra--bottom .card-barra__chart[data-v-a2aca0e2]{margin-left:-.5rem;margin-right:-.5rem}.card-barra--top .card-barra__chart[data-v-a2aca0e2]{margin-bottom:-.5rem}.card-barra--bottom .card-barra__chart[data-v-a2aca0e2]{margin-top:-.5rem}.card-barra--left[data-v-a2aca0e2]{flex-direction:row;align-items:stretch}.card-barra--left .card-barra__header[data-v-a2aca0e2]{flex:0 0 35%;justify-content:center}.card-barra--right[data-v-a2aca0e2]{flex-direction:row-reverse;align-items:stretch}.card-barra--right .card-barra__header[data-v-a2aca0e2]{flex:0 0 35%;justify-content:center}.card-barra__btn[data-v-a2aca0e2]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-barra__btn[data-v-a2aca0e2]:hover{opacity:.75}.card-polar[data-v-76970135]{display:flex;flex-direction:column;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-polar__topo[data-v-76970135]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-polar__corpo[data-v-76970135]{display:flex;gap:1.5rem;align-items:center;flex:1 1 auto;min-height:0}.card-polar--right .card-polar__corpo[data-v-76970135]{flex-direction:row}.card-polar--left .card-polar__corpo[data-v-76970135]{flex-direction:row-reverse}.card-polar--bottom .card-polar__corpo[data-v-76970135]{flex-direction:column;align-items:stretch}.card-polar--top .card-polar__corpo[data-v-76970135]{flex-direction:column-reverse;align-items:stretch}.card-polar--top .card-polar__chart[data-v-76970135],.card-polar--bottom .card-polar__chart[data-v-76970135]{max-width:320px;margin:0 auto}.card-polar__legendas[data-v-76970135]{min-width:0;flex:1 1 auto}.card-polar__actions[data-v-76970135]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-polar__exportar[data-v-76970135]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-polar__exportar[data-v-76970135]:hover{opacity:.7}.card-polar__exportar[data-v-76970135] svg{display:block}.card-polar__tabela[data-v-76970135]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.card-polar__tabela-cab[data-v-76970135]{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:500;padding:0 0 .5rem;border-bottom:1px solid}.card-polar__tabela-linha[data-v-76970135]{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.8rem}.card-polar__tabela-rotulo[data-v-76970135]{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.card-polar__tabela-valor[data-v-76970135]{font-variant-numeric:tabular-nums;font-weight:500}.card-polar__bolinha[data-v-76970135]{width:8px;height:8px;border-radius:999px;flex:0 0 auto;display:inline-block}.card-polar__chart-wrap[data-v-76970135]{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.card-polar__chart[data-v-76970135]{position:relative;width:100%;min-width:220px}.card-polar__centro-bottom[data-v-76970135]{text-align:center;margin-top:.5rem}.card-polar__centro-titulo[data-v-76970135]{font-size:1.15rem;font-weight:600;line-height:1.2}.card-polar__centro-desc[data-v-76970135]{font-size:.85rem;margin-top:.15rem}.card-polar__btn[data-v-76970135]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-polar__btn[data-v-76970135]:hover{opacity:.75}@media (max-width: 640px){.card-polar[data-v-76970135]{gap:.75rem}.card-polar__topo[data-v-76970135]{flex-wrap:wrap}.card-polar--left .card-polar__corpo[data-v-76970135],.card-polar--right .card-polar__corpo[data-v-76970135]{flex-direction:column;align-items:stretch;gap:1rem}.card-polar__chart-wrap[data-v-76970135]{width:100%}.card-polar__chart[data-v-76970135]{max-width:280px;min-width:0;margin:0 auto}.card-polar__centro-titulo[data-v-76970135]{font-size:1rem}.card-polar__centro-desc[data-v-76970135],.card-polar__tabela-linha[data-v-76970135]{font-size:.78rem}.card-polar__btn[data-v-76970135]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-polar__chart[data-v-76970135]{max-width:220px}.card-polar__centro-titulo[data-v-76970135]{font-size:.9rem}}.card-progresso[data-v-aa7e8576]{display:flex;flex-direction:column;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-progresso__topo[data-v-aa7e8576]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-progresso__legendas[data-v-aa7e8576]{min-width:0;flex:1 1 auto}.card-progresso__actions[data-v-aa7e8576]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-progresso__exportar[data-v-aa7e8576]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-progresso__exportar[data-v-aa7e8576]:hover{opacity:.7}.card-progresso__exportar[data-v-aa7e8576] svg{display:block}.card-progresso__corpo[data-v-aa7e8576]{display:flex;gap:1.5rem;align-items:center;flex:1 1 auto;min-height:0;flex-wrap:wrap}.card-progresso--top .card-progresso__corpo[data-v-aa7e8576]{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.card-progresso--bottom .card-progresso__corpo[data-v-aa7e8576]{flex-direction:column-reverse;align-items:stretch;flex-wrap:nowrap}.card-progresso--right .card-progresso__corpo[data-v-aa7e8576]{flex-direction:row-reverse}.card-progresso--left .card-progresso__corpo[data-v-aa7e8576]{flex-direction:row}.card-progresso__chart-wrap[data-v-aa7e8576]{flex:0 1 200px;display:flex;align-items:center;justify-content:center;min-width:0}.card-progresso--top .card-progresso__chart-wrap[data-v-aa7e8576],.card-progresso--bottom .card-progresso__chart-wrap[data-v-aa7e8576]{flex:0 0 auto;width:100%;max-width:280px;margin:0 auto}.card-progresso__chart[data-v-aa7e8576]{position:relative;width:100%}@media (max-width: 640px){.card-progresso[data-v-aa7e8576]{gap:.75rem}.card-progresso__topo[data-v-aa7e8576]{flex-wrap:wrap}.card-progresso--left .card-progresso__corpo[data-v-aa7e8576],.card-progresso--right .card-progresso__corpo[data-v-aa7e8576]{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.card-progresso--left .card-progresso__chart-wrap[data-v-aa7e8576],.card-progresso--right .card-progresso__chart-wrap[data-v-aa7e8576]{flex:0 0 auto;width:100%;max-width:240px;margin:0 auto}.card-progresso__titulos[data-v-aa7e8576] .text-4xl,.card-progresso__titulos .text-4xl[data-v-aa7e8576]{font-size:1.75rem!important;line-height:1.15!important}.card-progresso__centro-valor[data-v-aa7e8576]{font-size:1.35rem}.card-progresso__centro-desc[data-v-aa7e8576]{font-size:.72rem}.card-progresso__item-cab[data-v-aa7e8576]{font-size:.78rem;gap:.5rem}.card-progresso__btn[data-v-aa7e8576]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-progresso__titulos .text-4xl[data-v-aa7e8576]{font-size:1.4rem!important}.card-progresso__item-cab[data-v-aa7e8576]{flex-wrap:wrap}}.card-progresso__centro[data-v-aa7e8576]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 1rem}.card-progresso__centro-valor[data-v-aa7e8576]{font-size:1.6rem;font-weight:600;line-height:1.1;letter-spacing:-.01em}.card-progresso__centro-desc[data-v-aa7e8576]{font-size:.78rem;margin-top:.2rem;font-variant-numeric:tabular-nums}.card-progresso__lista[data-v-aa7e8576]{display:flex;flex-direction:column;gap:.85rem;flex:1 1 auto;min-width:0}.card-progresso__item[data-v-aa7e8576]{display:flex;flex-direction:column;gap:.4rem}.card-progresso__item-cab[data-v-aa7e8576]{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem}.card-progresso__item-rotulo[data-v-aa7e8576]{display:inline-flex;align-items:center;gap:.55rem;min-width:0;font-weight:500}.card-progresso__item-valor[data-v-aa7e8576]{display:inline-flex;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums;font-weight:500}.card-progresso__item-pct[data-v-aa7e8576]{font-size:.72rem;font-weight:500}.card-progresso__bolinha[data-v-aa7e8576]{width:8px;height:8px;border-radius:999px;flex:0 0 auto;display:inline-block}.card-progresso__trilha[data-v-aa7e8576]{width:100%;overflow:hidden;position:relative}.card-progresso__preenchimento[data-v-aa7e8576]{height:100%;transition:width .4s ease}.card-progresso__btn[data-v-aa7e8576]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-progresso__btn[data-v-aa7e8576]:hover{opacity:.75}.card-base[data-v-6ff630fc]{display:flex;flex-direction:column;gap:1.25rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif;position:relative}.card-base--left[data-v-6ff630fc]{text-align:left;align-items:stretch}.card-base--center[data-v-6ff630fc]{text-align:center;align-items:center}.card-base--right[data-v-6ff630fc]{text-align:right;align-items:flex-end}.card-base__topo[data-v-6ff630fc]{position:absolute;top:.75rem;right:.75rem}.card-base__legendas[data-v-6ff630fc]{display:flex;flex-direction:column;gap:.15rem}.card-base__legenda[data-v-6ff630fc]{font-size:.82rem;font-weight:600;line-height:1.2;letter-spacing:-.005em}.card-base__sublegenda[data-v-6ff630fc]{font-size:.78rem;font-weight:400;line-height:1.2}.card-base__titulos[data-v-6ff630fc]{display:flex;flex-direction:column;gap:.25rem}.card-base__titulo[data-v-6ff630fc]{font-size:1.85rem;font-weight:700;line-height:1.15;letter-spacing:-.015em}.card-base__descricao[data-v-6ff630fc]{font-size:.95rem;font-weight:400;line-height:1.3}.card-base__acao[data-v-6ff630fc]{display:flex}.card-base--center .card-base__acao[data-v-6ff630fc]{justify-content:center}.card-base--right .card-base__acao[data-v-6ff630fc]{justify-content:flex-end}.card-base__link[data-v-6ff630fc]{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;padding:0;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .2s ease}.card-base__link[data-v-6ff630fc]:hover{opacity:.7}.card-base__chevron[data-v-6ff630fc]{font-size:1.1rem;line-height:1;font-weight:400;transform:translateY(-1px)}.card-base__exportar[data-v-6ff630fc]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-base__exportar[data-v-6ff630fc]:hover{opacity:.7}.card-base__exportar[data-v-6ff630fc] svg{display:block}.card-base__footer[data-v-6ff630fc]{margin-top:.25rem}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.nc-chart-wrapper[data-v-9828990e]{position:relative}.card-linhas[data-v-2ab2b571]{display:flex;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-linhas__header[data-v-2ab2b571]{display:flex;flex-direction:column;padding:1rem}.card-linhas__topo[data-v-2ab2b571]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-linhas__legendas[data-v-2ab2b571]{min-width:0;flex:1 1 auto}.card-linhas__actions[data-v-2ab2b571]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-linhas__exportar[data-v-2ab2b571]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-linhas__exportar[data-v-2ab2b571]:hover{opacity:.7}.card-linhas__exportar[data-v-2ab2b571] svg{display:block}.card-linhas__chart[data-v-2ab2b571]{flex:1 1 auto;min-width:0;min-height:0}.card-linhas--top[data-v-2ab2b571]{flex-direction:column;padding:0!important}.card-linhas--bottom[data-v-2ab2b571]{flex-direction:column-reverse;padding:0!important}.card-linhas--top .card-linhas__chart[data-v-2ab2b571],.card-linhas--bottom .card-linhas__chart[data-v-2ab2b571]{margin-left:0;margin-right:0}.card-linhas--top .card-linhas__chart[data-v-2ab2b571]{margin-bottom:0}.card-linhas--bottom .card-linhas__chart[data-v-2ab2b571]{margin-top:0}.card-linhas--left[data-v-2ab2b571]{flex-direction:row;align-items:stretch}.card-linhas--left .card-linhas__header[data-v-2ab2b571]{flex:0 0 35%;justify-content:center}.card-linhas--right[data-v-2ab2b571]{flex-direction:row-reverse;align-items:stretch}.card-linhas--right .card-linhas__header[data-v-2ab2b571]{flex:0 0 35%;justify-content:center}.card-linhas__btn[data-v-2ab2b571]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-linhas__btn[data-v-2ab2b571]:hover{opacity:.75}@media (max-width: 640px){.card-linhas[data-v-2ab2b571]{gap:.75rem}.card-linhas__topo[data-v-2ab2b571]{flex-wrap:wrap}.card-linhas--left[data-v-2ab2b571],.card-linhas--right[data-v-2ab2b571]{flex-direction:column;align-items:stretch}.card-linhas--left .card-linhas__header[data-v-2ab2b571],.card-linhas--right .card-linhas__header[data-v-2ab2b571]{flex:0 0 auto}.card-linhas--left .card-linhas__chart[data-v-2ab2b571],.card-linhas--right .card-linhas__chart[data-v-2ab2b571]{margin-left:0;margin-right:0}.card-linhas__btn[data-v-2ab2b571]{padding:.4rem .85rem;font-size:.82rem}}.card-pizza[data-v-fd01f68b]{display:flex;flex-direction:column;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-pizza__topo[data-v-fd01f68b]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-pizza__corpo[data-v-fd01f68b]{display:flex;gap:1.5rem;align-items:center;flex:1 1 auto;min-height:0}.card-pizza--right .card-pizza__corpo[data-v-fd01f68b]{flex-direction:row}.card-pizza--left .card-pizza__corpo[data-v-fd01f68b]{flex-direction:row-reverse}.card-pizza--bottom .card-pizza__corpo[data-v-fd01f68b]{flex-direction:column;align-items:stretch}.card-pizza--top .card-pizza__corpo[data-v-fd01f68b]{flex-direction:column-reverse;align-items:stretch}.card-pizza--top .card-pizza__chart[data-v-fd01f68b],.card-pizza--bottom .card-pizza__chart[data-v-fd01f68b]{max-width:320px;margin:0 auto}.card-pizza__legendas[data-v-fd01f68b]{min-width:0;flex:1 1 auto}.card-pizza__actions[data-v-fd01f68b]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-pizza__exportar[data-v-fd01f68b]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-pizza__exportar[data-v-fd01f68b]:hover{opacity:.7}.card-pizza__exportar[data-v-fd01f68b] svg{display:block}.card-pizza__tabela[data-v-fd01f68b]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.card-pizza__tabela-cab[data-v-fd01f68b]{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:500;padding:0 0 .5rem;border-bottom:1px solid}.card-pizza__tabela-linha[data-v-fd01f68b]{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.8rem}.card-pizza__tabela-rotulo[data-v-fd01f68b]{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.card-pizza__tabela-valor[data-v-fd01f68b]{font-variant-numeric:tabular-nums;font-weight:500}.card-pizza__bolinha[data-v-fd01f68b]{width:8px;height:8px;border-radius:999px;flex:0 0 auto;display:inline-block}.card-pizza__chart-wrap[data-v-fd01f68b]{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.card-pizza__chart[data-v-fd01f68b]{position:relative;width:100%;min-width:220px}.card-pizza__centro[data-v-fd01f68b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 1rem}.card-pizza__centro-titulo[data-v-fd01f68b]{font-size:1.25rem;font-weight:600;line-height:1.2;letter-spacing:-.5px}.card-pizza__centro-desc[data-v-fd01f68b]{font-size:.6rem;line-height:1.3;max-width:80px;text-align:center;margin-top:.15rem}.card-pizza__btn[data-v-fd01f68b]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-pizza__btn[data-v-fd01f68b]:hover{opacity:.75}@media (max-width: 640px){.card-pizza[data-v-fd01f68b]{gap:.75rem}.card-pizza__topo[data-v-fd01f68b]{flex-wrap:wrap}.card-pizza--left .card-pizza__corpo[data-v-fd01f68b],.card-pizza--right .card-pizza__corpo[data-v-fd01f68b]{flex-direction:column;align-items:stretch;gap:1rem}.card-pizza__chart-wrap[data-v-fd01f68b]{width:100%}.card-pizza__chart[data-v-fd01f68b]{max-width:280px;min-width:0;margin:0 auto}.card-pizza__centro-titulo[data-v-fd01f68b]{font-size:1.05rem}.card-pizza__centro-desc[data-v-fd01f68b]{font-size:.58rem}.card-pizza__tabela-linha[data-v-fd01f68b]{font-size:.78rem}.card-pizza__btn[data-v-fd01f68b]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-pizza__chart[data-v-fd01f68b]{max-width:220px}.card-pizza__centro-titulo[data-v-fd01f68b]{font-size:.9rem}}.card-barra[data-v-e1f47bcc]{display:flex;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-barra__header[data-v-e1f47bcc]{display:flex;flex-direction:column}.card-barra__topo[data-v-e1f47bcc]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-barra__legendas[data-v-e1f47bcc]{min-width:0;flex:1 1 auto}.card-barra__actions[data-v-e1f47bcc]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-barra__exportar[data-v-e1f47bcc]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-barra__exportar[data-v-e1f47bcc]:hover{opacity:.7}.card-barra__exportar[data-v-e1f47bcc] svg{display:block}.card-barra__chart[data-v-e1f47bcc]{flex:1 1 auto;min-width:0;min-height:0}.card-barra--top[data-v-e1f47bcc]{flex-direction:column}.card-barra--bottom[data-v-e1f47bcc]{flex-direction:column-reverse}.card-barra--top .card-barra__chart[data-v-e1f47bcc],.card-barra--bottom .card-barra__chart[data-v-e1f47bcc]{margin-left:-.5rem;margin-right:-.5rem}.card-barra--top .card-barra__chart[data-v-e1f47bcc]{margin-bottom:-.5rem}.card-barra--bottom .card-barra__chart[data-v-e1f47bcc]{margin-top:-.5rem}.card-barra--left[data-v-e1f47bcc]{flex-direction:row;align-items:stretch}.card-barra--left .card-barra__header[data-v-e1f47bcc]{flex:0 0 35%;justify-content:center}.card-barra--right[data-v-e1f47bcc]{flex-direction:row-reverse;align-items:stretch}.card-barra--right .card-barra__header[data-v-e1f47bcc]{flex:0 0 35%;justify-content:center}.card-barra__btn[data-v-e1f47bcc]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-barra__btn[data-v-e1f47bcc]:hover{opacity:.75}.card-polar[data-v-32e940e9]{display:flex;flex-direction:column;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-polar__topo[data-v-32e940e9]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-polar__corpo[data-v-32e940e9]{display:flex;gap:1.5rem;align-items:center;flex:1 1 auto;min-height:0}.card-polar--right .card-polar__corpo[data-v-32e940e9]{flex-direction:row}.card-polar--left .card-polar__corpo[data-v-32e940e9]{flex-direction:row-reverse}.card-polar--bottom .card-polar__corpo[data-v-32e940e9]{flex-direction:column;align-items:stretch}.card-polar--top .card-polar__corpo[data-v-32e940e9]{flex-direction:column-reverse;align-items:stretch}.card-polar--top .card-polar__chart[data-v-32e940e9],.card-polar--bottom .card-polar__chart[data-v-32e940e9]{max-width:320px;margin:0 auto}.card-polar__legendas[data-v-32e940e9]{min-width:0;flex:1 1 auto}.card-polar__actions[data-v-32e940e9]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-polar__exportar[data-v-32e940e9]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-polar__exportar[data-v-32e940e9]:hover{opacity:.7}.card-polar__exportar[data-v-32e940e9] svg{display:block}.card-polar__tabela[data-v-32e940e9]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.card-polar__tabela-cab[data-v-32e940e9]{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:500;padding:0 0 .5rem;border-bottom:1px solid}.card-polar__tabela-linha[data-v-32e940e9]{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.8rem}.card-polar__tabela-rotulo[data-v-32e940e9]{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.card-polar__tabela-valor[data-v-32e940e9]{font-variant-numeric:tabular-nums;font-weight:500}.card-polar__bolinha[data-v-32e940e9]{width:8px;height:8px;border-radius:999px;flex:0 0 auto;display:inline-block}.card-polar__chart-wrap[data-v-32e940e9]{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.card-polar__chart[data-v-32e940e9]{position:relative;width:100%;min-width:220px}.card-polar__centro-bottom[data-v-32e940e9]{text-align:center;margin-top:.5rem}.card-polar__centro-titulo[data-v-32e940e9]{font-size:1.15rem;font-weight:600;line-height:1.2}.card-polar__centro-desc[data-v-32e940e9]{font-size:.85rem;margin-top:.15rem}.card-polar__btn[data-v-32e940e9]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-polar__btn[data-v-32e940e9]:hover{opacity:.75}@media (max-width: 640px){.card-polar[data-v-32e940e9]{gap:.75rem}.card-polar__topo[data-v-32e940e9]{flex-wrap:wrap}.card-polar--left .card-polar__corpo[data-v-32e940e9],.card-polar--right .card-polar__corpo[data-v-32e940e9]{flex-direction:column;align-items:stretch;gap:1rem}.card-polar__chart-wrap[data-v-32e940e9]{width:100%}.card-polar__chart[data-v-32e940e9]{max-width:280px;min-width:0;margin:0 auto}.card-polar__centro-titulo[data-v-32e940e9]{font-size:1rem}.card-polar__centro-desc[data-v-32e940e9],.card-polar__tabela-linha[data-v-32e940e9]{font-size:.78rem}.card-polar__btn[data-v-32e940e9]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-polar__chart[data-v-32e940e9]{max-width:220px}.card-polar__centro-titulo[data-v-32e940e9]{font-size:.9rem}}.card-progresso[data-v-b5d915fb]{display:flex;flex-direction:column;gap:1rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif}.card-progresso__topo[data-v-b5d915fb]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-progresso__legendas[data-v-b5d915fb]{min-width:0;flex:1 1 auto}.card-progresso__actions[data-v-b5d915fb]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem}.card-progresso__exportar[data-v-b5d915fb]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-progresso__exportar[data-v-b5d915fb]:hover{opacity:.7}.card-progresso__exportar[data-v-b5d915fb] svg{display:block}.card-progresso__corpo[data-v-b5d915fb]{display:flex;gap:1.5rem;align-items:stretch;flex:1 1 auto;min-height:0;flex-wrap:wrap}.card-progresso--top .card-progresso__corpo[data-v-b5d915fb]{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.card-progresso--bottom .card-progresso__corpo[data-v-b5d915fb]{flex-direction:column-reverse;align-items:stretch;flex-wrap:nowrap}.card-progresso--right .card-progresso__corpo[data-v-b5d915fb]{flex-direction:row-reverse}.card-progresso--left .card-progresso__corpo[data-v-b5d915fb]{flex-direction:row}.card-progresso--left .card-progresso__chart-wrap[data-v-b5d915fb],.card-progresso--right .card-progresso__chart-wrap[data-v-b5d915fb]{align-self:center}.card-progresso__chart-wrap[data-v-b5d915fb]{flex:0 1 200px;display:flex;align-items:center;justify-content:center;min-width:0}.card-progresso--top .card-progresso__chart-wrap[data-v-b5d915fb],.card-progresso--bottom .card-progresso__chart-wrap[data-v-b5d915fb]{flex:0 0 auto;width:100%;max-width:280px;margin:0 auto}.card-progresso__chart[data-v-b5d915fb]{position:relative;width:100%}@media (max-width: 640px){.card-progresso[data-v-b5d915fb]{gap:.75rem}.card-progresso__topo[data-v-b5d915fb]{flex-wrap:wrap}.card-progresso--left .card-progresso__corpo[data-v-b5d915fb],.card-progresso--right .card-progresso__corpo[data-v-b5d915fb]{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.card-progresso--left .card-progresso__chart-wrap[data-v-b5d915fb],.card-progresso--right .card-progresso__chart-wrap[data-v-b5d915fb]{flex:0 0 auto;width:100%;max-width:240px;margin:0 auto}.card-progresso__centro-valor[data-v-b5d915fb]{font-size:1.05rem}.card-progresso__centro-desc[data-v-b5d915fb]{font-size:.58rem}.card-progresso__item-cab[data-v-b5d915fb]{font-size:.78rem;gap:.5rem}.card-progresso__btn[data-v-b5d915fb]{padding:.4rem .85rem;font-size:.82rem}}@media (max-width: 380px){.card-progresso__item-cab[data-v-b5d915fb]{flex-wrap:wrap}}.card-progresso__centro[data-v-b5d915fb]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 1rem}.card-progresso__centro-valor[data-v-b5d915fb]{font-size:1.25rem;font-weight:600;line-height:1.2;letter-spacing:-.5px}.card-progresso__centro-desc[data-v-b5d915fb]{font-size:.6rem;line-height:1.3;max-width:80px;margin-top:.15rem;font-variant-numeric:tabular-nums}.card-progresso__lista[data-v-b5d915fb]{display:flex;flex-direction:column;gap:.85rem;flex:1 1 auto;min-width:0;width:100%}.card-progresso--left .card-progresso__lista[data-v-b5d915fb],.card-progresso--right .card-progresso__lista[data-v-b5d915fb]{width:auto}.card-progresso__item[data-v-b5d915fb]{display:flex;flex-direction:column;gap:.4rem}.card-progresso__item-cab[data-v-b5d915fb]{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem}.card-progresso__item-rotulo[data-v-b5d915fb]{display:inline-flex;align-items:center;gap:.55rem;min-width:0;font-weight:500}.card-progresso__item-valor[data-v-b5d915fb]{display:inline-flex;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums;font-weight:500}.card-progresso__item-pct[data-v-b5d915fb]{font-size:.72rem;font-weight:500}.card-progresso__bolinha[data-v-b5d915fb]{width:8px;height:8px;border-radius:999px;flex:0 0 auto;display:inline-block}.card-progresso__trilha[data-v-b5d915fb]{width:100%;overflow:hidden;position:relative}.card-progresso__preenchimento[data-v-b5d915fb]{height:100%;transition:width .4s ease}.card-progresso__btn[data-v-b5d915fb]{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background .2s ease;align-self:flex-start;font-family:inherit}.card-progresso__btn[data-v-b5d915fb]:hover{opacity:.75}.card-base[data-v-f7887419]{display:flex;flex-direction:column;gap:1.25rem;transition:background .2s ease;overflow:hidden;font-family:Inter,sans-serif;position:relative}.card-base--left[data-v-f7887419]{text-align:left;align-items:stretch}.card-base--center[data-v-f7887419]{text-align:center;align-items:center}.card-base--right[data-v-f7887419]{text-align:right;align-items:flex-end}.card-base__topo[data-v-f7887419]{position:absolute;top:.75rem;right:.75rem}.card-base__legendas[data-v-f7887419]{display:flex;flex-direction:column;gap:.15rem}.card-base__legenda[data-v-f7887419]{font-size:.82rem;font-weight:600;line-height:1.2;letter-spacing:-.005em}.card-base__sublegenda[data-v-f7887419]{font-size:.78rem;font-weight:400;line-height:1.2}.card-base__titulos[data-v-f7887419]{display:flex;flex-direction:column;gap:.25rem}.card-base__titulo[data-v-f7887419]{font-size:1.85rem;font-weight:700;line-height:1.15;letter-spacing:-.015em}.card-base__descricao[data-v-f7887419]{font-size:.95rem;font-weight:400;line-height:1.3}.card-base__acao[data-v-f7887419]{display:flex}.card-base--center .card-base__acao[data-v-f7887419]{justify-content:center}.card-base--right .card-base__acao[data-v-f7887419]{justify-content:flex-end}.card-base__link[data-v-f7887419]{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;padding:0;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .2s ease}.card-base__link[data-v-f7887419]:hover{opacity:.7}.card-base__chevron[data-v-f7887419]{font-size:1.1rem;line-height:1;font-weight:400;transform:translateY(-1px)}.card-base__exportar[data-v-f7887419]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid rgba(15,23,42,.18);border-radius:8px;cursor:pointer;transition:opacity .2s ease,background .2s ease;font-family:inherit}.card-base__exportar[data-v-f7887419]:hover{opacity:.7}.card-base__exportar[data-v-f7887419] svg{display:block}.card-base__footer[data-v-f7887419]{margin-top:.25rem}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nemesischart",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Lib de componentes Vue 3 para charts usando Chart.js, PrimeVue e PrimeFlex",
|
|
6
6
|
"type": "module",
|
|
@@ -57,12 +57,17 @@
|
|
|
57
57
|
"prepublishOnly": "npm run build:lib"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"chart.js": "^4.
|
|
61
|
-
"primeflex": "^3.
|
|
62
|
-
"primeicons": "^6.0.
|
|
63
|
-
"primevue": "^3.
|
|
60
|
+
"chart.js": "^4.0.0",
|
|
61
|
+
"primeflex": "^3.0.0 || ^4.0.0",
|
|
62
|
+
"primeicons": "^6.0.0 || ^7.0.0",
|
|
63
|
+
"primevue": "^3.0.0 || ^4.0.0",
|
|
64
64
|
"vue": "^3.4.0"
|
|
65
65
|
},
|
|
66
|
+
"peerDependenciesMeta": {
|
|
67
|
+
"primeflex": { "optional": true },
|
|
68
|
+
"primeicons": { "optional": true },
|
|
69
|
+
"primevue": { "optional": true }
|
|
70
|
+
},
|
|
66
71
|
"devDependencies": {
|
|
67
72
|
"@storybook/addon-essentials": "^8.0.0",
|
|
68
73
|
"@storybook/addon-interactions": "^8.0.0",
|