moblor-vue 0.1.34 → 0.1.35

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
  1. package/dist/charts.js +1 -1
  2. package/dist/moblor-components.esm.js +45 -29
  3. package/dist/moblor-components.js +1 -1
  4. package/dist/moblor-vue.esm.js +45 -29
  5. package/dist/moblor-vue.js +1 -1
  6. package/package.json +1 -1
package/dist/charts.js CHANGED
@@ -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,e,n,m,h,f,d,u,p,s,r){"use strict";var a=function(t,e){return(a=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}a(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)}var o,i=(__extends(ChartMixins,o=n.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()},ChartMixins=__decorate([n.Component],ChartMixins));function ChartMixins(){return null!==o&&o.apply(this,arguments)||this}var g=(ChartService.formatValue=function(t,e,n){void 0===e&&(e=""),void 0===n&&(n=2);var a=t.toString();if(!Number.isNaN(Number(t))){var o=ChartService.preciseDecimal(Number(t),n),r=o/Math.pow(1e3,4),i=o/Math.pow(1e3,3),l=o/Math.pow(1e3,2),s=o/Math.pow(1e3,1);1<=r?a=ChartService.preciseDecimal(r,n)+" T":1<=i?a=ChartService.preciseDecimal(i,n)+" B":1<=l?a=ChartService.preciseDecimal(l,n)+" M":1<=s&&(a=ChartService.preciseDecimal(s,n)+" K"),a=a.toString().replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})}return""+e+a},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<r*o){a=r;break}return a<t.toString().length-1?t.toString().substring(0,a-2)+"...":t.toString()},ChartService.getPercentage=function(t,e,n){return void 0===t&&(t=0),void 0===e&&(e=0),void 0===n&&(n=0),ChartService.preciseDecimal(t/e*100,n)},ChartService.getColor=function(t,e){var n=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 n[t%n.length]},ChartService.getMaxValue=function(t,e){void 0===e&&(e=0);var n=[],a=function(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){a(t)}):n.push(t.values[e])};return t.forEach(function(t){a(t)}),u.max(n,function(t){return t})},ChartService.getMinValue=function(t,e){void 0===e&&(e=0);var n=[],a=function(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){a(t)}):n.push(t.values[e])};return t.forEach(function(t){a(t)}),u.min(n,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,e,n){var a=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+e).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");a.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",n?.4:1),a.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",n?1:.4)},ChartService.getInnerText=function(t){void 0===t&&(t={});var e=t.showValue,n=t.innerValue,a=t.value,o=void 0===a?"":a,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";if(e&&n&&(m+=ChartService.formatValue(o,c,s)),r&&i){""!==m&&(m+=" : ");var h=ChartService.getPercentage(Number(o),l,s);0<h&&(m+=h+"%")}return m},ChartService.getBottomText=function(t){void 0===t&&(t={});var e=t.showValue,n=t.innerValue,a=t.value,o=void 0===a?"":a,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";return e&&!n&&(m+=ChartService.formatValue(o,c,s)),r&&!i&&(""!==m&&(m+=" : "),m+=ChartService.getPercentage(Number(o),l,s)+"%"),m},ChartService.getCurrencyFullName=function(t){if(!t)return"";switch(t){case"$":case"U":return"USD";case"¥":case"C":return"CNY";case"€":case"E":return"EUR";case"£":case"G":return"GBP";case"₩":case"K":return"KRW";default:return t}},ChartService);function ChartService(){}var l,c,b=(__extends(MoBarChart,l=n.Mixins(i)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,o=t.left,r=n;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(a=130),0<this.aggregates.length&&(o=75),this.hasSecondAxis&&(r=Math.max(r,65)),{top:e,right:r,bottom:a,left:o}},enumerable:!0,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),0===this.categories.length&&this.aggregates.length<=1&&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=40*n.length;this.svgWidth=Math.min(t,Math.max(a,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=m.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(25*this.categories.length+50,150)),1<this.aggregates.length&&(this.additionalHeight+=Math.min(25*this.aggregates.length+50,150)),this.svgHeight+=this.additionalHeight;var o=0,r=0,i=0,l=0;r="grouped"===this.groupType?(o=g.getMaxValue(n)||0,g.getMinValue(n)||0):(o=u.max(n,function(t){return t.values[0]})||0,u.min(n,function(t){return t.values[0]})||0),1<this.aggregates.length&&(i=u.max(this.data,function(t){return u.max(t.values)})||0,l=u.min(this.data,function(t){return u.min(t.values)})||0);var s=o+.1*Math.abs(o-r),c=r-.1*Math.abs(o-r);this.xAxisCategories=m.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1),1<this.aggregates.length&&(this.xAxisAggregates=m.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1)),this.xAxis=h.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=m.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.format(".0%")(Number(t))})):this.hasLineChart?this.hasSecondAxis?(this.yAxisScale=m.scaleLinear().domain([Math.min(0,c),Math.max(0,s)]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.secondYAxisScale=m.scaleLinear().domain([Math.min(0,l),Math.max(0,i)]).range([this.height,0]).nice(),this.secondYAxis=h.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.line=p.line().curve(p.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})):(this.yAxisScale=m.scaleLinear().domain([Math.min(0,c),Math.max(0,s)]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.line=p.line().curve(p.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})):(this.yAxisScale=m.scaleLinear().domain([Math.min(0,c),Math.max(0,s)]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)})),this.svg=f.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 o=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).text(function(){var t,e,n=(null===(t=o.groupings[0])||void 0===t?void 0:t.label)||"",a=g.getCurrencyFullName(null===(e=o.aggregates[0])||void 0===e?void 0:e.unitSymbol);return a?n+" ("+a+")":n}),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("x",-this.height/2).attr("y",10-this.actualMargin.left).attr("transform","rotate(-90)").text(function(){var t=function __spreadArrays(){for(var t=arguments,e=0,n=0,a=arguments.length;n<a;n++)e+=t[n].length;var o=Array(e),r=0;for(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}(o.aggregates);return o.hasSecondAxis&&t.splice(o.secondYIndex,1),t.map(function(t){return t.label}).join(", ")}),this.hasSecondAxis&&1<this.aggregates.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",this.width+this.actualMargin.left-5).attr("transform","rotate(-90)").text(this.aggregates[this.secondYIndex].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(){function de(t,e,n){if(e===t.length-1)return"stacked100"===o.groupType?o.yAxisScale(t[e].values[0]/n):o.yAxisScale(t[e].values[0]);var a=t[e+1].y||o.height;return"stacked100"===o.groupType?a-o.height+o.yAxisScale(t[e].values[0]/n):a-o.height+o.yAxisScale(t[e].values[0])}var o=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){for(var e=t.pieces,n=void 0===e?[]:e,a=t.values,o=n.length;0<=o;--o)n.forEach(function(t,e){t.y=de(n,e,a[0]),t.percentage=t.values[0]/a[0]})}),t},MoBarChart.prototype.renderBar=function(t){var n=this,e=t.slice(0,this.maxDisplayCount);0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(e):"stacked"!==this.groupType&&"stacked100"!==this.groupType||this.renderStackedBar(e):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(e):this.svg.selectAll(".bar").data(e).enter().append("rect").style("fill",g.getColor(0,this.colors)).attr("x",function(t){return n.xAxisScale(t.label)}).attr("y",function(t){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.yAxisScale(0)}).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("height",function(t){var e=t.values[0];return Math.abs(n.yAxisScale(e)-n.yAxisScale(0))}).attr("y",function(t){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.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,e=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(e).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){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.yAxisScale(0)}).attr("height",0).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.yAxisScale(0)}).attr("height",function(t){var e=t.values[0];return Math.abs(n.yAxisScale(e)-n.yAxisScale(0))})},MoBarChart.prototype.renderStackedBar=function(t){var n=this,e=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(e).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){if("stacked100"===n.groupType)return n.yAxisScale(0);var e=t.values[0];return 0<=e?n.yAxisScale(e):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){if("stacked100"===n.groupType)return n.height-n.yAxisScale(t.percentage);var e=t.values[0];return Math.abs(n.yAxisScale(e)-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();a.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(s.easeLinear).attr("stroke-dashoffset",0);var r=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 a=this,e=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(e).enter().append("text").attr("class","mo-data-text").style("fill",function(t,e){return 0===a.categories.length?g.getColor(0,a.colors):g.getColor(e,a.colors)}).attr("x",function(t){return a.xAxisScale(t.label)+a.xAxisScale.bandwidth()/2}).attr("y",this.height).attr("text-anchor","middle").style("font-size","12px").transition().duration(1e3).attr("y",function(t){var e=t.values[0],n=a.yAxisScale(e);return 0<=e?n-8:n+20}).text(function(t){return g.formatValue(t.values[0],"",a.decimal)})},MoBarChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),e=this.getWidth();("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);var a=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");a.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+25*e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),a.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25*e}).attr("class","mo-legend-text").style("fill",function(){return n.labelColor||""}).text(function(t){return t})},MoBarChart.prototype.renderMeasure=function(){var a=this,n=this.actualMargin.top+this.actualMargin.bottom+this.height;0<this.categories.length&&(n+=25*this.categories.length+50);var t=this.svg.append("g"),e=this.getWidth();("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",n).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",n).attr("class","mo-label-line"),t.append("text").attr("x",0).attr("y",n+25).attr("class","mo-label-title").text("Measure");var o=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");o.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,e){return n+40+25*e}).attr("fill",function(t,e){var n=a.hasLineChart&&0<a.categories.length?a.categories.length||1:e;return g.getColor(n,a.colors)}),o.append("text").attr("x",25).attr("y",function(t,e){return n+52+25*e}).attr("class","mo-legend-text").style("fill",function(){return a.labelColor||""}).text(function(t){return t.label})},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChart.prototype,"data",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"groupings",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"aggregates",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasSecondAxis",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasLineChart",void 0),__decorate([n.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MoBarChart.prototype,"secondYIndex",void 0),__decorate([n.Prop({type:String,default:function(){return"horizontal"}}),__metadata("design:type",String)],MoBarChart.prototype,"xAxisMode",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChart.prototype,"colors",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:20,right:30,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(c="undefined"!=typeof ChartMargin&&ChartMargin)?c:Object)],MoBarChart.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([n.Prop({type:Number,default:function(){return 20}}),__metadata("design:type",Number)],MoBarChart.prototype,"maxDisplayCount",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null),MoBarChart=__decorate([n.Component({})],MoBarChart));function MoBarChart(){var t=null!==l&&l.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="function"==typeof n?n.options:n;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,o&&(h.functional=!0)),a&&(h._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)},h._ssrRegister=m):e&&(m=i?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),m)if(h.functional){var d=h.render;h.render=function renderWithStyleInjection(t,e){return m.call(e),d(t,e)}}else{var p=h.beforeCreate;h.beforeCreate=p?[].concat(p,m):[m]}return n}var x,w="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function(t,e){return function addStyle(t,e){var n=w?e.media||"default":t,a=y[n]||(y[n]={ids:new Set,styles:[]});if(!a.ids.has(t)){a.ids.add(t);var o=e.source;if(e.map&&(o+="\n/*# sourceURL="+e.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),a.element||(a.element=document.createElement("style"),a.element.type="text/css",e.media&&a.element.setAttribute("media",e.media),void 0===x&&(x=document.head||document.getElementsByTagName("head")[0]),x.appendChild(a.element)),"styleSheet"in a.element)a.styles.push(o),a.element.styleSheet.cssText=a.styles.filter(Boolean).join("\n");else{var r=a.ids.size-1,i=document.createTextNode(o),l=a.element.childNodes;l[r]&&a.element.removeChild(l[r]),l.length?a.element.insertBefore(i,l[r]):a.element.appendChild(i)}}}(t,e)}}var y={};function v(){var t=this.$createElement;return(this._self._c||t)("div",{class:["mo-chart",this.needScroll?"x-scroll":""]})}var k,A,C=b,_=(v._withStripped=!0,normalizeComponent({render:v,staticRenderFns:[]},function(t){t&&t("data-v-691485d2_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})},C,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoBarChartHorizontal(){var t=null!==k&&k.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}function E(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var M,S,z,P=(__extends(MoBarChartHorizontal,k=n.Mixins(i)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,o=t.left;return 0<this.aggregates.length?{top:e,right:n,bottom:60,left:o}:0<this.groupings.length?{top:e,right:n,bottom:a,left:115}:this.margin},enumerable:!0,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 t,e=this;this.categories=[];var n,a=this.data.length,o=this.getWidth();n="grouped"===this.groupType&&0<this.categories.length?g.getMaxValue(this.data):u.max(this.data,function(t){return u.max(t.values)});var r=((null===(t=this.aggregates)||void 0===t?void 0:t[0])||{}).unitSymbol,i=8*g.formatValue(n||0,r,this.decimal).length;if(("stacked"===this.groupType||"stacked100"===this.groupType)&&694<=o?this.svgWidth=Math.min(o/2+150,o):this.svgWidth=o,this.actualMargin.right=Math.max(this.margin.right,20+i),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right),"grouped"===this.groupType&&0<this.categories.length)this.height=(this.barHeight*this.categories.length+this.barPadding)*a;else{var l=1<this.aggregates.length?this.aggregates.length:1;this.height=(this.barHeight*l+this.barPadding)*a}this.svgHeight=694<=o?this.height+this.actualMargin.top+this.actualMargin.bottom:this.height+this.actualMargin.top+this.actualMargin.bottom+100,0<this.categories.length&&(this.additionalHeight=25*this.categories.length+10),1<this.aggregates.length&&(this.additionalHeight=25*this.aggregates.length+10),this.svgHeight+=this.additionalHeight,("stacked"===this.groupType||"stacked100"===this.groupType)&&694<=o?this.svg=f.select(this.$el).style("text-align","left").append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).style("overflow","visible"):this.svg=f.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=m.scaleLinear().domain([0,1]).range([0,this.width]),this.xAxis=h.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.format(".0%")(Number(t))})):(this.xAxisScale=m.scaleLinear().domain([0,n||10]).range([0,this.width]).nice(),this.xAxis=h.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)})),this.yAxisScale=m.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.height]),this.yAxisCategories=m.scaleBand().domain(this.categories).range([0,this.barHeight*this.categories.length]).round(!0),1<this.aggregates.length&&(this.yAxisAggregates=m.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.barHeight*this.aggregates.length]).round(!0)),this.yAxis=h.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<=o?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 a=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,e=a.aggregates.map(function(t){return t.label}).join(", "),n=g.getCurrencyFullName(null===(t=a.aggregates[0])||void 0===t?void 0:t.unitSymbol);return n?e+" ("+n+")":e}),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 s=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){var e=t.pieces,i=void 0===e?[]:e,l=t.values;i.forEach(function(t,e){var n,a,o,r;t.x=(n=i,a=e,o=l[0],r=0,n.forEach(function(t,e){e<a&&("stacked100"===s.groupType?r+=s.xAxisScale(t.values[0]/o):r+=s.xAxisScale(t.values[0]))}),r),t.percentage=t.values[0]/l[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.barHeight*n.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.barHeight*n.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();("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);var e=this.labelGroup.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");e.append("rect").attr("width","15").attr("height","15").attr("x",50).attr("y",function(t,e){return n.actualMargin.top+n.height+40+25*e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),e.append("text").attr("x",75).attr("y",function(t,e){return n.actualMargin.top+n.height+52+25*e}).attr("class","mo-legend-text").text(function(t){return t})},MoBarChartHorizontal.prototype.renderMeasure=function(){var n=this,a=this.actualMargin.top+this.height;0<this.categories.length&&(a+=25*this.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");var t=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+25*e}).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+25*e}).attr("class","mo-legend-text").text(function(t){return t.label})},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:50,right:80,bottom:20,left:95}}}),__metadata("design:type","function"==typeof(A="undefined"!=typeof ChartMargin&&ChartMargin)?A:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([n.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([n.Prop({type:String,default:function(){return"outer"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([n.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null),MoBarChartHorizontal=__decorate([n.Component({})],MoBarChartHorizontal)),B=(E._withStripped=!0,normalizeComponent({render:E,staticRenderFns:[]},function(t){t&&t("data-v-375d3769_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})},P,void 0,!1,void 0,!1,createInjector,void 0,void 0));function PieChart(){var t=null!==M&&M.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}function O(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mo-chart"},[e.rotate?n("div",{staticClass:"mo-tip-container"},[n("div",{staticClass:"mo-tip-content"},[n("div",{staticClass:"left-nav",on:{click:function(t){return e.onLeftNavClicked(t)}}},[n("img",{attrs:{src:e.rightNavImage,width:"18"}})]),e._v(" "),e._m(0),e._v(" "),n("div",{staticClass:"right-nav",on:{click:function(t){return e.onRightNavClicked(t)}}},[n("img",{attrs:{src:e.rightNavImage,width:"18"}})])])]):e._e()])}var G,T,L=(__extends(PieChart,M=n.Mixins(i)),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.stopPropagation(),t.preventDefault(),this.rotation.index<this.data.length-1?this.rotation.index+=1:this.rotation.index=0;var n=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(n.startAngle+n.endAngle)/2/Math.PI*180;var a=this.aggregate?40:0;this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+a)+") rotate("+this.rotation.angle+")"),setTimeout(function(){e.changeContent(),e.rotation.originalAngle=e.rotation.angle},100)},PieChart.prototype.onRightNavClicked=function(t){var e=this;t.stopPropagation(),t.preventDefault(),0<this.rotation.index?--this.rotation.index:this.rotation.index=this.data.length-1;var n=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(n.startAngle+n.endAngle)/2/Math.PI*180;var a=this.aggregate?40:0;this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+a)+") 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=f.select(a)).style("color",g.getColor(this.rotation.index,this.colors)),t.text(n+" : "+e+"%")),o&&(t=f.select(o)).text(this.data[this.rotation.index].label)},PieChart.prototype.init=function(){if(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?.43*this.radius:0,this.rotation={index:0,angle:0,startAngle:0,originalAngle:0},this.rotate||("horizontal"===this.labelMode?this.height+=60:this.height+=25*this.data.length+34,this.groupBy&&this.aggregate&&(this.height+=50)),this.aggregate&&(this.height+=40),this.svg=f.select(this.$el).insert("svg",".mo-tip-container").attr("width",this.width).attr("height",this.height),this.aggregate){var t=this.aggregate.unitSymbol?g.getCurrencyFullName(this.aggregate.unitSymbol):"",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=p.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=p.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=p.pie().value(function(t){return t.values[0]});var n=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(n.startAngle+n.endAngle)/2/Math.PI*180;var a=this.aggregate?40:0;this.arcGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+(this.width/2+a)+") 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+a)+")"),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 n=this;this.arc.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").text(function(t){var e;return g.getInnerText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.value,showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null===(e=n.aggregate)||void 0===e?void 0:e.unitSymbol})}).transition().duration(750).attr("transform",function(t){return"translate("+n.arcLayout.centroid(t)+") rotate("+-n.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 a=this;t.append("rect").attr("width","15").attr("height","15").attr("x",function(t,e){return e*a.radius+25}).attr("y",function(){var t=a.width+25;return a.groupBy&&a.aggregate&&(t+=55),t}).attr("fill",function(t,e){return g.getColor(e,a.colors)}),t.append("text").attr("x",function(t,e){return e*a.radius+40}).attr("y",function(){var t=a.width+40;return a.groupBy&&a.aggregate&&(t+=55),t}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var e,n=g.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:null===(e=a.aggregate)||void 0===e?void 0:e.unitSymbol});return""!==n?t.label+" : "+n:t.label})},PieChart.prototype.renderVerticalLabel=function(t){var a=this;t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,e){var n=a.width+20+25*e;return a.groupBy&&a.aggregate&&(n+=55),n}).attr("fill",function(t,e){return g.getColor(e,a.colors)}),t.append("text").attr("x",50).attr("y",function(t,e){var n=a.width+32+25*e;return a.groupBy&&a.aggregate&&(n+=55),n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var e,n=g.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:null===(e=a.aggregate)||void 0===e?void 0:e.unitSymbol});return""!==n?t.label+" : "+n:t.label})},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showTotal",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showValue",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"symbol",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"valuePosition",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"showPercentage",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"percentagePosition",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],PieChart.prototype,"decimal",void 0),__decorate([n.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],PieChart.prototype,"labelMode",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"labelColor",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"rotate",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(S="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?S:Object)],PieChart.prototype,"groupBy",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(z="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?z:Object)],PieChart.prototype,"aggregate",void 0),__decorate([n.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null),PieChart=__decorate([n.Component({})],PieChart)),R=(O._withStripped=!0,normalizeComponent({render:O,staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tip"},[e("span",{staticClass:"percentage"}),this._v(" "),e("span",{staticClass:"label"})])}]},function(t){t&&t("data-v-a647af64_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})},L,void 0,!1,void 0,!1,createInjector,void 0,void 0));function LineChart(){var t=null!==G&&G.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}function X(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var N,I,j,H=(__extends(LineChart,G=n.Mixins(i)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,o=t.left;return 0<this.groupings.length?{top:e,right:n,bottom:130,left:o}:0<this.aggregates.length?{top:e,right:n,bottom:a,left:65}:this.margin},enumerable:!0,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+15,this.categories=[],this.maxValue=u.max(this.data,function(t){return u.max(t.values)}),"grouped"!==this.groupType&&"cumulativeGrouped"!==this.groupType||this.refactorGroupedData(),0<this.categories.length&&(this.svgHeight+=25*this.categories.length+50,this.maxValue=g.getMaxValue(this.data)),1<this.aggregates.length&&(this.svgHeight+=25*this.aggregates.length+50),this.refactoredData=JSON.parse(JSON.stringify(this.data)),"cumulativeGrouped"!==this.groupType&&"cumulative"!==this.groupType||this.refactorCumulateData(),this.svg=f.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").style("overflow","visible").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.xAxisScale=m.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width-5]),this.xAxis=h.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return g.formatDomainValue(t,e.actualMargin.bottom,!0)}),this.yAxisScale=m.scaleLinear().domain([0,this.maxValue||10]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.area=p.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),p.line().curve(p.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 i=this;0<this.categories.length?this.categories.forEach(function(r){r.value.forEach(function(a,o){a.cumulates=a.cumulates||[],a.values.forEach(function(t,e){var n=0<o?r.value[o-1].cumulates[e]+t:t;a.cumulates.push(n),n>i.maxValue&&(i.maxValue=n)})})}):this.refactoredData.forEach(function(a,o){a.cumulates=a.cumulates||[],a.values.forEach(function(t,e){var n=0<o?i.refactoredData[o-1].cumulates[e]+t:t;a.cumulates.push(n),n>i.maxValue&&(i.maxValue=n)})})},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 a=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",10-this.actualMargin.left).text(function(){var t,e=a.aggregates.map(function(t){return t.label}).join(", "),n=g.getCurrencyFullName(null===(t=a.aggregates[0])||void 0===t?void 0:t.unitSymbol);return n?e+" ("+n+")":e})},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 hl(t,e,n){void 0===n&&(n=!1);var a=n?e:0,o=g.getColor(e,l.colors),r=l.svg.append("path").datum(t).attr("d",l.line(a)).attr("class","mo-data-line").style("stroke",o),i=r.node().getTotalLength();r.attr("stroke-dasharray",i+" "+i).attr("stroke-dashoffset",i).transition().duration(1e3).ease(s.easeLinear).attr("stroke-dashoffset",0),l.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return l.xAxisScale(t.label)}).attr("cy",function(t){return l.yAxisScale(l.lineValue(t,a))}).attr("r",l.pointRadius).attr("class","mo-line-point").style("fill",o)}var l=this;0<this.categories.length&&("cumulativeGrouped"===this.groupType||"grouped"===this.groupType)?this.categories.forEach(function(t,e){return hl(t.value,e)}):1<this.aggregates.length?this.aggregates.forEach(function(t,e){return hl(l.refactoredData,e,!0)}):(this.defineAreaGradients(0,g.getColor(0,this.colors)),hl(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){var n=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%");n.append("stop").attr("offset","0%").attr("stop-color",e).attr("stop-opacity",0),n.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.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);var e=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+25*e}).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+25*e}).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.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");var e=t.selectAll(".mo-label").data(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 n.actualMargin.top+n.actualMargin.bottom+n.height+40+25*e}).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+25*e}).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([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],LineChart.prototype,"data",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"groupings",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"aggregates",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],LineChart.prototype,"showValue",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(T="undefined"!=typeof ChartMargin&&ChartMargin)?T:Object)],LineChart.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null),LineChart=__decorate([n.Component({})],LineChart)),D=(X._withStripped=!0,normalizeComponent({render:X,staticRenderFns:[]},function(t){t&&t("data-v-35567900_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})},H,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==N&&N.apply(this,arguments)||this;return t.funnelWidth=0,t.funnelHeight=0,t.legendItemHeight=25,t.svg=null,t.total=0,t.refactoredData=[],t}function ea(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var V,W,Y,F=(__extends(FunnelChart,N=n.Mixins(i)),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 h=this,t=this.getWidth();this.funnelWidth=t<694?t:t/2+150,this.funnelHeight=this.height||this.funnelWidth;var d=this.data.length,e=this.funnelHeight+this.legendItemHeight*(d+1),p=d<=1?this.funnelWidth/4:this.funnelWidth/(2*d),g=this.funnelHeight/d;this.groupBy&&this.aggregate&&(e+=65),this.data.forEach(function(t,e){var n=e*p,a=e*g,o=h.funnelWidth-n,r=a,i=e===d-1&&1<d?o:o-p,l=r+g,s=e===d-1&&1<d?n:n+p,c=l,m=JSON.parse(JSON.stringify(t));m.points=[{x:n,y:a},{x:o,y:r},{x:i,y:l},{x:s,y:c}],h.refactoredData.push(m)}),this.svg=t<694?f.select(this.$el).append("svg").attr("width",this.funnelWidth).attr("height",e):f.select(this.$el).style("text-align","left").append("svg").attr("width",this.funnelWidth).attr("height",e).style("overflow","visible"),this.total=u.sum(this.refactoredData,function(t){return t.values[0]})},FunnelChart.prototype.renderFunnel=function(){var n=this,t=this.svg.selectAll("g").data(this.refactoredData).enter().append("g");t.append("polygon").attr("points",this.getPoint(this.refactoredData[0].points)).style("fill","#fff").transition().duration(1e3).attr("points",function(t){return t.points.map(function(t){return[t.x,t.y].join(",")}).join(" ")}).style("fill",function(t,e){return g.getColor(e,n.colors)}),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){var e;return g.getInnerText({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?void 0:e.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 a=this,t=this.getWidth(),e=this.funnelHeight+this.legendItemHeight;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).text(this.groupBy.label):this.svg.append("text").attr("class","mo-label-title").attr("x",this.funnelWidth+50).attr("y",20).text(this.groupBy.label),e+=65);var n=this.svg.append("g");t<694?n.attr("transform","translate( 50, "+e+" )"):n.attr("transform","translate( "+(this.funnelWidth+50)+", 50 )");var o=n.selectAll("rect").data(this.refactoredData).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t,e){return g.getColor(e,a.colors)}),r=n.selectAll("text").data(this.refactoredData).enter().append("text").attr("class","mo-legend-text").text(function(t){var e,n=g.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:null===(e=a.aggregate)||void 0===e?void 0:e.unitSymbol});return""!==n?t.label+" : "+n:t.label});"horizontal"===this.labelMode?(o.attr("x",function(t,e){return 10+100*e}).attr("y",10),r.attr("x",function(t,e){return 35+100*e}).attr("y",23)):(o.attr("x",0).attr("y",function(t,e){return 25*e}),r.attr("x",25).attr("y",function(t,e){return 25*e+13}))},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([n.Prop({type:Number}),__metadata("design:type",Number)],FunnelChart.prototype,"height",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([n.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(I="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?I:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(j="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?j:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null),FunnelChart=__decorate([n.Component({})],FunnelChart)),Z=(ea._withStripped=!0,normalizeComponent({render:ea,staticRenderFns:[]},function(t){t&&t("data-v-44808c0e_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})},F,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==V&&V.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}function na(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"mo-chart"},[t.aggregate?n("div",{staticClass:"mo-axis-div-label"},[t._v("\n "+t._s(t.labelWithCurrency)+"\n ")]):t._e()])}var U,J,Q,q=(__extends(GaugeChart,V=n.Mixins(i)),Object.defineProperty(GaugeChart.prototype,"minValue",{get:function(){return Math.min(this.data.minValue,this.data.value)},enumerable:!0,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"maxValue",{get:function(){return Math.max(this.data.maxValue,this.data.value)},enumerable:!0,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"labelWithCurrency",{get:function(){var t,e,n=(null===(t=this.aggregate)||void 0===t?void 0:t.label)||"",a=null!==(e=this.aggregate)&&void 0!==e&&e.unitSymbol?g.getCurrencyFullName(this.aggregate.unitSymbol):"";return a?n+" ("+a+")":n},enumerable:!0,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.width*t,this.radius=this.width/2-5,this.svg=f.select(this.$el).insert("svg",".mo-axis-div-label").attr("width",this.width).attr("height",this.width/2+100),this.defineGradient(),this.backgroundArc=p.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=p.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=p.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=m.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var o=this;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))}});var 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=p.line().curve(p.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+n*e),e+=1;return t},GaugeChart.prototype.tickCalc=function(){var i=this;return function(t){var e=(t-90)*(Math.PI/180),n=i.radius-15,a=i.width/2+n*Math.sin(e),o=i.width/2+(5+n)*Math.sin(e),r=[{x:i.width/2+n*Math.cos(e),y:a},{x:i.width/2+(5+n)*Math.cos(e),y:o}];return p.line(function(t){return t.x},function(t){return t.y})(r)}},__decorate([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(W="undefined"!=typeof GaugeData&&GaugeData)?W:Object)],GaugeChart.prototype,"data",void 0),__decorate([n.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([n.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([n.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([n.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([n.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(Y="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?Y:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null),GaugeChart=__decorate([n.Component({})],GaugeChart)),K=(na._withStripped=!0,normalizeComponent({render:na,staticRenderFns:[]},function(t){t&&t("data-v-786b05e3_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})},q,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MetricChart(){return null!==U&&U.apply(this,arguments)||this}function wa(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"mo-chart"},[n("div",{staticClass:"mo-metric"},[n("div",{staticClass:"mo-metric-inner"},[n("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),n("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}var $,tt,et=(__extends(MetricChart,U=n.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return g.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!0,configurable:!0}),__decorate([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(J="undefined"!=typeof MetricData&&MetricData)?J:Object)],MetricChart.prototype,"data",void 0),__decorate([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(Q="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?Q:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0),MetricChart=__decorate([n.Component({})],MetricChart)),nt=(wa._withStripped=!0,normalizeComponent({render:wa,staticRenderFns:[]},function(t){t&&t("data-v-297d2cdc_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})},et,void 0,!1,void 0,!1,createInjector,void 0,void 0));function ScatterChart(){var t=null!==$&&$.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}function Fa(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var at,ot,rt=(__extends(ScatterChart,$=n.Mixins(i)),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();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=[];var e=u.max(this.data,function(t){return t.values[0]}),a=u.max(this.data,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),0<this.categories.length&&(this.additionalHeight=25*this.categories.length+50,e=g.getMaxValue(this.data,0),a=g.getMaxValue(this.data,1)),this.svgHeight+=this.additionalHeight,this.svg=t<694?f.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"):f.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=m.scaleLinear().domain([0,e||10]).range([0,this.width-5]).nice(),this.xAxis=h.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?g.formatValue(t,"",n.decimal):""}),this.yAxisScale=m.scaleLinear().domain([0,a||10]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?g.formatValue(t,"",n.decimal):""}),this.line=p.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 Ho(t,e){var n=g.getColor(e,a.colors);a.svg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",n).attr("cx",0).attr("cy",a.height).attr("r",a.pointRadius).transition().duration(1e3).attr("cx",function(t){return a.xAxisScale(t.values[0])}).attr("cy",function(t){return a.yAxisScale(t.values[1]||0)})}var a=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,e){return Ho(t.value,e)}):Ho(this.data,0)},ScatterChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g");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);var e=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.margin.top+n.margin.bottom+n.height+40+25*e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),e.append("text").attr("x",25).attr("y",function(t,e){return n.margin.top+n.margin.bottom+n.height+52+25*e}).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([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:65}}}),__metadata("design:type","function"==typeof(tt="undefined"!=typeof ChartMargin&&ChartMargin)?tt:Object)],ScatterChart.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null),ScatterChart=__decorate([n.Component({})],ScatterChart)),it=(Fa._withStripped=!0,normalizeComponent({render:Fa,staticRenderFns:[]},function(t){t&&t("data-v-75760988_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})},rt,void 0,!1,void 0,!1,createInjector,void 0,void 0));function TableChart(){var t=null!==at&&at.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}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()])}var lt,st=(__extends(TableChart,at=n.Mixins(i)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){var e=this.data.headers[t];return e&&("datetime"===e.dataType||"currency"===e.dataType||"date"===e.dataType||"int"===e.dataType||"double"===e.dataType||"percent"===e.dataType||"boolean"===e.dataType)},TableChart.prototype.isBoolean=function(t){var e=this.data.headers[t];return e&&"boolean"===e.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([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(ot="undefined"!=typeof TableData&&TableData)?ot:Object)],TableChart.prototype,"data",void 0),TableChart=__decorate([n.Component({})],TableChart)),ct=(Qa._withStripped=!0,normalizeComponent({render:Qa,staticRenderFns:[]},function(t){t&&t("data-v-9ec4beee_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})},st,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoGlossaryChart(){return null!==lt&&lt.apply(this,arguments)||this}function Za(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"mo-glossary-chart"},[t.title?n("div",{staticClass:"mo-glossary-header"},[n("h3",{staticClass:"mo-glossary-title"},[t._v(t._s(t.title))])]):t._e(),t._v(" "),n("div",{staticClass:"mo-glossary-content"},[n("div",{domProps:{innerHTML:t._s(t.parseRichText(t.content))}})])])}var mt=(__extends(MoGlossaryChart,lt=n.Vue),MoGlossaryChart.prototype.parseRichText=function(e){try{return JSON.parse(e).map(function(t){var e=t.insert;if("↵"===e||"\n"===e?e="<br />":(e.includes("↵")||e.includes("\n"))&&(e=e.replace(/[\u21B5\n]/g,"<br />")),t.attributes){var n=t.attributes,a=[];n.size&&a.push("font-size: "+n.size),n.bold&&(e="<strong>"+e+"</strong>"),n.align&&a.push("text-align: "+n.align),0<a.length&&(e='<p style="'+a.join(";")+'">'+e+"</p>")}return e}).join("")}catch(t){return console.error("解析富文本失败:",t),e}},__decorate([n.Prop({type:String,required:!0}),__metadata("design:type",String)],MoGlossaryChart.prototype,"content",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoGlossaryChart.prototype,"title",void 0),MoGlossaryChart=__decorate([n.Component({})],MoGlossaryChart)),ht=(Za._withStripped=!0,normalizeComponent({render:Za,staticRenderFns:[]},function(t){t&&t("data-v-57e44f3a_0",{source:"/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-glossary-chart[data-v-57e44f3a] {\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-57e44f3a] {\n margin-bottom: 16px;\n}\n.mo-glossary-title[data-v-57e44f3a] {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n@media (prefers-color-scheme: dark) {\n.mo-glossary-chart[data-v-57e44f3a] {\n background-color: #1c1c1e;\n color: #f2f2f7;\n}\n}",map:void 0,media:void 0})},mt,"data-v-57e44f3a",!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=_,t.BarChartHorizontal=B,t.FunnelChart=Z,t.GaugeChart=K,t.GlossaryChart=ht,t.LineChart=D,t.MetricChart=nt,t.PieChart=R,t.ScatterChart=it,t.TableChart=ct,t.default=function(t){t.component("MoBarChart",_),t.component("MoBarChartHorizontal",B),t.component("MoPieChart",R),t.component("MoLineChart",D),t.component("MoFunnelChart",Z),t.component("MoGaugeChart",K),t.component("MoMetricChart",nt),t.component("MoScatterChart",it),t.component("MoTableChart",ct),t.component("MoGlossaryChart",ht)},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,e,n,m,h,f,d,u,p,s,r){"use strict";var a=function(t,e){return(a=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}a(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)}var o,i=(__extends(ChartMixins,o=n.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()},ChartMixins=__decorate([n.Component],ChartMixins));function ChartMixins(){return null!==o&&o.apply(this,arguments)||this}var g=(ChartService.formatValue=function(t,e,n){void 0===e&&(e=""),void 0===n&&(n=2);var a=t.toString();if(!Number.isNaN(Number(t))){var o=ChartService.preciseDecimal(Number(t),n),r=o/Math.pow(1e3,4),i=o/Math.pow(1e3,3),l=o/Math.pow(1e3,2),s=o/Math.pow(1e3,1);1<=r?a=ChartService.preciseDecimal(r,n)+" T":1<=i?a=ChartService.preciseDecimal(i,n)+" B":1<=l?a=ChartService.preciseDecimal(l,n)+" M":1<=s&&(a=ChartService.preciseDecimal(s,n)+" K"),a=a.toString().replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})}return""+e+a},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<r*o){a=r;break}return a<t.toString().length-1?t.toString().substring(0,a-2)+"...":t.toString()},ChartService.getPercentage=function(t,e,n){return void 0===t&&(t=0),void 0===e&&(e=0),void 0===n&&(n=0),ChartService.preciseDecimal(t/e*100,n)},ChartService.getColor=function(t,e){var n=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 n[t%n.length]},ChartService.getMaxValue=function(t,e){void 0===e&&(e=0);var n=[],a=function(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){a(t)}):n.push(t.values[e])};return t.forEach(function(t){a(t)}),u.max(n,function(t){return t})},ChartService.getMinValue=function(t,e){void 0===e&&(e=0);var n=[],a=function(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){a(t)}):n.push(t.values[e])};return t.forEach(function(t){a(t)}),u.min(n,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,e,n){var a=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+e).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");a.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",n?.4:1),a.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",n?1:.4)},ChartService.getInnerText=function(t){void 0===t&&(t={});var e=t.showValue,n=t.innerValue,a=t.value,o=void 0===a?"":a,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";if(e&&n&&(m+=ChartService.formatValue(o,c,s)),r&&i){""!==m&&(m+=" : ");var h=ChartService.getPercentage(Number(o),l,s);0<h&&(m+=h+"%")}return m},ChartService.getBottomText=function(t){void 0===t&&(t={});var e=t.showValue,n=t.innerValue,a=t.value,o=void 0===a?"":a,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";return e&&!n&&(m+=ChartService.formatValue(o,c,s)),r&&!i&&(""!==m&&(m+=" : "),m+=ChartService.getPercentage(Number(o),l,s)+"%"),m},ChartService.getCurrencyFullName=function(t){if(!t)return"";switch(t){case"$":case"U":return"USD";case"¥":case"C":return"CNY";case"€":case"E":return"EUR";case"£":case"G":return"GBP";case"₩":case"K":return"KRW";default:return t}},ChartService);function ChartService(){}var l,c,b=(__extends(MoBarChart,l=n.Mixins(i)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,o=t.left,r=n;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(a=130),0<this.aggregates.length&&(o=75),this.hasSecondAxis&&(r=Math.max(r,65)),{top:e,right:r,bottom:a,left:o}},enumerable:!0,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=40*n.length;this.svgWidth=Math.min(t,Math.max(a,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=m.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(25*this.categories.length+50,150)),1<this.aggregates.length&&(this.additionalHeight+=Math.min(25*this.aggregates.length+50,150)),this.svgHeight+=this.additionalHeight;var o=0,r=0,i=0,l=0;r="grouped"===this.groupType?(o=g.getMaxValue(n)||0,g.getMinValue(n)||0):(o=u.max(n,function(t){return t.values[0]})||0,u.min(n,function(t){return t.values[0]})||0),1<this.aggregates.length&&(i=u.max(this.data,function(t){return u.max(t.values)})||0,l=u.min(this.data,function(t){return u.min(t.values)})||0);var s=o+.1*Math.abs(o-r),c=r<0?r-.1*Math.abs(o-r):0;this.xAxisCategories=m.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1),1<this.aggregates.length&&(this.xAxisAggregates=m.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.xAxisScale.bandwidth()]).padding(.4).round(!1)),this.xAxis=h.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=m.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.format(".0%")(Number(t))})):this.hasLineChart?this.hasSecondAxis?(this.yAxisScale=m.scaleLinear().domain([c,s]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.secondYAxisScale=m.scaleLinear().domain([l<0?l:0,i]).range([this.height,0]).nice(),this.secondYAxis=h.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.line=p.line().curve(p.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})):(this.yAxisScale=m.scaleLinear().domain([c,s]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.line=p.line().curve(p.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})):(this.yAxisScale=m.scaleLinear().domain([c,s]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)})),this.svg=f.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).text((null===(t=this.groupings[0])||void 0===t?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("x",-this.height/2).attr("y",10-this.actualMargin.left).attr("transform","rotate(-90)").text(function(){var t=function __spreadArrays(){for(var t=arguments,e=0,n=0,a=arguments.length;n<a;n++)e+=t[n].length;var o=Array(e),r=0;for(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}(n.aggregates);return n.hasSecondAxis&&t.splice(n.secondYIndex,1),t.map(function(t){var e=g.getCurrencyFullName(t.unitSymbol);return e?t.label+" ("+e+")":t.label}).join(", ")}),this.hasSecondAxis&&1<this.aggregates.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",this.width+this.actualMargin.left-5).attr("transform","rotate(-90)").text(function(){var t=n.aggregates[n.secondYIndex],e=g.getCurrencyFullName(t.unitSymbol);return e?t.label+" ("+e+")":t.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(){function ee(t,e,n){if(e===t.length-1)return"stacked100"===o.groupType?o.yAxisScale(t[e].values[0]/n):o.yAxisScale(t[e].values[0]);var a=t[e+1].y||o.height;return"stacked100"===o.groupType?a-o.height+o.yAxisScale(t[e].values[0]/n):a-o.height+o.yAxisScale(t[e].values[0])}var o=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){for(var e=t.pieces,n=void 0===e?[]:e,a=t.values,o=n.length;0<=o;--o)n.forEach(function(t,e){t.y=ee(n,e,a[0]),t.percentage=t.values[0]/a[0]})}),t},MoBarChart.prototype.renderBar=function(t){var n=this,e=t.slice(0,this.maxDisplayCount);0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(e):"stacked"!==this.groupType&&"stacked100"!==this.groupType||this.renderStackedBar(e):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(e):this.svg.selectAll(".bar").data(e).enter().append("rect").style("fill",g.getColor(0,this.colors)).attr("x",function(t){return n.xAxisScale(t.label)}).attr("y",function(t){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.yAxisScale(0)}).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("height",function(t){var e=t.values[0];return Math.abs(n.yAxisScale(e)-n.yAxisScale(0))}).attr("y",function(t){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.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,e=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(e).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){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.yAxisScale(0)}).attr("height",0).style("fill",function(t,e){return g.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){var e=t.values[0];return 0<=e?n.yAxisScale(e):n.yAxisScale(0)}).attr("height",function(t){var e=t.values[0];return Math.abs(n.yAxisScale(e)-n.yAxisScale(0))})},MoBarChart.prototype.renderStackedBar=function(t){var n=this,e=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(e).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){if("stacked100"===n.groupType)return n.yAxisScale(0);var e=t.values[0];return 0<=e?n.yAxisScale(e):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){if("stacked100"===n.groupType)return n.height-n.yAxisScale(t.percentage);var e=t.values[0];return Math.abs(n.yAxisScale(e)-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();a.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(s.easeLinear).attr("stroke-dashoffset",0);var r=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 a=this,e=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(e).enter().append("text").attr("class","mo-data-text").style("fill","#5bdcef").attr("x",function(t){return a.xAxisScale(t.label)+a.xAxisScale.bandwidth()/2}).attr("y",this.height).attr("text-anchor","middle").style("font-size","12px").transition().duration(1e3).attr("y",function(t){var e=t.values[0],n=a.yAxisScale(e);return 0<=e?n-8:n+20}).text(function(t){return g.formatValue(t.values[0],"",a.decimal)})},MoBarChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g"),e=this.getWidth();("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);var a=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");a.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+25*e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),a.append("text").attr("x",25).attr("y",function(t,e){return n.actualMargin.top+n.actualMargin.bottom+n.height+52+25*e}).attr("class","mo-legend-text").style("fill",function(){return n.labelColor||""}).text(function(t){return t})},MoBarChart.prototype.renderMeasure=function(){var a=this,n=this.actualMargin.top+this.actualMargin.bottom+this.height;0<this.categories.length&&(n+=25*this.categories.length+50);var t=this.svg.append("g"),e=this.getWidth();("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",n).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",n).attr("class","mo-label-line"),t.append("text").attr("x",0).attr("y",n+25).attr("class","mo-label-title").text("Measure");var o=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");o.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,e){return n+40+25*e}).attr("fill",function(t,e){var n=a.hasLineChart&&0<a.categories.length?a.categories.length||1:e;return g.getColor(n,a.colors)}),o.append("text").attr("x",25).attr("y",function(t,e){return n+52+25*e}).attr("class","mo-legend-text").style("fill",function(){return a.labelColor||""}).text(function(t){return t.label})},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChart.prototype,"data",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"groupings",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"aggregates",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasSecondAxis",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasLineChart",void 0),__decorate([n.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MoBarChart.prototype,"secondYIndex",void 0),__decorate([n.Prop({type:String,default:function(){return"horizontal"}}),__metadata("design:type",String)],MoBarChart.prototype,"xAxisMode",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChart.prototype,"colors",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:20,right:30,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(c="undefined"!=typeof ChartMargin&&ChartMargin)?c:Object)],MoBarChart.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([n.Prop({type:Number,default:function(){return 20}}),__metadata("design:type",Number)],MoBarChart.prototype,"maxDisplayCount",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null),MoBarChart=__decorate([n.Component({})],MoBarChart));function MoBarChart(){var t=null!==l&&l.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="function"==typeof n?n.options:n;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,o&&(h.functional=!0)),a&&(h._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)},h._ssrRegister=m):e&&(m=i?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),m)if(h.functional){var d=h.render;h.render=function renderWithStyleInjection(t,e){return m.call(e),d(t,e)}}else{var p=h.beforeCreate;h.beforeCreate=p?[].concat(p,m):[m]}return n}var x,w="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function(t,e){return function addStyle(t,e){var n=w?e.media||"default":t,a=y[n]||(y[n]={ids:new Set,styles:[]});if(!a.ids.has(t)){a.ids.add(t);var o=e.source;if(e.map&&(o+="\n/*# sourceURL="+e.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),a.element||(a.element=document.createElement("style"),a.element.type="text/css",e.media&&a.element.setAttribute("media",e.media),void 0===x&&(x=document.head||document.getElementsByTagName("head")[0]),x.appendChild(a.element)),"styleSheet"in a.element)a.styles.push(o),a.element.styleSheet.cssText=a.styles.filter(Boolean).join("\n");else{var r=a.ids.size-1,i=document.createTextNode(o),l=a.element.childNodes;l[r]&&a.element.removeChild(l[r]),l.length?a.element.insertBefore(i,l[r]):a.element.appendChild(i)}}}(t,e)}}var y={};function v(){var t=this.$createElement;return(this._self._c||t)("div",{class:["mo-chart",this.needScroll?"x-scroll":""]})}var k,A,C=b,_=(v._withStripped=!0,normalizeComponent({render:v,staticRenderFns:[]},function(t){t&&t("data-v-79f025ac_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})},C,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoBarChartHorizontal(){var t=null!==k&&k.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}function E(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var M,S,z,P=(__extends(MoBarChartHorizontal,k=n.Mixins(i)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,o=t.left;return 0<this.aggregates.length?{top:e,right:n,bottom:60,left:o}:0<this.groupings.length?{top:e,right:n,bottom:a,left:115}:this.margin},enumerable:!0,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 t,e=this;this.categories=[];var n,a=this.data.length,o=this.getWidth();n="grouped"===this.groupType&&0<this.categories.length?g.getMaxValue(this.data):u.max(this.data,function(t){return u.max(t.values)});var r=((null===(t=this.aggregates)||void 0===t?void 0:t[0])||{}).unitSymbol,i=8*g.formatValue(n||0,r,this.decimal).length;if(("stacked"===this.groupType||"stacked100"===this.groupType)&&694<=o?this.svgWidth=Math.min(o/2+150,o):this.svgWidth=o,this.actualMargin.right=Math.max(this.margin.right,20+i),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right),"grouped"===this.groupType&&0<this.categories.length)this.height=(this.barHeight*this.categories.length+this.barPadding)*a;else{var l=1<this.aggregates.length?this.aggregates.length:1;this.height=(this.barHeight*l+this.barPadding)*a}this.svgHeight=694<=o?this.height+this.actualMargin.top+this.actualMargin.bottom:this.height+this.actualMargin.top+this.actualMargin.bottom+100,0<this.categories.length&&(this.additionalHeight=25*this.categories.length+10),1<this.aggregates.length&&(this.additionalHeight=25*this.aggregates.length+10),this.svgHeight+=this.additionalHeight,("stacked"===this.groupType||"stacked100"===this.groupType)&&694<=o?this.svg=f.select(this.$el).style("text-align","left").append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).style("overflow","visible"):this.svg=f.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=m.scaleLinear().domain([0,1]).range([0,this.width]),this.xAxis=h.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.format(".0%")(Number(t))})):(this.xAxisScale=m.scaleLinear().domain([0,n||10]).range([0,this.width]).nice(),this.xAxis=h.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return g.formatValue(t,"",e.decimal)})),this.yAxisScale=m.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.height]),this.yAxisCategories=m.scaleBand().domain(this.categories).range([0,this.barHeight*this.categories.length]).round(!0),1<this.aggregates.length&&(this.yAxisAggregates=m.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.barHeight*this.aggregates.length]).round(!0)),this.yAxis=h.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<=o?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 a=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,e=a.aggregates.map(function(t){return t.label}).join(", "),n=g.getCurrencyFullName(null===(t=a.aggregates[0])||void 0===t?void 0:t.unitSymbol);return n?e+" ("+n+")":e}),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 s=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){var e=t.pieces,i=void 0===e?[]:e,l=t.values;i.forEach(function(t,e){var n,a,o,r;t.x=(n=i,a=e,o=l[0],r=0,n.forEach(function(t,e){e<a&&("stacked100"===s.groupType?r+=s.xAxisScale(t.values[0]/o):r+=s.xAxisScale(t.values[0]))}),r),t.percentage=t.values[0]/l[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.barHeight*n.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.barHeight*n.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();("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);var e=this.labelGroup.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");e.append("rect").attr("width","15").attr("height","15").attr("x",50).attr("y",function(t,e){return n.actualMargin.top+n.height+40+25*e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),e.append("text").attr("x",75).attr("y",function(t,e){return n.actualMargin.top+n.height+52+25*e}).attr("class","mo-legend-text").text(function(t){return t})},MoBarChartHorizontal.prototype.renderMeasure=function(){var n=this,a=this.actualMargin.top+this.height;0<this.categories.length&&(a+=25*this.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");var t=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+25*e}).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+25*e}).attr("class","mo-legend-text").text(function(t){return t.label})},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:50,right:80,bottom:20,left:95}}}),__metadata("design:type","function"==typeof(A="undefined"!=typeof ChartMargin&&ChartMargin)?A:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([n.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([n.Prop({type:String,default:function(){return"outer"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([n.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null),MoBarChartHorizontal=__decorate([n.Component({})],MoBarChartHorizontal)),B=(E._withStripped=!0,normalizeComponent({render:E,staticRenderFns:[]},function(t){t&&t("data-v-375d3769_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})},P,void 0,!1,void 0,!1,createInjector,void 0,void 0));function PieChart(){var t=null!==M&&M.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}function O(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mo-chart"},[e.rotate?n("div",{staticClass:"mo-tip-container"},[n("div",{staticClass:"mo-tip-content"},[n("div",{staticClass:"left-nav",on:{click:function(t){return e.onLeftNavClicked(t)}}},[n("img",{attrs:{src:e.rightNavImage,width:"18"}})]),e._v(" "),e._m(0),e._v(" "),n("div",{staticClass:"right-nav",on:{click:function(t){return e.onRightNavClicked(t)}}},[n("img",{attrs:{src:e.rightNavImage,width:"18"}})])])]):e._e()])}var G,T,L=(__extends(PieChart,M=n.Mixins(i)),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.stopPropagation(),t.preventDefault(),this.rotation.index<this.data.length-1?this.rotation.index+=1:this.rotation.index=0;var n=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(n.startAngle+n.endAngle)/2/Math.PI*180;var a=this.aggregate?40:0;this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+a)+") rotate("+this.rotation.angle+")"),setTimeout(function(){e.changeContent(),e.rotation.originalAngle=e.rotation.angle},100)},PieChart.prototype.onRightNavClicked=function(t){var e=this;t.stopPropagation(),t.preventDefault(),0<this.rotation.index?--this.rotation.index:this.rotation.index=this.data.length-1;var n=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(n.startAngle+n.endAngle)/2/Math.PI*180;var a=this.aggregate?40:0;this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+(this.width/2+a)+") 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=f.select(a)).style("color",g.getColor(this.rotation.index,this.colors)),t.text(n+" : "+e+"%")),o&&(t=f.select(o)).text(this.data[this.rotation.index].label)},PieChart.prototype.init=function(){if(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?.43*this.radius:0,this.rotation={index:0,angle:0,startAngle:0,originalAngle:0},this.rotate||("horizontal"===this.labelMode?this.height+=60:this.height+=25*this.data.length+34,this.groupBy&&this.aggregate&&(this.height+=50)),this.aggregate&&(this.height+=40),this.svg=f.select(this.$el).insert("svg",".mo-tip-container").attr("width",this.width).attr("height",this.height),this.aggregate){var t=this.aggregate.unitSymbol?g.getCurrencyFullName(this.aggregate.unitSymbol):"",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=p.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=p.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=p.pie().value(function(t){return t.values[0]});var n=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(n.startAngle+n.endAngle)/2/Math.PI*180;var a=this.aggregate?40:0;this.arcGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+(this.width/2+a)+") 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+a)+")"),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 n=this;this.arc.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").text(function(t){var e;return g.getInnerText({showValue:n.showValue,innerValue:"inner"===n.valuePosition,value:t.value,showPercentage:n.showPercentage,innerPercentage:"inner"===n.percentagePosition,total:n.total,decimal:n.decimal,symbol:null===(e=n.aggregate)||void 0===e?void 0:e.unitSymbol})}).transition().duration(750).attr("transform",function(t){return"translate("+n.arcLayout.centroid(t)+") rotate("+-n.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 a=this;t.append("rect").attr("width","15").attr("height","15").attr("x",function(t,e){return e*a.radius+25}).attr("y",function(){var t=a.width+25;return a.groupBy&&a.aggregate&&(t+=55),t}).attr("fill",function(t,e){return g.getColor(e,a.colors)}),t.append("text").attr("x",function(t,e){return e*a.radius+40}).attr("y",function(){var t=a.width+40;return a.groupBy&&a.aggregate&&(t+=55),t}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var e,n=g.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:null===(e=a.aggregate)||void 0===e?void 0:e.unitSymbol});return""!==n?t.label+" : "+n:t.label})},PieChart.prototype.renderVerticalLabel=function(t){var a=this;t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,e){var n=a.width+20+25*e;return a.groupBy&&a.aggregate&&(n+=55),n}).attr("fill",function(t,e){return g.getColor(e,a.colors)}),t.append("text").attr("x",50).attr("y",function(t,e){var n=a.width+32+25*e;return a.groupBy&&a.aggregate&&(n+=55),n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var e,n=g.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:null===(e=a.aggregate)||void 0===e?void 0:e.unitSymbol});return""!==n?t.label+" : "+n:t.label})},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showTotal",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showValue",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"symbol",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"valuePosition",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"showPercentage",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"percentagePosition",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],PieChart.prototype,"decimal",void 0),__decorate([n.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],PieChart.prototype,"labelMode",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"labelColor",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"rotate",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(S="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?S:Object)],PieChart.prototype,"groupBy",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(z="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?z:Object)],PieChart.prototype,"aggregate",void 0),__decorate([n.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null),PieChart=__decorate([n.Component({})],PieChart)),R=(O._withStripped=!0,normalizeComponent({render:O,staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tip"},[e("span",{staticClass:"percentage"}),this._v(" "),e("span",{staticClass:"label"})])}]},function(t){t&&t("data-v-a647af64_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})},L,void 0,!1,void 0,!1,createInjector,void 0,void 0));function LineChart(){var t=null!==G&&G.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}function X(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var N,I,j,D=(__extends(LineChart,G=n.Mixins(i)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,o=t.left;return 0<this.groupings.length?{top:e,right:n,bottom:130,left:o}:0<this.aggregates.length?{top:e,right:n,bottom:a,left:65}:this.margin},enumerable:!0,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+15,this.categories=[],this.maxValue=u.max(this.data,function(t){return u.max(t.values)}),"grouped"!==this.groupType&&"cumulativeGrouped"!==this.groupType||this.refactorGroupedData(),0<this.categories.length&&(this.svgHeight+=25*this.categories.length+50,this.maxValue=g.getMaxValue(this.data)),1<this.aggregates.length&&(this.svgHeight+=25*this.aggregates.length+50),this.refactoredData=JSON.parse(JSON.stringify(this.data)),"cumulativeGrouped"!==this.groupType&&"cumulative"!==this.groupType||this.refactorCumulateData(),this.svg=f.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").style("overflow","visible").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.xAxisScale=m.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width-5]),this.xAxis=h.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return g.formatDomainValue(t,e.actualMargin.bottom,!0)}),this.yAxisScale=m.scaleLinear().domain([0,this.maxValue||10]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return g.formatValue(t,"",e.decimal)}),this.area=p.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),p.line().curve(p.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 i=this;0<this.categories.length?this.categories.forEach(function(r){r.value.forEach(function(a,o){a.cumulates=a.cumulates||[],a.values.forEach(function(t,e){var n=0<o?r.value[o-1].cumulates[e]+t:t;a.cumulates.push(n),n>i.maxValue&&(i.maxValue=n)})})}):this.refactoredData.forEach(function(a,o){a.cumulates=a.cumulates||[],a.values.forEach(function(t,e){var n=0<o?i.refactoredData[o-1].cumulates[e]+t:t;a.cumulates.push(n),n>i.maxValue&&(i.maxValue=n)})})},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 a=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",10-this.actualMargin.left).text(function(){var t,e=a.aggregates.map(function(t){return t.label}).join(", "),n=g.getCurrencyFullName(null===(t=a.aggregates[0])||void 0===t?void 0:t.unitSymbol);return n?e+" ("+n+")":e})},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 gl(t,e,n){void 0===n&&(n=!1);var a=n?e:0,o=g.getColor(e,l.colors),r=l.svg.append("path").datum(t).attr("d",l.line(a)).attr("class","mo-data-line").style("stroke",o),i=r.node().getTotalLength();r.attr("stroke-dasharray",i+" "+i).attr("stroke-dashoffset",i).transition().duration(1e3).ease(s.easeLinear).attr("stroke-dashoffset",0),l.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return l.xAxisScale(t.label)}).attr("cy",function(t){return l.yAxisScale(l.lineValue(t,a))}).attr("r",l.pointRadius).attr("class","mo-line-point").style("fill",o)}var l=this;0<this.categories.length&&("cumulativeGrouped"===this.groupType||"grouped"===this.groupType)?this.categories.forEach(function(t,e){return gl(t.value,e)}):1<this.aggregates.length?this.aggregates.forEach(function(t,e){return gl(l.refactoredData,e,!0)}):(this.defineAreaGradients(0,g.getColor(0,this.colors)),gl(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){var n=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%");n.append("stop").attr("offset","0%").attr("stop-color",e).attr("stop-opacity",0),n.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.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);var e=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+25*e}).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+25*e}).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.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");var e=t.selectAll(".mo-label").data(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 n.actualMargin.top+n.actualMargin.bottom+n.height+40+25*e}).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+25*e}).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([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],LineChart.prototype,"data",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"groupings",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"aggregates",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],LineChart.prototype,"showValue",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(T="undefined"!=typeof ChartMargin&&ChartMargin)?T:Object)],LineChart.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null),LineChart=__decorate([n.Component({})],LineChart)),H=(X._withStripped=!0,normalizeComponent({render:X,staticRenderFns:[]},function(t){t&&t("data-v-35567900_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})},D,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==N&&N.apply(this,arguments)||this;return t.funnelWidth=0,t.funnelHeight=0,t.legendItemHeight=25,t.svg=null,t.total=0,t.refactoredData=[],t}function ea(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var V,W,Y,F=(__extends(FunnelChart,N=n.Mixins(i)),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 h=this,t=this.getWidth();this.funnelWidth=t<694?t:t/2+150,this.funnelHeight=this.height||this.funnelWidth;var d=this.data.length,e=this.funnelHeight+this.legendItemHeight*(d+1),p=d<=1?this.funnelWidth/4:this.funnelWidth/(2*d),g=this.funnelHeight/d;this.groupBy&&this.aggregate&&(e+=65),this.data.forEach(function(t,e){var n=e*p,a=e*g,o=h.funnelWidth-n,r=a,i=e===d-1&&1<d?o:o-p,l=r+g,s=e===d-1&&1<d?n:n+p,c=l,m=JSON.parse(JSON.stringify(t));m.points=[{x:n,y:a},{x:o,y:r},{x:i,y:l},{x:s,y:c}],h.refactoredData.push(m)}),this.svg=t<694?f.select(this.$el).append("svg").attr("width",this.funnelWidth).attr("height",e):f.select(this.$el).style("text-align","left").append("svg").attr("width",this.funnelWidth).attr("height",e).style("overflow","visible"),this.total=u.sum(this.refactoredData,function(t){return t.values[0]})},FunnelChart.prototype.renderFunnel=function(){var n=this,t=this.svg.selectAll("g").data(this.refactoredData).enter().append("g");t.append("polygon").attr("points",this.getPoint(this.refactoredData[0].points)).style("fill","#fff").transition().duration(1e3).attr("points",function(t){return t.points.map(function(t){return[t.x,t.y].join(",")}).join(" ")}).style("fill",function(t,e){return g.getColor(e,n.colors)}),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){var e;return g.getInnerText({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?void 0:e.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 a=this,t=this.getWidth(),e=this.funnelHeight+this.legendItemHeight;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).text(this.groupBy.label):this.svg.append("text").attr("class","mo-label-title").attr("x",this.funnelWidth+50).attr("y",20).text(this.groupBy.label),e+=65);var n=this.svg.append("g");t<694?n.attr("transform","translate( 50, "+e+" )"):n.attr("transform","translate( "+(this.funnelWidth+50)+", 50 )");var o=n.selectAll("rect").data(this.refactoredData).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t,e){return g.getColor(e,a.colors)}),r=n.selectAll("text").data(this.refactoredData).enter().append("text").attr("class","mo-legend-text").text(function(t){var e,n=g.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:null===(e=a.aggregate)||void 0===e?void 0:e.unitSymbol});return""!==n?t.label+" : "+n:t.label});"horizontal"===this.labelMode?(o.attr("x",function(t,e){return 10+100*e}).attr("y",10),r.attr("x",function(t,e){return 35+100*e}).attr("y",23)):(o.attr("x",0).attr("y",function(t,e){return 25*e}),r.attr("x",25).attr("y",function(t,e){return 25*e+13}))},__decorate([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([n.Prop({type:Number}),__metadata("design:type",Number)],FunnelChart.prototype,"height",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([n.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([n.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([n.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(I="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?I:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(j="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?j:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null),FunnelChart=__decorate([n.Component({})],FunnelChart)),Z=(ea._withStripped=!0,normalizeComponent({render:ea,staticRenderFns:[]},function(t){t&&t("data-v-44808c0e_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})},F,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==V&&V.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}function na(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"mo-chart"},[t.aggregate?n("div",{staticClass:"mo-axis-div-label"},[t._v("\n "+t._s(t.labelWithCurrency)+"\n ")]):t._e()])}var U,J,Q,q=(__extends(GaugeChart,V=n.Mixins(i)),Object.defineProperty(GaugeChart.prototype,"minValue",{get:function(){return Math.min(this.data.minValue,this.data.value)},enumerable:!0,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"maxValue",{get:function(){return Math.max(this.data.maxValue,this.data.value)},enumerable:!0,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"labelWithCurrency",{get:function(){var t,e,n=(null===(t=this.aggregate)||void 0===t?void 0:t.label)||"",a=null!==(e=this.aggregate)&&void 0!==e&&e.unitSymbol?g.getCurrencyFullName(this.aggregate.unitSymbol):"";return a?n+" ("+a+")":n},enumerable:!0,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.width*t,this.radius=this.width/2-5,this.svg=f.select(this.$el).insert("svg",".mo-axis-div-label").attr("width",this.width).attr("height",this.width/2+100),this.defineGradient(),this.backgroundArc=p.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=p.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=p.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=m.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var o=this;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))}});var 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=p.line().curve(p.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+n*e),e+=1;return t},GaugeChart.prototype.tickCalc=function(){var i=this;return function(t){var e=(t-90)*(Math.PI/180),n=i.radius-15,a=i.width/2+n*Math.sin(e),o=i.width/2+(5+n)*Math.sin(e),r=[{x:i.width/2+n*Math.cos(e),y:a},{x:i.width/2+(5+n)*Math.cos(e),y:o}];return p.line(function(t){return t.x},function(t){return t.y})(r)}},__decorate([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(W="undefined"!=typeof GaugeData&&GaugeData)?W:Object)],GaugeChart.prototype,"data",void 0),__decorate([n.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([n.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([n.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([n.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([n.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([n.Prop({type:Object}),__metadata("design:type","function"==typeof(Y="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?Y:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null),GaugeChart=__decorate([n.Component({})],GaugeChart)),K=(na._withStripped=!0,normalizeComponent({render:na,staticRenderFns:[]},function(t){t&&t("data-v-786b05e3_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})},q,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MetricChart(){return null!==U&&U.apply(this,arguments)||this}function wa(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"mo-chart"},[n("div",{staticClass:"mo-metric"},[n("div",{staticClass:"mo-metric-inner"},[n("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),n("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}var $,tt,et=(__extends(MetricChart,U=n.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return g.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!0,configurable:!0}),__decorate([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(J="undefined"!=typeof MetricData&&MetricData)?J:Object)],MetricChart.prototype,"data",void 0),__decorate([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(Q="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?Q:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0),MetricChart=__decorate([n.Component({})],MetricChart)),nt=(wa._withStripped=!0,normalizeComponent({render:wa,staticRenderFns:[]},function(t){t&&t("data-v-297d2cdc_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})},et,void 0,!1,void 0,!1,createInjector,void 0,void 0));function ScatterChart(){var t=null!==$&&$.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}function Fa(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var at,ot,rt=(__extends(ScatterChart,$=n.Mixins(i)),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();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=[];var e=u.max(this.data,function(t){return t.values[0]}),a=u.max(this.data,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),0<this.categories.length&&(this.additionalHeight=25*this.categories.length+50,e=g.getMaxValue(this.data,0),a=g.getMaxValue(this.data,1)),this.svgHeight+=this.additionalHeight,this.svg=t<694?f.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"):f.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=m.scaleLinear().domain([0,e||10]).range([0,this.width-5]).nice(),this.xAxis=h.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?g.formatValue(t,"",n.decimal):""}),this.yAxisScale=m.scaleLinear().domain([0,a||10]).range([this.height,0]).nice(),this.yAxis=h.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?g.formatValue(t,"",n.decimal):""}),this.line=p.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 Go(t,e){var n=g.getColor(e,a.colors);a.svg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",n).attr("cx",0).attr("cy",a.height).attr("r",a.pointRadius).transition().duration(1e3).attr("cx",function(t){return a.xAxisScale(t.values[0])}).attr("cy",function(t){return a.yAxisScale(t.values[1]||0)})}var a=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,e){return Go(t.value,e)}):Go(this.data,0)},ScatterChart.prototype.renderLabel=function(){var n=this,t=this.svg.append("g");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);var e=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.margin.top+n.margin.bottom+n.height+40+25*e}).attr("fill",function(t,e){return g.getColor(e,n.colors)}),e.append("text").attr("x",25).attr("y",function(t,e){return n.margin.top+n.margin.bottom+n.height+52+25*e}).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([n.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([n.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([n.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:65}}}),__metadata("design:type","function"==typeof(tt="undefined"!=typeof ChartMargin&&ChartMargin)?tt:Object)],ScatterChart.prototype,"margin",void 0),__decorate([n.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([n.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([n.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([n.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null),ScatterChart=__decorate([n.Component({})],ScatterChart)),it=(Fa._withStripped=!0,normalizeComponent({render:Fa,staticRenderFns:[]},function(t){t&&t("data-v-75760988_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})},rt,void 0,!1,void 0,!1,createInjector,void 0,void 0));function TableChart(){var t=null!==at&&at.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}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()])}var lt,st=(__extends(TableChart,at=n.Mixins(i)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){var e=this.data.headers[t];return e&&("datetime"===e.dataType||"currency"===e.dataType||"date"===e.dataType||"int"===e.dataType||"double"===e.dataType||"percent"===e.dataType||"boolean"===e.dataType)},TableChart.prototype.isBoolean=function(t){var e=this.data.headers[t];return e&&"boolean"===e.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([n.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(ot="undefined"!=typeof TableData&&TableData)?ot:Object)],TableChart.prototype,"data",void 0),TableChart=__decorate([n.Component({})],TableChart)),ct=(Qa._withStripped=!0,normalizeComponent({render:Qa,staticRenderFns:[]},function(t){t&&t("data-v-9ec4beee_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})},st,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoGlossaryChart(){return null!==lt&&lt.apply(this,arguments)||this}function Za(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"mo-glossary-chart"},[t.title?n("div",{staticClass:"mo-glossary-header"},[n("h3",{staticClass:"mo-glossary-title"},[t._v(t._s(t.title))])]):t._e(),t._v(" "),n("div",{staticClass:"mo-glossary-content"},[n("div",{domProps:{innerHTML:t._s(t.parseRichText(t.content))}})])])}var mt=(__extends(MoGlossaryChart,lt=n.Vue),MoGlossaryChart.prototype.parseRichText=function(e){try{return JSON.parse(e).map(function(t){var e=t.insert;if("↵"===e||"\n"===e?e="<br />":(e.includes("↵")||e.includes("\n"))&&(e=e.replace(/[\u21B5\n]/g,"<br />")),t.attributes){var n=t.attributes,a=[];n.size&&a.push("font-size: "+n.size),n.bold&&(e="<strong>"+e+"</strong>"),n.align&&a.push("text-align: "+n.align),0<a.length&&(e='<p style="'+a.join(";")+'">'+e+"</p>")}return e}).join("")}catch(t){return console.error("解析富文本失败:",t),e}},__decorate([n.Prop({type:String,required:!0}),__metadata("design:type",String)],MoGlossaryChart.prototype,"content",void 0),__decorate([n.Prop({type:String}),__metadata("design:type",String)],MoGlossaryChart.prototype,"title",void 0),MoGlossaryChart=__decorate([n.Component({})],MoGlossaryChart)),ht=(Za._withStripped=!0,normalizeComponent({render:Za,staticRenderFns:[]},function(t){t&&t("data-v-57e44f3a_0",{source:"/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-glossary-chart[data-v-57e44f3a] {\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-57e44f3a] {\n margin-bottom: 16px;\n}\n.mo-glossary-title[data-v-57e44f3a] {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n@media (prefers-color-scheme: dark) {\n.mo-glossary-chart[data-v-57e44f3a] {\n background-color: #1c1c1e;\n color: #f2f2f7;\n}\n}",map:void 0,media:void 0})},mt,"data-v-57e44f3a",!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=_,t.BarChartHorizontal=B,t.FunnelChart=Z,t.GaugeChart=K,t.GlossaryChart=ht,t.LineChart=H,t.MetricChart=nt,t.PieChart=R,t.ScatterChart=it,t.TableChart=ct,t.default=function(t){t.component("MoBarChart",_),t.component("MoBarChartHorizontal",B),t.component("MoPieChart",R),t.component("MoLineChart",H),t.component("MoFunnelChart",Z),t.component("MoGaugeChart",K),t.component("MoMetricChart",nt),t.component("MoScatterChart",it),t.component("MoTableChart",ct),t.component("MoGlossaryChart",ht)},Object.defineProperty(t,"__esModule",{value:!0})});