npm - moblor-vue - Versions diffs - 0.1.36 → 0.1.38 - Mend

moblor-vue 0.1.36 → 0.1.38

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.

Files changed (6) hide show

package/dist/charts.js +1 -1
package/dist/moblor-components.esm.js +108 -78
package/dist/moblor-components.js +1 -1
package/dist/moblor-vue.esm.js +108 -78
package/dist/moblor-vue.js +1 -1
package/package.json +1 -1

package/dist/charts.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("d3-transition"),require("vue-property-decorator"),require("d3-scale"),require("d3-axis"),require("d3-selection"),require("d3-format"),require("d3-array"),require("d3-shape"),require("d3-ease"),require("d3-interpolate")):"function"==typeof define&&define.amd?define(["exports","d3-transition","vue-property-decorator","d3-scale","d3-axis","d3-selection","d3-format","d3-array","d3-shape","d3-ease","d3-interpolate"],e):e((t=t\|\|self).charts={},t.d3Transition,t.vuePropertyDecorator,t.d3Scale,t.d3Axis,t.d3Selection,t.d3Format,t.d3Array,t.d3Shape,t.d3Ease,t.d3Interpolate)}(this,function(t,D,e,i,l,s,c,p,m,h,r){var n=function(t,e){return(n=Object.setPrototypeOf\|\|({__proto__:[]}instanceof Array?function(t,e){t.__proto__=e}:function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])}))(t,e)};function __extends(t,e){function __(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}function __decorate(t,e,n,a){var o,r=arguments.length,i=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,a);else for(var l=t.length-1;0<=l;l--)(o=t[l])&&(i=(r<3?o(i):3<r?o(e,n,i):o(e,n))\|\|i);return 3<r&&i&&Object.defineProperty(e,n,i),i}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}__extends(ChartMixins,a=e.Vue),ChartMixins.prototype.getWidth=function(){var t=window.getComputedStyle(this.$el,null).width;return t?parseFloat(t.substring(0,t.length-2)):0},ChartMixins.prototype.beforeRedraw=function(){var t=this.$el.querySelector("svg");t&&t.remove()};var a,o=__decorate([e.Component],ChartMixins);function ChartMixins(){return null!==a&&a.apply(this,arguments)\|\|this}ChartService.formatValue=function(t,e,n){void 0===e&&(e=""),void 0===n&&(n=2);var a,o,r,i=t.toString();return Number.isNaN(Number(t))\|\|(a=(t=ChartService.preciseDecimal(Number(t),n))/Math.pow(1e3,4),o=t/Math.pow(1e3,3),r=t/Math.pow(1e3,2),t=t/Math.pow(1e3,1),1<=a?i=ChartService.preciseDecimal(a,n)+" T":1<=o?i=ChartService.preciseDecimal(o,n)+" B":1<=r?i=ChartService.preciseDecimal(r,n)+" M":1<=t&&(i=ChartService.preciseDecimal(t,n)+" K"),i=i.toString().replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})),""+e+i},ChartService.preciseDecimal=function(t,e){void 0===e&&(e=2);var n=t.toString().indexOf(".");return!(n<=0)&&e<t.toString().substring(n+1,t.toString().length).length?Number(t.toFixed(e)):t},ChartService.formatDomainValue=function(t,e,n){for(var a=t.toString().length-1,o=n?8:10,r=0;r<a;r+=1)if(e<ro){a=r;break}return a<t.toString().length-1?t.toString().substring(0,a-2)+"...":t.toString()},ChartService.getPercentage=function(t,e,n){return ChartService.preciseDecimal((t=void 0===t?0:t)/(e=void 0===e?0:e)100,n=void 0===n?0:n)},ChartService.getColor=function(t,e){e=e\|\|["#5bdcef","#ffe451","#fc7a7a","#8b4fdc","#4653ff","#153e75","#3adfae","#f68c5d","#6663f0","#fe70a2","#438aff","#5ed281","#60afff","#4e4c97","#b6d252","#5acec7","#ff7575","#ffda2b","#3cdbc6","#3f5cba","#383b6b","#fc7a7a","#6663f0","#ffcc51","#56c597","#f678aa","#8ffabf","#5aabff","#4ecaa5","#686edc"];return e[t%e.length]},ChartService.getMaxValue=function(t,e){void 0===e&&(e=0);function db(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){db(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){db(t)}),p.max(n,function(t){return t})},ChartService.getMinValue=function(t,e){void 0===e&&(e=0);function lb(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){lb(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){lb(t)}),p.min(n,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,e,n){t=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+e).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",n?.4:1),t.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",n?1:.4)},ChartService.getInnerText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,t=t.symbol,s=t\|\|"";return e&&n&&(s+=ChartService.formatValue(a,t,l)),o&&r&&(""!==s&&(s+=" : "),0<(e=ChartService.getPercentage(Number(a),i,l)))&&(s+=e+"%"),s},ChartService.getBottomText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,t=t.symbol,s=t\|\|"";return e&&!n&&(s+=ChartService.formatValue(a,t,l)),o&&!r&&(""!==s&&(s+=" : "),s+=ChartService.getPercentage(Number(a),i,l)+"%"),s};var g=ChartService;function ChartService(){}__extends(MoBarChart,d=e.Mixins(o)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(a=160),0<this.aggregates.length&&(t=75),{top:e,right:n=this.hasSecondAxis?Math.max(n,65):n,bottom:a,left:t}},enumerable:!1,configurable:!0}),MoBarChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChart.prototype.mounted=function(){this.redraw()},MoBarChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.data));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),this.hasLineChart&&this.renderLine(t),this.renderData(t),0<this.categories.length&&this.renderLabel(),0<this.aggregates.length&&this.renderMeasure()},MoBarChart.prototype.init=function(){var e=this,t=this.getWidth(),n=this.data.slice(0,this.maxDisplayCount),a=n.length,a=(this.svgWidth=Math.min(t,Math.max(40a,t)),this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=Math.min(694<=t?t/2:t,400)-this.actualMargin.top-this.actualMargin.bottom,this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom,this.xAxisScale=i.scaleBand().domain(n.map(function(t){return t.label})).range([0,this.width]).padding(.3).round(!0),this.groupType&&"none"!==this.groupType&&(this.categories=[],n.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=t.pieces.map(function(t){return t.label}))})),0<this.categories.length&&(this.additionalHeight=Math.min(25this.categories.length+50,150)),1<this.aggregates.length&&(this.additionalHeight+=Math.min(25this.aggregates.length+50,150)),this.svgHeight+=this.additionalHeight,0),t=0,o=0,r=0,t="grouped"===this.groupType?(a=g.getMaxValue(n)\|\|0,g.getMinValue(n)\|\|0):(a=p.max(n,function(t){return t.values[0]})\|\|0,p.min(n,function(t){return t.values[0]})\|\|0),n=(1<this.aggregates.length&&(o=p.max(this.data,function(t){return p.max(t.values)})\|\|0,r=p.min(this.data,function(t){return p.min(t.values)})\|\|0),a+.1Math.abs(a-t)),a=t<0?t-.1Math.abs(a-t):0;this.xAxisCategories=i.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1),1<this.aggregates.length&&(this.xAxisAggregates=i.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1)),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return g.formatDomainValue(t,e.actualMargin.bottom,!1)}),"stacked100"===this.groupType&&0<this.categories.length?(this.yAxisScale=i.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):this.hasLineChart?this.hasSecondAxis?(this.yAxisScale=i.scaleLinear().domain([a,n]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.secondYAxisScale=i.scaleLinear().domain([r<0?r:0,o]).range([this.height,0]).nice(),this.secondYAxis=l.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.line=m.line().curve(m.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,n]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.line=m.line().curve(m.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,n]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)})),this.svg=s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")")},MoBarChart.prototype.lineValue=function(t){return t.values[this.secondYIndex]},MoBarChart.prototype.renderAxis=function(){var t=this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis);t.selectAll("text").style("text-anchor","middle").attr("class","mo-axis-text").attr("x",0).attr("y",10),"vertical"===this.xAxisMode&&t.selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",5).attr("transform","rotate(-70, 0, 15)"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0),this.secondYAxis&&this.svg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.width+", 0)").call(this.secondYAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},MoBarChart.prototype.renderAxisLabel=function(){var t,n=this;g.defineAreaGradientsForCover(this.svg,0,!1),this.svg.append("rect").attr("x",-this.margin.left-10).attr("y",this.height+this.actualMargin.bottom-30).attr("class","mo-cover").attr("height",10).style("fill","none"),this.svg.append("rect").attr("x",-this.actualMargin.left-10).attr("y",this.height+this.actualMargin.bottom-20).attr("class","mo-cover").attr("height",this.svgHeight-this.height-this.actualMargin.bottom+5).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.height+this.actualMargin.bottom-20).text((null==(t=this.groupings[0])?void 0:t.label)\|\|""),g.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",20-this.actualMargin.left).attr("width",this.height+20).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",-this.actualMargin.left-10).attr("width",this.height+20).attr("height",30).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",15-this.actualMargin.left).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t,e){return n.hasSecondAxis&&e===n.secondYIndex?"":(e="currency"===t.dataType?null==(e=null==(e=n.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?t.label+" ("+e+")":t.label}).filter(Boolean).join(", "):""),this.hasSecondAxis&&this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",this.width+this.actualMargin.right-15).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(function(){var t,e=n.aggregates[n.secondYIndex];return e?(t=(null==(t=null==(t=n.data[0])?void 0:t.reportMetadata)?void 0:t.currency)\|\|"")?e.label+" ("+t+")":e.label:""})},MoBarChart.prototype.renderSpaceLine=function(){this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",3).attr("x2",this.width).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale)},MoBarChart.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){for(var e=t.pieces,r=void 0===e?[]:e,i=t.values,n=r.length;0<=n;--n)r.forEach(function(t,e){var n,a,o;t.y=(n=r,e=e,a=i[0],e===n.length-1?"stacked100"===l.groupType?l.yAxisScale(n[e].values[0]/a):l.yAxisScale(n[e].values[0]):(o=n[e+1].y\|\|l.height,"stacked100"===l.groupType?o-l.height+l.yAxisScale(n[e].values[0]/a):o-l.height+l.yAxisScale(n[e].values[0]))),t.percentage=t.values[0]/i[0]})}),t},MoBarChart.prototype.renderBar=function(t){var e=this,t=t.slice(0,this.maxDisplayCount);0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|this.renderStackedBar(t):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.svg.selectAll(".bar").data(t).enter().append("rect").style("fill",g.getColor(0,this.colors)).attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){t=t.values[0];return 0<=t?e.yAxisScale(t):e.yAxisScale(0)}).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("height",function(t){t=t.values[0];return Math.abs(e.yAxisScale(t)-e.yAxisScale(0))}).attr("y",function(t){t=t.values[0];return 0<=t?e.yAxisScale(t):e.yAxisScale(0)})},MoBarChart.prototype.renderGroupedAggregatesBar=function(t){var n=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("width",this.xAxisAggregates.bandwidth()).attr("x",function(t,e){return n.xAxisAggregates(n.aggregates[e].label)}).attr("y",function(t){return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",0).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",function(t){return Math.abs(n.yAxisScale(t)-n.yAxisScale(0))})},MoBarChart.prototype.renderGroupedBar=function(t){var n=this,t=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("width",this.xAxisCategories.bandwidth()).attr("x",function(t){return n.xAxisCategories(t.label)}).attr("y",function(t){t=t.values[0];return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",0).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){t=t.values[0];return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",function(t){t=t.values[0];return Math.abs(n.yAxisScale(t)-n.yAxisScale(0))})},MoBarChart.prototype.renderStackedBar=function(t){var n=this,t=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("height",0).attr("width",this.xAxisScale.bandwidth()).attr("y",function(t){return"stacked100"!==n.groupType&&0<=(t=t.values[0])?n.yAxisScale(t):n.yAxisScale(0)}).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){return t.y}).attr("height",function(t){return"stacked100"===n.groupType?n.height-n.yAxisScale(t.percentage):(t=t.values[0],Math.abs(n.yAxisScale(t)-n.yAxisScale(0)))})},MoBarChart.prototype.renderLine=function(t){var e=this,n=g.getColor(this.categories.length\|\|1,this.colors),a=this.svg.append("path").datum(t).attr("d",this.line).attr("class","mo-data-line").style("stroke",n),o=a.node().getTotalLength(),r=(a.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),this.secondYAxisScale\|\|this.yAxisScale);this.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).attr("cy",function(t){return r(e.lineValue(t))}).attr("r",3).attr("class","mo-line-point").style("fill",n)},MoBarChart.prototype.renderData=function(t){var n=this,t=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("text").attr("class","mo-data-text").style("fill","#5bdcef").attr("x",function(t){return n.xAxisScale(t.label)+n.xAxisScale.bandwidth()/2}).attr("y",this.height).attr("text-anchor","middle").style("font-size","12px").transition().duration(1e3).attr("y",function(t){var t=t.values[0],e=n.yAxisScale(t);return 0<=t?e-8:e+20}).text(function(t){return g.formatValue(t.values[0],"",n.decimal)})},MoBarChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),e=this.getWidth(),e=(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=e?t.attr("transform","translate( "+this.svgWidth+",\n -"+(this.svgHeight-this.additionalHeight-100)+" )"):(t.attr("transform","translate( 0, 0 )"),t.append("line").attr("x1",-this.actualMargin.left).attr("y1",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("class","mo-label-line")),t.append("text").attr("x",0).attr("y",this.actualMargin.top+this.actualMargin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));e.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+40+25e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),e.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",function(){return n.labelColor\|\|""}).text(function(t){return t})},MoBarChart.prototype.renderMeasure=function(){var n=this,a=this.actualMargin.top+this.actualMargin.bottom+this.height,t=(0<this.categories.length&&(a+=25this.categories.length+50),this.svg.append("g")),e=this.getWidth(),e=(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=e?t.attr("transform","translate( "+this.svgWidth+",\n -"+(this.svgHeight-this.additionalHeight-100)+" )"):t.attr("transform","translate( 0, 0 )"),t.append("line").attr("x1",-this.actualMargin.left).attr("y1",a).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",a).attr("class","mo-label-line"),t.append("text").attr("x",0).attr("y",a+25).attr("class","mo-label-title").text("Measure"),t.selectAll(".mo-label").data(this.hasLineChart&&0<this.categories.length?this.aggregates.slice(1,this.aggregates.length):this.aggregates).enter().append("g").attr("class","mo-label"));e.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,e){return a+40+25e}).attr("fill",function(t,e){e=n.hasLineChart&&0<n.categories.length?n.categories.length\|\|1:e;return g.getColor(e,n.colors)}),e.append("text").attr("x",25).attr("y",function(t,e){return a+52+25e}).attr("class","mo-legend-text").style("fill",function(){return n.labelColor\|\|""}).text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasSecondAxis",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasLineChart",void 0),__decorate([e.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MoBarChart.prototype,"secondYIndex",void 0),__decorate([e.Prop({type:String,default:function(){return"horizontal"}}),__metadata("design:type",String)],MoBarChart.prototype,"xAxisMode",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChart.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:20,right:30,bottom:120,left:50}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],MoBarChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Number,default:function(){return 20}}),__metadata("design:type",Number)],MoBarChart.prototype,"maxDisplayCount",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null);var d,f=__decorate([e.Component({})],MoBarChart);function MoBarChart(){var t=null!==d&&d.apply(this,arguments)\|\|this;return t.MIN_WIDTH=20,t.svgWidth=0,t.svgHeight=0,t.width=0,t.height=0,t.svg=null,t.xAxisScale=null,t.yAxisScale=null,t.secondYAxisScale=null,t.xAxis=null,t.yAxis=null,t.secondYAxis=null,t.line=null,t.xAxisCategories=null,t.xAxisAggregates=null,t.categories=[],t.needScroll=!1,t.additionalHeight=0,t}function normalizeComponent(t,e,n,a,o,r,i,l,s,c){"boolean"!=typeof i&&(s=l,l=i,i=!1);var m,h,d="function"==typeof n?n.options:n;return t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o)&&(d.functional=!0),a&&(d._scopeId=a),r?(m=function(t){(t=t\|\|this.$vnode&&this.$vnode.ssrContext\|\|this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)\|\|"undefined"==typeof __VUE_SSR_CONTEXT__\|\|(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=m):e&&(m=i?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),m&&(d.functional?(h=d.render,d.render=function renderWithStyleInjection(t,e){return m.call(e),h(t,e)}):(t=d.beforeCreate,d.beforeCreate=t?[].concat(t,m):[m])),n}var u,V="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function addStyle(t,e){var n=V?e.media\|\|"default":t,n=b[n]\|\|(b[n]={ids:new Set,styles:[]});{var a;n.ids.has(t)\|\|(n.ids.add(t),t=e.source,e.map&&(t=(t+="\n/# sourceURL="+e.map.sources[0]+" /")+"\n/# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" /"),n.element\|\|(n.element=document.createElement("style"),n.element.type="text/css",e.media&&n.element.setAttribute("media",e.media),(u=void 0===u?document.head\|\|document.getElementsByTagName("head")[0]:u).appendChild(n.element)),"styleSheet"in n.element?(n.styles.push(t),n.element.styleSheet.cssText=n.styles.filter(Boolean).join("\n")):(e=n.ids.size-1,t=document.createTextNode(t),(a=n.element.childNodes)[e]&&n.element.removeChild(a[e]),a.length?n.element.insertBefore(t,a[e]):n.element.appendChild(t)))}}}var b={};function v(){var t=this.$createElement;return(this._self._c\|\|t)("div",{class:["mo-chart",this.needScroll?"x-scroll":""]})}function x(t){t&&t("data-v-398abc06_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}v._withStripped=!0;var y,w=normalizeComponent({render:v,staticRenderFns:[]},x,f,void 0,!1,void 0,!1,createInjector,void 0,void 0);function MoBarChartHorizontal(){var t=null!==y&&y.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.width=0,t.height=0,t.svg=null,t.xAxisScale=null,t.yAxisScale=null,t.xAxis=null,t.yAxis=null,t.yAxisCategories=null,t.yAxisAggregates=null,t.categories=[],t.mainChart=null,t.labelGroup=null,t.additionalHeight=0,t}__extends(MoBarChartHorizontal,y=e.Mixins(o)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.aggregates.length?{top:e,right:n,bottom:60,left:t}:0<this.groupings.length?{top:e,right:n,bottom:a,left:115}:this.margin},enumerable:!1,configurable:!0}),MoBarChartHorizontal.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChartHorizontal.prototype.mounted=function(){this.redraw()},MoBarChartHorizontal.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.data));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),0===this.categories.length&&this.aggregates.length<=1&&this.renderData(t),0<this.categories.length&&this.renderLabel(),1<this.aggregates.length&&this.renderMeasure()},MoBarChartHorizontal.prototype.init=function(){var e=this,t=(this.categories=[],this.data.length),n=this.getWidth(),a="grouped"===this.groupType&&0<this.categories.length?g.getMaxValue(this.data):p.max(this.data,function(t){return p.max(t.values)}),o=((null==(o=this.aggregates)?void 0:o[0])\|\|{}).unitSymbol,o=8g.formatValue(a\|\|0,o,this.decimal).length;("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=n?this.svgWidth=Math.min(n/2+150,n):this.svgWidth=n,this.actualMargin.right=Math.max(this.margin.right,20+o),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right),"grouped"===this.groupType&&0<this.categories.length?this.height=(this.barHeightthis.categories.length+this.barPadding)t:(o=1<this.aggregates.length?this.aggregates.length:1,this.height=(this.barHeighto+this.barPadding)t),this.svgHeight=694<=n?this.height+this.actualMargin.top+this.actualMargin.bottom:this.height+this.actualMargin.top+this.actualMargin.bottom+100,0<this.categories.length&&(this.additionalHeight=25this.categories.length+10),1<this.aggregates.length&&(this.additionalHeight=25this.aggregates.length+10),this.svgHeight+=this.additionalHeight,("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=n?this.svg=s.select(this.$el).style("text-align","left").append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).style("overflow","visible"):this.svg=s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=i.scaleLinear().domain([0,1]).range([0,this.width]),this.xAxis=l.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):(this.xAxisScale=i.scaleLinear().domain([0,a\|\|10]).range([0,this.width]).nice(),this.xAxis=l.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)})),this.yAxisScale=i.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.height]),this.yAxisCategories=i.scaleBand().domain(this.categories).range([0,this.barHeightthis.categories.length]).round(!0),1<this.aggregates.length&&(this.yAxisAggregates=i.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.barHeightthis.aggregates.length]).round(!0)),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return g.formatDomainValue(t,e.actualMargin.left-15,!1)}),this.mainChart=this.svg.append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.labelGroup=this.svg.append("g"),0<this.aggregates.length&&(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=n?this.labelGroup.attr("transform","translate( "+(this.svgWidth+50)+",\n -"+(this.svgHeight-this.additionalHeight-this.actualMargin.top)+" )"):this.labelGroup.attr("transform","translate( 0, 40 )"))},MoBarChartHorizontal.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate("+this.actualMargin.left+", 5)").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",12).attr("x",12).attr("transform","rotate(70, -12, 12)"),this.svg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",-Math.round(this.barPadding/2))},MoBarChartHorizontal.prototype.renderAxisLabel=function(){var n=this;this.svg.append("text").attr("class","mo-axis-label").attr("x",this.svgWidth/2).attr("y",this.height+this.actualMargin.bottom+10).text(function(){var t=n.aggregates.map(function(t){return t.label}).join(", "),e="currency"===(null==(e=n.aggregates[0])?void 0:e.dataType)?null==(e=null==(e=n.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?t+" ("+e+")":t}),g.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-30).attr("y",15).attr("width",this.height-10).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-30).attr("y",-10).attr("width",this.height-10).attr("height",25).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/1.5).attr("y",10.5).attr("transform","rotate(-90)").text(this.groupings[0].label)},MoBarChartHorizontal.prototype.renderSpaceLine=function(){this.mainChart.selectAll(".mo-space-line").data(this.xAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",this.xAxisScale).attr("x2",this.xAxisScale).attr("y1",-5).attr("y2",this.height-5),this.mainChart.append("line").attr("class","mo-space-line").attr("x1",0).attr("y1",-5).attr("x2",0).attr("y2",this.height-5)},MoBarChartHorizontal.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){var e=t.pieces,r=void 0===e?[]:e,i=t.values;r.forEach(function(t,e){var n,a,o;t.x=(n=e,a=i[0],o=0,r.forEach(function(t,e){e<n&&("stacked100"===l.groupType?o+=l.xAxisScale(t.values[0]/a):o+=l.xAxisScale(t.values[0]))}),o),t.percentage=t.values[0]/i[0]})}),t},MoBarChartHorizontal.prototype.renderBar=function(t){var n=this;0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|this.renderStackedBar(t):1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.mainChart.selectAll(".bar").data(t).enter().append("rect").attr("width",0).attr("height",this.barHeight).attr("y",function(t,e){return(n.barHeight+n.barPadding)e}).style("fill",g.getColor(0,this.colors)).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderGroupedAggregatesBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,e){return"translate(0,\n "+(n.barHeightn.aggregates.length+n.barPadding)e+")"}).selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("width",0).attr("height",this.barHeight).attr("y",function(t,e){return n.yAxisAggregates(n.aggregates[e].label)}).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t)})},MoBarChartHorizontal.prototype.renderGroupedBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,e){return"translate(0,\n "+(n.barHeightn.categories.length+n.barPadding)e+")"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("width",0).attr("height",this.barHeight).attr("y",function(t){return n.yAxisCategories(t.label)}).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderStackedBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,e){return"translate(0, "+(n.barHeight+n.barPadding)e+")"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("width",0).attr("height",this.barHeight).attr("x",this.xAxisScale(0)).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("x",function(t){return t.x}).attr("width",function(t){return"stacked100"===n.groupType?n.xAxisScale(t.percentage):n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderData=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("text").attr("class","mo-data-text").attr("x",0).attr("y",function(t){return e.yAxisScale(t.label)+(e.barHeight+e.barPadding)/2-3}).style("fill",this.valueColor).attr("text-anchor","start").transition().duration(1e3).attr("x",function(t){return e.xAxisScale(t.values[0])+5}).text(function(t){return g.formatValue(t.values[0],"",e.decimal)})},MoBarChartHorizontal.prototype.renderLabel=function(){var n=this,t=this.getWidth(),t=(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=t\|\|this.labelGroup.append("line").attr("x1",0).attr("y1",this.actualMargin.top+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.height).attr("class","mo-label-line"),this.labelGroup.append("text").attr("x",50).attr("y",this.actualMargin.top+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),this.labelGroup.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",50).attr("y",function(t,e){return n.actualMargin.top+n.height+40+25e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",75).attr("y",function(t,e){return n.actualMargin.top+n.height+52+25e}).attr("class","mo-legend-text").text(function(t){return t})},MoBarChartHorizontal.prototype.renderMeasure=function(){var n=this,a=this.actualMargin.top+this.height,t=(0<this.categories.length&&(a+=25this.categories.length+10),this.labelGroup.append("line").attr("x1",0).attr("y1",a).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",a).attr("class","mo-label-line"),this.labelGroup.append("text").attr("x",50).attr("y",a+25).attr("class","mo-label-title").text("Measure"),this.labelGroup.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",50).attr("y",function(t,e){return a+40+25e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",75).attr("y",function(t,e){return a+52+25e}).attr("class","mo-legend-text").text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:50,right:80,bottom:20,left:95}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([e.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"outer"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([e.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null);function E(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function G(t){t&&t("data-v-32804c65_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var k,f=__decorate([e.Component({})],MoBarChartHorizontal),A=(E._withStripped=!0,normalizeComponent({render:E,staticRenderFns:[]},G,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function PieChart(){var t=null!==k&&k.apply(this,arguments)\|\|this;return t.width=0,t.height=0,t.svg=null,t.total=0,t.arcLayout=null,t.arc3dLayout=null,t.pieLayout=null,t.radius=0,t.innerRadius=0,t.arcGroup=null,t.arc=null,t.centerGroup=null,t.labelGroup=null,t.rightNavImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCQTdEM0Y5NEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCQTdEM0ZBNEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JBN0QzRjc0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JBN0QzRjg0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zV8eYAAAB9klEQVR42sSYW0QEYRiGdztSlCillmUVkSK6iSidLrabSiKJIl0UnW5KEUUqSQdFpairKEpGlu1IdBERUUp3RRcRSemgw/vzDeMzqUz7zcvD7sfsPnZm/nn/dWqa5rCQaDAFkkATOHVYTIjF41dAEb3eBnng3MoHBlk4NhTkG94nkFSyXUJvYJjN1KnbBR47hFS6wASbucAOcNsh9AlawTSbu0nKJS2kSzWCeTb3kFSitJAu1QAW2DyFLvR4aSGVD1APltg8laTipIVU3kENrU/GpIEtECstpEtVg1U2zwB+ECMtpK9RVYA/lzJJKlpaSOUVVAAfm2fRLEpaSJcqB5tsng02QKS0kMozKAV7bJ5DUhFmQv3ghdaTQPBITYAnF6wbpXShDhDmsCeFYFzylP0m6VxoiC5Au+LjQt0gHDgDiGqnyyYyV2BW+pQFg0VQyebX1DpvJIXUd8zR48QYJVEALiXXIXWqZkAtm9+SzIXkwqhkJqmSmMmcST86RqlJGnMHisGJ9MN1BLSw2T3JHEvXjwHQ/o3MkXRB6wWdbPYAvOBQusL2EMY8gRJwIF3yO+jXMZPZl94GtYFBkw5UZtKBAi7UTHeUWUv0S2+l68AYLYA/9WgRoSYm891OQ0xI+8Ve7M+x8g9aH9UKL3Xytf+4Xb8EGABhpHk2U/H9dQAAAABJRU5ErkJggg==",t.rotation={index:0,angle:0,startAngle:0,originalAngle:0},t}__extends(PieChart,k=e.Mixins(o)),PieChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},PieChart.prototype.mounted=function(){this.redraw()},PieChart.prototype.redraw=function(){this.init(),this.renderPie(),this.donut&&(this.addDonut(),this.showTotal)&&this.renderTotal(),this.rotate?this.changeContent():(this.renderInnerLabel(),this.renderLabel())},PieChart.prototype.onLeftNavClicked=function(t){var e=this,t=(t.stopPropagation(),t.preventDefault(),this.rotation.index<this.data.length-1?this.rotation.index+=1:this.rotation.index=0,this.pieLayout(this.data)[this.rotation.index]),t=(this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI180,this.aggregate?40:0);this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+t)+") rotate("+this.rotation.angle+")"),setTimeout(function(){e.changeContent(),e.rotation.originalAngle=e.rotation.angle},100)},PieChart.prototype.onRightNavClicked=function(t){var e=this,t=(t.stopPropagation(),t.preventDefault(),0<this.rotation.index?--this.rotation.index:this.rotation.index=this.data.length-1,this.pieLayout(this.data)[this.rotation.index]),t=(this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI180,this.aggregate?40:0);this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+t)+") rotate("+this.rotation.angle+")"),setTimeout(function(){e.changeContent(),e.rotation.originalAngle=e.rotation.angle},100)},PieChart.prototype.changeContent=function(){-1===this.rotation.index&&(this.rotation.index=0);var t,e=g.getPercentage(this.data[this.rotation.index].values[0],this.total,this.decimal),n=g.formatValue(this.data[this.rotation.index].values[0],this.symbol),a=this.$el.querySelector(".percentage"),o=this.$el.querySelector(".label");a&&((t=s.select(a)).style("color",g.getColor(this.rotation.index,this.colors)),t.text(n+" : "+e+"%")),o&&(t=s.select(o)).text(this.data[this.rotation.index].label)},PieChart.prototype.init=function(){this.width=this.area&&this.area.width&&this.area.height?Math.min(this.area.width-20,this.area.height-60-(this.rotate?54:0)):this.getWidth(),this.height=this.width+10,this.radius=this.width/2-10,this.innerRadius=this.donut?.43this.radius:0,this.rotation={index:0,angle:0,startAngle:0,originalAngle:0},this.rotate\|\|("horizontal"===this.labelMode?this.height+=60:this.height+=25this.data.length+34,this.groupBy&&this.aggregate&&(this.height+=50)),this.aggregate&&(this.height+=40),this.svg=s.select(this.$el).insert("svg",".mo-tip-container").attr("width",this.width).attr("height",this.height),this.aggregate&&(t="currency"===this.aggregate.dataType?null==(t=null==(t=this.data[0])?void 0:t.reportMetadata)?void 0:t.currency:"",e=this.svg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",35),t?e.text(this.aggregate.label+" ("+t+")"):e.text(this.aggregate.label)),this.total=p.sum(this.data,function(t){return t.values[0]}),this.arcLayout=m.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=m.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=m.pie().value(function(t){return t.values[0]});var t=this.pieLayout(this.data)[this.rotation.index],e=(this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI180,this.aggregate?40:0);this.arcGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+(this.width/2+e)+") rotate("+this.rotation.angle+")"),this.arc=this.arcGroup.selectAll(".arc").data(this.pieLayout(this.data)).enter().append("g").attr("class","arc"),this.centerGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+(this.width/2+e)+")"),this.labelGroup=this.svg.append("svg:g")},PieChart.prototype.renderPie=function(){var n=this;this.arc.append("svg:path").style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arcLayout(e(t))}})},PieChart.prototype.addDonut=function(){var n=this;this.arc.append("svg:path").attr("class","mo-inner-arc").transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arc3dLayout(e(t))}})},PieChart.prototype.renderTotal=function(){this.centerGroup.append("svg:text").style("text-anchor","middle").attr("class","mo-summary-label").transition().delay(500).text(this.totalLabel),this.centerGroup.append("svg:text").attr("y",18).style("text-anchor","middle").attr("class","mo-summary-value").transition().delay(500).text(g.formatValue(this.total,this.symbol))},PieChart.prototype.renderInnerLabel=function(){var e=this;this.arc.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").text(function(t){return g.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.value,showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null==(t=e.aggregate)?void 0:t.unitSymbol})}).transition().duration(750).attr("transform",function(t){return"translate("+e.arcLayout.centroid(t)+") rotate("+-e.rotation.angle+")"})},PieChart.prototype.renderLabel=function(){this.groupBy&&this.aggregate&&(this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+15).text(this.aggregate.label),this.labelGroup.append("line").attr("class","mo-label-line").attr("x1",0).attr("y1",this.width+30).attr("x2",this.width).attr("y2",this.width+30),this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+50).text(this.groupBy.label));var t=this.labelGroup.selectAll(".mo-label").data(this.data).enter().append("g");"horizontal"===this.labelMode?this.renderHorizontalLabel(t):this.renderVerticalLabel(t)},PieChart.prototype.renderHorizontalLabel=function(t){var n=this;t.append("rect").attr("width","15").attr("height","15").attr("x",function(t,e){return en.radius+25}).attr("y",function(){var t=n.width+25;return n.groupBy&&n.aggregate&&(t+=55),t}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",function(t,e){return en.radius+40}).attr("y",function(){var t=n.width+40;return n.groupBy&&n.aggregate&&(t+=55),t}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){var e=g.getBottomText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.values[0],showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null==(e=n.aggregate)?void 0:e.unitSymbol});return""!==e?t.label+" : "+e:t.label})},PieChart.prototype.renderVerticalLabel=function(t){var n=this;t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,e){e=n.width+20+25e;return n.groupBy&&n.aggregate&&(e+=55),e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",50).attr("y",function(t,e){e=n.width+32+25e;return n.groupBy&&n.aggregate&&(e+=55),e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){var e=g.getBottomText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.values[0],showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null==(e=n.aggregate)?void 0:e.unitSymbol});return""!==e?t.label+" : "+e:t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showTotal",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"symbol",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],PieChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],PieChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"rotate",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?f:Object)],PieChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],PieChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null);function O(){var e=this,t=e.$createElement;return(t=e._self._c\|\|t)("div",{staticClass:"mo-chart"},[e.rotate?t("div",{staticClass:"mo-tip-container"},[t("div",{staticClass:"mo-tip-content"},[t("div",{staticClass:"left-nav",on:{click:function(t){return e.onLeftNavClicked(t)}}},[t("img",{attrs:{src:e.rightNavImage,width:"18"}})]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"right-nav",on:{click:function(t){return e.onRightNavClicked(t)}}},[t("img",{attrs:{src:e.rightNavImage,width:"18"}})])])]):e._e()])}function Q(t){t&&t("data-v-7a5cdc78_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var C,f=__decorate([e.Component({})],PieChart),_=(O._withStripped=!0,normalizeComponent({render:O,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"tip"},[t("span",{staticClass:"percentage"}),this._v(" "),t("span",{staticClass:"label"})])}]},Q,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function LineChart(){var t=null!==C&&C.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.width=0,t.height=0,t.svg=null,t.xAxisScale=null,t.yAxisScale=null,t.xAxis=null,t.yAxis=null,t.xAxisCategories=null,t.categories=[],t.area=null,t.maxValue=null,t.refactoredData=[],t}__extends(LineChart,C=e.Mixins(o)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length?{top:e,right:n,bottom:130,left:t}:0<this.aggregates.length?{top:e,right:n,bottom:a,left:65}:this.margin},enumerable:!1,configurable:!0}),LineChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},LineChart.prototype.mounted=function(){this.redraw()},LineChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderDataLine(),1<this.aggregates.length?this.renderMeasure():0<this.categories.length&&this.renderLabel(),this.showValue&&this.renderData()},LineChart.prototype.init=function(){var e=this,t=this.getWidth();this.svgWidth=t<694?t:t/1.2,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=t<694?this.width:this.width/2,this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom+40,this.categories=[],this.maxValue=p.max(this.data,function(t){return p.max(t.values)}),"grouped"!==this.groupType&&"cumulativeGrouped"!==this.groupType\|\|this.refactorGroupedData(),0<this.categories.length&&(this.svgHeight+=25this.categories.length+50,this.maxValue=g.getMaxValue(this.data)),1<this.aggregates.length&&(this.svgHeight+=25this.aggregates.length+50),this.refactoredData=JSON.parse(JSON.stringify(this.data)),"cumulativeGrouped"!==this.groupType&&"cumulative"!==this.groupType\|\|this.refactorCumulateData(),this.svg=s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.xAxisScale=i.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width-5]),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.yAxisScale=i.scaleLinear().domain([0,this.maxValue\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.area=m.area().x(function(t){return e.xAxisScale(t.label)}).y0(this.height).y1(function(t){return e.yAxisScale(e.lineValue(t))})},LineChart.prototype.lineValue=function(t,e){return void 0===e&&(e=0),"cumulativeGrouped"===this.groupType\|\|"cumulative"===this.groupType?t.cumulates[e]\|\|0:t.values[e]},LineChart.prototype.line=function(e){var n=this;return void 0===e&&(e=0),m.line().curve(m.curveLinear).x(function(t){return n.xAxisScale(t.label)}).y(function(t){return n.yAxisScale(n.lineValue(t,e))})},LineChart.prototype.refactorGroupedData=function(){var n=[];this.data.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(p.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},LineChart.prototype.refactorCumulateData=function(){var r=this;0<this.categories.length?this.categories.forEach(function(o){o.value.forEach(function(n,a){n.cumulates=n.cumulates\|\|[],n.values.forEach(function(t,e){e=0<a?o.value[a-1].cumulates[e]+t:t;n.cumulates.push(e),e>r.maxValue&&(r.maxValue=e)})})}):this.refactoredData.forEach(function(n,a){n.cumulates=n.cumulates\|\|[],n.values.forEach(function(t,e){e=0<a?r.refactoredData[a-1].cumulates[e]+t:t;n.cumulates.push(e),e>r.maxValue&&(r.maxValue=e)})})},LineChart.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",5).attr("x",5).attr("transform","rotate(-70, 0, 15)"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},LineChart.prototype.renderAxisLabel=function(){var n=this;this.svg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.height+this.actualMargin.bottom+35).text(this.groupings[0].label),this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("x",-this.height/2).attr("y",-this.actualMargin.left).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t){var e="currency"===t.dataType?null==(e=null==(e=n.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?t.label+" ("+e+")":t.label}).join(", "):"")},LineChart.prototype.renderSpaceLine=function(){var e=this;this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",0).attr("x2",this.width-5).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale),this.svg.selectAll(".mo-vertical-line").data(this.refactoredData).enter().append("line").attr("class","mo-space-line").attr("x1",function(t){return e.xAxisScale(t.label)}).attr("y1",this.height).attr("x2",function(t){return e.xAxisScale(t.label)}).attr("y2",0),this.svg.selectAll(".mo-axis-point").data(this.refactoredData).enter().append("circle").attr("class","mo-axis-point").attr("r",2).attr("cx",function(t){return e.xAxisScale(t.label)}).attr("cy",this.height)},LineChart.prototype.renderDataLine=function(){function d5(t,e,n){var a=(n=void 0===n?!1:n)?e:0,n=g.getColor(e,r.colors),o=(e=r.svg.append("path").datum(t).attr("d",r.line(a)).attr("class","mo-data-line").style("stroke",n)).node().getTotalLength();e.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),r.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return r.xAxisScale(t.label)}).attr("cy",function(t){return r.yAxisScale(r.lineValue(t,a))}).attr("r",r.pointRadius).attr("class","mo-line-point").style("fill",n)}var r=this;0<this.categories.length&&("cumulativeGrouped"===this.groupType\|\|"grouped"===this.groupType)?this.categories.forEach(function(t,e){return d5(t.value,e)}):1<this.aggregates.length?this.aggregates.forEach(function(t,e){return d5(r.refactoredData,e,!0)}):(this.defineAreaGradients(0,g.getColor(0,this.colors)),d5(this.refactoredData,0),this.svg.append("path").datum(this.refactoredData).attr("class","mo-line-area").style("fill","url(#MoLineAreaGradient0)").transition().duration(1e3).attr("d",this.area))},LineChart.prototype.defineAreaGradients=function(t,e){t=this.svg.append("defs").append("linearGradient").attr("id","MoLineAreaGradient"+t).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color",e).attr("stop-opacity",0),t.append("stop").attr("offset","100%").attr("stop-color",e).attr("stop-opacity",.7)},LineChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),t=(t.append("line").attr("x1",-this.actualMargin.left).attr("y1",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("class","mo-label-line"),t.append("text").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.actualMargin.top+this.actualMargin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+40+25e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return t.key})},LineChart.prototype.renderMeasure=function(){var n=this,t=this.svg.append("g"),t=(t.append("line").attr("x1",-this.actualMargin.left).attr("y1",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("class","mo-label-line"),t.append("text").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.actualMargin.top+this.actualMargin.bottom+this.height+25).attr("class","mo-label-title").text("Measure"),t.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+40+25e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return t.label})},LineChart.prototype.renderData=function(){var e=this;this.svg.selectAll(".line-text").data(this.data).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){return e.yAxisScale(t.values[0])-5}).attr("text-anchor","middle").text(function(t){return g.formatValue(t.values[0],"",e.decimal)})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],LineChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],LineChart.prototype,"showValue",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],LineChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null);function X(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function Z(t){t&&t("data-v-03675e88_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var M,f=__decorate([e.Component({})],LineChart),S=(X._withStripped=!0,normalizeComponent({render:X,staticRenderFns:[]},Z,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==M&&M.apply(this,arguments)\|\|this;return t.funnelWidth=0,t.funnelHeight=0,t.legendItemHeight=25,t.svg=null,t.total=0,t.refactoredData=[],t.colorMap=new Map,t}__extends(FunnelChart,M=e.Mixins(o)),FunnelChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},FunnelChart.prototype.mounted=function(){this.redraw()},FunnelChart.prototype.redraw=function(){this.init(),this.renderFunnel(),this.renderLegend()},FunnelChart.prototype.init=function(){var c=this,t=(this.colorMap.clear(),this.refactoredData=[],this.data.forEach(function(t,e){c.colorMap.set(t.label,g.getColor(e,c.colors))}),this.getWidth()),m=(this.funnelWidth=t<694?t:t/2+150,this.funnelHeight=this.height\|\|this.funnelWidth,this.data.length),e=this.funnelHeight+this.legendItemHeight(m+1),h=m<=1?this.funnelWidth/4:this.funnelWidth/(2m),d=this.funnelHeight/m;this.groupBy&&this.aggregate&&(e+=65),this.data.forEach(function(t,e){var n=eh,a=ed,o=c.funnelWidth-n,r=a,i=e===m-1&&1<m?o:o-h,l=r+d,e=e===m-1&&1<m?n:n+h,s=l,t=JSON.parse(JSON.stringify(t));t.points=[{x:n,y:a},{x:o,y:r},{x:i,y:l},{x:e,y:s}],c.refactoredData.push(t)}),this.svg=t<694?s.select(this.$el).append("svg").attr("width",this.funnelWidth).attr("height",e):s.select(this.$el).style("text-align","left").append("svg").attr("width",this.funnelWidth).attr("height",e).style("overflow","visible"),this.total=p.sum(this.refactoredData,function(t){return t.values[0]})},FunnelChart.prototype.renderFunnel=function(){var e=this,t=(this.svg.selectAll("").remove(),this.svg.selectAll("g").data(this.refactoredData).enter().append("g"));t.append("polygon").attr("points",this.getPoint(this.refactoredData[0].points)).style("fill",function(t){return e.colorMap.get(t.label)\|\|"#fff"}).transition().duration(1e3).attr("points",function(t){return t.points.map(function(t){return[t.x,t.y].join(",")}).join(" ")}),t.append("text").attr("class","mo-label-inner").attr("x",this.funnelWidth/2).attr("y",function(t){return(t.points[0].y+t.points[3].y)/2+4}).text(function(t){return g.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.values[0],showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null==(t=e.aggregate)?void 0:t.unitSymbol})})},FunnelChart.prototype.getPoint=function(t){for(var e=[],n=0;n<4;n+=1)e.push(t[n].x+","+t[n].y);return e.join(" ")},FunnelChart.prototype.renderLegend=function(){var n=this,t=(this.svg.selectAll(".legend").remove(),this.getWidth()),e=this.funnelHeight+this.legendItemHeight,a=(this.groupBy&&this.aggregate&&(this.svg.append("text").attr("class","mo-axis-label").attr("x",this.funnelWidth/2).attr("y",this.funnelHeight+25).text(this.aggregate.label),t<694&&this.svg.append("line").attr("x1",0).attr("y1",this.funnelHeight+40).attr("x2",this.funnelWidth).attr("y2",this.funnelHeight+40).attr("class","mo-label-line"),(t<694?this.svg.append("text").attr("class","mo-label-title").attr("x",50).attr("y",this.funnelHeight+65):this.svg.append("text").attr("class","mo-label-title").attr("x",this.funnelWidth+50).attr("y",20)).text(this.groupBy.label),e+=65),this.svg.append("g").attr("class","legend")),t=(t<694?a.attr("transform","translate( 50, "+e+" )"):a.attr("transform","translate( "+(this.funnelWidth+50)+", 50 )"),a.selectAll("rect").data(this.refactoredData).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t){return n.colorMap.get(t.label)\|\|"#fff"})),e=a.selectAll("text").data(this.refactoredData).enter().append("text").attr("class","mo-legend-text").text(function(t){var e=g.getBottomText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.values[0],showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null==(e=n.aggregate)?void 0:e.unitSymbol});return""!==e?t.label+" : "+e:t.label});"horizontal"===this.labelMode?(t.attr("x",function(t,e){return 10+100e}).attr("y",10),e.attr("x",function(t,e){return 35+100e}).attr("y",23)):(t.attr("x",0).attr("y",function(t,e){return 25e}),e.attr("x",25).attr("y",function(t,e){return 25e+13}))},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([e.Prop({type:Number}),__metadata("design:type",Number)],FunnelChart.prototype,"height",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?f:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null);function ea(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function ga(t){t&&t("data-v-073518c0_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var z,f=__decorate([e.Component({})],FunnelChart),P=(ea._withStripped=!0,normalizeComponent({render:ea,staticRenderFns:[]},ga,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==z&&z.apply(this,arguments)\|\|this;return t.svg=null,t.width=0,t.height=0,t.radius=0,t.backgroundArc=null,t.arc=null,t.centerArc=null,t.scale=null,t}__extends(GaugeChart,z=e.Mixins(o)),Object.defineProperty(GaugeChart.prototype,"minValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.min(this.data.minValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"maxValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.max(this.data.maxValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"labelWithCurrency",{get:function(){var t=(null==(t=this.aggregate)?void 0:t.label)\|\|"",e="currency"===(null==(e=this.aggregate)?void 0:e.dataType)?null==(e=this.data.reportMetadata)?void 0:e.currency:"";return e?t+" ("+e+")":t},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"valueWithCurrency",{get:function(){var t=(null==(t=this.data)?void 0:t.value)\|\|0;return g.formatValue(t,"",this.decimal)},enumerable:!1,configurable:!0}),GaugeChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},GaugeChart.prototype.mounted=function(){this.redraw()},GaugeChart.prototype.redraw=function(){this.init(),this.renderGauge(),this.renderData(),this.renderPointer()},GaugeChart.prototype.init=function(){this.width=this.getWidth();var t=this.width<400?.9:.85;this.height=this.widtht,this.radius=this.width/2-5,this.svg=s.select(this.$el).insert("svg",".mo-axis-div-label").attr("width",this.width).attr("height",this.width/2+100),this.defineGradient(),this.backgroundArc=m.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=m.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=m.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=i.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var o=this,t=(this.svg.append("path").attr("class","mo-gauge-back-arc").attr("transform","translate("+this.width/2+", "+this.width/2+")").attr("d",this.backgroundArc),this.svg.append("path").attr("class","mo-gauge-value-arc").attr("transform","translate("+this.width/2+", "+this.width/2+")").transition().duration(1e3).attrTween("d",function(){var t=o.angleToRadian(o.minAngle),e=o.angleToRadian(o.scale(o.data.value)),n={startAngle:t,endAngle:t},a={startAngle:t,endAngle:e};return function(t){return o.arc(r.interpolateObject(n,a)(t))}}),this.tickCalc()),e=this.getTicksAngles();this.svg.append("g").selectAll("path").data(e).enter().append("path").attr("d",t).attr("class","mo-gauge-tick"),this.svg.append("path").attr("class","mo-gauge-inner-arc").attr("transform","translate("+this.width/2+", "+this.width/2+")").attr("d",this.centerArc)},GaugeChart.prototype.renderData=function(){var t=this.svg.append("g").attr("transform","translate("+this.width/2+", "+(this.width/2+60)+")");t.append("text").text(g.formatValue(this.data.value,"",this.decimal)).attr("class","mo-gauge-value"),t.append("text").attr("y",25).text([this.label,g.formatValue(this.data.maxValue,"",this.decimal)].join(" ")).attr("class","mo-gauge-max-value")},GaugeChart.prototype.renderPointer=function(){var n=this,t=[[2.5,0],[0,-(this.radius-10)],[-2.5,0],[2.5,0]],e=m.line().curve(m.curveMonotoneX);this.svg.append("g").data([t]).attr("class","mo-gauge-pointer").attr("transform","translate("+this.width/2+", "+this.width/2+")").append("path").attr("d",e).attr("transform","rotate("+this.scale(this.minValue)+")").transition().duration(1e3).attrTween("transform",function(){var t=n.scale(n.minValue),e=n.scale(n.data.value);return r.interpolateString("rotate("+t+")","rotate("+e+")")}),this.svg.append("circle").attr("class","mo-gauge-inner-bg-arc").attr("cx",this.width/2).attr("cy",this.width/2).attr("r",10)},GaugeChart.prototype.defineGradient=function(){var t=this.svg.append("defs").append("linearGradient").attr("id","MoGaugeGradient").attr("x1","0").attr("y1","0").attr("x2","100%").attr("y2","0");t.append("stop").attr("offset","0%").attr("stop-color",this.gradientColors[0]),t.append("stop").attr("offset","100%").attr("stop-color",this.gradientColors[1])},GaugeChart.prototype.angleToRadian=function(t){return t(Math.PI/180)},GaugeChart.prototype.getTicksAngles=function(){for(var t=[],e=0,n=(this.scale(this.maxValue)-this.scale(this.minValue))/this.ticksNumber,a=this.minAngle;a<=this.maxAngle;a+=n)t.push(this.minAngle+ne),e+=1;return t},GaugeChart.prototype.tickCalc=function(){var o=this;return function(t){var t=(t-90)(Math.PI/180),e=o.radius-15,n=o.width/2+eMath.sin(t),a=o.width/2+(5+e)Math.sin(t),n=[{x:o.width/2+eMath.cos(t),y:n},{x:o.width/2+(5+e)Math.cos(t),y:a}];return m.line(function(t){return t.x},function(t){return t.y})(n)}},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof GaugeData&&GaugeData)?f:Object)],GaugeChart.prototype,"data",void 0),__decorate([e.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([e.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([e.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([e.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([e.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null);function na(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-chart"},[t.aggregate?e("div",{staticClass:"mo-axis-div-label"},[t._v("\n "+t._s(t.labelWithCurrency)+"\n ")]):t._e()])}function pa(t){t&&t("data-v-68d16acb_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var B,f=__decorate([e.Component({})],GaugeChart),T=(na._withStripped=!0,normalizeComponent({render:na,staticRenderFns:[]},pa,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MetricChart(){return null!==B&&B.apply(this,arguments)\|\|this}__extends(MetricChart,B=e.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return g.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!1,configurable:!0}),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof MetricData&&MetricData)?f:Object)],MetricChart.prototype,"data",void 0),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0);function wa(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-chart"},[e("div",{staticClass:"mo-metric"},[e("div",{staticClass:"mo-metric-inner"},[e("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),e("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}function ya(t){t&&t("data-v-1c412e41_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var L,f=__decorate([e.Component({})],MetricChart),R=(wa._withStripped=!0,normalizeComponent({render:wa,staticRenderFns:[]},ya,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function ScatterChart(){var t=null!==L&&L.apply(this,arguments)\|\|this;return t.width=0,t.height=0,t.svgWidth=0,t.svgHeight=0,t.svg=null,t.xAxisScale=null,t.xAxis=null,t.yAxisScale=null,t.yAxis=null,t.line=null,t.categories=[],t.additionalHeight=0,t}__extends(ScatterChart,L=e.Mixins(o)),ScatterChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},ScatterChart.prototype.mounted=function(){this.redraw()},ScatterChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderPoint(),1<this.groupings.length&&0<this.categories.length&&this.renderLabel()},ScatterChart.prototype.init=function(){var n=this,t=this.getWidth(),e=(this.svgWidth=t,this.svgWidth=t<694?t:t/2+150,this.width=this.svgWidth-this.margin.left-this.margin.right,this.height=this.width,this.svgHeight=this.height+this.margin.top+this.margin.bottom,this.categories=[],p.max(this.data,function(t){return t.values[0]})),a=p.max(this.data,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),0<this.categories.length&&(this.additionalHeight=25this.categories.length+50,e=g.getMaxValue(this.data,0),a=g.getMaxValue(this.data,1)),this.svgHeight+=this.additionalHeight,this.svg=(t<694?s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight):s.select(this.$el).style("text-align","left").append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).style("overflow","visible")).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"),this.xAxisScale=i.scaleLinear().domain([0,e\|\|10]).range([0,this.width-5]).nice(),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?g.formatValue(t,"",n.decimal):""}),this.yAxisScale=i.scaleLinear().domain([0,a\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?g.formatValue(t,"",n.decimal):""}),this.line=m.line(function(t){return n.xAxisScale(t.values[0])},function(t){return n.yAxisScale(t.values[1])})},ScatterChart.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(5, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},ScatterChart.prototype.renderAxisLabel=function(){0<this.aggregates.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.margin.left)/2).attr("y",this.height+this.margin.bottom-30).text(this.aggregates[0].label),0<this.groupings.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.margin.left)/2).attr("y",this.height+this.margin.bottom-15).text("Plot By "+this.groupings[0].label),g.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",20-this.margin.left).attr("width",this.height+20).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",-this.margin.left-10).attr("width",this.height+20).attr("height",30).style("fill","none"),0<this.aggregates.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",15-this.margin.left).attr("transform","rotate(-90)").text(this.aggregates[0].label)},ScatterChart.prototype.renderSpaceLine=function(){this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("stroke","").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",0).attr("x2",this.width-5).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale),this.svg.selectAll(".mo-vertical-line").data(this.xAxisScale.ticks()).enter().append("line").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",this.xAxisScale).attr("x2",this.xAxisScale).attr("y1",this.height).attr("y2",0),this.svg.selectAll(".mo-axis-point").data(this.xAxisScale.ticks()).enter().append("circle").attr("class","mo-axis-point").attr("r",function(t,e){return e%2==0?2:0}).attr("cx",this.xAxisScale).attr("cy",this.height)},ScatterChart.prototype.renderPoint=function(){function Fh(t,e){e=g.getColor(e,n.colors),n.svg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",e).attr("cx",0).attr("cy",n.height).attr("r",n.pointRadius).transition().duration(1e3).attr("cx",function(t){return n.xAxisScale(t.values[0])}).attr("cy",function(t){return n.yAxisScale(t.values[1]\|\|0)})}var n=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,e){return Fh(t.value,e)}):Fh(this.data,0)},ScatterChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),t=(this.getWidth()<694?(t.attr("transform","translate( 0, 0 )"),t.append("line").attr("x1",-this.margin.left).attr("y1",this.margin.top+this.margin.bottom+this.height).attr("x2",this.width+this.margin.left+this.margin.right).attr("y2",this.margin.top+this.margin.bottom+this.height).attr("class","mo-label-line")):t.attr("transform","translate( "+this.svgWidth+",\n -"+(this.svgHeight-this.additionalHeight)+" )"),t.append("text").attr("x",0).attr("y",this.margin.top+this.margin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return n.margin.top+n.margin.bottom+n.height+40+25e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return n.margin.top+n.margin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return t.key})},ScatterChart.prototype.refactorGroupedData=function(){var n=[];this.data.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(p.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:65}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],ScatterChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null);function Fa(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function Ha(t){t&&t("data-v-12e6b6e0_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var N,f=__decorate([e.Component({})],ScatterChart),I=(Fa._withStripped=!0,normalizeComponent({render:Fa,staticRenderFns:[]},Ha,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function TableChart(){var t=null!==N&&N.apply(this,arguments)\|\|this;return t.ready=!1,t.checkedImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxOTdBMEMwMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxOTdBMEMxMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTE5N0EwQkUyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTE5N0EwQkYyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/Y8gIAAAEC0lEQVR42syZS0gVYRTHv3vRHpYtUhdSKQZpCqGQIphFKtSmBxVUUosyRTO1xyqiWvTY9zAxCzcaWpBCEEFFlo/CtDZBPhZFpbiwu+lhckvtf+Q/9DHex+idO3bgz3XuzHznd883833nHF1r7t9QczA3lAXlQZlQMrQCWsLzP6FhaBDqhdqgHmjSPNDg7vKAjiJmCbYSOgYdgFYFuG4htBxaB+3hd1+gO5BEZMiqQ6uAMdAFqBhawO8+QI+hTqgP+gR957loKBFKhXKhrVASdBo6Bd2GzkMeOwD38lfHcoruQlehVwHu8VBvGTUXtIHRl/HK+VnB8fyaK8AzKPDXoTIeP4MqofcqNEvjuPk8rpVx8Sz+8few+7IoqJVw4/ylBTbAKY5RwGiO00drcktNlFVAiVwTtI3TtJlTbLfVcGwPfTUBMsIKYDW0AxrlA96twmfd9DFKn9XBAPdBpdAvaDvUr8JsePb66WtMfCOKhf4AY7RfcCLMkTNDiq+TxgwCMs4X4CUuJU+gOuWwAbKOK4Us8BfNgAnQEUhe9eNq/qyCDEWIYoIOeBSKhJq5KzhlEaYo9nHhjiTTNKDooLZoOmHyKHXJi4FIFZvO3eTnQZxzG1mJJAEfoZcOwclznsNIFZrOd5JFmLLc2pYjG/+UQ3AZPJ4wbwKY5imyiOUJ4HoedMwD3GEAtfi41mDJFMAUbY90FA5qCLBfi6UIYDwPPv8ncDpLvJvJpdKSzVCz7lDhdJZod5ALi7lHdtGZE3AzkgU9TTdbIZeCHDqLdQhuqRFJARzRtjtfqdcE/86wCGlH5BL5OSKAA1oqbrZWDq5DPg0AGcvzIU2rxjIggG94kOvn4gYTZLofSAMuPUQ4naXXzaJasTR0zRHSNjjsvy6yiLUJ4GsW0kl8GVQAyEM+INfaGDlFhiQy9bhZ6zbyZFmQmxt9QL6zEc7ICad9YRucNNZB2bC90H52A2YDGWEXHKY3lQW910giDMAhtiPE2RULY5kh7YicYkEvTPWI3pC5JjF6JVugkllAeu2AQ/RKWNALw1lfRZNHm3+JYrZFyBQb4LK1matC9DyBejO1rI2lmN7kQG0sq0A7JKVmHeBKg3UWqqAHvKGTJUG4LIs+4uiz0krrw8sk4RGL+XZmNXabjPmCPh6KT0TPa7W7JSnWTlZYi6BbXIzTbABL5Vgy5mL62AW4sdkmo7+5cD/n61/ARfkedC1IA3NGH5I7RAXXOQnMV74QTaF2WJv5i6UdUcTFXGS0gDtY7Eua/o33LGP6JtHaqP61gI1HqB46R0gVKqDiQFLpX2YUpNBfzQiXWRxjmMtStQpDE11pO440ws/wDcxn2ZrMQtvIhH/w2kGmc9IU8vlviGD2V4ABANQHM6YP3PIZAAAAAElFTkSuQmCC",t.uncheckedImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxOTdBMEJDMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxOTdBMEJEMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTE5N0EwQkEyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTE5N0EwQkIyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IXIjoAAADkklEQVR42syZS0hUYRTHv7loD3sssllIpdRCnaBVDoIZpEJtehBBD3JlWVajPTZFWIssqF3lFDWFK2umNkIRQUVWSmFamyAfi6IacWGz6WEyhfY/9f/qMszjljNz74Efw53Hd/73fPf7vnPOuJpPX1b/YQbwgipQBorBAjCLn38Fw2AI9IFO0AsmYgdqObwrqaOcfxS2EOwD28GiJN+bDuaBZWAT3/sAroELIGzVoVWB+eAE2Amm8b034B7oBv3gHfjMz+aAIuABlWANWAyOgEPgKjgOIukQuJl3PZ9TdAOcA8+S/CZCXjJqLrCC0Zfx9vLVx/ESmivJMyjiW0EDrx+CRvBaTc2WctxqXl+ScfEs/kj0sMezPNBBceO805o0iFMco4bRHKePjmNnAnlWBUrkgmAtp2kVpzjddpFjR+grCJE5VgT6wXowyge8R2XOeuhjlD79qQRuAbvBN7AODKgMG569AfoaE9+I4rZEAvNNd3Agw5GLFSm+DuoZhEh3PIEnuZXcBwGVZYPIAHcK2eBbYgUWgh1Alvp+ZZ/5qKEOUSw0C9wDckGIp4Ithij2c+POpaZfAoVa06Zpt+mToxZRNHRWIknAW/DUAQK7qUU0eQ3TkSMH/6Td6jDNk9QiViUCl/OiSznHtJYyEVhiOiOdYlpLiQgs4MV7BwnUWgoMJpfKlGw6wf4kvoZyuBkxabpTbLaOpAgcMR13TrEivo6IwEFTKu4U01oGReALXlQ6SKDW0mewqFYsDV12K8P566IWsU4R+JyFtNStFQ6IXgW1iKZeg7VuOz9scIBAH1/bcS5P6H1QqrYo2MpugF3T62FBH9WVpBYYZjtCyr6zNkavlZraEL1wbE2ieyWrQb0N0atnQS8amuMVTRHT/EsUy7Mortw0c02IXiRRXRxiyi1tiNugNAviSulLfAYg7nqqzkITuAXcTL+9GdTnpQ83fTZaaX3ICpLq/i6L+Sfqd18w3SZjPqaPO+IT0Yta7W5JG2IDp3sGuAIepOm89nAsGXMmfWyEuDGVoJOVyL5z437E5S8r7BW4Cc6r5A3MWHPxhPBxn5PAfOSCCCb7oZUOa4h3LO2IOm7mgm4Bd7HYlzT9E38zl+mbRGul+tsC1o9Qm6wPilRTFag4kFT6pxgFKfSXMMJWj8dhHql+lYEmujKdONIIP8oVWM2ytZiFts6Ev/C7Q0znpCkU92+IVPZTgAEAL2fkkNJ1cvgAAAAASUVORK5CYII=",t}__extends(TableChart,N=e.Mixins(o)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){t=this.data.headers[t];return t&&("datetime"===t.dataType\|\|"currency"===t.dataType\|\|"date"===t.dataType\|\|"int"===t.dataType\|\|"double"===t.dataType\|\|"percent"===t.dataType\|\|"boolean"===t.dataType)},TableChart.prototype.isBoolean=function(t){t=this.data.headers[t];return t&&"boolean"===t.dataType},TableChart.prototype.getCellWidth=function(t){var e=this.getWidth(),n=this.data.headers.length,a=e/n;return 0<a.toString().indexOf(".")&&t===n-1?e-(n-1)Math.floor(a):Math.floor(a)},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof TableData&&TableData)?f:Object)],TableChart.prototype,"data",void 0);function Qa(){var n=this,t=n.$createElement,a=n._self._c\|\|t;return a("div",{staticClass:"mo-chart"},[n.ready?a("div",{staticClass:"mo-table"},[a("div",{staticClass:"mo-table-row header-row"},n._l(n.data.headers,function(t,e){return a("div",{key:t.label,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n._v("\n "+n._s(t.label)+"\n ")])}),0),n._v(" "),n._l(n.data.rows,function(t,e){return a("div",{key:e,staticClass:"mo-table-row"},n._l(t.cells,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n.isBoolean(e)?a("img",{staticClass:"mo-table-checkbox-cell",attrs:{src:"1"===t.label\|\|"true"===t.label?n.checkedImage:n.uncheckedImage}}):a("span",[n._v(n._s(t.label))])])}),0)}),n._v(" "),a("div",{staticClass:"mo-table-row total-row"},n._l(n.data.totals,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n._v("\n "+n._s(t.label)+"\n ")])}),0)],2):n._e()])}function Sa(t){t&&t("data-v-44e6dcb5_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 8rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var j,o=__decorate([e.Component({})],TableChart),H=(Qa._withStripped=!0,normalizeComponent({render:Qa,staticRenderFns:[]},Sa,o,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoGlossaryChart(){return null!==j&&j.apply(this,arguments)\|\|this}__extends(MoGlossaryChart,j=e.Vue),MoGlossaryChart.prototype.parseRichText=function(e){try{return JSON.parse(e).map(function(t){var e,n=t.insert;return"↵"===n\|\|"\n"===n?n="<br />":(n.includes("↵")\|\|n.includes("\n"))&&(n=n.replace(/[\u21B5\n]/g,"<br />")),n=t.attributes&&(e=[],(t=t.attributes).size&&e.push("font-size: "+t.size),t.bold&&(n="<strong>"+n+"</strong>"),t.align&&e.push("text-align: "+t.align),0<e.length)?'<p style="'+e.join(";")+'">'+n+"</p>":n}).join("")}catch(t){return console.error("解析富文本失败:",t),e}},__decorate([e.Prop({type:String,required:!0}),__metadata("design:type",String)],MoGlossaryChart.prototype,"content",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoGlossaryChart.prototype,"title",void 0);function Za(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-glossary-chart"},[t.title?e("div",{staticClass:"mo-glossary-header"},[e("h3",{staticClass:"mo-glossary-title"},[t._v(t._s(t.title))])]):t._e(),t._v(" "),e("div",{staticClass:"mo-glossary-content"},[e("div",{domProps:{innerHTML:t._s(t.parseRichText(t.content))}})])])}function _a(t){t&&t("data-v-cf6c9538_0",{source:"/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area */\n.mo-glossary-chart[data-v-cf6c9538] {\n padding: 2rem 1rem;\n width: 100%;\n background-color: #fff;\n color: #16325c;\n line-height: 2rem;\n text-align: left !important;\n}\n.mo-glossary-header[data-v-cf6c9538] {\n margin-bottom: 16px;\n}\n.mo-glossary-title[data-v-cf6c9538] {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n@media (prefers-color-scheme: dark) {\n.mo-glossary-chart[data-v-cf6c9538] {\n background-color: #1c1c1e;\n color: #f2f2f7;\n}\n}",map:void 0,media:void 0})}var f=__decorate([e.Component({})],MoGlossaryChart),W=(Za._withStripped=!0,normalizeComponent({render:Za,staticRenderFns:[]},_a,f,"data-v-cf6c9538",!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=w,t.BarChartHorizontal=A,t.FunnelChart=P,t.GaugeChart=T,t.GlossaryChart=W,t.LineChart=S,t.MetricChart=R,t.PieChart=_,t.ScatterChart=I,t.TableChart=H,t.default=function(t){t.component("MoBarChart",w),t.component("MoBarChartHorizontal",A),t.component("MoPieChart",_),t.component("MoLineChart",S),t.component("MoFunnelChart",P),t.component("MoGaugeChart",T),t.component("MoMetricChart",R),t.component("MoScatterChart",I),t.component("MoTableChart",H),t.component("MoGlossaryChart",W)},Object.defineProperty(t,"__esModule",{value:!0})});
1	+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("d3-transition"),require("vue-property-decorator"),require("d3-scale"),require("d3-axis"),require("d3-selection"),require("d3-format"),require("d3-array"),require("d3-shape"),require("d3-ease"),require("d3-interpolate")):"function"==typeof define&&define.amd?define(["exports","d3-transition","vue-property-decorator","d3-scale","d3-axis","d3-selection","d3-format","d3-array","d3-shape","d3-ease","d3-interpolate"],e):e((t=t\|\|self).charts={},t.d3Transition,t.vuePropertyDecorator,t.d3Scale,t.d3Axis,t.d3Selection,t.d3Format,t.d3Array,t.d3Shape,t.d3Ease,t.d3Interpolate)}(this,function(t,V,e,i,l,s,c,u,m,h,r){var n=function(t,e){return(n=Object.setPrototypeOf\|\|({__proto__:[]}instanceof Array?function(t,e){t.__proto__=e}:function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])}))(t,e)};function __extends(t,e){function __(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}function __decorate(t,e,n,a){var o,r=arguments.length,i=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,a);else for(var l=t.length-1;0<=l;l--)(o=t[l])&&(i=(r<3?o(i):3<r?o(e,n,i):o(e,n))\|\|i);return 3<r&&i&&Object.defineProperty(e,n,i),i}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}__extends(ChartMixins,a=e.Vue),ChartMixins.prototype.getWidth=function(){var t=window.getComputedStyle(this.$el,null).width;return t?parseFloat(t.substring(0,t.length-2)):0},ChartMixins.prototype.beforeRedraw=function(){var t=this.$el.querySelector("svg");t&&t.remove()};var a,o=__decorate([e.Component],ChartMixins);function ChartMixins(){return null!==a&&a.apply(this,arguments)\|\|this}ChartService.formatValue=function(t,e,n){void 0===e&&(e=""),void 0===n&&(n=2);var a,o,r,i=t.toString();return Number.isNaN(Number(t))\|\|(a=(t=ChartService.preciseDecimal(Number(t),n))/Math.pow(1e3,4),o=t/Math.pow(1e3,3),r=t/Math.pow(1e3,2),t=t/Math.pow(1e3,1),1<=a?i=ChartService.preciseDecimal(a,n)+" T":1<=o?i=ChartService.preciseDecimal(o,n)+" B":1<=r?i=ChartService.preciseDecimal(r,n)+" M":1<=t&&(i=ChartService.preciseDecimal(t,n)+" K"),i=i.toString().replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})),e+" "+i},ChartService.preciseDecimal=function(t,e){void 0===e&&(e=2);var n=t.toString().indexOf(".");return!(n<=0)&&e<t.toString().substring(n+1,t.toString().length).length?Number(t.toFixed(e)):t},ChartService.formatDomainValue=function(t,e,n){for(var a=t.toString().length-1,o=n?8:10,r=0;r<a;r+=1)if(e<ro){a=r;break}return a<t.toString().length-1?t.toString().substring(0,a-2)+"...":t.toString()},ChartService.getPercentage=function(t,e,n){return ChartService.preciseDecimal((t=void 0===t?0:t)/(e=void 0===e?0:e)100,n=void 0===n?0:n)},ChartService.getColor=function(t,e){e=e\|\|["#5bdcef","#ffe451","#fc7a7a","#8b4fdc","#4653ff","#153e75","#3adfae","#f68c5d","#6663f0","#fe70a2","#438aff","#5ed281","#60afff","#4e4c97","#b6d252","#5acec7","#ff7575","#ffda2b","#3cdbc6","#3f5cba","#383b6b","#fc7a7a","#6663f0","#ffcc51","#56c597","#f678aa","#8ffabf","#5aabff","#4ecaa5","#686edc"];return e[t%e.length]},ChartService.getMaxValue=function(t,e){void 0===e&&(e=0);function mb(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){mb(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){mb(t)}),u.max(n,function(t){return t})},ChartService.getMinValue=function(t,e){void 0===e&&(e=0);function ub(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){ub(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){ub(t)}),u.min(n,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,e,n){t=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+e).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",n?.4:1),t.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",n?1:.4)},ChartService.getInnerText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,t=t.symbol,s=t\|\|"";return e&&n&&(s+=ChartService.formatValue(a,t,l)),o&&r&&0<(e=ChartService.getPercentage(Number(a),i,l))&&(s+=": "+e+"%"),s},ChartService.getBottomText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,t=t.symbol,s=t\|\|"";return e&&!n&&(s+=ChartService.formatValue(a,t,l)),o&&!r&&(""!==s&&(s+=" : "),s+=ChartService.getPercentage(Number(a),i,l)+"%"),s};var b=ChartService;function ChartService(){}__extends(MoBarChart,d=e.Mixins(o)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(a=160),0<this.aggregates.length&&(t=75),{top:e,right:n=this.hasSecondAxis?Math.max(n,65):n,bottom:a,left:t}},enumerable:!1,configurable:!0}),MoBarChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChart.prototype.mounted=function(){this.redraw()},MoBarChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.data));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),this.hasLineChart&&this.renderLine(t),this.renderData(t),0<this.categories.length&&this.renderLabel(),0<this.aggregates.length&&this.renderMeasure()},MoBarChart.prototype.init=function(){var e=this,t=this.getWidth(),n=this.data.slice(this.maxDisplayCount),a=n.length,a=(this.svgWidth=Math.min(t,Math.max(40a,t)),this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=Math.min(694<=t?t/2:t,400)-this.actualMargin.top-this.actualMargin.bottom,this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom,this.xAxisScale=i.scaleBand().domain(n.map(function(t){return t.label})).range([0,this.width]).padding(.3).round(!0),this.groupType&&"none"!==this.groupType&&(this.categories=[],n.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=t.pieces.map(function(t){return t.label}))})),0<this.categories.length&&(this.additionalHeight=Math.min(25this.categories.length+50,150)),1<this.aggregates.length&&(this.additionalHeight+=Math.min(25this.aggregates.length+50,150)),this.svgHeight+=this.additionalHeight,0),t=0,o=0,r=0,t="grouped"===this.groupType?(a=b.getMaxValue(n)\|\|0,b.getMinValue(n)\|\|0):(a=u.max(n,function(t){return t.values[0]})\|\|0,u.min(n,function(t){return t.values[0]})\|\|0),n=(1<this.aggregates.length&&(o=u.max(this.data,function(t){return u.max(t.values)})\|\|0,r=u.min(this.data,function(t){return u.min(t.values)})\|\|0),a+.1Math.abs(a-t)),a=t<0?t-.1Math.abs(a-t):0;this.xAxisCategories=i.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1),1<this.aggregates.length&&(this.xAxisAggregates=i.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1)),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return b.formatDomainValue(t,e.actualMargin.bottom,!1)}),"stacked100"===this.groupType&&0<this.categories.length?(this.yAxisScale=i.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):this.hasLineChart?this.hasSecondAxis?(this.yAxisScale=i.scaleLinear().domain([a,n]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return b.formatValue(t,"",e.decimal)}),this.secondYAxisScale=i.scaleLinear().domain([r<0?r:0,o]).range([this.height,0]).nice(),this.secondYAxis=l.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return b.formatValue(t,"",e.decimal)}),this.line=m.line().curve(m.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,n]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return b.formatValue(t,"",e.decimal)}),this.line=m.line().curve(m.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,n]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return b.formatValue(t,"",e.decimal)})),this.svg=s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")")},MoBarChart.prototype.lineValue=function(t){return t.values[this.secondYIndex]},MoBarChart.prototype.renderAxis=function(){var t=this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis);t.selectAll("text").style("text-anchor","middle").attr("class","mo-axis-text").attr("x",0).attr("y",10),"vertical"===this.xAxisMode&&t.selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",5).attr("transform","rotate(-70, 0, 15)"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0),this.secondYAxis&&this.svg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.width+", 0)").call(this.secondYAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},MoBarChart.prototype.renderAxisLabel=function(){var t,n=this;b.defineAreaGradientsForCover(this.svg,0,!1),this.svg.append("rect").attr("x",-this.margin.left-10).attr("y",this.height+this.actualMargin.bottom-30).attr("class","mo-cover").attr("height",10).style("fill","none"),this.svg.append("rect").attr("x",-this.actualMargin.left-10).attr("y",this.height+this.actualMargin.bottom-20).attr("class","mo-cover").attr("height",this.svgHeight-this.height-this.actualMargin.bottom+5).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.height+this.actualMargin.bottom-20).text((null==(t=this.groupings[0])?void 0:t.label)\|\|""),b.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",20-this.actualMargin.left).attr("width",this.height+20).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",-this.actualMargin.left-10).attr("width",this.height+20).attr("height",30).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",15-this.actualMargin.left).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t,e){return n.hasSecondAxis&&e===n.secondYIndex?"":(e="currency"===t.dataType?null==(e=null==(e=n.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?t.label+" ("+e+")":t.label}).filter(Boolean).join(", "):""),this.hasSecondAxis&&this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",this.width+this.actualMargin.right-15).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(function(){var t,e=n.aggregates[n.secondYIndex];return e?(t=(null==(t=null==(t=n.data[0])?void 0:t.reportMetadata)?void 0:t.currency)\|\|"")?e.label+" ("+t+")":e.label:""})},MoBarChart.prototype.renderSpaceLine=function(){this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",3).attr("x2",this.width).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale)},MoBarChart.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){for(var e=t.pieces,r=void 0===e?[]:e,i=t.values,n=r.length;0<=n;--n)r.forEach(function(t,e){var n,a,o;t.y=(n=r,e=e,a=i[0],e===n.length-1?"stacked100"===l.groupType?l.yAxisScale(n[e].values[0]/a):l.yAxisScale(n[e].values[0]):(o=n[e+1].y\|\|l.height,"stacked100"===l.groupType?o-l.height+l.yAxisScale(n[e].values[0]/a):o-l.height+l.yAxisScale(n[e].values[0]))),t.percentage=t.values[0]/i[0]})}),t},MoBarChart.prototype.renderBar=function(t){var e=this,t=t.slice(this.maxDisplayCount);0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|this.renderStackedBar(t):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.svg.selectAll(".bar").data(t).enter().append("rect").style("fill",b.getColor(0,this.colors)).attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){t=t.values[0];return 0<=t?e.yAxisScale(t):e.yAxisScale(0)}).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("height",function(t){t=t.values[0];return Math.abs(e.yAxisScale(t)-e.yAxisScale(0))}).attr("y",function(t){t=t.values[0];return 0<=t?e.yAxisScale(t):e.yAxisScale(0)})},MoBarChart.prototype.renderGroupedAggregatesBar=function(t){var n=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("width",this.xAxisAggregates.bandwidth()).attr("x",function(t,e){return n.xAxisAggregates(n.aggregates[e].label)}).attr("y",function(t){return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",0).style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",function(t){return Math.abs(n.yAxisScale(t)-n.yAxisScale(0))})},MoBarChart.prototype.renderGroupedBar=function(t){var n=this,t=t.slice(this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("width",this.xAxisCategories.bandwidth()).attr("x",function(t){return n.xAxisCategories(t.label)}).attr("y",function(t){t=t.values[0];return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",0).style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){t=t.values[0];return 0<=t?n.yAxisScale(t):n.yAxisScale(0)}).attr("height",function(t){t=t.values[0];return Math.abs(n.yAxisScale(t)-n.yAxisScale(0))})},MoBarChart.prototype.renderStackedBar=function(t){var n=this,t=t.slice(this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("height",0).attr("width",this.xAxisScale.bandwidth()).attr("y",function(t){return"stacked100"!==n.groupType&&0<=(t=t.values[0])?n.yAxisScale(t):n.yAxisScale(0)}).style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){return t.y}).attr("height",function(t){return"stacked100"===n.groupType?n.height-n.yAxisScale(t.percentage):(t=t.values[0],Math.abs(n.yAxisScale(t)-n.yAxisScale(0)))})},MoBarChart.prototype.renderLine=function(t){var e=this,n=b.getColor(this.categories.length\|\|1,this.colors),a=this.svg.append("path").datum(t).attr("d",this.line).attr("class","mo-data-line").style("stroke",n),o=a.node().getTotalLength(),r=(a.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),this.secondYAxisScale\|\|this.yAxisScale);this.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).attr("cy",function(t){return r(e.lineValue(t))}).attr("r",3).attr("class","mo-line-point").style("fill",n)},MoBarChart.prototype.renderData=function(t){var n=this,t=t.slice(this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("text").attr("class","mo-data-text").style("fill","#5bdcef").attr("x",function(t){return n.xAxisScale(t.label)+n.xAxisScale.bandwidth()/2}).attr("y",this.height).attr("text-anchor","middle").style("font-size","12px").transition().duration(1e3).attr("y",function(t){var t=t.values[0],e=n.yAxisScale(t);return 0<=t?e-8:e+20}).text(function(t){return b.formatValue(t.values[0],"",n.decimal)})},MoBarChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),e=this.getWidth(),e=(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=e?t.attr("transform","translate( "+this.svgWidth+",\n -"+(this.svgHeight-this.additionalHeight-100)+" )"):(t.attr("transform","translate( 0, 0 )"),t.append("line").attr("x1",-this.actualMargin.left).attr("y1",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("class","mo-label-line")),t.append("text").attr("x",0).attr("y",this.actualMargin.top+this.actualMargin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));e.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+40+25e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),e.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",function(){return n.labelColor\|\|""}).text(function(t){return t})},MoBarChart.prototype.renderMeasure=function(){var n=this,a=this.actualMargin.top+this.actualMargin.bottom+this.height,t=(0<this.categories.length&&(a+=25this.categories.length+50),this.svg.append("g")),e=this.getWidth(),e=(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=e?t.attr("transform","translate( "+this.svgWidth+",\n -"+(this.svgHeight-this.additionalHeight-100)+" )"):t.attr("transform","translate( 0, 0 )"),t.append("line").attr("x1",-this.actualMargin.left).attr("y1",a).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",a).attr("class","mo-label-line"),t.append("text").attr("x",0).attr("y",a+25).attr("class","mo-label-title").text("Measure"),t.selectAll(".mo-label").data(this.hasLineChart&&0<this.categories.length?this.aggregates.slice(1,this.aggregates.length):this.aggregates).enter().append("g").attr("class","mo-label"));e.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,e){return a+40+25e}).attr("fill",function(t,e){e=n.hasLineChart&&0<n.categories.length?n.categories.length\|\|1:e;return b.getColor(e,n.colors)}),e.append("text").attr("x",25).attr("y",function(t,e){return a+52+25e}).attr("class","mo-legend-text").style("fill",function(){return n.labelColor\|\|""}).text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasSecondAxis",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasLineChart",void 0),__decorate([e.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MoBarChart.prototype,"secondYIndex",void 0),__decorate([e.Prop({type:String,default:function(){return"horizontal"}}),__metadata("design:type",String)],MoBarChart.prototype,"xAxisMode",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChart.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:20,right:30,bottom:120,left:50}}}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartMargin&&ChartMargin)?p:Object)],MoBarChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Number,default:function(){return-20}}),__metadata("design:type",Number)],MoBarChart.prototype,"maxDisplayCount",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null);var d,p=__decorate([e.Component({})],MoBarChart);function MoBarChart(){var t=null!==d&&d.apply(this,arguments)\|\|this;return t.MIN_WIDTH=20,t.svgWidth=0,t.svgHeight=0,t.width=0,t.height=0,t.svg=null,t.xAxisScale=null,t.yAxisScale=null,t.secondYAxisScale=null,t.xAxis=null,t.yAxis=null,t.secondYAxis=null,t.line=null,t.xAxisCategories=null,t.xAxisAggregates=null,t.categories=[],t.needScroll=!1,t.additionalHeight=0,t}function normalizeComponent(t,e,n,a,o,r,i,l,s,c){"boolean"!=typeof i&&(s=l,l=i,i=!1);var m,h,d="function"==typeof n?n.options:n;return t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o)&&(d.functional=!0),a&&(d._scopeId=a),r?(m=function(t){(t=t\|\|this.$vnode&&this.$vnode.ssrContext\|\|this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)\|\|"undefined"==typeof __VUE_SSR_CONTEXT__\|\|(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=m):e&&(m=i?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),m&&(d.functional?(h=d.render,d.render=function renderWithStyleInjection(t,e){return m.call(e),h(t,e)}):(t=d.beforeCreate,d.beforeCreate=t?[].concat(t,m):[m])),n}var g,D="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function addStyle(t,e){var n=D?e.media\|\|"default":t,n=f[n]\|\|(f[n]={ids:new Set,styles:[]});{var a;n.ids.has(t)\|\|(n.ids.add(t),t=e.source,e.map&&(t=(t+="\n/# sourceURL="+e.map.sources[0]+" /")+"\n/# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" /"),n.element\|\|(n.element=document.createElement("style"),n.element.type="text/css",e.media&&n.element.setAttribute("media",e.media),(g=void 0===g?document.head\|\|document.getElementsByTagName("head")[0]:g).appendChild(n.element)),"styleSheet"in n.element?(n.styles.push(t),n.element.styleSheet.cssText=n.styles.filter(Boolean).join("\n")):(e=n.ids.size-1,t=document.createTextNode(t),(a=n.element.childNodes)[e]&&n.element.removeChild(a[e]),a.length?n.element.insertBefore(t,a[e]):n.element.appendChild(t)))}}}var f={};function v(){var t=this.$createElement;return(this._self._c\|\|t)("div",{class:["mo-chart",this.needScroll?"x-scroll":""]})}function x(t){t&&t("data-v-7759c3c4_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}v._withStripped=!0;var y,w=normalizeComponent({render:v,staticRenderFns:[]},x,p,void 0,!1,void 0,!1,createInjector,void 0,void 0);function MoBarChartHorizontal(){var t=null!==y&&y.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.width=0,t.height=0,t.svg=null,t.xAxisScale=null,t.yAxisScale=null,t.xAxis=null,t.yAxis=null,t.yAxisCategories=null,t.yAxisAggregates=null,t.categories=[],t.mainChart=null,t.labelGroup=null,t.additionalHeight=0,t}__extends(MoBarChartHorizontal,y=e.Mixins(o)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.aggregates.length?{top:e,right:n,bottom:60,left:t}:0<this.groupings.length?{top:e,right:n,bottom:a,left:115}:this.margin},enumerable:!1,configurable:!0}),MoBarChartHorizontal.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChartHorizontal.prototype.mounted=function(){this.redraw()},MoBarChartHorizontal.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.data));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),0===this.categories.length&&this.aggregates.length<=1&&this.renderData(t),0<this.categories.length&&this.renderLabel(),1<this.aggregates.length&&this.renderMeasure()},MoBarChartHorizontal.prototype.init=function(){var e=this,t=(this.categories=[],this.data.length),n=this.getWidth(),a="grouped"===this.groupType&&0<this.categories.length?b.getMaxValue(this.data):u.max(this.data,function(t){return u.max(t.values)}),o=((null==(o=this.aggregates)?void 0:o[0])\|\|{}).unitSymbol,o=8b.formatValue(a\|\|0,o,this.decimal).length;("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=n?this.svgWidth=Math.min(n/2+150,n):this.svgWidth=n,this.actualMargin.right=Math.max(this.margin.right,20+o),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right),"grouped"===this.groupType&&0<this.categories.length?this.height=(this.barHeightthis.categories.length+this.barPadding)t:(o=1<this.aggregates.length?this.aggregates.length:1,this.height=(this.barHeighto+this.barPadding)t),this.svgHeight=694<=n?this.height+this.actualMargin.top+this.actualMargin.bottom:this.height+this.actualMargin.top+this.actualMargin.bottom+100,0<this.categories.length&&(this.additionalHeight=25this.categories.length+10),1<this.aggregates.length&&(this.additionalHeight=25this.aggregates.length+10),this.svgHeight+=this.additionalHeight,("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=n?this.svg=s.select(this.$el).style("text-align","left").append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).style("overflow","visible"):this.svg=s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=i.scaleLinear().domain([0,1]).range([0,this.width]),this.xAxis=l.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):(this.xAxisScale=i.scaleLinear().domain([0,a\|\|10]).range([0,this.width]).nice(),this.xAxis=l.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return b.formatValue(t,"",e.decimal)})),this.yAxisScale=i.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.height]),this.yAxisCategories=i.scaleBand().domain(this.categories).range([0,this.barHeightthis.categories.length]).round(!0),1<this.aggregates.length&&(this.yAxisAggregates=i.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.barHeightthis.aggregates.length]).round(!0)),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return b.formatDomainValue(t,e.actualMargin.left-15,!1)}),this.mainChart=this.svg.append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.labelGroup=this.svg.append("g"),0<this.aggregates.length&&(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=n?this.labelGroup.attr("transform","translate( "+(this.svgWidth+50)+",\n -"+(this.svgHeight-this.additionalHeight-this.actualMargin.top)+" )"):this.labelGroup.attr("transform","translate( 0, 40 )"))},MoBarChartHorizontal.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top/2+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",12).attr("x",12).attr("transform","rotate(70, -12, 12)"),this.svg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",-Math.round(this.barPadding/2))},MoBarChartHorizontal.prototype.renderAxisLabel=function(){var n=this;this.svg.append("text").attr("class","mo-axis-label").attr("x",this.svgWidth/2).attr("y",25).text(function(){var t=n.aggregates.map(function(t){return t.label}).join(", "),e="currency"===(null==(e=n.aggregates[0])?void 0:e.dataType)?null==(e=null==(e=n.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?t+" ("+e+")":t}),b.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-30).attr("y",15).attr("width",this.height-10).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-30).attr("y",-10).attr("width",this.height-10).attr("height",25).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/1.5).attr("y",10.5).attr("transform","rotate(-90)").text(this.groupings[0].label)},MoBarChartHorizontal.prototype.renderSpaceLine=function(){this.mainChart.selectAll(".mo-space-line").data(this.xAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",this.xAxisScale).attr("x2",this.xAxisScale).attr("y1",-5).attr("y2",this.height-5),this.mainChart.append("line").attr("class","mo-space-line").attr("x1",0).attr("y1",-5).attr("x2",0).attr("y2",this.height-5)},MoBarChartHorizontal.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){var e=t.pieces,r=void 0===e?[]:e,i=t.values;r.forEach(function(t,e){var n,a,o;t.x=(n=e,a=i[0],o=0,r.forEach(function(t,e){e<n&&("stacked100"===l.groupType?o+=l.xAxisScale(t.values[0]/a):o+=l.xAxisScale(t.values[0]))}),o),t.percentage=t.values[0]/i[0]})}),t},MoBarChartHorizontal.prototype.renderBar=function(t){var n=this;0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|this.renderStackedBar(t):1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.mainChart.selectAll(".bar").data(t).enter().append("rect").attr("width",0).attr("height",this.barHeight).attr("y",function(t,e){return(n.barHeight+n.barPadding)e}).style("fill",b.getColor(0,this.colors)).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderGroupedAggregatesBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,e){return"translate(0,\n "+(n.barHeightn.aggregates.length+n.barPadding)e+")"}).selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("width",0).attr("height",this.barHeight).attr("y",function(t,e){return n.yAxisAggregates(n.aggregates[e].label)}).style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t)})},MoBarChartHorizontal.prototype.renderGroupedBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,e){return"translate(0,\n "+(n.barHeightn.categories.length+n.barPadding)e+")"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("width",0).attr("height",this.barHeight).attr("y",function(t){return n.yAxisCategories(t.label)}).style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderStackedBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,e){return"translate(0, "+(n.barHeight+n.barPadding)e+")"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("width",0).attr("height",this.barHeight).attr("x",this.xAxisScale(0)).style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(1e3).attr("x",function(t){return t.x}).attr("width",function(t){return"stacked100"===n.groupType?n.xAxisScale(t.percentage):n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderData=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("text").attr("class","mo-data-text").attr("x",0).attr("y",function(t){return e.yAxisScale(t.label)+(e.barHeight+e.barPadding)/2-3}).style("fill",this.valueColor).attr("text-anchor","start").transition().duration(1e3).attr("x",function(t){return e.xAxisScale(t.values[0])+5}).text(function(t){return b.formatValue(t.values[0],"",e.decimal)})},MoBarChartHorizontal.prototype.renderLabel=function(){var n=this,t=this.getWidth(),t=(("stacked"===this.groupType\|\|"stacked100"===this.groupType)&&694<=t\|\|this.labelGroup.append("line").attr("x1",0).attr("y1",this.actualMargin.top+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.height).attr("class","mo-label-line"),this.labelGroup.append("text").attr("x",50).attr("y",this.actualMargin.top+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),this.labelGroup.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",50).attr("y",function(t,e){return n.actualMargin.top+n.height+40+25e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",75).attr("y",function(t,e){return n.actualMargin.top+n.height+52+25e}).attr("class","mo-legend-text").text(function(t){return t})},MoBarChartHorizontal.prototype.renderMeasure=function(){var n=this,a=this.actualMargin.top+this.height,t=(0<this.categories.length&&(a+=25this.categories.length+10),this.labelGroup.append("line").attr("x1",0).attr("y1",a).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",a).attr("class","mo-label-line"),this.labelGroup.append("text").attr("x",50).attr("y",a+25).attr("class","mo-label-title").text("Measure"),this.labelGroup.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",50).attr("y",function(t,e){return a+40+25e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",75).attr("y",function(t,e){return a+52+25e}).attr("class","mo-legend-text").text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:80,right:80,bottom:20,left:95}}}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartMargin&&ChartMargin)?p:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([e.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"outer"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([e.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null);function E(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function G(t){t&&t("data-v-fd84cef6_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var k,p=__decorate([e.Component({})],MoBarChartHorizontal),A=(E._withStripped=!0,normalizeComponent({render:E,staticRenderFns:[]},G,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function PieChart(){var t=null!==k&&k.apply(this,arguments)\|\|this;return t.width=0,t.height=0,t.svg=null,t.total=0,t.arcLayout=null,t.arc3dLayout=null,t.pieLayout=null,t.radius=0,t.innerRadius=0,t.arcGroup=null,t.arc=null,t.centerGroup=null,t.labelGroup=null,t.rightNavImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCQTdEM0Y5NEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCQTdEM0ZBNEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JBN0QzRjc0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JBN0QzRjg0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zV8eYAAAB9klEQVR42sSYW0QEYRiGdztSlCillmUVkSK6iSidLrabSiKJIl0UnW5KEUUqSQdFpairKEpGlu1IdBERUUp3RRcRSemgw/vzDeMzqUz7zcvD7sfsPnZm/nn/dWqa5rCQaDAFkkATOHVYTIjF41dAEb3eBnng3MoHBlk4NhTkG94nkFSyXUJvYJjN1KnbBR47hFS6wASbucAOcNsh9AlawTSbu0nKJS2kSzWCeTb3kFSitJAu1QAW2DyFLvR4aSGVD1APltg8laTipIVU3kENrU/GpIEtECstpEtVg1U2zwB+ECMtpK9RVYA/lzJJKlpaSOUVVAAfm2fRLEpaSJcqB5tsng02QKS0kMozKAV7bJ5DUhFmQv3ghdaTQPBITYAnF6wbpXShDhDmsCeFYFzylP0m6VxoiC5Au+LjQt0gHDgDiGqnyyYyV2BW+pQFg0VQyebX1DpvJIXUd8zR48QYJVEALiXXIXWqZkAtm9+SzIXkwqhkJqmSmMmcST86RqlJGnMHisGJ9MN1BLSw2T3JHEvXjwHQ/o3MkXRB6wWdbPYAvOBQusL2EMY8gRJwIF3yO+jXMZPZl94GtYFBkw5UZtKBAi7UTHeUWUv0S2+l68AYLYA/9WgRoSYm891OQ0xI+8Ve7M+x8g9aH9UKL3Xytf+4Xb8EGABhpHk2U/H9dQAAAABJRU5ErkJggg==",t.rotation={index:0,angle:0,startAngle:0,originalAngle:0},t}__extends(PieChart,k=e.Mixins(o)),PieChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},PieChart.prototype.mounted=function(){this.redraw()},PieChart.prototype.redraw=function(){this.init(),this.renderPie(),this.donut&&(this.addDonut(),this.showTotal)&&this.renderTotal(),this.rotate?this.changeContent():(this.renderInnerLabel(),this.renderLabel())},PieChart.prototype.onLeftNavClicked=function(t){var e=this,t=(t.stopPropagation(),t.preventDefault(),this.rotation.index<this.data.length-1?this.rotation.index+=1:this.rotation.index=0,this.pieLayout(this.data)[this.rotation.index]),t=(this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI180,this.aggregate?40:0);this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+t)+") rotate("+this.rotation.angle+")"),setTimeout(function(){e.changeContent(),e.rotation.originalAngle=e.rotation.angle},100)},PieChart.prototype.onRightNavClicked=function(t){var e=this,t=(t.stopPropagation(),t.preventDefault(),0<this.rotation.index?--this.rotation.index:this.rotation.index=this.data.length-1,this.pieLayout(this.data)[this.rotation.index]),t=(this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI180,this.aggregate?40:0);this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+t)+") rotate("+this.rotation.angle+")"),setTimeout(function(){e.changeContent(),e.rotation.originalAngle=e.rotation.angle},100)},PieChart.prototype.changeContent=function(){-1===this.rotation.index&&(this.rotation.index=0);var t,e=b.getPercentage(this.data[this.rotation.index].values[0],this.total,this.decimal),n=b.formatValue(this.data[this.rotation.index].values[0],this.symbol),a=this.$el.querySelector(".percentage"),o=this.$el.querySelector(".label");a&&((t=s.select(a)).style("color",b.getColor(this.rotation.index,this.colors)),t.text(n+" : "+e+"%")),o&&(t=s.select(o)).text(this.data[this.rotation.index].label)},PieChart.prototype.init=function(){this.width=this.area&&this.area.width&&this.area.height?Math.min(this.area.width-20,this.area.height-60-(this.rotate?54:0)):this.getWidth(),this.height=this.width+10,this.radius=this.width/2-10,this.innerRadius=this.donut?.43this.radius:0,this.rotation={index:0,angle:0,startAngle:0,originalAngle:0},this.rotate\|\|("horizontal"===this.labelMode?this.height+=60:this.height+=25this.data.length+34,this.groupBy&&this.aggregate&&(this.height+=50)),this.aggregate&&(this.height+=40),this.svg=s.select(this.$el).insert("svg",".mo-tip-container").attr("width",this.width).attr("height",this.height),this.aggregate&&(t="currency"===this.aggregate.dataType?null==(t=null==(t=this.data[0])?void 0:t.reportMetadata)?void 0:t.currency:"",e=this.svg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",35),t?e.text(this.aggregate.label+" ("+t+")"):e.text(this.aggregate.label)),this.total=u.sum(this.data,function(t){return t.values[0]}),this.arcLayout=m.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=m.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=m.pie().value(function(t){return t.values[0]});var t=this.pieLayout(this.data)[this.rotation.index],e=(this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI180,this.aggregate?40:0);this.arcGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+(this.width/2+e)+") rotate("+this.rotation.angle+")"),this.arc=this.arcGroup.selectAll(".arc").data(this.pieLayout(this.data)).enter().append("g").attr("class","arc"),this.centerGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+(this.width/2+e)+")"),this.labelGroup=this.svg.append("svg:g")},PieChart.prototype.renderPie=function(){var n=this;this.arc.append("svg:path").style("fill",function(t,e){return b.getColor(e,n.colors)}).transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arcLayout(e(t))}})},PieChart.prototype.addDonut=function(){var n=this;this.arc.append("svg:path").attr("class","mo-inner-arc").transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arc3dLayout(e(t))}})},PieChart.prototype.renderTotal=function(){this.centerGroup.append("svg:text").style("text-anchor","middle").attr("class","mo-summary-label").transition().delay(500).text(this.totalLabel),this.centerGroup.append("svg:text").attr("y",18).style("text-anchor","middle").attr("class","mo-summary-value").transition().delay(500).text(b.formatValue(this.total,this.symbol))},PieChart.prototype.renderInnerLabel=function(){var e=this;this.arc.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").text(function(t){return b.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.value,showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null==(t=e.aggregate)?void 0:t.unitSymbol})}).transition().duration(750).attr("transform",function(t){return"translate("+e.arcLayout.centroid(t)+") rotate("+-e.rotation.angle+")"})},PieChart.prototype.renderLabel=function(){this.groupBy&&this.aggregate&&(this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+15).text(this.aggregate.label),this.labelGroup.append("line").attr("class","mo-label-line").attr("x1",0).attr("y1",this.width+30).attr("x2",this.width).attr("y2",this.width+30),this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+50).text(this.groupBy.label));var t=this.labelGroup.selectAll(".mo-label").data(this.data).enter().append("g");"horizontal"===this.labelMode?this.renderHorizontalLabel(t):this.renderVerticalLabel(t)},PieChart.prototype.renderHorizontalLabel=function(t){var n=this;t.append("rect").attr("width","15").attr("height","15").attr("x",function(t,e){return en.radius+25}).attr("y",function(){var t=n.width+25;return n.groupBy&&n.aggregate&&(t+=55),t}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",function(t,e){return en.radius+40}).attr("y",function(){var t=n.width+40;return n.groupBy&&n.aggregate&&(t+=55),t}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){var e=b.getBottomText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.values[0],showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null==(e=n.aggregate)?void 0:e.unitSymbol});return""!==e?t.label+" : "+e:t.label})},PieChart.prototype.renderVerticalLabel=function(t){var n=this;t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,e){e=n.width+20+25e;return n.groupBy&&n.aggregate&&(e+=55),e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",50).attr("y",function(t,e){e=n.width+32+25e;return n.groupBy&&n.aggregate&&(e+=55),e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){var e=b.getBottomText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.values[0],showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null==(e=n.aggregate)?void 0:e.unitSymbol});return""!==e?t.label+" : "+e:t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showTotal",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"symbol",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],PieChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],PieChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"rotate",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?p:Object)],PieChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?p:Object)],PieChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null);function O(){var e=this,t=e.$createElement;return(t=e._self._c\|\|t)("div",{staticClass:"mo-chart"},[e.rotate?t("div",{staticClass:"mo-tip-container"},[t("div",{staticClass:"mo-tip-content"},[t("div",{staticClass:"left-nav",on:{click:function(t){return e.onLeftNavClicked(t)}}},[t("img",{attrs:{src:e.rightNavImage,width:"18"}})]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"right-nav",on:{click:function(t){return e.onRightNavClicked(t)}}},[t("img",{attrs:{src:e.rightNavImage,width:"18"}})])])]):e._e()])}function Q(t){t&&t("data-v-7a5cdc78_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var C,p=__decorate([e.Component({})],PieChart),_=(O._withStripped=!0,normalizeComponent({render:O,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"tip"},[t("span",{staticClass:"percentage"}),this._v(" "),t("span",{staticClass:"label"})])}]},Q,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function LineChart(){var t=null!==C&&C.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.width=0,t.height=0,t.svg=null,t.xAxisScale=null,t.yAxisScale=null,t.xAxis=null,t.yAxis=null,t.xAxisCategories=null,t.categories=[],t.area=null,t.maxValue=null,t.refactoredData=[],t}__extends(LineChart,C=e.Mixins(o)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length?{top:e,right:n,bottom:130,left:t}:0<this.aggregates.length?{top:e,right:n,bottom:a,left:65}:this.margin},enumerable:!1,configurable:!0}),LineChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},LineChart.prototype.mounted=function(){this.redraw()},LineChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderDataLine(),1<this.aggregates.length?this.renderMeasure():0<this.categories.length&&this.renderLabel(),this.showValue&&this.renderData()},LineChart.prototype.init=function(){var e=this,t=this.getWidth(),t=(this.svgWidth=t<694?t:t/1.2,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=t<694?this.width:this.width/2,this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom+40,this.categories=[],this.data.slice(-20));this.maxValue=u.max(t,function(t){return u.max(t.values)}),"grouped"!==this.groupType&&"cumulativeGrouped"!==this.groupType\|\|this.refactorGroupedData(),0<this.categories.length&&(this.svgHeight+=25this.categories.length+80,this.maxValue=b.getMaxValue(t)),1<this.aggregates.length&&(this.svgHeight+=25this.aggregates.length+80),this.refactoredData=JSON.parse(JSON.stringify(t)),"cumulativeGrouped"!==this.groupType&&"cumulative"!==this.groupType\|\|this.refactorCumulateData(),this.svg=s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.xAxisScale=i.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width-5]).padding(.5),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return b.formatValue(t,"",e.decimal)}),this.yAxisScale=i.scaleLinear().domain([0,this.maxValue\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return b.formatValue(t,"",e.decimal)}),this.area=m.area().x(function(t){return e.xAxisScale(t.label)}).y0(this.height).y1(function(t){return e.yAxisScale(e.lineValue(t))})},LineChart.prototype.lineValue=function(t,e){return void 0===e&&(e=0),"cumulativeGrouped"===this.groupType\|\|"cumulative"===this.groupType?t.cumulates[e]\|\|0:t.values[e]},LineChart.prototype.line=function(e){var n=this;return void 0===e&&(e=0),m.line().curve(m.curveLinear).x(function(t){return n.xAxisScale(t.label)}).y(function(t){return n.yAxisScale(n.lineValue(t,e))})},LineChart.prototype.refactorGroupedData=function(){var n=[];this.data.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(u.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},LineChart.prototype.refactorCumulateData=function(){var r=this;0<this.categories.length?this.categories.forEach(function(o){o.value.forEach(function(n,a){n.cumulates=n.cumulates\|\|[],n.values.forEach(function(t,e){e=0<a?o.value[a-1].cumulates[e]+t:t;n.cumulates.push(e),e>r.maxValue&&(r.maxValue=e)})})}):this.refactoredData.forEach(function(n,a){n.cumulates=n.cumulates\|\|[],n.values.forEach(function(t,e){e=0<a?r.refactoredData[a-1].cumulates[e]+t:t;n.cumulates.push(e),e>r.maxValue&&(r.maxValue=e)})})},LineChart.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",-8).attr("transform","rotate(-60)"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},LineChart.prototype.renderAxisLabel=function(){var n=this;this.svg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.height+this.actualMargin.bottom).text(this.groupings[0].label),this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("x",-this.height/2).attr("y",-this.actualMargin.left).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t){var e="currency"===t.dataType?null==(e=null==(e=n.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?t.label+" ("+e+")":t.label}).join(", "):"")},LineChart.prototype.renderSpaceLine=function(){var e=this;this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",0).attr("x2",this.width-5).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale),this.svg.selectAll(".mo-vertical-line").data(this.refactoredData).enter().append("line").attr("class","mo-space-line").attr("x1",function(t){return e.xAxisScale(t.label)}).attr("y1",this.height).attr("x2",function(t){return e.xAxisScale(t.label)}).attr("y2",0),this.svg.selectAll(".mo-axis-point").data(this.refactoredData).enter().append("circle").attr("class","mo-axis-point").attr("r",2).attr("cx",function(t){return e.xAxisScale(t.label)}).attr("cy",this.height)},LineChart.prototype.renderDataLine=function(){function n5(t,e,n){var a=(n=void 0===n?!1:n)?e:0,n=b.getColor(e,r.colors),o=(e=r.svg.append("path").datum(t).attr("d",r.line(a)).attr("class","mo-data-line").style("stroke",n)).node().getTotalLength();e.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),r.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return r.xAxisScale(t.label)}).attr("cy",function(t){return r.yAxisScale(r.lineValue(t,a))}).attr("r",r.pointRadius).attr("class","mo-line-point").style("fill",n)}var r=this;0<this.categories.length&&("cumulativeGrouped"===this.groupType\|\|"grouped"===this.groupType)?this.categories.forEach(function(t,e){return n5(t.value,e)}):1<this.aggregates.length?this.aggregates.forEach(function(t,e){return n5(r.refactoredData,e,!0)}):(this.defineAreaGradients(0,b.getColor(0,this.colors)),n5(this.refactoredData,0),this.svg.append("path").datum(this.refactoredData).attr("class","mo-line-area").style("fill","url(#MoLineAreaGradient0)").transition().duration(1e3).attr("d",this.area))},LineChart.prototype.defineAreaGradients=function(t,e){t=this.svg.append("defs").append("linearGradient").attr("id","MoLineAreaGradient"+t).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color",e).attr("stop-opacity",0),t.append("stop").attr("offset","100%").attr("stop-color",e).attr("stop-opacity",.7)},LineChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),t=(t.append("line").attr("x1",-this.actualMargin.left).attr("y1",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("class","mo-label-line"),t.append("text").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.actualMargin.top+this.actualMargin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+40+25e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return t.key})},LineChart.prototype.renderMeasure=function(){var n=this,t=this.svg.append("g"),t=(t.append("line").attr("x1",-this.actualMargin.left).attr("y1",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",this.actualMargin.top+this.actualMargin.bottom+this.height).attr("class","mo-label-line"),t.append("text").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.actualMargin.top+this.actualMargin.bottom+this.height+25).attr("class","mo-label-title").text("Measure"),t.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+40+25e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return t.label})},LineChart.prototype.renderData=function(){var e=this;this.svg.selectAll(".line-text").data(this.data).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){return e.yAxisScale(t.values[0])-5}).attr("text-anchor","middle").text(function(t){return b.formatValue(t.values[0],"",e.decimal)})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],LineChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],LineChart.prototype,"showValue",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:100,left:60}}}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartMargin&&ChartMargin)?p:Object)],LineChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null);function X(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function Z(t){t&&t("data-v-22d38a80_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var M,p=__decorate([e.Component({})],LineChart),S=(X._withStripped=!0,normalizeComponent({render:X,staticRenderFns:[]},Z,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==M&&M.apply(this,arguments)\|\|this;return t.funnelWidth=0,t.funnelHeight=0,t.legendItemHeight=25,t.svg=null,t.total=0,t.refactoredData=[],t.colorMap=new Map,t}__extends(FunnelChart,M=e.Mixins(o)),FunnelChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},FunnelChart.prototype.mounted=function(){this.redraw()},FunnelChart.prototype.redraw=function(){this.init(),this.renderFunnel(),this.renderLegend()},FunnelChart.prototype.init=function(){var m=this,t=(this.colorMap.clear(),this.refactoredData=[],function __spreadArrays(){for(var t=arguments,e=0,n=0,a=arguments.length;n<a;n++)e+=t[n].length;for(var o=Array(e),r=0,n=0;n<a;n++)for(var i=arguments[n],l=0,s=i.length;l<s;l++,r++)o[r]=i[l];return o}(this.data).sort(function(t,e){return e.values[0]-t.values[0]})),e=(t.forEach(function(t,e){m.colorMap.set(t.label,b.getColor(e,m.colors))}),this.getWidth()),n=(this.funnelWidth=e<694?e:e/2+150,this.funnelHeight=this.height\|\|this.funnelWidth,t.length),n=this.funnelHeight+this.legendItemHeight(n+1),h=u.sum(t,function(t){return t.values[0]}),a=t.filter(function(t){return 0===t.values[0]}).length,d=this.funnelHeight-20a,p=0,g=(this.groupBy&&this.aggregate&&(n+=65),this.funnelWidth),f=.3this.funnelWidth;t.forEach(function(t){var e=p/m.funnelHeight,n=0===t.values[0]?20:t.values[0]/hd,a=(p+n)/m.funnelHeight,e=g-(g-f)e,a=g-(g-f)a,o=(m.funnelWidth-e)/2,r=p,e=o+e,i=r,l=(m.funnelWidth-a)/2+a,s=r+n,a=(m.funnelWidth-a)/2,c=s,n=(p+=n,JSON.parse(JSON.stringify(t)));n.points=[{x:o,y:r},{x:e,y:i},{x:l,y:s},{x:a,y:c}],m.refactoredData.push(n)}),this.svg=e<694?s.select(this.$el).append("svg").attr("width",this.funnelWidth).attr("height",n):s.select(this.$el).style("text-align","left").append("svg").attr("width",this.funnelWidth).attr("height",n).style("overflow","visible"),this.total=h},FunnelChart.prototype.renderFunnel=function(){var e=this,t=(this.svg.selectAll("").remove(),this.svg.selectAll("g").data(this.refactoredData).enter().append("g"));t.append("polygon").attr("points",this.getPoint(this.refactoredData[0].points)).style("fill",function(t){return e.colorMap.get(t.label)\|\|"#fff"}).transition().duration(1e3).attr("points",function(t){return t.points.map(function(t){return[t.x,t.y].join(",")}).join(" ")}),t.append("text").attr("class","mo-label-inner").attr("x",this.funnelWidth/2).attr("y",function(t){return(t.points[0].y+t.points[3].y)/2+4}).text(function(t){return b.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.values[0],showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:""})})},FunnelChart.prototype.getPoint=function(t){for(var e=[],n=0;n<4;n+=1)e.push(t[n].x+","+t[n].y);return e.join(" ")},FunnelChart.prototype.renderLegend=function(){var n,a=this,t=(this.svg.selectAll(".legend").remove(),this.getWidth()),e=this.funnelHeight+this.legendItemHeight,o=(this.groupBy&&this.aggregate&&(n="currency"===(null==(o=this.aggregate)?void 0:o.dataType)?null==(o=null==(o=this.data[0])?void 0:o.reportMetadata)?void 0:o.currency:"",this.svg.append("text").attr("class","mo-axis-label").attr("x",this.funnelWidth/2).attr("y",this.funnelHeight+25).text(function(){var t=(null==(t=a.aggregate)?void 0:t.label)\|\|"",e=b.formatValue(a.total,"",a.decimal);return n?t+" ("+n+"): "+e:t+": "+e}),t<694&&this.svg.append("line").attr("x1",0).attr("y1",this.funnelHeight+40).attr("x2",this.funnelWidth).attr("y2",this.funnelHeight+40).attr("class","mo-label-line"),(t<694?this.svg.append("text").attr("class","mo-label-title").attr("x",50).attr("y",this.funnelHeight+65):this.svg.append("text").attr("class","mo-label-title").attr("x",this.funnelWidth+50).attr("y",20)).text(this.groupBy.label),e+=65),this.svg.append("g").attr("class","legend")),t=(t<694?o.attr("transform","translate( 50, "+e+" )"):o.attr("transform","translate( "+(this.funnelWidth+50)+", 50 )"),o.selectAll("rect").data(this.refactoredData).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t){return a.colorMap.get(t.label)\|\|"#fff"})),e=o.selectAll("text").data(this.refactoredData).enter().append("text").attr("class","mo-legend-text").text(function(t){var e=b.getBottomText({showValue:a.showValue,innerValue:"inner"===a.valuePosition,value:t.values[0],showPercentage:a.showPercentage,innerPercentage:"inner"===a.percentagePosition,total:a.total,decimal:a.decimal,symbol:""});return""!==e?t.label+" : "+e:t.label});"horizontal"===this.labelMode?(t.attr("x",function(t,e){return 10+100e}).attr("y",10),e.attr("x",function(t,e){return 35+100e}).attr("y",23)):(t.attr("x",0).attr("y",function(t,e){return 25e}),e.attr("x",25).attr("y",function(t,e){return 25e+13}))},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([e.Prop({type:Number}),__metadata("design:type",Number)],FunnelChart.prototype,"height",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?p:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?p:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null);function ea(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function ga(t){t&&t("data-v-03e70940_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var z,p=__decorate([e.Component({})],FunnelChart),P=(ea._withStripped=!0,normalizeComponent({render:ea,staticRenderFns:[]},ga,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==z&&z.apply(this,arguments)\|\|this;return t.svg=null,t.width=0,t.height=0,t.radius=0,t.backgroundArc=null,t.arc=null,t.centerArc=null,t.scale=null,t}__extends(GaugeChart,z=e.Mixins(o)),Object.defineProperty(GaugeChart.prototype,"minValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.min(this.data.minValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"maxValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.max(this.data.maxValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"labelWithCurrency",{get:function(){var t=(null==(t=this.aggregate)?void 0:t.label)\|\|"",e="currency"===(null==(e=this.aggregate)?void 0:e.dataType)?null==(e=this.data.reportMetadata)?void 0:e.currency:"";return e?t+" ("+e+")":t},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"valueWithCurrency",{get:function(){var t=(null==(t=this.data)?void 0:t.value)\|\|0;return b.formatValue(t,"",this.decimal)},enumerable:!1,configurable:!0}),GaugeChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},GaugeChart.prototype.mounted=function(){this.redraw()},GaugeChart.prototype.redraw=function(){this.init(),this.renderGauge(),this.renderData(),this.renderPointer()},GaugeChart.prototype.init=function(){this.width=this.getWidth();var t=this.width<400?.9:.85;this.height=this.widtht,this.radius=this.width/2-5,this.svg=s.select(this.$el).insert("svg",".mo-axis-div-label").attr("width",this.width).attr("height",this.width/2+100),this.defineGradient(),this.backgroundArc=m.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=m.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=m.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=i.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var o=this,t=(this.svg.append("path").attr("class","mo-gauge-back-arc").attr("transform","translate("+this.width/2+", "+this.width/2+")").attr("d",this.backgroundArc),this.svg.append("path").attr("class","mo-gauge-value-arc").attr("transform","translate("+this.width/2+", "+this.width/2+")").transition().duration(1e3).attrTween("d",function(){var t=o.angleToRadian(o.minAngle),e=o.angleToRadian(o.scale(o.data.value)),n={startAngle:t,endAngle:t},a={startAngle:t,endAngle:e};return function(t){return o.arc(r.interpolateObject(n,a)(t))}}),this.tickCalc()),e=this.getTicksAngles();this.svg.append("g").selectAll("path").data(e).enter().append("path").attr("d",t).attr("class","mo-gauge-tick"),this.svg.append("path").attr("class","mo-gauge-inner-arc").attr("transform","translate("+this.width/2+", "+this.width/2+")").attr("d",this.centerArc)},GaugeChart.prototype.renderData=function(){var t=this.svg.append("g").attr("transform","translate("+this.width/2+", "+(this.width/2+60)+")");t.append("text").text(b.formatValue(this.data.value,"",this.decimal)).attr("class","mo-gauge-value"),t.append("text").attr("y",25).text([this.label,b.formatValue(this.data.maxValue,"",this.decimal)].join(" ")).attr("class","mo-gauge-max-value")},GaugeChart.prototype.renderPointer=function(){var n=this,t=[[2.5,0],[0,-(this.radius-10)],[-2.5,0],[2.5,0]],e=m.line().curve(m.curveMonotoneX);this.svg.append("g").data([t]).attr("class","mo-gauge-pointer").attr("transform","translate("+this.width/2+", "+this.width/2+")").append("path").attr("d",e).attr("transform","rotate("+this.scale(this.minValue)+")").transition().duration(1e3).attrTween("transform",function(){var t=n.scale(n.minValue),e=n.scale(n.data.value);return r.interpolateString("rotate("+t+")","rotate("+e+")")}),this.svg.append("circle").attr("class","mo-gauge-inner-bg-arc").attr("cx",this.width/2).attr("cy",this.width/2).attr("r",10)},GaugeChart.prototype.defineGradient=function(){var t=this.svg.append("defs").append("linearGradient").attr("id","MoGaugeGradient").attr("x1","0").attr("y1","0").attr("x2","100%").attr("y2","0");t.append("stop").attr("offset","0%").attr("stop-color",this.gradientColors[0]),t.append("stop").attr("offset","100%").attr("stop-color",this.gradientColors[1])},GaugeChart.prototype.angleToRadian=function(t){return t(Math.PI/180)},GaugeChart.prototype.getTicksAngles=function(){for(var t=[],e=0,n=(this.scale(this.maxValue)-this.scale(this.minValue))/this.ticksNumber,a=this.minAngle;a<=this.maxAngle;a+=n)t.push(this.minAngle+ne),e+=1;return t},GaugeChart.prototype.tickCalc=function(){var o=this;return function(t){var t=(t-90)(Math.PI/180),e=o.radius-15,n=o.width/2+eMath.sin(t),a=o.width/2+(5+e)Math.sin(t),n=[{x:o.width/2+eMath.cos(t),y:n},{x:o.width/2+(5+e)Math.cos(t),y:a}];return m.line(function(t){return t.x},function(t){return t.y})(n)}},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(p="undefined"!=typeof GaugeData&&GaugeData)?p:Object)],GaugeChart.prototype,"data",void 0),__decorate([e.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([e.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([e.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([e.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([e.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?p:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null);function na(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-chart"},[t.aggregate?e("div",{staticClass:"mo-axis-div-label"},[t._v("\n "+t._s(t.labelWithCurrency)+"\n ")]):t._e()])}function pa(t){t&&t("data-v-68d16acb_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var B,p=__decorate([e.Component({})],GaugeChart),T=(na._withStripped=!0,normalizeComponent({render:na,staticRenderFns:[]},pa,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MetricChart(){return null!==B&&B.apply(this,arguments)\|\|this}__extends(MetricChart,B=e.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return b.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!1,configurable:!0}),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(p="undefined"!=typeof MetricData&&MetricData)?p:Object)],MetricChart.prototype,"data",void 0),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?p:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0);function wa(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-chart"},[e("div",{staticClass:"mo-metric"},[e("div",{staticClass:"mo-metric-inner"},[e("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),e("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}function ya(t){t&&t("data-v-1c412e41_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var L,p=__decorate([e.Component({})],MetricChart),R=(wa._withStripped=!0,normalizeComponent({render:wa,staticRenderFns:[]},ya,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function ScatterChart(){var t=null!==L&&L.apply(this,arguments)\|\|this;return t.width=0,t.height=0,t.svgWidth=0,t.svgHeight=0,t.svg=null,t.xAxisScale=null,t.xAxis=null,t.yAxisScale=null,t.yAxis=null,t.line=null,t.categories=[],t.additionalHeight=0,t}__extends(ScatterChart,L=e.Mixins(o)),ScatterChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},ScatterChart.prototype.mounted=function(){this.redraw()},ScatterChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderPoint(),1<this.groupings.length&&0<this.categories.length&&this.renderLabel()},ScatterChart.prototype.init=function(){var n=this,t=this.getWidth(),e=(this.svgWidth=t,this.svgWidth=t<694?t:t/2+150,this.width=this.svgWidth-this.margin.left-this.margin.right,this.height=this.width,this.svgHeight=this.height+this.margin.top+this.margin.bottom,this.categories=[],this.data.slice(-20)),a=u.max(e,function(t){return t.values[0]}),o=u.max(e,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),0<this.categories.length&&(this.additionalHeight=25this.categories.length+50,a=b.getMaxValue(e,0),o=b.getMaxValue(e,1)),this.svgHeight+=this.additionalHeight,this.svg=(t<694?s.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight):s.select(this.$el).style("text-align","left").append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).style("overflow","visible")).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"),this.xAxisScale=i.scaleLinear().domain([0,a\|\|10]).range([0,this.width-5]).nice(),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?b.formatValue(t,"",n.decimal):""}),this.yAxisScale=i.scaleLinear().domain([0,o\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?b.formatValue(t,"",n.decimal):""}),this.line=m.line(function(t){return n.xAxisScale(t.values[0])},function(t){return n.yAxisScale(t.values[1])})},ScatterChart.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(5, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},ScatterChart.prototype.renderAxisLabel=function(){var t,e;0<this.aggregates.length&&(e=(t="currency"===this.aggregates[0].dataType?null==(t=null==(t=this.data[0])?void 0:t.reportMetadata)?void 0:t.currency:"")?this.aggregates[0].label+" ("+t+")":this.aggregates[0].label,this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.margin.left)/2).attr("y",this.height+this.margin.bottom-30).text(e)),0<this.groupings.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.margin.left)/2).attr("y",this.height+this.margin.bottom-15).text("Plot By "+this.groupings[0].label),b.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",20-this.margin.left).attr("width",this.height+20).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",-this.margin.left-10).attr("width",this.height+20).attr("height",30).style("fill","none"),1<this.aggregates.length&&(e=(t="currency"===this.aggregates[1].dataType?null==(e=null==(e=this.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?this.aggregates[1].label+" ("+t+")":this.aggregates[1].label,this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",15-this.margin.left).attr("transform","rotate(-90)").text(e))},ScatterChart.prototype.renderSpaceLine=function(){this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("stroke","").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",0).attr("x2",this.width-5).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale),this.svg.selectAll(".mo-vertical-line").data(this.xAxisScale.ticks()).enter().append("line").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",this.xAxisScale).attr("x2",this.xAxisScale).attr("y1",this.height).attr("y2",0),this.svg.selectAll(".mo-axis-point").data(this.xAxisScale.ticks()).enter().append("circle").attr("class","mo-axis-point").attr("r",function(t,e){return e%2==0?2:0}).attr("cx",this.xAxisScale).attr("cy",this.height)},ScatterChart.prototype.renderPoint=function(){function n7(t,e){e=b.getColor(e,n.colors),n.svg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",e).attr("cx",0).attr("cy",n.height).attr("r",n.pointRadius).transition().duration(1e3).attr("cx",function(t){return n.xAxisScale(t.values[0])}).attr("cy",function(t){return n.yAxisScale(t.values[1]\|\|0)})}var n=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,e){return n7(t.value,e)}):n7(this.data,0)},ScatterChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),t=(this.getWidth()<694?(t.attr("transform","translate( 0, 0 )"),t.append("line").attr("x1",-this.margin.left).attr("y1",this.margin.top+this.margin.bottom+this.height).attr("x2",this.width+this.margin.left+this.margin.right).attr("y2",this.margin.top+this.margin.bottom+this.height).attr("class","mo-label-line")):t.attr("transform","translate( "+this.svgWidth+",\n -"+(this.svgHeight-this.additionalHeight)+" )"),t.append("text").attr("x",0).attr("y",this.margin.top+this.margin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return n.margin.top+n.margin.bottom+n.height+40+25e}).attr("fill",function(t,e){return b.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return n.margin.top+n.margin.bottom+n.height+52+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return t.key})},ScatterChart.prototype.refactorGroupedData=function(){var n=[];this.data.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(u.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:65}}}),__metadata("design:type","function"==typeof(p="undefined"!=typeof ChartMargin&&ChartMargin)?p:Object)],ScatterChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null);function Fa(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart"})}function Ha(t){t&&t("data-v-e784c97e_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var N,p=__decorate([e.Component({})],ScatterChart),I=(Fa._withStripped=!0,normalizeComponent({render:Fa,staticRenderFns:[]},Ha,p,void 0,!1,void 0,!1,createInjector,void 0,void 0));function TableChart(){var t=null!==N&&N.apply(this,arguments)\|\|this;return t.ready=!1,t.checkedImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxOTdBMEMwMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxOTdBMEMxMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTE5N0EwQkUyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTE5N0EwQkYyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/Y8gIAAAEC0lEQVR42syZS0gVYRTHv3vRHpYtUhdSKQZpCqGQIphFKtSmBxVUUosyRTO1xyqiWvTY9zAxCzcaWpBCEEFFlo/CtDZBPhZFpbiwu+lhckvtf+Q/9DHex+idO3bgz3XuzHznd883833nHF1r7t9QczA3lAXlQZlQMrQCWsLzP6FhaBDqhdqgHmjSPNDg7vKAjiJmCbYSOgYdgFYFuG4htBxaB+3hd1+gO5BEZMiqQ6uAMdAFqBhawO8+QI+hTqgP+gR957loKBFKhXKhrVASdBo6Bd2GzkMeOwD38lfHcoruQlehVwHu8VBvGTUXtIHRl/HK+VnB8fyaK8AzKPDXoTIeP4MqofcqNEvjuPk8rpVx8Sz+8few+7IoqJVw4/ylBTbAKY5RwGiO00drcktNlFVAiVwTtI3TtJlTbLfVcGwPfTUBMsIKYDW0AxrlA96twmfd9DFKn9XBAPdBpdAvaDvUr8JsePb66WtMfCOKhf4AY7RfcCLMkTNDiq+TxgwCMs4X4CUuJU+gOuWwAbKOK4Us8BfNgAnQEUhe9eNq/qyCDEWIYoIOeBSKhJq5KzhlEaYo9nHhjiTTNKDooLZoOmHyKHXJi4FIFZvO3eTnQZxzG1mJJAEfoZcOwclznsNIFZrOd5JFmLLc2pYjG/+UQ3AZPJ4wbwKY5imyiOUJ4HoedMwD3GEAtfi41mDJFMAUbY90FA5qCLBfi6UIYDwPPv8ncDpLvJvJpdKSzVCz7lDhdJZod5ALi7lHdtGZE3AzkgU9TTdbIZeCHDqLdQhuqRFJARzRtjtfqdcE/86wCGlH5BL5OSKAA1oqbrZWDq5DPg0AGcvzIU2rxjIggG94kOvn4gYTZLofSAMuPUQ4naXXzaJasTR0zRHSNjjsvy6yiLUJ4GsW0kl8GVQAyEM+INfaGDlFhiQy9bhZ6zbyZFmQmxt9QL6zEc7ICad9YRucNNZB2bC90H52A2YDGWEXHKY3lQW910giDMAhtiPE2RULY5kh7YicYkEvTPWI3pC5JjF6JVugkllAeu2AQ/RKWNALw1lfRZNHm3+JYrZFyBQb4LK1matC9DyBejO1rI2lmN7kQG0sq0A7JKVmHeBKg3UWqqAHvKGTJUG4LIs+4uiz0krrw8sk4RGL+XZmNXabjPmCPh6KT0TPa7W7JSnWTlZYi6BbXIzTbABL5Vgy5mL62AW4sdkmo7+5cD/n61/ARfkedC1IA3NGH5I7RAXXOQnMV74QTaF2WJv5i6UdUcTFXGS0gDtY7Eua/o33LGP6JtHaqP61gI1HqB46R0gVKqDiQFLpX2YUpNBfzQiXWRxjmMtStQpDE11pO440ws/wDcxn2ZrMQtvIhH/w2kGmc9IU8vlviGD2V4ABANQHM6YP3PIZAAAAAElFTkSuQmCC",t.uncheckedImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxOTdBMEJDMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxOTdBMEJEMkEwQzExRTZCMjUzODM5RjQyNEZFMUQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTE5N0EwQkEyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTE5N0EwQkIyQTBDMTFFNkIyNTM4MzlGNDI0RkUxRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IXIjoAAADkklEQVR42syZS0hUYRTHv7loD3sssllIpdRCnaBVDoIZpEJtehBBD3JlWVajPTZFWIssqF3lFDWFK2umNkIRQUVWSmFamyAfi6IacWGz6WEyhfY/9f/qMszjljNz74Efw53Hd/73fPf7vnPOuJpPX1b/YQbwgipQBorBAjCLn38Fw2AI9IFO0AsmYgdqObwrqaOcfxS2EOwD28GiJN+bDuaBZWAT3/sAroELIGzVoVWB+eAE2Amm8b034B7oBv3gHfjMz+aAIuABlWANWAyOgEPgKjgOIukQuJl3PZ9TdAOcA8+S/CZCXjJqLrCC0Zfx9vLVx/ESmivJMyjiW0EDrx+CRvBaTc2WctxqXl+ScfEs/kj0sMezPNBBceO805o0iFMco4bRHKePjmNnAnlWBUrkgmAtp2kVpzjddpFjR+grCJE5VgT6wXowyge8R2XOeuhjlD79qQRuAbvBN7AODKgMG569AfoaE9+I4rZEAvNNd3Agw5GLFSm+DuoZhEh3PIEnuZXcBwGVZYPIAHcK2eBbYgUWgh1Alvp+ZZ/5qKEOUSw0C9wDckGIp4Ithij2c+POpaZfAoVa06Zpt+mToxZRNHRWIknAW/DUAQK7qUU0eQ3TkSMH/6Td6jDNk9QiViUCl/OiSznHtJYyEVhiOiOdYlpLiQgs4MV7BwnUWgoMJpfKlGw6wf4kvoZyuBkxabpTbLaOpAgcMR13TrEivo6IwEFTKu4U01oGReALXlQ6SKDW0mewqFYsDV12K8P566IWsU4R+JyFtNStFQ6IXgW1iKZeg7VuOz9scIBAH1/bcS5P6H1QqrYo2MpugF3T62FBH9WVpBYYZjtCyr6zNkavlZraEL1wbE2ieyWrQb0N0atnQS8amuMVTRHT/EsUy7Mortw0c02IXiRRXRxiyi1tiNugNAviSulLfAYg7nqqzkITuAXcTL+9GdTnpQ83fTZaaX3ICpLq/i6L+Sfqd18w3SZjPqaPO+IT0Yta7W5JG2IDp3sGuAIepOm89nAsGXMmfWyEuDGVoJOVyL5z437E5S8r7BW4Cc6r5A3MWHPxhPBxn5PAfOSCCCb7oZUOa4h3LO2IOm7mgm4Bd7HYlzT9E38zl+mbRGul+tsC1o9Qm6wPilRTFag4kFT6pxgFKfSXMMJWj8dhHql+lYEmujKdONIIP8oVWM2ytZiFts6Ev/C7Q0znpCkU92+IVPZTgAEAL2fkkNJ1cvgAAAAASUVORK5CYII=",t}__extends(TableChart,N=e.Mixins(o)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){t=this.data.headers[t];return t&&("datetime"===t.dataType\|\|"currency"===t.dataType\|\|"date"===t.dataType\|\|"int"===t.dataType\|\|"double"===t.dataType\|\|"percent"===t.dataType\|\|"boolean"===t.dataType)},TableChart.prototype.isBoolean=function(t){t=this.data.headers[t];return t&&"boolean"===t.dataType},TableChart.prototype.getCellWidth=function(t){var e=this.getWidth(),n=this.data.headers.length,a=e/n;return 0<a.toString().indexOf(".")&&t===n-1?e-(n-1)Math.floor(a):Math.floor(a)},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(p="undefined"!=typeof TableData&&TableData)?p:Object)],TableChart.prototype,"data",void 0);function Qa(){var n=this,t=n.$createElement,a=n._self._c\|\|t;return a("div",{staticClass:"mo-chart"},[n.ready?a("div",{staticClass:"mo-table"},[a("div",{staticClass:"mo-table-row header-row"},n._l(n.data.headers,function(t,e){return a("div",{key:t.label,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n._v("\n "+n._s(t.label)+"\n ")])}),0),n._v(" "),n._l(n.data.rows,function(t,e){return a("div",{key:e,staticClass:"mo-table-row"},n._l(t.cells,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n.isBoolean(e)?a("img",{staticClass:"mo-table-checkbox-cell",attrs:{src:"1"===t.label\|\|"true"===t.label?n.checkedImage:n.uncheckedImage}}):a("span",[n._v(n._s(t.label))])])}),0)}),n._v(" "),a("div",{staticClass:"mo-table-row total-row"},n._l(n.data.totals,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n._v("\n "+n._s(t.label)+"\n ")])}),0)],2):n._e()])}function Sa(t){t&&t("data-v-44e6dcb5_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 1.6rem;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 1.4rem;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 1.4rem;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 1.4rem;\n clear: both;\n}\n.mo-legend-text {\n font-size: 1.4rem;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 1.4rem;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n.mo-metric .mo-metric-label {\n padding-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 7.3rem;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n .mo-axis-text,\n .mo-axis-number,\n .mo-axis-div-label,\n .mo-summary-label,\n .mo-legend-text,\n .mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var j,o=__decorate([e.Component({})],TableChart),H=(Qa._withStripped=!0,normalizeComponent({render:Qa,staticRenderFns:[]},Sa,o,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoGlossaryChart(){return null!==j&&j.apply(this,arguments)\|\|this}__extends(MoGlossaryChart,j=e.Vue),MoGlossaryChart.prototype.parseRichText=function(e){try{return JSON.parse(e).map(function(t){var e,n=t.insert;return"↵"===n\|\|"\n"===n?n="<br />":(n.includes("↵")\|\|n.includes("\n"))&&(n=n.replace(/[\u21B5\n]/g,"<br />")),n=t.attributes&&(e=[],(t=t.attributes).size&&e.push("font-size: "+t.size),t.bold&&(n="<strong>"+n+"</strong>"),t.align&&e.push("text-align: "+t.align),0<e.length)?'<p style="'+e.join(";")+'">'+n+"</p>":n}).join("")}catch(t){return console.error("解析富文本失败:",t),e}},__decorate([e.Prop({type:String,required:!0}),__metadata("design:type",String)],MoGlossaryChart.prototype,"content",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoGlossaryChart.prototype,"title",void 0);function Za(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-glossary-chart"},[t.title?e("div",{staticClass:"mo-glossary-header"},[e("h3",{staticClass:"mo-glossary-title"},[t._v(t._s(t.title))])]):t._e(),t._v(" "),e("div",{staticClass:"mo-glossary-content"},[e("div",{domProps:{innerHTML:t._s(t.parseRichText(t.content))}})])])}function _a(t){t&&t("data-v-cf6c9538_0",{source:"/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area */\n.mo-glossary-chart[data-v-cf6c9538] {\n padding: 2rem 1rem;\n width: 100%;\n background-color: #fff;\n color: #16325c;\n line-height: 2rem;\n text-align: left !important;\n}\n.mo-glossary-header[data-v-cf6c9538] {\n margin-bottom: 16px;\n}\n.mo-glossary-title[data-v-cf6c9538] {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n@media (prefers-color-scheme: dark) {\n.mo-glossary-chart[data-v-cf6c9538] {\n background-color: #1c1c1e;\n color: #f2f2f7;\n}\n}",map:void 0,media:void 0})}var p=__decorate([e.Component({})],MoGlossaryChart),W=(Za._withStripped=!0,normalizeComponent({render:Za,staticRenderFns:[]},_a,p,"data-v-cf6c9538",!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=w,t.BarChartHorizontal=A,t.FunnelChart=P,t.GaugeChart=T,t.GlossaryChart=W,t.LineChart=S,t.MetricChart=R,t.PieChart=_,t.ScatterChart=I,t.TableChart=H,t.default=function(t){t.component("MoBarChart",w),t.component("MoBarChartHorizontal",A),t.component("MoPieChart",_),t.component("MoLineChart",S),t.component("MoFunnelChart",P),t.component("MoGaugeChart",T),t.component("MoMetricChart",R),t.component("MoScatterChart",I),t.component("MoTableChart",H),t.component("MoGlossaryChart",W)},Object.defineProperty(t,"__esModule",{value:!0})});