apexcharts/dist/donut.common.js

A JavaScript Chart Library

/*!
 * ApexCharts v6.6.1
 * (c) 2018-2026 ApexCharts
 */
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("apexcharts/core");function t(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const a=t(e),i=a.__apex_Animations,s=a.__apex_Fill,l=a.__apex_Utils,n=a.__apex_Graphics,r=a.__apex_Filters,o=a.__apex_Scales;class h{constructor(e){this.w=e}drawYAxisTexts(e,t,a,i){const s=this.w,l=s.config.yaxis[0],r=s.formatters.yLabelFormatters[0];return new n(this.w).drawText({x:e+l.labels.offsetX,y:t+l.labels.offsetY,text:r(i,a),textAnchor:"middle",fontSize:l.labels.style.fontSize,fontFamily:l.labels.style.fontFamily,foreColor:Array.isArray(l.labels.style.colors)?l.labels.style.colors[a]:l.labels.style.colors})}getMaxLabelWidth(e,{fontSize:t,fontFamily:a}={}){const i=new n(this.w);let s=0;return e.forEach(e=>{if(null==e||""===e)return;const l=i.getTextRects(`${e}`,t||"12px",a,"");s=Math.max(s,l.width)}),s}drawExternalLabel({lines:e,lineHeight:t,anchor:a,elbow:i,labelX:s,labelY:l,side:r,connector:o,style:h,foreColor:c}){const d=new n(this.w),g=d.group({class:"apexcharts-pie-name-label-group"});if(o.show){const e=`M ${a.x} ${a.y} L ${i.x} ${i.y} L ${s} ${l}`,t=d.drawPath({d:e,stroke:o.color,strokeWidth:o.width,fill:"none",strokeLinecap:"round"});t.node.classList.add("apexcharts-pie-label-connector"),g.add(t)}const p="right"===r?s+4:s-4,f=e.length,b=l-(f-1)*t/2,u=d.drawText({x:p,y:b,text:1===f?e[0]:e,textAnchor:"right"===r?"start":"end",fontSize:h.fontSize,fontFamily:h.fontFamily,fontWeight:h.fontWeight,foreColor:c,dominantBaseline:"central",cssClass:"apexcharts-pie-name-label"});if(f>1){const e=u.node.getElementsByTagName("tspan");for(let a=0;a<e.length;a++)e[a].setAttribute("x",`${p}`),e[a].setAttribute("dy",0===a?"0":`${t}`)}return g.add(u),g}}const c=a.__apex_Environment_Environment;class d{constructor(e,t){this.ctx=t,this.w=e,this.chartType=this.w.config.chart.type,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled,this.animBeginArr=[0],this.animDur=0,this.donutDataLabels=this.w.config.plotOptions.pie.donut.labels,this.lineColorArr=void 0!==e.globals.stroke.colors?e.globals.stroke.colors:e.globals.colors,this.defaultSize=Math.min(e.layout.gridWidth,e.layout.gridHeight),this.centerY=this.defaultSize/2,this.centerX=e.layout.gridWidth/2,"radialBar"===e.config.chart.type?this.fullAngle=360:this.fullAngle=Math.abs(e.config.plotOptions.pie.endAngle-e.config.plotOptions.pie.startAngle),this.initialAngle=e.config.plotOptions.pie.startAngle%this.fullAngle,e.globals.radialSize=this.defaultSize/2.05-e.config.stroke.width-(e.config.chart.sparkline.enabled?0:e.config.chart.dropShadow.blur),this.externalCfg=e.config.plotOptions.pie.dataLabels.external;const a=e.config.dataLabels.style;this.externalLabelStyle={fontSize:this.externalCfg.fontSize||a.fontSize,fontFamily:this.externalCfg.fontFamily||a.fontFamily,fontWeight:this.externalCfg.fontWeight||a.fontWeight},this.externalLabels=[],this.externalLabelMaxLines=1,this.externalLabelLineH=parseFloat(this.externalLabelStyle.fontSize)||12,e.globals.pieExternalLabelMarginY=0,this.showExternalLabels=this.externalCfg.show&&"polarArea"!==this.chartType,this.showExternalLabels&&!e.globals.noData&&this.reserveExternalLabelSpace(),this.donutSize=e.globals.radialSize*parseInt(e.config.plotOptions.pie.donut.size,10)/100;const i=e.config.plotOptions.pie.customScale,s=e.layout.gridWidth/2,l=e.layout.gridHeight/2;this.translateX=s-s*i,this.translateY=l-l*i,this.dataLabelsGroup=new n(this.w).group({class:"apexcharts-datalabels-group",transform:`translate(${this.translateX}, ${this.translateY}) scale(${i})`}),this.maxY=0,this.sliceLabels=[],this.sliceSizes=[],this.prevSectorAngleArr=[]}getExternalLabelText(e){var t,a,i;const s=this.w,l=s.seriesData.seriesNames[e],n=this.externalCfg.formatter;return"function"==typeof n?n(l,{seriesIndex:e,percent:null==(a=null==(t=s.globals.seriesPercent)?void 0:t[e])?void 0:a[0],value:null==(i=s.globals.seriesTotals)?void 0:i[e],w:s}):null==l?"":`${l}`}getExternalLabelLines(e){const t=this.getExternalLabelText(e);return(Array.isArray(t)?t:`${null==t?"":t}`.split("\n")).map(e=>null==e?"":`${e}`)}reserveExternalLabelSpace(){const e=this.w,t=new h(e),a=(e.seriesData.seriesNames||[]).map((e,t)=>this.getExternalLabelLines(t)),i=t.getMaxLabelWidth(a.flat(),{fontSize:this.externalLabelStyle.fontSize,fontFamily:this.externalLabelStyle.fontFamily});this.externalLabelMaxLines=a.reduce((e,t)=>Math.max(e,t.length),1),this.externalLabelLineH=Math.round(1.35*(parseFloat(this.externalLabelStyle.fontSize)||12));const s=this.externalCfg.connector,l=this.externalLabelMaxLines*this.externalLabelLineH,n=i+(s.length||0)+(s.gap||0)+12,r=l/2+(s.gap||0)+6,o=Math.min(e.globals.radialSize,e.layout.gridWidth/2-n,e.layout.gridHeight/2-r);e.globals.radialSize=Math.max(o,.15*this.defaultSize),e.globals.pieExternalLabelMarginY=r;const c=e.config.chart.height?String(e.config.chart.height):"",d=""!==c&&"auto"!==c;this.centerY=d?e.layout.gridHeight/2:e.globals.radialSize+r}draw(e){var t;const a=this.w,i=new n(this.w),s=i.group({class:"apexcharts-pie"});if(a.globals.noData)return s;let r=0;for(let t=0;t<e.length;t++)r+=l.negToZero(e[t]);const o=[],h=i.group();0===r&&(r=1e-5),e.forEach(e=>{this.maxY=Math.max(this.maxY,e)}),a.config.yaxis[0].max&&(this.maxY=a.config.yaxis[0].max),"back"===a.config.grid.position&&"polarArea"===this.chartType&&this.drawPolarElements(s);for(let t=0;t<e.length;t++){const i=this.fullAngle*l.negToZero(e[t])/r;o.push(i),"polarArea"===this.chartType?(o[t]=this.fullAngle/e.length,this.sliceSizes.push(a.globals.radialSize*e[t]/this.maxY)):this.sliceSizes.push(a.globals.radialSize)}const c=!0===(null==(t=this.ctx.morphTypeChange)?void 0:t.isActive());if(a.globals.dataChanged&&!c){let e,t=0;for(let e=0;e<a.globals.previousPaths.length;e++)t+=l.negToZero(a.globals.previousPaths[e]);for(let i=0;i<a.globals.previousPaths.length;i++)e=this.fullAngle*l.negToZero(a.globals.previousPaths[i])/t,this.prevSectorAngleArr.push(e)}if(this.donutSize<0&&(this.donutSize=0),"donut"===this.chartType){const e=i.drawCircle(this.donutSize);e.attr({cx:this.centerX,cy:this.centerY,fill:a.config.plotOptions.pie.donut.background?a.config.plotOptions.pie.donut.background:"transparent"}),h.add(e)}const d=this.drawArcs(o,e);if(this.sliceLabels.forEach(e=>{d.add(e)}),h.attr({transform:`translate(${this.translateX}, ${this.translateY}) scale(${a.config.plotOptions.pie.customScale})`}),h.add(d),s.add(h),this.donutDataLabels.show){const e=this.initialAnim&&!a.globals.resized&&!a.globals.dataChanged&&this.animDur>0,t=this.renderInnerDataLabels(this.dataLabelsGroup,this.donutDataLabels,{hollowSize:this.donutSize,centerX:this.centerX,centerY:this.centerY,opacity:e?0:this.donutDataLabels.show});if(e){const e=this.dataLabelsGroup.node;e.style.transition="opacity 280ms ease-out",setTimeout(()=>{e.style.opacity="1"},this.animDur)}s.add(t)}return"front"===a.config.grid.position&&"polarArea"===this.chartType&&this.drawPolarElements(s),s}drawArcs(e,t){var a,i;const o=this.w,d=new r(this.w),g=new n(this.w),p=new s(this.w),f=g.group({class:"apexcharts-slices"});let b=this.initialAngle,u=this.initialAngle,m=this.initialAngle,x=this.initialAngle;this.strokeWidth=o.config.stroke.show?o.config.stroke.width:0;const A=!0===(null==(a=this.ctx.morphTypeChange)?void 0:a.isActive());for(let a=0;a<e.length;a++){const s=g.group({class:"apexcharts-series apexcharts-pie-series",seriesName:l.escapeString(o.seriesData.seriesNames[a]),rel:a+1,"data:realIndex":a});f.add(s),b=m,u=x,m=b+e[a],x=u+this.prevSectorAngleArr[a];const r=m<b?this.fullAngle+m-b:m-b,h=p.fillPath({seriesNumber:a,size:this.sliceSizes[a],value:t[a]}),c=A?this.ctx.morphTypeChange.getInitialPathFor(a,0):null,y=c||this.getChangedPath(u,x),w=g.drawPath({d:y,stroke:Array.isArray(this.lineColorArr)?null!=(i=this.lineColorArr[a])?i:this.lineColorArr[a%this.lineColorArr.length]:this.lineColorArr,strokeWidth:0,fill:h,fillOpacity:o.config.fill.opacity,classes:`apexcharts-pie-area apexcharts-${this.chartType.toLowerCase()}-slice-${a}`});if(w.attr({index:0,j:a}),d.setSelectionFilter(w,0,a),o.config.chart.dropShadow.enabled){const e=o.config.chart.dropShadow;d.dropShadow(w,e,a)}this.addListeners(w,this.donutDataLabels);let L={x:0,y:0};const S=(b+r/2)%this.fullAngle;let C={x:this.centerX,y:this.centerY};"pie"===this.chartType||"polarArea"===this.chartType?(L=l.polarToCartesian(this.centerX,this.centerY,o.globals.radialSize/1.25+o.config.plotOptions.pie.dataLabels.offset,S),C=l.polarToCartesian(this.centerX,this.centerY,o.globals.radialSize/2,S)):"donut"===this.chartType&&(L=l.polarToCartesian(this.centerX,this.centerY,(o.globals.radialSize+this.donutSize)/2+o.config.plotOptions.pie.dataLabels.offset,S),C=l.polarToCartesian(this.centerX,this.centerY,(o.globals.radialSize+this.donutSize)/2,S)),n.setAttrs(w.node,{"data:angle":r,"data:startAngle":b,"data:strokeWidth":this.strokeWidth,"data:value":t[a],"data:cx":C.x,"data:cy":C.y}),s.add(w);let v=0;if(!this.initialAnim||o.globals.resized||o.globals.dataChanged?this.animBeginArr.push(0):(v=r/this.fullAngle*o.config.chart.animations.speed,0===v&&(v=1),this.animDur=v+this.animDur,this.animBeginArr.push(this.animDur)),A&&c){const e=this.getPiePath({me:this,startAngle:b,angle:r,size:this.sliceSizes[a]}),t=this.ctx.morphTypeChange.getSpeed(),i=this.ctx.animations;w.node.setAttribute("data:pathOrig",e);const s=w.animate(t).plot(e,"polygons").attr({"stroke-width":this.strokeWidth});s&&"function"==typeof s.after?s.after(()=>i.animationCompleted(w)):i.animationCompleted(w)}else this.dynamicAnim&&o.globals.dataChanged?this.animatePaths(w,{size:this.sliceSizes[a],endAngle:m,startAngle:b,prevStartAngle:u,prevEndAngle:x,animateStartingPos:!0,i:a,animBeginArr:this.animBeginArr,shouldSetPrevPaths:!0,dur:o.config.chart.animations.dynamicAnimation.speed}):this.animatePaths(w,{size:this.sliceSizes[a],endAngle:m,startAngle:b,i:a,totalItems:e.length-1,animBeginArr:this.animBeginArr,dur:v});if(o.config.plotOptions.pie.expandOnClick&&"polarArea"!==this.chartType&&w.node.addEventListener("mouseup",this.pieClicked.bind(this,a)),void 0!==o.interact.selectedDataPoints[0]&&o.interact.selectedDataPoints[0].indexOf(a)>-1)if(this.initialAnim&&!o.globals.resized&&!o.globals.dataChanged&&this.animDur>0){const e=this,t=a;setTimeout(()=>e.pieClicked(t),this.animDur)}else this.pieClicked(a);if(o.config.dataLabels.enabled){const t=L.x,i=L.y;let s=100*r/this.fullAngle+"%";if(0!==r&&o.config.plotOptions.pie.dataLabels.minAngleToShowLabel<e[a]){const e=o.config.dataLabels.formatter;void 0!==e&&(s=e(o.globals.seriesPercent[a][0],{seriesIndex:a,w:o}));const l=o.globals.dataLabels.style.colors[a],n=g.group({class:"apexcharts-datalabels"}),r=g.drawText({x:t,y:i,text:s,textAnchor:"middle",fontSize:o.config.dataLabels.style.fontSize,fontFamily:o.config.dataLabels.style.fontFamily,fontWeight:o.config.dataLabels.style.fontWeight,foreColor:l});if(n.add(r),o.config.dataLabels.dropShadow.enabled){const e=o.config.dataLabels.dropShadow;d.dropShadow(r,e)}r.node.classList.add("apexcharts-pie-label"),o.config.chart.animations.animate&&!1===o.globals.resized&&(r.node.classList.add("apexcharts-pie-label-delay"),r.node.style.animationDelay=o.config.chart.animations.speed/940+"s"),this.sliceLabels.push(n)}}if(this.showExternalLabels&&0!==r){const e=this.getExternalLabelLines(a);if(e.some(e=>""!==e)){const t=l.polarToCartesian(this.centerX,this.centerY,o.globals.radialSize,S),i=l.polarToCartesian(this.centerX,this.centerY,o.globals.radialSize+(this.externalCfg.connector.gap||0),S),s=i.x>=this.centerX,n=s?i.x+(this.externalCfg.connector.length||0):i.x-(this.externalCfg.connector.length||0);this.externalLabels.push({lines:e,anchor:t,elbow:i,side:s?"right":"left",labelX:n+parseFloat(this.externalCfg.offsetX||0),idealY:i.y+parseFloat(this.externalCfg.offsetY||0),connectorColor:this.externalCfg.connector.color||o.globals.colors[a],foreColor:this.externalCfg.color||o.config.chart.foreColor})}}}if(this.showExternalLabels&&this.externalLabels.length){this.placeExternalLabels();const e=c.isBrowser()&&(A||this.dynamicAnim&&o.globals.dataChanged||this.initialAnim&&!o.globals.resized&&!o.globals.dataChanged);this.externalLabels.forEach(t=>{const a=new h(o).drawExternalLabel({lines:t.lines,lineHeight:this.externalLabelLineH,anchor:t.anchor,elbow:t.elbow,labelX:t.labelX,labelY:t.labelY,side:t.side,connector:{show:this.externalCfg.connector.show,width:this.externalCfg.connector.width,color:t.connectorColor},style:this.externalLabelStyle,foreColor:t.foreColor});e&&(a.node.classList.add("apexcharts-element-hidden"),o.globals.delayedElements.push({el:a.node})),f.add(a)})}return f}placeExternalLabels(){const e=this.w,t=this.externalLabelMaxLines*this.externalLabelLineH+2,a=this.centerY+e.globals.radialSize+e.globals.pieExternalLabelMarginY;["left","right"].forEach(e=>{const i=this.externalLabels.filter(t=>t.side===e).sort((e,t)=>e.idealY-t.idealY);i.forEach(e=>{e.labelY=e.idealY});for(let e=1;e<i.length;e++)i[e].labelY-i[e-1].labelY<t&&(i[e].labelY=i[e-1].labelY+t);const s=i[i.length-1],l=s?s.labelY-a:0;if(l>0)for(let e=i.length-1;e>=0;e--)i[e].labelY-=l,e<i.length-1&&i[e+1].labelY-i[e].labelY<t&&(i[e].labelY=i[e+1].labelY-t)})}addListeners(e,t){const a=new n(this.w);e.node.addEventListener("mouseenter",a.pathMouseEnter.bind(this,e)),e.node.addEventListener("mouseleave",a.pathMouseLeave.bind(this,e)),e.node.addEventListener("mouseleave",this.revertDataLabelsInner.bind(this)),e.node.addEventListener("mousedown",a.pathMouseDown.bind(this,e)),this.donutDataLabels.total.showAlways||(e.node.addEventListener("mouseenter",this.printDataLabelsInner.bind(this,e.node,t)),e.node.addEventListener("mousedown",this.printDataLabelsInner.bind(this,e.node,t)))}animatePaths(e,t){const a=this.w;let i=t.endAngle<t.startAngle?this.fullAngle+t.endAngle-t.startAngle:t.endAngle-t.startAngle,s=i,l=t.startAngle;const n=t.startAngle;void 0!==t.prevStartAngle&&void 0!==t.prevEndAngle&&(l=t.prevEndAngle,s=t.prevEndAngle<t.prevStartAngle?this.fullAngle+t.prevEndAngle-t.prevStartAngle:t.prevEndAngle-t.prevStartAngle),t.i===a.config.series.length-1&&(i+n>this.fullAngle?t.endAngle=t.endAngle-(i+n):i+n<this.fullAngle&&(t.endAngle=t.endAngle+(this.fullAngle-(i+n)))),i===this.fullAngle&&(i=this.fullAngle-.01),this.animateArc(e,l,n,i,s,t)}animateArc(e,t,a,s,l,n){const r=this,o=this.w,h=new i(this.w),c=n.size;let d;(isNaN(t)||isNaN(l))&&(t=a,l=s,n.dur=0);let g=s,p=a;const f=t<a?this.fullAngle+t-a:t-a;o.globals.dataChanged&&n.shouldSetPrevPaths&&n.prevEndAngle&&(d=r.getPiePath({me:r,startAngle:n.prevStartAngle,angle:n.prevEndAngle<n.prevStartAngle?this.fullAngle+n.prevEndAngle-n.prevStartAngle:n.prevEndAngle-n.prevStartAngle,size:c}),e.attr({d:d})),0!==n.dur?e.animate(n.dur,n.animBeginArr[n.i]).after(function(){"pie"!==r.chartType&&"donut"!==r.chartType&&"polarArea"!==r.chartType||this.animate(o.config.chart.animations.dynamicAnimation.speed).attr({"stroke-width":r.strokeWidth}),n.i===o.config.series.length-1&&h.animationCompleted(e)}).during(i=>{g=f+(s-f)*i,n.animateStartingPos&&(g=l+(s-l)*i,p=t-l+(a-(t-l))*i),d=r.getPiePath({me:r,startAngle:p,angle:g,size:c}),e.node.setAttribute("data:pathOrig",d),e.attr({d:d})}):(d=r.getPiePath({me:r,startAngle:p,angle:s,size:c}),n.isTrack||(o.globals.animationEnded=!0),e.node.setAttribute("data:pathOrig",d),e.attr({d:d,"stroke-width":r.strokeWidth}))}pieClicked(e){const t=this.w,a=this,i=a.sliceSizes[e]+(t.config.plotOptions.pie.expandOnClick?4:0),s=t.dom.Paper.findOne(`.apexcharts-${a.chartType.toLowerCase()}-slice-${e}`);if("true"===s.attr("data:pieClicked")){s.attr({"data:pieClicked":"false"}),this.revertDataLabelsInner();const e=s.attr("data:pathOrig");return void s.attr({d:e})}{const a=t.dom.baseEl.getElementsByClassName("apexcharts-pie-area");Array.prototype.forEach.call(a,e=>{e.setAttribute("data:pieClicked","false");const t=e.getAttribute("data:pathOrig");t&&e.setAttribute("d",t)}),t.interact.capturedDataPointIndex=e,s.attr("data:pieClicked","true")}const l=parseInt(s.attr("data:startAngle"),10),n=parseInt(s.attr("data:angle"),10),r=a.getPiePath({me:a,startAngle:l,angle:n,size:i});360!==n&&s.plot(r)}getChangedPath(e,t){let a="";return this.dynamicAnim&&this.w.globals.dataChanged&&(a=this.getPiePath({me:this,startAngle:e,angle:t-e,size:this.size})),a}getPiePath({me:e,startAngle:t,angle:a,size:i}){let s;const r=new n(this.w),o=t,h=Math.PI*(o-90)/180;let c=a+t;Math.ceil(c)>=this.fullAngle+this.w.config.plotOptions.pie.startAngle%this.fullAngle&&(c=this.fullAngle+this.w.config.plotOptions.pie.startAngle%this.fullAngle-.01),Math.ceil(c)>this.fullAngle&&(c-=this.fullAngle);const d=Math.PI*(c-90)/180,g=e.centerX+i*Math.cos(h),p=e.centerY+i*Math.sin(h),f=e.centerX+i*Math.cos(d),b=e.centerY+i*Math.sin(d),u=l.polarToCartesian(e.centerX,e.centerY,e.donutSize,c),m=l.polarToCartesian(e.centerX,e.centerY,e.donutSize,o),x=a>180?1:0,A=["M",g,p,"A",i,i,0,x,1,f,b];return s="donut"===e.chartType?[...A,"L",u.x,u.y,"A",e.donutSize,e.donutSize,0,x,0,m.x,m.y,"L",g,p,"z"].join(" "):"pie"===e.chartType||"polarArea"===e.chartType?[...A,"L",e.centerX,e.centerY,"L",g,p].join(" "):[...A].join(" "),r.roundPathCorners(s,2*this.strokeWidth)}drawPolarElements(e){const t=this.w,a=new o(this.w),i=new n(this.w),s=new h(this.w),l=i.group(),r=i.group(),c=a.niceScale(0,Math.ceil(this.maxY),0),d=c.result.reverse(),g=c.result.length;this.maxY=c.niceMax;let p=t.globals.radialSize;const f=p/(g-1);for(let e=0;e<g-1;e++){const a=i.drawCircle(p);if(a.attr({cx:this.centerX,cy:this.centerY,fill:"none","stroke-width":t.config.plotOptions.polarArea.rings.strokeWidth,stroke:t.config.plotOptions.polarArea.rings.strokeColor}),t.config.yaxis[0].show){const a=s.drawYAxisTexts(this.centerX,this.centerY-p+parseInt(t.config.yaxis[0].labels.style.fontSize,10)/2,e,d[e]);r.add(a)}l.add(a),p-=f}this.drawSpokes(e),e.add(l),e.add(r)}renderInnerDataLabels(e,t,a){const i=this.w,s=new n(this.w),l=t.total.show;e.node.innerHTML="",e.node.style.opacity=a.opacity;const r=a.centerX,o=this.donutDataLabels.total.label?a.centerY:a.centerY-a.centerY/6;let h,c;h=void 0===t.name.color?i.globals.colors[0]:t.name.color;let d=t.name.fontSize,g=t.name.fontFamily,p=t.name.fontWeight;c=void 0===t.value.color?i.config.chart.foreColor:t.value.color;const f=t.value.formatter;let b="",u="";if(l?(h=t.total.color,d=t.total.fontSize,g=t.total.fontFamily,p=t.total.fontWeight,u=this.donutDataLabels.total.label?t.total.label:"",b=t.total.formatter(i)):1===i.seriesData.series.length&&(b=f(i.seriesData.series[0],i),u=i.seriesData.seriesNames[0]),u&&(u=t.name.formatter(u,t.total.show,i)),t.name.show){const a=s.drawText({x:r,y:o+parseFloat(t.name.offsetY),text:u,textAnchor:"middle",foreColor:h,fontSize:d,fontWeight:p,fontFamily:g});a.node.classList.add("apexcharts-datalabel-label"),e.add(a)}if(t.value.show){const a=t.name.show?parseFloat(t.value.offsetY)+16:t.value.offsetY,i=s.drawText({x:r,y:o+a,text:b,textAnchor:"middle",foreColor:c,fontWeight:t.value.fontWeight,fontSize:t.value.fontSize,fontFamily:t.value.fontFamily});i.node.classList.add("apexcharts-datalabel-value"),e.add(i)}return e}printInnerLabels(e,t,a,i){const s=this.w;let l;i?l=void 0===e.name.color?s.globals.colors[parseInt(i.parentNode.getAttribute("rel"),10)-1]:e.name.color:s.seriesData.series.length>1&&e.total.show&&(l=e.total.color);const n=s.dom.baseEl.querySelector(".apexcharts-datalabel-label"),r=s.dom.baseEl.querySelector(".apexcharts-datalabel-value");a=(0,e.value.formatter)(a,s),i||"function"!=typeof e.total.formatter||(a=e.total.formatter(s));const o=t===e.total.label;if(t=this.donutDataLabels.total.label?e.name.formatter(t,o,s):"",null!==n&&(n.textContent=t),null!==r&&(r.textContent=a),null!==n){n.style.fill=l}}printDataLabelsInner(e,t){const a=this.w,i=e.getAttribute("data:value"),s=a.seriesData.seriesNames[parseInt(e.parentNode.getAttribute("rel"),10)-1];a.seriesData.series.length>1&&this.printInnerLabels(t,s,i,e);const l=a.dom.baseEl.querySelector(".apexcharts-datalabels-group");if(null!==l){l.style.opacity="1"}}drawSpokes(e){const t=this.w,a=new n(this.w),i=t.config.plotOptions.polarArea.spokes;if(0===i.strokeWidth)return;const s=[],r=360/t.seriesData.series.length;for(let e=0;e<t.seriesData.series.length;e++)s.push(l.polarToCartesian(this.centerX,this.centerY,t.globals.radialSize,t.config.plotOptions.pie.startAngle+r*e));s.forEach((t,s)=>{const l=a.drawLine(t.x,t.y,this.centerX,this.centerY,Array.isArray(i.connectorColors)?i.connectorColors[s]:i.connectorColors);e.add(l)})}revertDataLabelsInner(){const e=this.w;if(this.donutDataLabels.show){const t=e.dom.Paper.findOne(".apexcharts-datalabels-group"),a=this.renderInnerDataLabels(t,this.donutDataLabels,{hollowSize:this.donutSize,centerX:this.centerX,centerY:this.centerY,opacity:this.donutDataLabels.show});e.dom.Paper.findOne(".apexcharts-radialbar, .apexcharts-pie").add(a)}}}e.use({pie:d,donut:d,polarArea:d}),exports.default=e;