moblor-vue 0.1.20 → 0.1.21

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 +15 -12
  3. package/dist/moblor-components.js +1 -1
  4. package/dist/moblor-vue.esm.js +15 -12
  5. package/dist/moblor-vue.js +1 -1
  6. package/package.json +1 -1
package/dist/charts.js CHANGED
@@ -1 +1 @@
1
- !function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(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"],n):n((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,n,e,l,s,c,m,f,h,p,r){"use strict";var o=function(t,n){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(t,n)};function __extends(t,n){function __(){this.constructor=t}o(t,n),t.prototype=null===n?Object.create(n):(__.prototype=n.prototype,new __)}function __decorate(t,n,e,o){var a,r=arguments.length,i=r<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var l=t.length-1;0<=l;l--)(a=t[l])&&(i=(r<3?a(i):3<r?a(n,e,i):a(n,e))||i);return 3<r&&i&&Object.defineProperty(n,e,i),i}function __metadata(t,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,n)}var a,i=(__extends(ChartMixins,a=e.Vue),ChartMixins.prototype.getWidth=function(){var t=window.getComputedStyle(this.$el,null).width;return t?parseFloat(t.substring(0,t.length-2)):0},ChartMixins.prototype.beforeRedraw=function(){var t=this.$el.querySelector("svg");t&&t.remove()},ChartMixins=__decorate([e.Component],ChartMixins));function ChartMixins(){return null!==a&&a.apply(this,arguments)||this}var d=(ChartService.formatValue=function(t,n,e){void 0===n&&(n=""),void 0===e&&(e=2);var o=t.toString();if(!Number.isNaN(Number(t))){var a=ChartService.preciseDecimal(Number(t),e),r=a/Math.pow(1e3,4),i=a/Math.pow(1e3,3),l=a/Math.pow(1e3,2),s=a/Math.pow(1e3,1);1<=r?o=ChartService.preciseDecimal(r,e)+" T":1<=i?o=ChartService.preciseDecimal(i,e)+" B":1<=l?o=ChartService.preciseDecimal(l,e)+" M":1<=s&&(o=ChartService.preciseDecimal(s,e)+" K"),o=o.toString().replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})}return""+n+o},ChartService.preciseDecimal=function(t,n){void 0===n&&(n=2);var e=t.toString().indexOf(".");return!(e<=0)&&n<t.toString().substring(e+1,t.toString().length).length?Number(t.toFixed(n)):t},ChartService.formatDomainValue=function(t,n,e){for(var o=t.toString().length-1,a=e?8:10,r=0;r<o;r+=1)if(n<r*a){o=r;break}return o<t.toString().length-1?t.toString().substring(0,o-2)+"...":t.toString()},ChartService.getPercentage=function(t,n,e){return void 0===t&&(t=0),void 0===n&&(n=0),void 0===e&&(e=0),ChartService.preciseDecimal(t/n*100,e)},ChartService.getColor=function(t,n){var e=n||["#5bdcef","#ffe451","#fc7a7a","#8b4fdc","#4653ff","#153e75","#3adfae","#f68c5d","#6663f0","#fe70a2","#438aff","#5ed281","#60afff","#4e4c97","#b6d252","#5acec7","#ff7575","#ffda2b","#3cdbc6","#3f5cba","#383b6b","#fc7a7a","#6663f0","#ffcc51","#56c597","#f678aa","#8ffabf","#5aabff","#4ecaa5","#686edc"];return e[t%e.length]},ChartService.getMaxValue=function(t,n){void 0===n&&(n=0);var e=[],o=function(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){o(t)}):e.push(t.values[n])};return t.forEach(function(t){o(t)}),f.max(e,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,n,e){var o=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+n).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");o.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",e?.4:1),o.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",e?1:.4)},ChartService.getInnerText=function(t){void 0===t&&(t={});var n=t.showValue,e=t.innerValue,o=t.value,a=void 0===o?"":o,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";if(n&&e&&(m+=ChartService.formatValue(a,c,s)),r&&i){""!==m&&(m+=" : ");var h=ChartService.getPercentage(Number(a),l,s);0<h&&(m+=h+"%")}return m},ChartService.getBottomText=function(t){void 0===t&&(t={});var n=t.showValue,e=t.innerValue,o=t.value,a=void 0===o?"":o,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";return n&&!e&&(m+=ChartService.formatValue(a,c,s)),r&&!i&&(""!==m&&(m+=" : "),m+=ChartService.getPercentage(Number(a),l,s)+"%"),m},ChartService);function ChartService(){}var g,b,u=(__extends(MoBarChart,g=e.Mixins(i)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,n=t.top,e=t.right,o=t.bottom,a=t.left,r=e;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(o=130),0<this.aggregates.length&&(a=65),this.hasSecondAxis&&(r=Math.max(r,65)),{top:n,right:r,bottom:o,left:a}},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 t,n,e=this;if(this.svgWidth=this.getWidth(),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.width),this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom,this.xAxisScale=l.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.width]).padding(.1).round(!0),this.groupType&&"none"!==this.groupType&&this.data.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=[],t.pieces.forEach(function(t){e.categories.push(t.label)}))}),0<this.categories.length&&(this.svgHeight+=25*this.categories.length+50),1<this.aggregates.length&&(this.svgHeight+=25*this.aggregates.length+50),t="grouped"===this.groupType?d.getMaxValue(this.data):f.max(this.data,function(t){return t.values[0]}),1<this.aggregates.length&&(n=f.max(this.data,function(t){return f.max(t.values)})),this.xAxisCategories=l.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).round(!0),1<this.aggregates.length&&(this.xAxisAggregates=l.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.xAxisScale.bandwidth()]).round(!0)),this.xAxis=s.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.formatDomainValue(t,e.actualMargin.bottom,!1)}),"stacked100"===this.groupType&&0<this.categories.length)this.yAxisScale=l.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return m.format(".0%")(Number(t))});else if(this.hasLineChart)if(this.hasSecondAxis){this.yAxisScale=l.scaleLinear().domain([0,Number(t)||10]).range([this.height,0]).nice();var o=this.aggregates[0].unitSymbol;this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,o,e.decimal)}),this.secondYAxisScale=l.scaleLinear().domain([0,Number(n)]).range([this.height,0]).nice();var a=this.aggregates[this.secondYIndex].unitSymbol;this.secondYAxis=s.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,a,e.decimal)}),this.line=h.line().curve(h.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})}else{this.yAxisScale=l.scaleLinear().domain([0,Math.max(t||0,n||0)]).range([this.height,0]).nice();var r=this.aggregates[this.secondYIndex].unitSymbol;this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,r,e.decimal)}),this.line=h.line().curve(h.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})}else{this.yAxisScale=l.scaleLinear().domain([0,Math.max(t||0,n||0)]).range([this.height,0]).nice();var i=this.aggregates[0].unitSymbol;this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,i,e.decimal)})}this.svg=c.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(-60, 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 n=this;d.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-15).text(this.groupings[0].label),d.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",15-this.actualMargin.left).attr("transform","rotate(-90)").text(function(){var t=function __spreadArrays(){for(var t=arguments,n=0,e=0,o=arguments.length;e<o;e++)n+=t[e].length;var a=Array(n),r=0;for(e=0;e<o;e++)for(var i=arguments[e],l=0,s=i.length;l<s;l++,r++)a[r]=i[l];return a}(n.aggregates);return n.hasSecondAxis&&t.splice(n.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 Bd(t,n,e){if(n===t.length-1)return"stacked100"===a.groupType?a.yAxisScale(t[n].values[0]/e):a.yAxisScale(t[n].values[0]);var o=t[n+1].y||a.height;return"stacked100"===a.groupType?o-a.height+a.yAxisScale(t[n].values[0]/e):o-a.height+a.yAxisScale(t[n].values[0])}var a=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){for(var n=t.pieces,e=void 0===n?[]:n,o=t.values,a=e.length;0<=a;--a)e.forEach(function(t,n){t.y=Bd(e,n,o[0]),t.percentage=t.values[0]/o[0]})}),t},MoBarChart.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):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.svg.selectAll(".bar").data(t).enter().append("rect").style("fill",d.getColor(0,this.colors)).attr("x",function(t){return n.xAxisScale(t.label)}).attr("y",this.height).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("height",function(t){return n.height-n.yAxisScale(t.values[0])}).attr("y",function(t){return n.yAxisScale(t.values[0])})},MoBarChart.prototype.renderGroupedAggregatesBar=function(t){var e=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+e.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,n){return e.xAxisAggregates(e.aggregates[n].label)}).attr("y",this.yAxisScale(0)).attr("height",0).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("y",function(t){return e.yAxisScale(t)}).attr("height",function(t){return e.height-e.yAxisScale(t)})},MoBarChart.prototype.renderGroupedBar=function(t){var e=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+e.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 e.xAxisCategories(t.label)}).attr("y",this.yAxisScale(0)).attr("height",0).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("y",function(t){return e.yAxisScale(t.values[0])}).attr("height",function(t){return e.height-e.yAxisScale(t.values[0])})},MoBarChart.prototype.renderStackedBar=function(t){var e=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+e.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",this.yAxisScale(0)).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("y",function(t){return t.y}).attr("height",function(t){return"stacked100"===e.groupType?e.height-e.yAxisScale(t.percentage):e.height-e.yAxisScale(t.values[0])})},MoBarChart.prototype.renderLine=function(t){var n=this,e=d.getColor(this.categories.length||1,this.colors),o=this.svg.append("path").datum(t).attr("d",this.line).attr("class","mo-data-line").style("stroke",e),a=o.node().getTotalLength();o.attr("stroke-dasharray",a+" "+a).attr("stroke-dashoffset",a).transition().duration(1e3).ease(p.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 n.xAxisScale(t.label)+n.xAxisScale.bandwidth()/2}).attr("cy",function(t){return r(n.lineValue(t))}).attr("r",3).attr("class","mo-line-point").style("fill",e)},MoBarChart.prototype.renderData=function(t){var e=this,n=this.svg.selectAll(".bar").data(t),o=this.aggregates[0].unitSymbol;n.enter().append("text").attr("class","mo-data-text").style("fill",function(t,n){return 0===e.categories.length?d.getColor(0,e.colors):d.getColor(n,e.colors)}).attr("x",function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).attr("y",this.height).attr("text-anchor","middle").transition().duration(1e3).attr("y",function(t){return e.yAxisScale(t.values[0])-5}).text(function(t){return d.formatValue(t.values[0],o,e.decimal)})},MoBarChart.prototype.renderLabel=function(){var e=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 n=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");n.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",function(){return e.labelColor||""}).text(function(t){return t})},MoBarChart.prototype.renderMeasure=function(){var o=this,e=this.actualMargin.top+this.actualMargin.bottom+this.height;0<this.categories.length&&(e+=25*this.categories.length+50);var t=this.svg.append("g");t.append("line").attr("x1",-this.actualMargin.left).attr("y1",e).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",e).attr("class","mo-label-line"),t.append("text").attr("x",(this.width-this.actualMargin.left)/2).attr("y",e+25).attr("class","mo-label-title").text("Measure");var n=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");n.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,n){return e+40+25*n}).attr("fill",function(t,n){var e=o.hasLineChart&&0<o.categories.length?o.categories.length||1:n;return d.getColor(e,o.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e+52+25*n}).attr("class","mo-legend-text").style("fill",function(){return o.labelColor||""}).text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasSecondAxis",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasLineChart",void 0),__decorate([e.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MoBarChart.prototype,"secondYIndex",void 0),__decorate([e.Prop({type:String,default:function(){return"horizontal"}}),__metadata("design:type",String)],MoBarChart.prototype,"xAxisMode",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChart.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:20,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(b="undefined"!=typeof ChartMargin&&ChartMargin)?b:Object)],MoBarChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null),MoBarChart=__decorate([e.Component({})],MoBarChart));function MoBarChart(){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.secondYAxisScale=null,t.xAxis=null,t.yAxis=null,t.secondYAxis=null,t.line=null,t.xAxisCategories=null,t.xAxisAggregates=null,t.categories=[],t}function normalizeComponent(t,n,e,o,a,r,i,l,s,c){"boolean"!=typeof i&&(s=l,l=i,i=!1);var m,h="function"==typeof e?e.options:e;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,a&&(h.functional=!0)),o&&(h._scopeId=o),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__),n&&n.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},h._ssrRegister=m):n&&(m=i?function(t){n.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){n.call(this,l(t))}),m)if(h.functional){var p=h.render;h.render=function renderWithStyleInjection(t,n){return m.call(n),p(t,n)}}else{var d=h.beforeCreate;h.beforeCreate=d?[].concat(d,m):[m]}return e}var x,w="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function(t,n){return function addStyle(t,n){var e=w?n.media||"default":t,o=y[e]||(y[e]={ids:new Set,styles:[]});if(!o.ids.has(t)){o.ids.add(t);var a=n.source;if(n.map&&(a+="\n/*# sourceURL="+n.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",n.media&&o.element.setAttribute("media",n.media),void 0===x&&(x=document.head||document.getElementsByTagName("head")[0]),x.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(a),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{var r=o.ids.size-1,i=document.createTextNode(a),l=o.element.childNodes;l[r]&&o.element.removeChild(l[r]),l.length?o.element.insertBefore(i,l[r]):o.element.appendChild(i)}}}(t,n)}}var y={};function v(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var k,A,C=u,_=(v._withStripped=!0,normalizeComponent({render:v,staticRenderFns:[]},function(t){t&&t("data-v-614c16ba_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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}function E(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var M,z,S,P=(__extends(MoBarChartHorizontal,k=e.Mixins(i)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,n=t.top,e=t.right,o=t.bottom,a=t.left;return 0<this.aggregates.length?{top:n,right:e,bottom:60,left:a}:0<this.groupings.length?{top:n,right:e,bottom:o,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 n=this;this.categories=[];var t,e=this.data.length;this.svgWidth=this.getWidth(),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right),this.groupType&&"none"!==this.groupType&&this.data.forEach(function(t){t.pieces&&t.pieces.length>n.categories.length&&(n.categories=[],t.pieces.forEach(function(t){n.categories.push(t.label)}))}),t="grouped"===this.groupType&&0<this.categories.length?(this.height=(this.barHeight*this.categories.length+this.barPadding)*e,d.getMaxValue(this.data)):(1<this.aggregates.length?this.height=(this.barHeight*this.aggregates.length+this.barPadding)*e:this.height=(this.barHeight+this.barPadding)*e,f.max(this.data,function(t){return f.max(t.values)})),this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom,0<this.categories.length&&(this.svgHeight+=25*this.categories.length+10),1<this.aggregates.length&&(this.svgHeight+=25*this.aggregates.length+10),this.svg=c.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=l.scaleLinear().domain([0,1]).range([0,this.width-this.actualMargin.right]),this.xAxis=s.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return m.format(".0%")(Number(t))})):(this.xAxisScale=l.scaleLinear().domain([0,t||10]).range([0,this.width-this.actualMargin.right]).nice(),this.xAxis=s.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,"",n.decimal)})),this.yAxisScale=l.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.height]),this.yAxisCategories=l.scaleBand().domain(this.categories).range([0,this.barHeight*this.categories.length]).round(!0),1<this.aggregates.length&&(this.yAxisAggregates=l.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.barHeight*this.aggregates.length]).round(!0)),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return d.formatDomainValue(t,n.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&&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(60, -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(){this.svg.append("text").attr("class","mo-axis-label").attr("x",this.svgWidth/2).attr("y",this.height+this.actualMargin.bottom+10).text(this.aggregates.map(function(t){return t.label}).join(", ")),d.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/2).attr("y",15).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 n=t.pieces,i=void 0===n?[]:n,l=t.values;i.forEach(function(t,n){var e,o,a,r;t.x=(e=i,o=n,a=l[0],r=0,e.forEach(function(t,n){n<o&&("stacked100"===s.groupType?r+=s.xAxisScale(t.values[0]/a):r+=s.xAxisScale(t.values[0]))}),r),t.percentage=t.values[0]/l[0]})}),t},MoBarChartHorizontal.prototype.renderBar=function(t){var e=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,n){return(e.barHeight+e.barPadding)*n}).style("fill",d.getColor(0,this.colors)).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderGroupedAggregatesBar=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,n){return"translate(0,\n "+(e.barHeight*e.aggregates.length+e.barPadding)*n+")"}).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,n){return e.yAxisAggregates(e.aggregates[n].label)}).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t)})},MoBarChartHorizontal.prototype.renderGroupedBar=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,n){return"translate(0,\n "+(e.barHeight*e.categories.length+e.barPadding)*n+")"}).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 e.yAxisCategories(t.label)}).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderStackedBar=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,n){return"translate(0, "+(e.barHeight+e.barPadding)*n+")"}).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,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("x",function(t){return t.x}).attr("width",function(t){return"stacked100"===e.groupType?e.xAxisScale(t.percentage):e.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",function(t,n){return"inner"===e.valuePosition?e.valueColor:0===e.categories.length?d.getColor(0,e.colors):d.getColor(n,e.colors)}).attr("text-anchor","start").transition().duration(1e3).attr("x",function(t){return"inner"===e.valuePosition?10:e.xAxisScale(t.values[0])+5}).text(function(t){var n=e.aggregates[0].unitSymbol;return d.formatValue(t.values[0],n,e.decimal)})},MoBarChartHorizontal.prototype.renderLabel=function(){var e=this;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",this.svgWidth/2).attr("y",this.actualMargin.top+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label);var t=this.labelGroup.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),t.append("text").attr("x",50).attr("y",function(t,n){return e.actualMargin.top+e.height+52+25*n}).attr("class","mo-legend-text").text(function(t){return t})},MoBarChartHorizontal.prototype.renderMeasure=function(){var e=this,o=this.actualMargin.top+this.height;0<this.categories.length&&(o+=25*this.categories.length+10),this.labelGroup.append("line").attr("x1",0).attr("y1",o).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",o).attr("class","mo-label-line"),this.labelGroup.append("text").attr("x",this.svgWidth/2).attr("y",o+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",25).attr("y",function(t,n){return o+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),t.append("text").attr("x",50).attr("y",function(t,n){return o+52+25*n}).attr("class","mo-legend-text").text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:50,right:10,bottom:20,left:75}}}),__metadata("design:type","function"==typeof(A="undefined"!=typeof ChartMargin&&ChartMargin)?A:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([e.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"top"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([e.Prop({type:String,default:function(){return"#fff"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null),MoBarChartHorizontal=__decorate([e.Component({})],MoBarChartHorizontal)),B=(E._withStripped=!0,normalizeComponent({render:E,staticRenderFns:[]},function(t){t&&t("data-v-dad289de_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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 n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"mo-chart"},[n.rotate?e("div",{staticClass:"mo-tip-container"},[e("div",{staticClass:"mo-tip-content"},[e("div",{staticClass:"left-nav",on:{click:function(t){return n.onLeftNavClicked(t)}}},[e("img",{attrs:{src:n.rightNavImage,width:"18"}})]),n._v(" "),n._m(0),n._v(" "),e("div",{staticClass:"right-nav",on:{click:function(t){return n.onRightNavClicked(t)}}},[e("img",{attrs:{src:n.rightNavImage,width:"18"}})])])]):n._e()])}var G,T,L=(__extends(PieChart,M=e.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 n=this;t.stopPropagation(),t.preventDefault(),this.rotation.index<this.data.length-1?this.rotation.index+=1:this.rotation.index=0;var e=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(e.startAngle+e.endAngle)/2/Math.PI*180,this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+this.width/2+") rotate("+this.rotation.angle+")"),setTimeout(function(){n.changeContent(),n.rotation.originalAngle=n.rotation.angle},100)},PieChart.prototype.onRightNavClicked=function(t){var n=this;t.stopPropagation(),t.preventDefault(),0<this.rotation.index?--this.rotation.index:this.rotation.index=this.data.length-1;var e=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(e.startAngle+e.endAngle)/2/Math.PI*180,this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+this.width/2+") rotate("+this.rotation.angle+")"),setTimeout(function(){n.changeContent(),n.rotation.originalAngle=n.rotation.angle},100)},PieChart.prototype.changeContent=function(){-1===this.rotation.index&&(this.rotation.index=0);var t,n=d.getPercentage(this.data[this.rotation.index].values[0],this.total,this.decimal),e=d.formatValue(this.data[this.rotation.index].values[0],this.symbol),o=this.$el.querySelector(".percentage"),a=this.$el.querySelector(".label");o&&((t=c.select(o)).style("color",d.getColor(this.rotation.index,this.colors)),t.text(e+" : "+n+"%")),a&&(t=c.select(a)).text(this.data[this.rotation.index].label)},PieChart.prototype.init=function(){this.width=this.area&&this.area.width&&this.area.height?Math.min(this.area.width-20,this.area.height-60-(this.rotate?54:0)):this.getWidth(),this.height=this.width+10,this.radius=this.width/2-10,this.innerRadius=this.donut?.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.svg=c.select(this.$el).insert("svg",".mo-tip-container").attr("width",this.width).attr("height",this.height),this.total=f.sum(this.data,function(t){return t.values[0]}),this.arcLayout=h.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=h.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=h.pie().value(function(t){return t.values[0]});var t=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI*180,this.arcGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+this.width/2+") 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+")"),this.labelGroup=this.svg.append("svg:g")},PieChart.prototype.renderPie=function(){var e=this;this.arc.append("svg:path").style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(750).attrTween("d",function(t){var n=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return e.arcLayout(n(t))}})},PieChart.prototype.addDonut=function(){var e=this;this.arc.append("svg:path").attr("class","mo-inner-arc").transition().duration(750).attrTween("d",function(t){var n=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return e.arc3dLayout(n(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(d.formatValue(this.total,this.symbol))},PieChart.prototype.renderInnerLabel=function(){var e=this;this.arc.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").text(function(t){var n;return d.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.value,showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null===(n=e.aggregate)||void 0===n?void 0:n.unitSymbol})}).transition().duration(750).attr("transform",function(t){return"translate("+e.arcLayout.centroid(t)+") rotate("+-e.rotation.angle+")"})},PieChart.prototype.renderLabel=function(){this.groupBy&&this.aggregate&&(this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+15).text(this.aggregate.label),this.labelGroup.append("line").attr("class","mo-label-line").attr("x1",0).attr("y1",this.width+30).attr("x2",this.width).attr("y2",this.width+30),this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+50).text(this.groupBy.label));var t=this.labelGroup.selectAll(".mo-label").data(this.data).enter().append("g");"horizontal"===this.labelMode?this.renderHorizontalLabel(t):this.renderVerticalLabel(t)},PieChart.prototype.renderHorizontalLabel=function(t){var o=this;t.append("rect").attr("width","15").attr("height","15").attr("x",function(t,n){return n*o.radius+25}).attr("y",function(){var t=o.width+25;return o.groupBy&&o.aggregate&&(t+=55),t}).attr("fill",function(t,n){return d.getColor(n,o.colors)}),t.append("text").attr("x",function(t,n){return n*o.radius+40}).attr("y",function(){var t=o.width+40;return o.groupBy&&o.aggregate&&(t+=55),t}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var n,e=d.getBottomText({showValue:o.showValue,innerValue:"inner"===o.valuePosition,value:t.values[0],showPercentage:o.showPercentage,innerPercentage:"inner"===o.percentagePosition,total:o.total,decimal:o.decimal,symbol:null===(n=o.aggregate)||void 0===n?void 0:n.unitSymbol});return""!==e?t.label+" : "+e:t.label})},PieChart.prototype.renderVerticalLabel=function(t){var o=this;t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,n){var e=o.width+20+25*n;return o.groupBy&&o.aggregate&&(e+=55),e}).attr("fill",function(t,n){return d.getColor(n,o.colors)}),t.append("text").attr("x",50).attr("y",function(t,n){var e=o.width+32+25*n;return o.groupBy&&o.aggregate&&(e+=55),e}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var n,e=d.getBottomText({showValue:o.showValue,innerValue:"inner"===o.valuePosition,value:t.values[0],showPercentage:o.showPercentage,innerPercentage:"inner"===o.percentagePosition,total:o.total,decimal:o.decimal,symbol:null===(n=o.aggregate)||void 0===n?void 0:n.unitSymbol});return""!==e?t.label+" : "+e:t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showTotal",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"symbol",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],PieChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],PieChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"rotate",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(z="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?z:Object)],PieChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(S="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?S:Object)],PieChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null),PieChart=__decorate([e.Component({})],PieChart)),R=(O._withStripped=!0,normalizeComponent({render:O,staticRenderFns:[function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"tip"},[n("span",{staticClass:"percentage"}),this._v(" "),n("span",{staticClass:"label"})])}]},function(t){t&&t("data-v-ce69b8ec_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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 Y,N,I,j=(__extends(LineChart,G=e.Mixins(i)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,n=t.top,e=t.right,o=t.bottom,a=t.left;return 0<this.groupings.length?{top:n,right:e,bottom:130,left:a}:0<this.aggregates.length?{top:n,right:e,bottom:o,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 n=this;this.svgWidth=this.getWidth(),this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.width,this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom+5,this.categories=[],this.maxValue=f.max(this.data,function(t){return f.max(t.values)}),"grouped"!==this.groupType&&"cumulativeGrouped"!==this.groupType||this.refactorGroupedData(),0<this.categories.length&&(this.svgHeight+=25*this.categories.length+50,this.maxValue=d.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=c.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.xAxisScale=l.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width-5]),this.xAxis=s.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.formatDomainValue(t,n.actualMargin.bottom,!0)}),this.yAxisScale=l.scaleLinear().domain([0,this.maxValue||10]).range([this.height,0]).nice(),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return d.formatValue(t,"",n.decimal)}),this.area=h.area().x(function(t){return n.xAxisScale(t.label)}).y0(this.height).y1(function(t){return n.yAxisScale(n.lineValue(t))})},LineChart.prototype.lineValue=function(t,n){return void 0===n&&(n=0),"cumulativeGrouped"===this.groupType||"cumulative"===this.groupType?t.cumulates[n]||0:t.values[n]},LineChart.prototype.line=function(n){var e=this;return void 0===n&&(n=0),h.line().curve(h.curveLinear).x(function(t){return e.xAxisScale(t.label)}).y(function(t){return e.yAxisScale(e.lineValue(t,n))})},LineChart.prototype.refactorGroupedData=function(){var e=[];this.data.forEach(function(n){n.pieces&&0<n.pieces.length&&n.pieces.forEach(function(t){e.push({label:n.label,group:t.label,values:t.values})})}),this.categories=Array.from(f.group(e,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(o,a){o.cumulates=o.cumulates||[],o.values.forEach(function(t,n){var e=0<a?r.value[a-1].cumulates[n]+t:t;o.cumulates.push(e),e>i.maxValue&&(i.maxValue=e)})})}):this.refactoredData.forEach(function(o,a){o.cumulates=o.cumulates||[],o.values.forEach(function(t,n){var e=0<a?i.refactoredData[a-1].cumulates[n]+t:t;o.cumulates.push(e),e>i.maxValue&&(i.maxValue=e)})})},LineChart.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",5).attr("x",5).attr("transform","rotate(-60, 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(){d.defineAreaGradientsForCover(this.svg,0,!1),this.svg.append("rect").attr("x",-this.actualMargin.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"),0<this.groupings.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.height+this.actualMargin.bottom-15).text(this.groupings[0].label),d.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"),0<this.aggregates.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",15-this.actualMargin.left).attr("transform","rotate(-90)").text(this.aggregates.map(function(t){return t.label}).join(", "))},LineChart.prototype.renderSpaceLine=function(){var n=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 n.xAxisScale(t.label)}).attr("y1",this.height).attr("x2",function(t){return n.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 n.xAxisScale(t.label)}).attr("cy",this.height)},LineChart.prototype.renderDataLine=function(){function Xj(t,n,e){void 0===e&&(e=!1);var o=e?n:0,a=d.getColor(n,l.colors),r=l.svg.append("path").datum(t).attr("d",l.line(o)).attr("class","mo-data-line").style("stroke",a),i=r.node().getTotalLength();r.attr("stroke-dasharray",i+" "+i).attr("stroke-dashoffset",i).transition().duration(1e3).ease(p.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,o))}).attr("r",l.pointRadius).attr("class","mo-line-point").style("fill",a)}var l=this;0<this.categories.length&&("cumulativeGrouped"===this.groupType||"grouped"===this.groupType)?this.categories.forEach(function(t,n){return Xj(t.value,n)}):1<this.aggregates.length?this.aggregates.forEach(function(t,n){return Xj(l.refactoredData,n,!0)}):(this.defineAreaGradients(0,d.getColor(0,this.colors)),Xj(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,n){var e=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%");e.append("stop").attr("offset","0%").attr("stop-color",n).attr("stop-opacity",0),e.append("stop").attr("offset","100%").attr("stop-color",n).attr("stop-opacity",.7)},LineChart.prototype.renderLabel=function(){var e=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 n=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");n.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){return t.key})},LineChart.prototype.renderMeasure=function(){var e=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 n=t.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label");n.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){return t.label})},LineChart.prototype.renderData=function(){var n=this;this.svg.append("g").selectAll(".mo-data-text").data(this.refactoredData).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return n.xAxisScale(t.label)}).attr("y",function(t){return n.yAxisScale(n.lineValue(t))-5}).attr("text-anchor","middle").text(this.lineValue).style("fill",this.textColor||"")},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],LineChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],LineChart.prototype,"showValue",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(T="undefined"!=typeof ChartMargin&&ChartMargin)?T:Object)],LineChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null),LineChart=__decorate([e.Component({})],LineChart)),V=(X._withStripped=!0,normalizeComponent({render:X,staticRenderFns:[]},function(t){t&&t("data-v-ce9f73ba_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},j,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==Y&&Y.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 D,H,F,W=(__extends(FunnelChart,Y=e.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;this.funnelWidth=this.getWidth(),this.funnelHeight=this.height||.8*this.funnelWidth;var p=this.data.length,t=this.funnelHeight+this.legendItemHeight*(p+1),d=p<=1?this.funnelWidth/4:this.funnelWidth/(2*p),g=this.funnelHeight/p;this.groupBy&&this.aggregate&&(t+=65),this.data.forEach(function(t,n){var e=n*d,o=n*g,a=h.funnelWidth-e,r=o,i=n===p-1&&1<p?a:a-d,l=r+g,s=n===p-1&&1<p?e:e+d,c=l,m=JSON.parse(JSON.stringify(t));m.points=[{x:e,y:o},{x:a,y:r},{x:i,y:l},{x:s,y:c}],h.refactoredData.push(m)}),this.svg=c.select(this.$el).append("svg").attr("width",this.funnelWidth).attr("height",t),this.total=f.sum(this.refactoredData,function(t){return t.values[0]})},FunnelChart.prototype.renderFunnel=function(){var e=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,n){return d.getColor(n,e.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 n;return d.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.values[0],showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null===(n=e.aggregate)||void 0===n?void 0:n.unitSymbol})})},FunnelChart.prototype.getPoint=function(t){for(var n=[],e=0;e<4;e+=1)n.push(t[e].x+","+t[e].y);return n.join(" ")},FunnelChart.prototype.renderLegend=function(){var o=this,t=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),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"),this.svg.append("text").attr("class","mo-axis-label").attr("x",this.funnelWidth/2).attr("y",this.funnelHeight+65).text(this.groupBy.label),t+=65);var n=this.svg.append("g").attr("transform","translate(0, "+t+")"),e=n.selectAll("rect").data(this.refactoredData).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t,n){return d.getColor(n,o.colors)}),a=n.selectAll("text").data(this.refactoredData).enter().append("text").attr("class","mo-legend-text").text(function(t){var n,e=d.getBottomText({showValue:o.showValue,innerValue:"inner"===o.valuePosition,value:t.values[0],showPercentage:o.showPercentage,innerPercentage:"inner"===o.percentagePosition,total:o.total,decimal:o.decimal,symbol:null===(n=o.aggregate)||void 0===n?void 0:n.unitSymbol});return""!==e?t.label+" : "+e:t.label});"horizontal"===this.labelMode?(e.attr("x",function(t,n){return 10+100*n}).attr("y",10),a.attr("x",function(t,n){return 35+100*n}).attr("y",23)):(e.attr("x",10).attr("y",function(t,n){return 25*n}),a.attr("x",35).attr("y",function(t,n){return 25*n+13}))},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([e.Prop({type:Number}),__metadata("design:type",Number)],FunnelChart.prototype,"height",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(N="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?N:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(I="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?I:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null),FunnelChart=__decorate([e.Component({})],FunnelChart)),Z=(ea._withStripped=!0,normalizeComponent({render:ea,staticRenderFns:[]},function(t){t&&t("data-v-e288004c_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},W,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==D&&D.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,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"mo-chart"},[t.aggregate?e("div",{staticClass:"mo-axis-div-label"},[t._v("\n "+t._s(t.aggregate.label)+"\n ")]):t._e()])}var U,J,Q,q=(__extends(GaugeChart,D=e.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}),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=c.select(this.$el).insert("svg",".mo-axis-div-label").attr("width",this.width).attr("height",this.width/2+100),this.defineGradient(),this.backgroundArc=h.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=h.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=h.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=l.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var a=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=a.angleToRadian(a.minAngle),n=a.angleToRadian(a.scale(a.data.value)),e={startAngle:t,endAngle:t},o={startAngle:t,endAngle:n};return function(t){return a.arc(r.interpolateObject(e,o)(t))}});var t=this.tickCalc(),n=this.getTicksAngles();this.svg.append("g").selectAll("path").data(n).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,n=this.svg.append("g").attr("transform","translate("+this.width/2+", "+(this.width/2+60)+")"),e=null===(t=this.aggregate)||void 0===t?void 0:t.unitSymbol;n.append("text").text(d.formatValue(this.data.value,e,this.decimal)).attr("class","mo-gauge-value"),n.append("text").attr("y",25).text([this.label,d.formatValue(this.data.maxValue,e,this.decimal)].join(" ")).attr("class","mo-gauge-max-value")},GaugeChart.prototype.renderPointer=function(){var e=this,t=[[2.5,0],[0,-(this.radius-10)],[-2.5,0],[2.5,0]],n=h.line().curve(h.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",n).attr("transform","rotate("+this.scale(this.minValue)+")").transition().duration(1e3).attrTween("transform",function(){var t=e.scale(e.minValue),n=e.scale(e.data.value);return r.interpolateString("rotate("+t+")","rotate("+n+")")}),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=[],n=0,e=(this.scale(this.maxValue)-this.scale(this.minValue))/this.ticksNumber,o=this.minAngle;o<=this.maxAngle;o+=e)t.push(this.minAngle+e*n),n+=1;return t},GaugeChart.prototype.tickCalc=function(){var i=this;return function(t){var n=(t-90)*(Math.PI/180),e=i.radius-15,o=i.width/2+e*Math.sin(n),a=i.width/2+(5+e)*Math.sin(n),r=[{x:i.width/2+e*Math.cos(n),y:o},{x:i.width/2+(5+e)*Math.cos(n),y:a}];return h.line(function(t){return t.x},function(t){return t.y})(r)}},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(H="undefined"!=typeof GaugeData&&GaugeData)?H:Object)],GaugeChart.prototype,"data",void 0),__decorate([e.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([e.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([e.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([e.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([e.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(F="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?F:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null),GaugeChart=__decorate([e.Component({})],GaugeChart)),K=(na._withStripped=!0,normalizeComponent({render:na,staticRenderFns:[]},function(t){t&&t("data-v-bbe26ddc_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"mo-chart"},[e("div",{staticClass:"mo-metric"},[e("div",{staticClass:"mo-metric-inner"},[e("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),e("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}var $,tt,nt=(__extends(MetricChart,U=e.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return d.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!0,configurable:!0}),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(J="undefined"!=typeof MetricData&&MetricData)?J:Object)],MetricChart.prototype,"data",void 0),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(Q="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?Q:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0),MetricChart=__decorate([e.Component({})],MetricChart)),et=(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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},nt,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.svg=null,t.xAxisScale=null,t.xAxis=null,t.yAxisScale=null,t.yAxis=null,t.line=null,t.categories=[],t}function Fa(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var ot,at,rt=(__extends(ScatterChart,$=e.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 e=this,t=this.getWidth();this.width=t-this.margin.left-this.margin.right,this.height=this.width;var n=this.height+this.margin.top+this.margin.bottom;this.categories=[];var o=f.max(this.data,function(t){return t.values[0]}),a=f.max(this.data,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),0<this.categories.length&&(n+=25*this.categories.length+50,o=d.getMaxValue(this.data,0),a=d.getMaxValue(this.data,1)),this.svg=c.select(this.$el).append("svg").attr("width",t).attr("height",n).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"),this.xAxisScale=l.scaleLinear().domain([0,o||10]).range([0,this.width-5]).nice(),this.xAxis=s.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,n){return n%2==0?d.formatValue(t,"",e.decimal):""}),this.yAxisScale=l.scaleLinear().domain([0,a||10]).range([this.height,0]).nice(),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,n){return n%2==0?d.formatValue(t,"",e.decimal):""}),this.line=h.line(function(t){return e.xAxisScale(t.values[0])},function(t){return e.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),d.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,n){return n%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,n){return n%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,n){return n%2==0?2:0}).attr("cx",this.xAxisScale).attr("cy",this.height)},ScatterChart.prototype.renderPoint=function(){function on(t,n){var e=d.getColor(n,o.colors);o.svg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",e).attr("cx",0).attr("cy",o.height).attr("r",o.pointRadius).transition().duration(1e3).attr("cx",function(t){return o.xAxisScale(t.values[0])}).attr("cy",function(t){return o.yAxisScale(t.values[1]||0)})}var o=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,n){return on(t.value,n)}):on(this.data,0)},ScatterChart.prototype.renderLabel=function(){var e=this,t=this.svg.append("g");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.append("text").attr("x",(this.width-this.margin.left)/2).attr("y",this.margin.top+this.margin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label);var n=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");n.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,n){return e.margin.top+e.margin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.margin.top+e.margin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){return t.key})},ScatterChart.prototype.refactorGroupedData=function(){var e=[];this.data.forEach(function(n){n.pieces&&0<n.pieces.length&&n.pieces.forEach(function(t){e.push({label:n.label,group:t.label,values:t.values})})}),this.categories=Array.from(f.group(e,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:65}}}),__metadata("design:type","function"==typeof(tt="undefined"!=typeof ChartMargin&&ChartMargin)?tt:Object)],ScatterChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null),ScatterChart=__decorate([e.Component({})],ScatterChart)),it=(Fa._withStripped=!0,normalizeComponent({render:Fa,staticRenderFns:[]},function(t){t&&t("data-v-1bd4a6f8_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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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!==ot&&ot.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 e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"mo-chart"},[e.ready?o("div",{staticClass:"mo-table"},[o("div",{staticClass:"mo-table-row header-row"},e._l(e.data.headers,function(t,n){return o("div",{key:t.label,staticClass:"mo-table-cell",class:{"mo-table-right-cell":e.isNumber(n)},style:{width:e.getCellWidth(n)+"px"},on:{click:function(t){return e.$emit("cell-clicked",t)}}},[e._v("\n "+e._s(t.label)+"\n ")])}),0),e._v(" "),e._l(e.data.rows,function(t,n){return o("div",{key:n,staticClass:"mo-table-row"},e._l(t.cells,function(t,n){return o("div",{key:n,staticClass:"mo-table-cell",class:{"mo-table-right-cell":e.isNumber(n)},style:{width:e.getCellWidth(n)+"px"},on:{click:function(t){return e.$emit("cell-clicked",t)}}},[e.isBoolean(n)?o("img",{staticClass:"mo-table-checkbox-cell",attrs:{src:"1"===t.label||"true"===t.label?e.checkedImage:e.uncheckedImage}}):o("span",[e._v(e._s(t.label))])])}),0)}),e._v(" "),o("div",{staticClass:"mo-table-row total-row"},e._l(e.data.totals,function(t,n){return o("div",{key:n,staticClass:"mo-table-cell",class:{"mo-table-right-cell":e.isNumber(n)},style:{width:e.getCellWidth(n)+"px"},on:{click:function(t){return e.$emit("cell-clicked",t)}}},[e._v("\n "+e._s(t.label)+"\n ")])}),0)],2):e._e()])}var lt=(__extends(TableChart,ot=e.Mixins(i)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){var n=this.data.headers[t];return n&&("datetime"===n.dataType||"currency"===n.dataType||"date"===n.dataType||"int"===n.dataType||"double"===n.dataType||"percent"===n.dataType||"boolean"===n.dataType)},TableChart.prototype.isBoolean=function(t){var n=this.data.headers[t];return n&&"boolean"===n.dataType},TableChart.prototype.getCellWidth=function(t){var n=this.getWidth(),e=this.data.headers.length,o=n/e;return 0<o.toString().indexOf(".")&&t===e-1?n-(e-1)*Math.floor(o):Math.floor(o)},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(at="undefined"!=typeof TableData&&TableData)?at:Object)],TableChart.prototype,"data",void 0),TableChart=__decorate([e.Component({})],TableChart)),st=(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: 10px sans-serif;\n text-align: center;\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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},lt,void 0,!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=_,t.BarChartHorizontal=B,t.FunnelChart=Z,t.GaugeChart=K,t.LineChart=V,t.MetricChart=et,t.PieChart=R,t.ScatterChart=it,t.TableChart=st,t.default=function(t){t.component("MoBarChart",_),t.component("MoBarChartHorizontal",B),t.component("MoPieChart",R),t.component("MoLineChart",V),t.component("MoFunnelChart",Z),t.component("MoGaugeChart",K),t.component("MoMetricChart",et),t.component("MoScatterChart",it),t.component("MoTableChart",st)},Object.defineProperty(t,"__esModule",{value:!0})});
1
+ !function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(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"],n):n((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,n,e,l,s,c,m,f,h,p,r){"use strict";var o=function(t,n){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(t,n)};function __extends(t,n){function __(){this.constructor=t}o(t,n),t.prototype=null===n?Object.create(n):(__.prototype=n.prototype,new __)}function __decorate(t,n,e,o){var a,r=arguments.length,i=r<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var l=t.length-1;0<=l;l--)(a=t[l])&&(i=(r<3?a(i):3<r?a(n,e,i):a(n,e))||i);return 3<r&&i&&Object.defineProperty(n,e,i),i}function __metadata(t,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,n)}var a,i=(__extends(ChartMixins,a=e.Vue),ChartMixins.prototype.getWidth=function(){var t=window.getComputedStyle(this.$el,null).width;return t?parseFloat(t.substring(0,t.length-2)):0},ChartMixins.prototype.beforeRedraw=function(){var t=this.$el.querySelector("svg");t&&t.remove()},ChartMixins=__decorate([e.Component],ChartMixins));function ChartMixins(){return null!==a&&a.apply(this,arguments)||this}var d=(ChartService.formatValue=function(t,n,e){void 0===n&&(n=""),void 0===e&&(e=2);var o=t.toString();if(!Number.isNaN(Number(t))){var a=ChartService.preciseDecimal(Number(t),e),r=a/Math.pow(1e3,4),i=a/Math.pow(1e3,3),l=a/Math.pow(1e3,2),s=a/Math.pow(1e3,1);1<=r?o=ChartService.preciseDecimal(r,e)+" T":1<=i?o=ChartService.preciseDecimal(i,e)+" B":1<=l?o=ChartService.preciseDecimal(l,e)+" M":1<=s&&(o=ChartService.preciseDecimal(s,e)+" K"),o=o.toString().replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})}return""+n+o},ChartService.preciseDecimal=function(t,n){void 0===n&&(n=2);var e=t.toString().indexOf(".");return!(e<=0)&&n<t.toString().substring(e+1,t.toString().length).length?Number(t.toFixed(n)):t},ChartService.formatDomainValue=function(t,n,e){for(var o=t.toString().length-1,a=e?8:10,r=0;r<o;r+=1)if(n<r*a){o=r;break}return o<t.toString().length-1?t.toString().substring(0,o-2)+"...":t.toString()},ChartService.getPercentage=function(t,n,e){return void 0===t&&(t=0),void 0===n&&(n=0),void 0===e&&(e=0),ChartService.preciseDecimal(t/n*100,e)},ChartService.getColor=function(t,n){var e=n||["#5bdcef","#ffe451","#fc7a7a","#8b4fdc","#4653ff","#153e75","#3adfae","#f68c5d","#6663f0","#fe70a2","#438aff","#5ed281","#60afff","#4e4c97","#b6d252","#5acec7","#ff7575","#ffda2b","#3cdbc6","#3f5cba","#383b6b","#fc7a7a","#6663f0","#ffcc51","#56c597","#f678aa","#8ffabf","#5aabff","#4ecaa5","#686edc"];return e[t%e.length]},ChartService.getMaxValue=function(t,n){void 0===n&&(n=0);var e=[],o=function(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){o(t)}):e.push(t.values[n])};return t.forEach(function(t){o(t)}),f.max(e,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,n,e){var o=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+n).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");o.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",e?.4:1),o.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",e?1:.4)},ChartService.getInnerText=function(t){void 0===t&&(t={});var n=t.showValue,e=t.innerValue,o=t.value,a=void 0===o?"":o,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";if(n&&e&&(m+=ChartService.formatValue(a,c,s)),r&&i){""!==m&&(m+=" : ");var h=ChartService.getPercentage(Number(a),l,s);0<h&&(m+=h+"%")}return m},ChartService.getBottomText=function(t){void 0===t&&(t={});var n=t.showValue,e=t.innerValue,o=t.value,a=void 0===o?"":o,r=t.showPercentage,i=t.innerPercentage,l=t.total,s=t.decimal,c=t.symbol,m=c||"";return n&&!e&&(m+=ChartService.formatValue(a,c,s)),r&&!i&&(""!==m&&(m+=" : "),m+=ChartService.getPercentage(Number(a),l,s)+"%"),m},ChartService);function ChartService(){}var g,b,u=(__extends(MoBarChart,g=e.Mixins(i)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,n=t.top,e=t.right,o=t.bottom,a=t.left,r=e;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(o=130),0<this.aggregates.length&&(a=65),this.hasSecondAxis&&(r=Math.max(r,65)),{top:n,right:r,bottom:o,left:a}},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 t,n,e=this;if(this.svgWidth=Math.max(this.getWidth(),this.data.length*this.MIN_WIDTH),this.needScroll=this.svgWidth>this.getWidth(),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.getWidth()-this.actualMargin.left-this.actualMargin.right),this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom,this.xAxisScale=l.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.width]).padding(.1).round(!0),this.groupType&&"none"!==this.groupType&&this.data.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=[],t.pieces.forEach(function(t){e.categories.push(t.label)}))}),0<this.categories.length&&(this.svgHeight+=25*this.categories.length+50),1<this.aggregates.length&&(this.svgHeight+=25*this.aggregates.length+50),t="grouped"===this.groupType?d.getMaxValue(this.data):f.max(this.data,function(t){return t.values[0]}),1<this.aggregates.length&&(n=f.max(this.data,function(t){return f.max(t.values)})),this.xAxisCategories=l.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).round(!0),1<this.aggregates.length&&(this.xAxisAggregates=l.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.xAxisScale.bandwidth()]).round(!0)),this.xAxis=s.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.formatDomainValue(t,e.actualMargin.bottom,!1)}),"stacked100"===this.groupType&&0<this.categories.length)this.yAxisScale=l.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return m.format(".0%")(Number(t))});else if(this.hasLineChart)if(this.hasSecondAxis){this.yAxisScale=l.scaleLinear().domain([0,Number(t)||10]).range([this.height,0]).nice();var o=this.aggregates[0].unitSymbol;this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,o,e.decimal)}),this.secondYAxisScale=l.scaleLinear().domain([0,Number(n)]).range([this.height,0]).nice();var a=this.aggregates[this.secondYIndex].unitSymbol;this.secondYAxis=s.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,a,e.decimal)}),this.line=h.line().curve(h.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})}else{this.yAxisScale=l.scaleLinear().domain([0,Math.max(t||0,n||0)]).range([this.height,0]).nice();var r=this.aggregates[this.secondYIndex].unitSymbol;this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,r,e.decimal)}),this.line=h.line().curve(h.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})}else{this.yAxisScale=l.scaleLinear().domain([0,Math.max(t||0,n||0)]).range([this.height,0]).nice();var i=this.aggregates[0].unitSymbol;this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,i,e.decimal)})}this.svg=c.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(-60, 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 n=this;d.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-15).text(this.groupings[0].label),d.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",15-this.actualMargin.left).attr("transform","rotate(-90)").text(function(){var t=function __spreadArrays(){for(var t=arguments,n=0,e=0,o=arguments.length;e<o;e++)n+=t[e].length;var a=Array(n),r=0;for(e=0;e<o;e++)for(var i=arguments[e],l=0,s=i.length;l<s;l++,r++)a[r]=i[l];return a}(n.aggregates);return n.hasSecondAxis&&t.splice(n.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 Bd(t,n,e){if(n===t.length-1)return"stacked100"===a.groupType?a.yAxisScale(t[n].values[0]/e):a.yAxisScale(t[n].values[0]);var o=t[n+1].y||a.height;return"stacked100"===a.groupType?o-a.height+a.yAxisScale(t[n].values[0]/e):o-a.height+a.yAxisScale(t[n].values[0])}var a=this,t=JSON.parse(JSON.stringify(this.data));return t.forEach(function(t){for(var n=t.pieces,e=void 0===n?[]:n,o=t.values,a=e.length;0<=a;--a)e.forEach(function(t,n){t.y=Bd(e,n,o[0]),t.percentage=t.values[0]/o[0]})}),t},MoBarChart.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):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.svg.selectAll(".bar").data(t).enter().append("rect").style("fill",d.getColor(0,this.colors)).attr("x",function(t){return n.xAxisScale(t.label)}).attr("y",this.height).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("height",function(t){return n.height-n.yAxisScale(t.values[0])}).attr("y",function(t){return n.yAxisScale(t.values[0])})},MoBarChart.prototype.renderGroupedAggregatesBar=function(t){var e=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+e.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,n){return e.xAxisAggregates(e.aggregates[n].label)}).attr("y",this.yAxisScale(0)).attr("height",0).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("y",function(t){return e.yAxisScale(t)}).attr("height",function(t){return e.height-e.yAxisScale(t)})},MoBarChart.prototype.renderGroupedBar=function(t){var e=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+e.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 e.xAxisCategories(t.label)}).attr("y",this.yAxisScale(0)).attr("height",0).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("y",function(t){return e.yAxisScale(t.values[0])}).attr("height",function(t){return e.height-e.yAxisScale(t.values[0])})},MoBarChart.prototype.renderStackedBar=function(t){var e=this;this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+e.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",this.yAxisScale(0)).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("y",function(t){return t.y}).attr("height",function(t){return"stacked100"===e.groupType?e.height-e.yAxisScale(t.percentage):e.height-e.yAxisScale(t.values[0])})},MoBarChart.prototype.renderLine=function(t){var n=this,e=d.getColor(this.categories.length||1,this.colors),o=this.svg.append("path").datum(t).attr("d",this.line).attr("class","mo-data-line").style("stroke",e),a=o.node().getTotalLength();o.attr("stroke-dasharray",a+" "+a).attr("stroke-dashoffset",a).transition().duration(1e3).ease(p.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 n.xAxisScale(t.label)+n.xAxisScale.bandwidth()/2}).attr("cy",function(t){return r(n.lineValue(t))}).attr("r",3).attr("class","mo-line-point").style("fill",e)},MoBarChart.prototype.renderData=function(t){var e=this,n=this.svg.selectAll(".bar").data(t),o=this.aggregates[0].unitSymbol;n.enter().append("text").attr("class","mo-data-text").style("fill",function(t,n){return 0===e.categories.length?d.getColor(0,e.colors):d.getColor(n,e.colors)}).attr("x",function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).attr("y",this.height).attr("text-anchor","middle").transition().duration(1e3).attr("y",function(t){return e.yAxisScale(t.values[0])-5}).text(function(t){return d.formatValue(t.values[0],o,e.decimal)})},MoBarChart.prototype.renderLabel=function(){var e=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 n=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");n.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",function(){return e.labelColor||""}).text(function(t){return t})},MoBarChart.prototype.renderMeasure=function(){var o=this,e=this.actualMargin.top+this.actualMargin.bottom+this.height;0<this.categories.length&&(e+=25*this.categories.length+50);var t=this.svg.append("g");t.append("line").attr("x1",-this.actualMargin.left).attr("y1",e).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",e).attr("class","mo-label-line"),t.append("text").attr("x",(this.width-this.actualMargin.left)/2).attr("y",e+25).attr("class","mo-label-title").text("Measure");var n=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");n.append("rect").attr("width",15).attr("height",15).attr("x",0).attr("y",function(t,n){return e+40+25*n}).attr("fill",function(t,n){var e=o.hasLineChart&&0<o.categories.length?o.categories.length||1:n;return d.getColor(e,o.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e+52+25*n}).attr("class","mo-legend-text").style("fill",function(){return o.labelColor||""}).text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],MoBarChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasSecondAxis",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],MoBarChart.prototype,"hasLineChart",void 0),__decorate([e.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MoBarChart.prototype,"secondYIndex",void 0),__decorate([e.Prop({type:String,default:function(){return"horizontal"}}),__metadata("design:type",String)],MoBarChart.prototype,"xAxisMode",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChart.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:20,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(b="undefined"!=typeof ChartMargin&&ChartMargin)?b:Object)],MoBarChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null),MoBarChart=__decorate([e.Component({})],MoBarChart));function MoBarChart(){var t=null!==g&&g.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}function normalizeComponent(t,n,e,o,a,r,i,l,s,c){"boolean"!=typeof i&&(s=l,l=i,i=!1);var m,h="function"==typeof e?e.options:e;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,a&&(h.functional=!0)),o&&(h._scopeId=o),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__),n&&n.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},h._ssrRegister=m):n&&(m=i?function(t){n.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){n.call(this,l(t))}),m)if(h.functional){var p=h.render;h.render=function renderWithStyleInjection(t,n){return m.call(n),p(t,n)}}else{var d=h.beforeCreate;h.beforeCreate=d?[].concat(d,m):[m]}return e}var x,w="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function(t,n){return function addStyle(t,n){var e=w?n.media||"default":t,o=y[e]||(y[e]={ids:new Set,styles:[]});if(!o.ids.has(t)){o.ids.add(t);var a=n.source;if(n.map&&(a+="\n/*# sourceURL="+n.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",n.media&&o.element.setAttribute("media",n.media),void 0===x&&(x=document.head||document.getElementsByTagName("head")[0]),x.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(a),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{var r=o.ids.size-1,i=document.createTextNode(a),l=o.element.childNodes;l[r]&&o.element.removeChild(l[r]),l.length?o.element.insertBefore(i,l[r]):o.element.appendChild(i)}}}(t,n)}}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=u,_=(v._withStripped=!0,normalizeComponent({render:v,staticRenderFns:[]},function(t){t&&t("data-v-218fcb0a_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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}function E(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var M,z,S,P=(__extends(MoBarChartHorizontal,k=e.Mixins(i)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,n=t.top,e=t.right,o=t.bottom,a=t.left;return 0<this.aggregates.length?{top:n,right:e,bottom:60,left:a}:0<this.groupings.length?{top:n,right:e,bottom:o,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 n=this;this.categories=[];var t,e=this.data.length;this.svgWidth=this.getWidth(),this.svgWidth&&(this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right),this.groupType&&"none"!==this.groupType&&this.data.forEach(function(t){t.pieces&&t.pieces.length>n.categories.length&&(n.categories=[],t.pieces.forEach(function(t){n.categories.push(t.label)}))}),t="grouped"===this.groupType&&0<this.categories.length?(this.height=(this.barHeight*this.categories.length+this.barPadding)*e,d.getMaxValue(this.data)):(1<this.aggregates.length?this.height=(this.barHeight*this.aggregates.length+this.barPadding)*e:this.height=(this.barHeight+this.barPadding)*e,f.max(this.data,function(t){return f.max(t.values)})),this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom,0<this.categories.length&&(this.svgHeight+=25*this.categories.length+10),1<this.aggregates.length&&(this.svgHeight+=25*this.aggregates.length+10),this.svg=c.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=l.scaleLinear().domain([0,1]).range([0,this.width-this.actualMargin.right]),this.xAxis=s.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return m.format(".0%")(Number(t))})):(this.xAxisScale=l.scaleLinear().domain([0,t||10]).range([0,this.width-this.actualMargin.right]).nice(),this.xAxis=s.axisTop(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.formatValue(t,"",n.decimal)})),this.yAxisScale=l.scaleBand().domain(this.data.map(function(t){return t.label})).range([0,this.height]),this.yAxisCategories=l.scaleBand().domain(this.categories).range([0,this.barHeight*this.categories.length]).round(!0),1<this.aggregates.length&&(this.yAxisAggregates=l.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.barHeight*this.aggregates.length]).round(!0)),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return d.formatDomainValue(t,n.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&&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(60, -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(){this.svg.append("text").attr("class","mo-axis-label").attr("x",this.svgWidth/2).attr("y",this.height+this.actualMargin.bottom+10).text(this.aggregates.map(function(t){return t.label}).join(", ")),d.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/2).attr("y",15).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 n=t.pieces,i=void 0===n?[]:n,l=t.values;i.forEach(function(t,n){var e,o,a,r;t.x=(e=i,o=n,a=l[0],r=0,e.forEach(function(t,n){n<o&&("stacked100"===s.groupType?r+=s.xAxisScale(t.values[0]/a):r+=s.xAxisScale(t.values[0]))}),r),t.percentage=t.values[0]/l[0]})}),t},MoBarChartHorizontal.prototype.renderBar=function(t){var e=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,n){return(e.barHeight+e.barPadding)*n}).style("fill",d.getColor(0,this.colors)).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderGroupedAggregatesBar=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,n){return"translate(0,\n "+(e.barHeight*e.aggregates.length+e.barPadding)*n+")"}).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,n){return e.yAxisAggregates(e.aggregates[n].label)}).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t)})},MoBarChartHorizontal.prototype.renderGroupedBar=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,n){return"translate(0,\n "+(e.barHeight*e.categories.length+e.barPadding)*n+")"}).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 e.yAxisCategories(t.label)}).style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderStackedBar=function(t){var e=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t,n){return"translate(0, "+(e.barHeight+e.barPadding)*n+")"}).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,n){return d.getColor(n,e.colors)}).transition().duration(1e3).attr("x",function(t){return t.x}).attr("width",function(t){return"stacked100"===e.groupType?e.xAxisScale(t.percentage):e.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",function(t,n){return"inner"===e.valuePosition?e.valueColor:0===e.categories.length?d.getColor(0,e.colors):d.getColor(n,e.colors)}).attr("text-anchor","start").transition().duration(1e3).attr("x",function(t){return"inner"===e.valuePosition?10:e.xAxisScale(t.values[0])+5}).text(function(t){var n=e.aggregates[0].unitSymbol;return d.formatValue(t.values[0],n,e.decimal)})},MoBarChartHorizontal.prototype.renderLabel=function(){var e=this;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",this.svgWidth/2).attr("y",this.actualMargin.top+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label);var t=this.labelGroup.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),t.append("text").attr("x",50).attr("y",function(t,n){return e.actualMargin.top+e.height+52+25*n}).attr("class","mo-legend-text").text(function(t){return t})},MoBarChartHorizontal.prototype.renderMeasure=function(){var e=this,o=this.actualMargin.top+this.height;0<this.categories.length&&(o+=25*this.categories.length+10),this.labelGroup.append("line").attr("x1",0).attr("y1",o).attr("x2",this.width+this.actualMargin.left+this.actualMargin.right).attr("y2",o).attr("class","mo-label-line"),this.labelGroup.append("text").attr("x",this.svgWidth/2).attr("y",o+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",25).attr("y",function(t,n){return o+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),t.append("text").attr("x",50).attr("y",function(t,n){return o+52+25*n}).attr("class","mo-legend-text").text(function(t){return t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:50,right:10,bottom:20,left:75}}}),__metadata("design:type","function"==typeof(A="undefined"!=typeof ChartMargin&&ChartMargin)?A:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([e.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"top"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([e.Prop({type:String,default:function(){return"#fff"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null),MoBarChartHorizontal=__decorate([e.Component({})],MoBarChartHorizontal)),B=(E._withStripped=!0,normalizeComponent({render:E,staticRenderFns:[]},function(t){t&&t("data-v-dad289de_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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 n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"mo-chart"},[n.rotate?e("div",{staticClass:"mo-tip-container"},[e("div",{staticClass:"mo-tip-content"},[e("div",{staticClass:"left-nav",on:{click:function(t){return n.onLeftNavClicked(t)}}},[e("img",{attrs:{src:n.rightNavImage,width:"18"}})]),n._v(" "),n._m(0),n._v(" "),e("div",{staticClass:"right-nav",on:{click:function(t){return n.onRightNavClicked(t)}}},[e("img",{attrs:{src:n.rightNavImage,width:"18"}})])])]):n._e()])}var G,T,L=(__extends(PieChart,M=e.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 n=this;t.stopPropagation(),t.preventDefault(),this.rotation.index<this.data.length-1?this.rotation.index+=1:this.rotation.index=0;var e=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(e.startAngle+e.endAngle)/2/Math.PI*180,this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+this.width/2+") rotate("+this.rotation.angle+")"),setTimeout(function(){n.changeContent(),n.rotation.originalAngle=n.rotation.angle},100)},PieChart.prototype.onRightNavClicked=function(t){var n=this;t.stopPropagation(),t.preventDefault(),0<this.rotation.index?--this.rotation.index:this.rotation.index=this.data.length-1;var e=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(e.startAngle+e.endAngle)/2/Math.PI*180,this.arcGroup.transition().duration(100).attr("transform","translate("+this.width/2+", "+this.width/2+") rotate("+this.rotation.angle+")"),setTimeout(function(){n.changeContent(),n.rotation.originalAngle=n.rotation.angle},100)},PieChart.prototype.changeContent=function(){-1===this.rotation.index&&(this.rotation.index=0);var t,n=d.getPercentage(this.data[this.rotation.index].values[0],this.total,this.decimal),e=d.formatValue(this.data[this.rotation.index].values[0],this.symbol),o=this.$el.querySelector(".percentage"),a=this.$el.querySelector(".label");o&&((t=c.select(o)).style("color",d.getColor(this.rotation.index,this.colors)),t.text(e+" : "+n+"%")),a&&(t=c.select(a)).text(this.data[this.rotation.index].label)},PieChart.prototype.init=function(){this.width=this.area&&this.area.width&&this.area.height?Math.min(this.area.width-20,this.area.height-60-(this.rotate?54:0)):this.getWidth(),this.height=this.width+10,this.radius=this.width/2-10,this.innerRadius=this.donut?.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.svg=c.select(this.$el).insert("svg",".mo-tip-container").attr("width",this.width).attr("height",this.height),this.total=f.sum(this.data,function(t){return t.values[0]}),this.arcLayout=h.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=h.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=h.pie().value(function(t){return t.values[0]});var t=this.pieLayout(this.data)[this.rotation.index];this.rotation.angle=180-(t.startAngle+t.endAngle)/2/Math.PI*180,this.arcGroup=this.svg.append("svg:g").attr("transform","translate("+this.width/2+", "+this.width/2+") 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+")"),this.labelGroup=this.svg.append("svg:g")},PieChart.prototype.renderPie=function(){var e=this;this.arc.append("svg:path").style("fill",function(t,n){return d.getColor(n,e.colors)}).transition().duration(750).attrTween("d",function(t){var n=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return e.arcLayout(n(t))}})},PieChart.prototype.addDonut=function(){var e=this;this.arc.append("svg:path").attr("class","mo-inner-arc").transition().duration(750).attrTween("d",function(t){var n=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return e.arc3dLayout(n(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(d.formatValue(this.total,this.symbol))},PieChart.prototype.renderInnerLabel=function(){var e=this;this.arc.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").text(function(t){var n;return d.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.value,showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null===(n=e.aggregate)||void 0===n?void 0:n.unitSymbol})}).transition().duration(750).attr("transform",function(t){return"translate("+e.arcLayout.centroid(t)+") rotate("+-e.rotation.angle+")"})},PieChart.prototype.renderLabel=function(){this.groupBy&&this.aggregate&&(this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+15).text(this.aggregate.label),this.labelGroup.append("line").attr("class","mo-label-line").attr("x1",0).attr("y1",this.width+30).attr("x2",this.width).attr("y2",this.width+30),this.labelGroup.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.width+50).text(this.groupBy.label));var t=this.labelGroup.selectAll(".mo-label").data(this.data).enter().append("g");"horizontal"===this.labelMode?this.renderHorizontalLabel(t):this.renderVerticalLabel(t)},PieChart.prototype.renderHorizontalLabel=function(t){var o=this;t.append("rect").attr("width","15").attr("height","15").attr("x",function(t,n){return n*o.radius+25}).attr("y",function(){var t=o.width+25;return o.groupBy&&o.aggregate&&(t+=55),t}).attr("fill",function(t,n){return d.getColor(n,o.colors)}),t.append("text").attr("x",function(t,n){return n*o.radius+40}).attr("y",function(){var t=o.width+40;return o.groupBy&&o.aggregate&&(t+=55),t}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var n,e=d.getBottomText({showValue:o.showValue,innerValue:"inner"===o.valuePosition,value:t.values[0],showPercentage:o.showPercentage,innerPercentage:"inner"===o.percentagePosition,total:o.total,decimal:o.decimal,symbol:null===(n=o.aggregate)||void 0===n?void 0:n.unitSymbol});return""!==e?t.label+" : "+e:t.label})},PieChart.prototype.renderVerticalLabel=function(t){var o=this;t.append("rect").attr("width","15").attr("height","15").attr("x",25).attr("y",function(t,n){var e=o.width+20+25*n;return o.groupBy&&o.aggregate&&(e+=55),e}).attr("fill",function(t,n){return d.getColor(n,o.colors)}),t.append("text").attr("x",50).attr("y",function(t,n){var e=o.width+32+25*n;return o.groupBy&&o.aggregate&&(e+=55),e}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){var n,e=d.getBottomText({showValue:o.showValue,innerValue:"inner"===o.valuePosition,value:t.values[0],showPercentage:o.showPercentage,innerPercentage:"inner"===o.percentagePosition,total:o.total,decimal:o.decimal,symbol:null===(n=o.aggregate)||void 0===n?void 0:n.unitSymbol});return""!==e?t.label+" : "+e:t.label})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showTotal",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],PieChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"symbol",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],PieChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],PieChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],PieChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],PieChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"rotate",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(z="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?z:Object)],PieChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(S="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?S:Object)],PieChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null),PieChart=__decorate([e.Component({})],PieChart)),R=(O._withStripped=!0,normalizeComponent({render:O,staticRenderFns:[function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"tip"},[n("span",{staticClass:"percentage"}),this._v(" "),n("span",{staticClass:"label"})])}]},function(t){t&&t("data-v-ce69b8ec_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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 Y,I,N,j=(__extends(LineChart,G=e.Mixins(i)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,n=t.top,e=t.right,o=t.bottom,a=t.left;return 0<this.groupings.length?{top:n,right:e,bottom:130,left:a}:0<this.aggregates.length?{top:n,right:e,bottom:o,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 n=this;this.svgWidth=this.getWidth(),this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.width,this.svgHeight=this.height+this.actualMargin.top+this.actualMargin.bottom+5,this.categories=[],this.maxValue=f.max(this.data,function(t){return f.max(t.values)}),"grouped"!==this.groupType&&"cumulativeGrouped"!==this.groupType||this.refactorGroupedData(),0<this.categories.length&&(this.svgHeight+=25*this.categories.length+50,this.maxValue=d.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=c.select(this.$el).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.xAxisScale=l.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width-5]),this.xAxis=s.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return d.formatDomainValue(t,n.actualMargin.bottom,!0)}),this.yAxisScale=l.scaleLinear().domain([0,this.maxValue||10]).range([this.height,0]).nice(),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return d.formatValue(t,"",n.decimal)}),this.area=h.area().x(function(t){return n.xAxisScale(t.label)}).y0(this.height).y1(function(t){return n.yAxisScale(n.lineValue(t))})},LineChart.prototype.lineValue=function(t,n){return void 0===n&&(n=0),"cumulativeGrouped"===this.groupType||"cumulative"===this.groupType?t.cumulates[n]||0:t.values[n]},LineChart.prototype.line=function(n){var e=this;return void 0===n&&(n=0),h.line().curve(h.curveLinear).x(function(t){return e.xAxisScale(t.label)}).y(function(t){return e.yAxisScale(e.lineValue(t,n))})},LineChart.prototype.refactorGroupedData=function(){var e=[];this.data.forEach(function(n){n.pieces&&0<n.pieces.length&&n.pieces.forEach(function(t){e.push({label:n.label,group:t.label,values:t.values})})}),this.categories=Array.from(f.group(e,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(o,a){o.cumulates=o.cumulates||[],o.values.forEach(function(t,n){var e=0<a?r.value[a-1].cumulates[n]+t:t;o.cumulates.push(e),e>i.maxValue&&(i.maxValue=e)})})}):this.refactoredData.forEach(function(o,a){o.cumulates=o.cumulates||[],o.values.forEach(function(t,n){var e=0<a?i.refactoredData[a-1].cumulates[n]+t:t;o.cumulates.push(e),e>i.maxValue&&(i.maxValue=e)})})},LineChart.prototype.renderAxis=function(){this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",5).attr("x",5).attr("transform","rotate(-60, 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(){d.defineAreaGradientsForCover(this.svg,0,!1),this.svg.append("rect").attr("x",-this.actualMargin.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"),0<this.groupings.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",(this.width-this.actualMargin.left)/2).attr("y",this.height+this.actualMargin.bottom-15).text(this.groupings[0].label),d.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"),0<this.aggregates.length&&this.svg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",15-this.actualMargin.left).attr("transform","rotate(-90)").text(this.aggregates.map(function(t){return t.label}).join(", "))},LineChart.prototype.renderSpaceLine=function(){var n=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 n.xAxisScale(t.label)}).attr("y1",this.height).attr("x2",function(t){return n.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 n.xAxisScale(t.label)}).attr("cy",this.height)},LineChart.prototype.renderDataLine=function(){function Xj(t,n,e){void 0===e&&(e=!1);var o=e?n:0,a=d.getColor(n,l.colors),r=l.svg.append("path").datum(t).attr("d",l.line(o)).attr("class","mo-data-line").style("stroke",a),i=r.node().getTotalLength();r.attr("stroke-dasharray",i+" "+i).attr("stroke-dashoffset",i).transition().duration(1e3).ease(p.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,o))}).attr("r",l.pointRadius).attr("class","mo-line-point").style("fill",a)}var l=this;0<this.categories.length&&("cumulativeGrouped"===this.groupType||"grouped"===this.groupType)?this.categories.forEach(function(t,n){return Xj(t.value,n)}):1<this.aggregates.length?this.aggregates.forEach(function(t,n){return Xj(l.refactoredData,n,!0)}):(this.defineAreaGradients(0,d.getColor(0,this.colors)),Xj(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,n){var e=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%");e.append("stop").attr("offset","0%").attr("stop-color",n).attr("stop-opacity",0),e.append("stop").attr("offset","100%").attr("stop-color",n).attr("stop-opacity",.7)},LineChart.prototype.renderLabel=function(){var e=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 n=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");n.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){return t.key})},LineChart.prototype.renderMeasure=function(){var e=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 n=t.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label");n.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.actualMargin.top+e.actualMargin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){return t.label})},LineChart.prototype.renderData=function(){var n=this;this.svg.append("g").selectAll(".mo-data-text").data(this.refactoredData).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return n.xAxisScale(t.label)}).attr("y",function(t){return n.yAxisScale(n.lineValue(t))-5}).attr("text-anchor","middle").text(this.lineValue).style("fill",this.textColor||"")},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],LineChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],LineChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],LineChart.prototype,"showValue",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:50}}}),__metadata("design:type","function"==typeof(T="undefined"!=typeof ChartMargin&&ChartMargin)?T:Object)],LineChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null),LineChart=__decorate([e.Component({})],LineChart)),D=(X._withStripped=!0,normalizeComponent({render:X,staticRenderFns:[]},function(t){t&&t("data-v-ce9f73ba_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},j,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==Y&&Y.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,H,F,W=(__extends(FunnelChart,Y=e.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;this.funnelWidth=this.getWidth(),this.funnelHeight=this.height||.8*this.funnelWidth;var p=this.data.length,t=this.funnelHeight+this.legendItemHeight*(p+1),d=p<=1?this.funnelWidth/4:this.funnelWidth/(2*p),g=this.funnelHeight/p;this.groupBy&&this.aggregate&&(t+=65),this.data.forEach(function(t,n){var e=n*d,o=n*g,a=h.funnelWidth-e,r=o,i=n===p-1&&1<p?a:a-d,l=r+g,s=n===p-1&&1<p?e:e+d,c=l,m=JSON.parse(JSON.stringify(t));m.points=[{x:e,y:o},{x:a,y:r},{x:i,y:l},{x:s,y:c}],h.refactoredData.push(m)}),this.svg=c.select(this.$el).append("svg").attr("width",this.funnelWidth).attr("height",t),this.total=f.sum(this.refactoredData,function(t){return t.values[0]})},FunnelChart.prototype.renderFunnel=function(){var e=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,n){return d.getColor(n,e.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 n;return d.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.values[0],showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:null===(n=e.aggregate)||void 0===n?void 0:n.unitSymbol})})},FunnelChart.prototype.getPoint=function(t){for(var n=[],e=0;e<4;e+=1)n.push(t[e].x+","+t[e].y);return n.join(" ")},FunnelChart.prototype.renderLegend=function(){var o=this,t=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),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"),this.svg.append("text").attr("class","mo-axis-label").attr("x",this.funnelWidth/2).attr("y",this.funnelHeight+65).text(this.groupBy.label),t+=65);var n=this.svg.append("g").attr("transform","translate(0, "+t+")"),e=n.selectAll("rect").data(this.refactoredData).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t,n){return d.getColor(n,o.colors)}),a=n.selectAll("text").data(this.refactoredData).enter().append("text").attr("class","mo-legend-text").text(function(t){var n,e=d.getBottomText({showValue:o.showValue,innerValue:"inner"===o.valuePosition,value:t.values[0],showPercentage:o.showPercentage,innerPercentage:"inner"===o.percentagePosition,total:o.total,decimal:o.decimal,symbol:null===(n=o.aggregate)||void 0===n?void 0:n.unitSymbol});return""!==e?t.label+" : "+e:t.label});"horizontal"===this.labelMode?(e.attr("x",function(t,n){return 10+100*n}).attr("y",10),a.attr("x",function(t,n){return 35+100*n}).attr("y",23)):(e.attr("x",10).attr("y",function(t,n){return 25*n}),a.attr("x",35).attr("y",function(t,n){return 25*n+13}))},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([e.Prop({type:Number}),__metadata("design:type",Number)],FunnelChart.prototype,"height",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(I="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?I:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(N="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?N:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null),FunnelChart=__decorate([e.Component({})],FunnelChart)),Z=(ea._withStripped=!0,normalizeComponent({render:ea,staticRenderFns:[]},function(t){t&&t("data-v-e288004c_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},W,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,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"mo-chart"},[t.aggregate?e("div",{staticClass:"mo-axis-div-label"},[t._v("\n "+t._s(t.aggregate.label)+"\n ")]):t._e()])}var U,J,Q,q=(__extends(GaugeChart,V=e.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}),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=c.select(this.$el).insert("svg",".mo-axis-div-label").attr("width",this.width).attr("height",this.width/2+100),this.defineGradient(),this.backgroundArc=h.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=h.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=h.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=l.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var a=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=a.angleToRadian(a.minAngle),n=a.angleToRadian(a.scale(a.data.value)),e={startAngle:t,endAngle:t},o={startAngle:t,endAngle:n};return function(t){return a.arc(r.interpolateObject(e,o)(t))}});var t=this.tickCalc(),n=this.getTicksAngles();this.svg.append("g").selectAll("path").data(n).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,n=this.svg.append("g").attr("transform","translate("+this.width/2+", "+(this.width/2+60)+")"),e=null===(t=this.aggregate)||void 0===t?void 0:t.unitSymbol;n.append("text").text(d.formatValue(this.data.value,e,this.decimal)).attr("class","mo-gauge-value"),n.append("text").attr("y",25).text([this.label,d.formatValue(this.data.maxValue,e,this.decimal)].join(" ")).attr("class","mo-gauge-max-value")},GaugeChart.prototype.renderPointer=function(){var e=this,t=[[2.5,0],[0,-(this.radius-10)],[-2.5,0],[2.5,0]],n=h.line().curve(h.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",n).attr("transform","rotate("+this.scale(this.minValue)+")").transition().duration(1e3).attrTween("transform",function(){var t=e.scale(e.minValue),n=e.scale(e.data.value);return r.interpolateString("rotate("+t+")","rotate("+n+")")}),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=[],n=0,e=(this.scale(this.maxValue)-this.scale(this.minValue))/this.ticksNumber,o=this.minAngle;o<=this.maxAngle;o+=e)t.push(this.minAngle+e*n),n+=1;return t},GaugeChart.prototype.tickCalc=function(){var i=this;return function(t){var n=(t-90)*(Math.PI/180),e=i.radius-15,o=i.width/2+e*Math.sin(n),a=i.width/2+(5+e)*Math.sin(n),r=[{x:i.width/2+e*Math.cos(n),y:o},{x:i.width/2+(5+e)*Math.cos(n),y:a}];return h.line(function(t){return t.x},function(t){return t.y})(r)}},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(H="undefined"!=typeof GaugeData&&GaugeData)?H:Object)],GaugeChart.prototype,"data",void 0),__decorate([e.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([e.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([e.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([e.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([e.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(F="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?F:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null),GaugeChart=__decorate([e.Component({})],GaugeChart)),K=(na._withStripped=!0,normalizeComponent({render:na,staticRenderFns:[]},function(t){t&&t("data-v-bbe26ddc_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"mo-chart"},[e("div",{staticClass:"mo-metric"},[e("div",{staticClass:"mo-metric-inner"},[e("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),e("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}var $,tt,nt=(__extends(MetricChart,U=e.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return d.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!0,configurable:!0}),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(J="undefined"!=typeof MetricData&&MetricData)?J:Object)],MetricChart.prototype,"data",void 0),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(Q="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?Q:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0),MetricChart=__decorate([e.Component({})],MetricChart)),et=(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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},nt,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.svg=null,t.xAxisScale=null,t.xAxis=null,t.yAxisScale=null,t.yAxis=null,t.line=null,t.categories=[],t}function Fa(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mo-chart"})}var ot,at,rt=(__extends(ScatterChart,$=e.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 e=this,t=this.getWidth();this.width=t-this.margin.left-this.margin.right,this.height=this.width;var n=this.height+this.margin.top+this.margin.bottom;this.categories=[];var o=f.max(this.data,function(t){return t.values[0]}),a=f.max(this.data,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),0<this.categories.length&&(n+=25*this.categories.length+50,o=d.getMaxValue(this.data,0),a=d.getMaxValue(this.data,1)),this.svg=c.select(this.$el).append("svg").attr("width",t).attr("height",n).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"),this.xAxisScale=l.scaleLinear().domain([0,o||10]).range([0,this.width-5]).nice(),this.xAxis=s.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,n){return n%2==0?d.formatValue(t,"",e.decimal):""}),this.yAxisScale=l.scaleLinear().domain([0,a||10]).range([this.height,0]).nice(),this.yAxis=s.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,n){return n%2==0?d.formatValue(t,"",e.decimal):""}),this.line=h.line(function(t){return e.xAxisScale(t.values[0])},function(t){return e.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),d.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,n){return n%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,n){return n%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,n){return n%2==0?2:0}).attr("cx",this.xAxisScale).attr("cy",this.height)},ScatterChart.prototype.renderPoint=function(){function on(t,n){var e=d.getColor(n,o.colors);o.svg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",e).attr("cx",0).attr("cy",o.height).attr("r",o.pointRadius).transition().duration(1e3).attr("cx",function(t){return o.xAxisScale(t.values[0])}).attr("cy",function(t){return o.yAxisScale(t.values[1]||0)})}var o=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,n){return on(t.value,n)}):on(this.data,0)},ScatterChart.prototype.renderLabel=function(){var e=this,t=this.svg.append("g");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.append("text").attr("x",(this.width-this.margin.left)/2).attr("y",this.margin.top+this.margin.bottom+this.height+25).attr("class","mo-label-title").text(this.groupings[1].label);var n=t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label");n.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,n){return e.margin.top+e.margin.bottom+e.height+40+25*n}).attr("fill",function(t,n){return d.getColor(n,e.colors)}),n.append("text").attr("x",25).attr("y",function(t,n){return e.margin.top+e.margin.bottom+e.height+52+25*n}).attr("class","mo-legend-text").style("fill",this.labelColor||"").text(function(t){return t.key})},ScatterChart.prototype.refactorGroupedData=function(){var e=[];this.data.forEach(function(n){n.pieces&&0<n.pieces.length&&n.pieces.forEach(function(t){e.push({label:n.label,group:t.label,values:t.values})})}),this.categories=Array.from(f.group(e,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:15,right:0,bottom:80,left:65}}}),__metadata("design:type","function"==typeof(tt="undefined"!=typeof ChartMargin&&ChartMargin)?tt:Object)],ScatterChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null),ScatterChart=__decorate([e.Component({})],ScatterChart)),it=(Fa._withStripped=!0,normalizeComponent({render:Fa,staticRenderFns:[]},function(t){t&&t("data-v-1bd4a6f8_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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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!==ot&&ot.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 e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"mo-chart"},[e.ready?o("div",{staticClass:"mo-table"},[o("div",{staticClass:"mo-table-row header-row"},e._l(e.data.headers,function(t,n){return o("div",{key:t.label,staticClass:"mo-table-cell",class:{"mo-table-right-cell":e.isNumber(n)},style:{width:e.getCellWidth(n)+"px"},on:{click:function(t){return e.$emit("cell-clicked",t)}}},[e._v("\n "+e._s(t.label)+"\n ")])}),0),e._v(" "),e._l(e.data.rows,function(t,n){return o("div",{key:n,staticClass:"mo-table-row"},e._l(t.cells,function(t,n){return o("div",{key:n,staticClass:"mo-table-cell",class:{"mo-table-right-cell":e.isNumber(n)},style:{width:e.getCellWidth(n)+"px"},on:{click:function(t){return e.$emit("cell-clicked",t)}}},[e.isBoolean(n)?o("img",{staticClass:"mo-table-checkbox-cell",attrs:{src:"1"===t.label||"true"===t.label?e.checkedImage:e.uncheckedImage}}):o("span",[e._v(e._s(t.label))])])}),0)}),e._v(" "),o("div",{staticClass:"mo-table-row total-row"},e._l(e.data.totals,function(t,n){return o("div",{key:n,staticClass:"mo-table-cell",class:{"mo-table-right-cell":e.isNumber(n)},style:{width:e.getCellWidth(n)+"px"},on:{click:function(t){return e.$emit("cell-clicked",t)}}},[e._v("\n "+e._s(t.label)+"\n ")])}),0)],2):e._e()])}var lt=(__extends(TableChart,ot=e.Mixins(i)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){var n=this.data.headers[t];return n&&("datetime"===n.dataType||"currency"===n.dataType||"date"===n.dataType||"int"===n.dataType||"double"===n.dataType||"percent"===n.dataType||"boolean"===n.dataType)},TableChart.prototype.isBoolean=function(t){var n=this.data.headers[t];return n&&"boolean"===n.dataType},TableChart.prototype.getCellWidth=function(t){var n=this.getWidth(),e=this.data.headers.length,o=n/e;return 0<o.toString().indexOf(".")&&t===e-1?n-(e-1)*Math.floor(o):Math.floor(o)},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(at="undefined"!=typeof TableData&&TableData)?at:Object)],TableChart.prototype,"data",void 0),TableChart=__decorate([e.Component({})],TableChart)),st=(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: 10px 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: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\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: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\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: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\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: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\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: 14px;\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 font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\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-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\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: 16px;\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: 22px;\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: 14px;\n fill: #3e4759;\n text-anchor: middle;\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})},lt,void 0,!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=_,t.BarChartHorizontal=B,t.FunnelChart=Z,t.GaugeChart=K,t.LineChart=D,t.MetricChart=et,t.PieChart=R,t.ScatterChart=it,t.TableChart=st,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",et),t.component("MoScatterChart",it),t.component("MoTableChart",st)},Object.defineProperty(t,"__esModule",{value:!0})});