npm - moblor-vue - Versions diffs - 0.1.75 → 0.1.76 - Mend

moblor-vue 0.1.75 → 0.1.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/charts.js +1 -1
package/dist/moblor-components.esm.js +17 -13
package/dist/moblor-components.js +1 -1
package/dist/moblor-vue.esm.js +17 -13
package/dist/moblor-vue.js +1 -1
package/package.json +1 -1

package/dist/charts.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("d3-transition"),require("vue-property-decorator"),require("d3-scale"),require("d3-axis"),require("d3-selection"),require("d3-format"),require("d3-array"),require("d3-shape"),require("d3-ease"),require("d3-interpolate")):"function"==typeof define&&define.amd?define(["exports","d3-transition","vue-property-decorator","d3-scale","d3-axis","d3-selection","d3-format","d3-array","d3-shape","d3-ease","d3-interpolate"],e):e((t=t\|\|self).charts={},t.d3Transition,t.vuePropertyDecorator,t.d3Scale,t.d3Axis,t.d3Selection,t.d3Format,t.d3Array,t.d3Shape,t.d3Ease,t.d3Interpolate)}(this,function(t,E,e,i,l,s,c,m,d,h,r){var n=function(t,e){return(n=Object.setPrototypeOf\|\|({__proto__:[]}instanceof Array?function(t,e){t.__proto__=e}:function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])}))(t,e)};function __extends(t,e){function __(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}var p=function(){return(p=Object.assign\|\|function __assign(t){for(var e,n=arguments,a=1,o=arguments.length;a<o;a++)for(var r in e=n[a])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function __decorate(t,e,n,a){var o,r=arguments.length,i=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,a);else for(var l=t.length-1;0<=l;l--)(o=t[l])&&(i=(r<3?o(i):3<r?o(e,n,i):o(e,n))\|\|i);return 3<r&&i&&Object.defineProperty(e,n,i),i}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function __spreadArrays(){for(var t=arguments,e=0,n=0,a=arguments.length;n<a;n++)e+=t[n].length;for(var o=Array(e),r=0,n=0;n<a;n++)for(var i=arguments[n],l=0,s=i.length;l<s;l++,r++)o[r]=i[l];return o}__extends(ChartMixins,a=e.Vue),ChartMixins.prototype.getWidth=function(){var t=window.getComputedStyle(this.$el,null).width;return t?parseFloat(t.substring(0,t.length-2)):0},ChartMixins.prototype.beforeRedraw=function(){var t=this.$el.querySelector("svg");t&&t.remove()};var a,o=__decorate([e.Component],ChartMixins);function ChartMixins(){var t=null!==a&&a.apply(this,arguments)\|\|this;return t.CHART_LIMIT_TIPS_TEXT="Only partial data is shown. \n Open the source report to view the complete dataset.",t}ChartService.formatValue=function(t,e,n){void 0===e&&(e=""),void 0===n&&(n=2);var a,o,r,i,l=t.toString();return Number.isNaN(Number(t))\|\|(a=(t=ChartService.preciseDecimal(Number(t),n))/Math.pow(1e3,4),o=t/Math.pow(1e3,3),r=t/Math.pow(1e3,2),i=t/Math.pow(1e3,1),l=(l=1<=a?ChartService.preciseDecimal(a,n)+"T":1<=o?ChartService.preciseDecimal(o,n)+"B":1<=r?ChartService.preciseDecimal(r,n)+"M":1<=i?ChartService.preciseDecimal(i,n)+"K":t.toString()).replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})),e?e+" "+l:l},ChartService.preciseDecimal=function(t,e){void 0===e&&(e=2);var n=t.toString().indexOf(".");return!(n<=0)&&e<t.toString().substring(n+1,t.toString().length).length?Number(t.toFixed(e)):t},ChartService.isChineseChar=function(t){t=t.charCodeAt(0);return 19968<=t&&t<=40869\|\|12288<=t&&t<=12351\|\|65280<=t&&t<=65519},ChartService.isSpecialChar=function(t){return"@#$%&".includes(t)},ChartService.formatDomainValue=function(t,e,n){var a=t.toString();if(0===a.trim().length)return"-";for(var o=n?6:8,r=Math.max(0,e-2o),i=0,l=0,s=0;s<a.length;s+=1){var c=a[s],m=this.isChineseChar(c)?1.5:1;if(r<(i+=(this.isSpecialChar(c)?1.3:m)o))break;l+=1}return l<a.length?a.substring(0,Math.max(0,l-1))+"...":a},ChartService.getPercentage=function(t,e,n){return ChartService.preciseDecimal((t=void 0===t?0:t)/(e=void 0===e?0:e)100,n=void 0===n?0:n)},ChartService.getColor=function(t,e){e=e\|\|["#5bdcef","#ffe451","#fc7a7a","#8b4fdc","#4653ff","#153e75","#3adfae","#f68c5d","#6663f0","#fe70a2","#438aff","#5ed281","#60afff","#4e4c97","#b6d252","#5acec7","#ff7575","#ffda2b","#3cdbc6","#3f5cba","#383b6b","#fc7a7a","#6663f0","#ffcc51","#56c597","#f678aa","#8ffabf","#5aabff","#4ecaa5","#686edc"];return e[t%e.length]},ChartService.isLightColor=function(t){t=t.replace(/^#/,"");if(6!==t.length)throw new Error("请输入有效的6位十六进制颜色（如 #FF0000）");return 128<(299parseInt(t.substring(0,2),16)+587parseInt(t.substring(2,4),16)+114parseInt(t.substring(4,6),16))/1e3},ChartService.getMaxValue=function(t,e){void 0===e&&(e=0);function Jb(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){Jb(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){Jb(t)}),m.max(n,function(t){return t})},ChartService.getMinValue=function(t,e){void 0===e&&(e=0);function Rb(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){Rb(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){Rb(t)}),m.min(n,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,e,n){t=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+e).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",n?.4:1),t.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",n?1:.4)},ChartService.getInnerText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,s=t.symbol,c=t.type,c=void 0===c?"":c,t=t.percentDecimal,t=void 0===t?2:t,m=s\|\|"",i=ChartService.getPercentage(Number(a),i,t);return 5<i?(e&&n&&(m+=ChartService.formatValue(a,s,l)),e&&o&&(m+="pie"===c?"\n(":" ("),o&&r&&(m+=i+"%"),e&&o&&(m+=")"),m):""},ChartService.getBottomText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,t=t.symbol,s=t\|\|"";return e&&!n&&(s+=ChartService.formatValue(a,t,l)),o&&!r&&(""!==s&&(s+=" : "),s+=ChartService.getPercentage(Number(a),i,l)+"%"),s},ChartService.combineSmallGroups=function(t,e,n){void 0===e&&(e=.03),void 0===n&&(n="Others");var a,o,r,i=t.reduce(function(t,e){return t+e.values[0]},0);return 0===i?[]:(a=[],o=0,r=[],t.forEach(function(t){t.values[0]/i<e?(o+=t.values[0],t.pieces&&(r=r.concat(t.pieces))):a.push(t)}),0<o&&(t=t.find(function(t){return t.label!==n})\|\|t[0],a.push(p(p({},t),{label:n,values:[o],pieces:0<r.length?r:void 0}))),a.filter(function(t){return 0<t.values[0]}))};var u=ChartService;function ChartService(){}__extends(MoBarChart,g=e.Mixins(o)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(a=125),0<this.aggregates.length&&(t=70),this.hasSecondAxis&&(n=Math.max(n,65)),{top:e,right:n="grouped"!==this.groupType&&"stacked"!==this.groupType&&"stacked100"!==this.groupType?0:n,bottom:a,left:t}},enumerable:!1,configurable:!0}),MoBarChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChart.prototype.mounted=function(){this.redraw()},MoBarChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.displayData));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),this.hasLineChart&&this.renderLine(t),this.labelGroup.selectAll("").remove(),this.labelGroup.attr("transform","translate(0, 0)"),(0<this.categories.length\|\|!this.hasLineChart&&1<this.aggregates.length)&&this.renderLabel()},MoBarChart.prototype.init=function(){var e=this,t=(this.displayData=this.data.slice(0,this.maxDisplayCount),0),t="grouped"===this.groupType&&0<this.categories.length?u.getMaxValue(this.displayData):m.max(this.displayData,function(t){return m.max(t.values)})\|\|0,n=this.$el.querySelector(".main-chart"),a=this.$el.querySelector(".chart-legends"),n=(s.select(n).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=n&&0<n.clientWidth?n.clientWidth:300,this.svgHeight=n&&0<n.clientHeight?n.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.svgHeight-this.actualMargin.top-this.actualMargin.bottom,s.select(n).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight)),a=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),a=(this.svg=n.append("g").attr("class","chart-group").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.labelGroup=a.append("g").attr("class","label-group"),this.xAxisScale=i.scaleBand().domain(this.displayData.map(function(t){return t.label})).rangeRound([0,this.width]).padding(.2),this.yAxisScale=i.scaleLinear().domain([0,t]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).ticks(6).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.groupType&&"none"!==this.groupType&&(this.categories=[],this.displayData.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=t.pieces.map(function(t){return t.label}))})),0<this.categories.length&&(this.xAxisCategories=i.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).padding(.2).round(!1)),1<this.aggregates.length&&(n=this.aggregates.map(function(t){return t.label}),this.xAxisAggregates=i.scaleBand().domain(n).range([0,this.xAxisScale.bandwidth()]).padding(.2).round(!1)),0),t=0,n=0,o=0,t="grouped"===this.groupType?(a=u.getMaxValue(this.displayData)\|\|0,u.getMinValue(this.displayData)\|\|0):(a=m.max(this.displayData,function(t){return m.max(t.values)})\|\|0,m.min(this.displayData,function(t){return m.min(t.values)})\|\|0),r=(1<this.aggregates.length&&(n=m.max(this.displayData,function(t){return m.max(t.values)})\|\|0,o=m.min(this.displayData,function(t){return m.min(t.values)})\|\|0),a+.1Math.abs(a-t)),a=t<0?t-.1Math.abs(a-t):0;this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return u.formatDomainValue(t,e.actualMargin.bottom-40,!0)}),"stacked100"===this.groupType&&0<this.categories.length?(this.yAxisScale=i.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):this.hasLineChart?this.hasSecondAxis?(this.yAxisScale=i.scaleLinear().domain([a,r]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.secondYAxisScale=i.scaleLinear().domain([o<0?o:0,n]).range([this.height,0]).nice(),this.secondYAxis=l.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.line=d.line().curve(d.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,r]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.line=d.line().curve(d.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,r]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}))},MoBarChart.prototype.lineValue=function(t){return t.values[this.secondYIndex]},MoBarChart.prototype.renderAxis=function(){var t=this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis);t.selectAll("text").style("text-anchor","middle").attr("class","mo-axis-text").attr("x",0).attr("y",10),"vertical"===this.xAxisMode&&t.selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",5).attr("transform","rotate(-70, 0, 15)"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0),this.secondYAxis&&this.svg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.svgWidth+", 0)").call(this.secondYAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},MoBarChart.prototype.renderAxisLabel=function(){var t,n=this;u.defineAreaGradientsForCover(this.svg,0,!1),this.svg.append("rect").attr("x",-10).attr("y",this.svgHeight).attr("class","mo-cover").attr("height",10).style("fill","none"),this.svg.append("rect").attr("x",-10).attr("y",this.svgHeight).attr("class","mo-cover").attr("height",this.svgHeight).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.svgHeight-45).text((null==(t=this.groupings[0])?void 0:t.label)\|\|""),u.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-10).attr("y",-20).attr("width",this.svgHeight).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-10).attr("y",-10).attr("width",this.svgHeight).attr("height",30).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",-this.margin.left).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t,e){return n.hasSecondAxis&&e===n.secondYIndex?"":(e="currency"===t.dataType?null==(e=null==(e=n.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?u.formatDomainValue("("+e+") "+t.label,n.svgWidth,!1):u.formatDomainValue(t.label,n.svgWidth,!1)}).filter(Boolean).join(", "):""),this.hasSecondAxis&&this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",this.svgWidth+20).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(function(){var t,e=n.aggregates[n.secondYIndex];return e?(t=(null==(t=null==(t=n.displayData[0])?void 0:t.reportMetadata)?void 0:t.currency)\|\|"")?e.label+" ("+t+")":e.label:""})},MoBarChart.prototype.renderSpaceLine=function(){this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",3).attr("x2",this.width).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale)},MoBarChart.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.displayData));return t.forEach(function(t){for(var e=t.pieces,r=void 0===e?[]:e,i=t.values,n=r.length;0<=n;--n)r.forEach(function(t,e){var n,a,o;t.y=(n=r,e=e,a=i[0],e===n.length-1?"stacked100"===l.groupType?l.yAxisScale(n[e].values[0]/a):l.yAxisScale(n[e].values[0]):(o=n[e+1].y\|\|l.height,"stacked100"===l.groupType?o-l.height+l.yAxisScale(n[e].values[0]/a):o-l.height+l.yAxisScale(n[e].values[0]))),t.percentage=t.values[0]/i[0]})}),t},MoBarChart.prototype.renderBar=function(t){var e=this,t=t.slice(0,this.maxDisplayCount);0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(this.renderStackedBar(t),this.renderData(t)):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(t):(this.svg.selectAll(".bar").data(t).enter().append("rect").style("fill",u.getColor(0,this.colors)).attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",this.yAxisScale(0)).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("y",function(t){t=t.values[0];return 0<=t?e.yAxisScale(t):e.yAxisScale(0)}).attr("height",function(t){t=t.values[0];return Math.abs(e.yAxisScale(t)-e.yAxisScale(0))}),this.renderData(t))},MoBarChart.prototype.renderGroupedAggregatesBar=function(t){var a=this,t=this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+a.xAxisScale(t.label)+", 0)"});t.selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("x",function(t,e){return a.xAxisAggregates(a.aggregates[e].label)}).attr("y",this.yAxisScale(0)).attr("height",0).attr("width",this.xAxisAggregates.bandwidth()).style("fill",function(t,e){return u.getColor(e,a.colors)}).transition().duration(1e3).attr("y",function(t){return 0<=t?a.yAxisScale(t):a.yAxisScale(0)}).attr("height",function(t){return Math.abs(a.yAxisScale(t)-a.yAxisScale(0))}),t.selectAll(".mo-data-text").data(function(t){return t.values}).enter().append("text").attr("class","mo-data-text").attr("x",function(t,e){return a.xAxisAggregates(a.aggregates[e].label)+a.xAxisAggregates.bandwidth()/2}).attr("y",this.yAxisScale(0)).attr("text-anchor","middle").style("fill",this.valueColor).text(function(t){return 0!==t?u.formatValue(t,"",a.decimal):""}).transition().duration(1e3).attr("y",function(t){var e=a.yAxisScale(t);return 0<=t?e-5:e+20}).attr("transform",function(t,e){var e=a.xAxisAggregates(a.aggregates[e].label)+a.xAxisAggregates.bandwidth()/2,e=0<=t?e-6:e+5,n=a.yAxisScale(t);return"rotate(-90, "+e+", "+(0<=t?n-15:n+20)+")"})},MoBarChart.prototype.renderGroupedBar=function(t){var a=this,t=this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+a.xAxisScale(t.label)+", 0)"});t.selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("x",function(t){return a.xAxisCategories(t.label)}).attr("y",this.yAxisScale(0)).attr("width",this.xAxisCategories.bandwidth()).attr("height",0).style("fill",function(t,e){return u.getColor(e,a.colors)}).transition().duration(1e3).attr("y",function(t){t=t.values[0];return 0<=t?a.yAxisScale(t):a.yAxisScale(0)}).attr("height",function(t){t=t.values[0];return Math.abs(a.yAxisScale(t)-a.yAxisScale(0))}),t.selectAll(".mo-data-text").data(function(t){return t.pieces\|\|[]}).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return a.xAxisCategories(t.label)+a.xAxisCategories.bandwidth()/2}).attr("y",this.yAxisScale(0)).attr("text-anchor","middle").style("fill",this.valueColor).text(function(t){return 0!==t.values[0]?u.formatValue(t.values[0],"",a.decimal):""}).transition().duration(1e3).attr("y",function(t){var t=t.values[0],e=a.yAxisScale(t);return 0<=t?e-5:e+20}).attr("transform",function(t){var e=a.xAxisCategories(t.label)+a.xAxisCategories.bandwidth()/2,t=t.values[0],e=0<=t?e-6:e+5,n=a.yAxisScale(t);return"rotate(-90, "+e+", "+(0<=t?n-15:n+20)+")"})},MoBarChart.prototype.renderStackedBar=function(t){var n=this,t=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("y",this.yAxisScale(0)).attr("width",this.xAxisScale.bandwidth()).attr("height",0).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){return t.y}).attr("height",function(t){return"stacked100"===n.groupType?n.height-n.yAxisScale(t.percentage):(t=t.values[0],Math.abs(n.yAxisScale(t)-n.yAxisScale(0)))})},MoBarChart.prototype.renderLine=function(t){var e=this,n=u.getColor(this.categories.length\|\|1,this.colors),a=this.svg.append("path").datum(t).attr("d",this.line).attr("class","mo-data-line").style("stroke",n),o=a.node().getTotalLength(),r=(a.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),this.secondYAxisScale\|\|this.yAxisScale);this.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).attr("cy",function(t){return r(e.lineValue(t))}).attr("r",3).attr("class","mo-line-point").style("fill",n)},MoBarChart.prototype.renderData=function(t){var a=this;this.svg.selectAll(".bar").data(t).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return a.xAxisScale(t.label)+a.xAxisScale.bandwidth()/2}).attr("y",this.yAxisScale(0)).style("fill","#5bdcef").attr("text-anchor","middle").text(function(t){return 0!==t.values[0]?u.formatValue(t.values[0],"",a.decimal):""}).transition().duration(1e3).attr("y",function(t){var t=t.values[0],e=a.yAxisScale(t);return 0<=t?e-5:e+20}).attr("transform",function(t){var e=a.xAxisScale(t.label)+a.xAxisScale.bandwidth()/2,t=t.values[0],e=0<=t?e-6:e+5,n=a.yAxisScale(t);return"rotate(-90, "+e+", "+(0<=t?n-15:n+20)+")"})},MoBarChart.prototype.renderLabel=function(){var n=this,a=0,a=(null!=(t=this.groupings[1])&&t.label?this.labelGroup.append("text").attr("x",10).attr("y",this.TITLE_HEIGHT).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)):this.labelGroup.append("text").attr("x",10).attr("y",this.TITLE_HEIGHT).attr("class","mo-label-title").text("Measure"),this.TITLE_HEIGHT+15),t=[],t=(0<this.categories.length?t=this.categories:!this.hasLineChart&&1<this.aggregates.length&&(t=this.aggregates),this.labelGroup.selectAll(".mo-legend").data(t).enter().append("g").attr("class","mo-legend"));t.append("rect").attr("width",15).attr("height",15).attr("x",10).attr("y",function(t,e){return a+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),0<this.categories.length?t.append("text").attr("x",35).attr("y",function(t,e){return a+12+25e}).attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t,n.legendSvgWidth-35,!1)}):!this.hasLineChart&&1<this.aggregates.length&&t.append("text").attr("x",35).attr("y",function(t,e){return a+12+25e}).attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t.label,n.legendSvgWidth,!1)})},__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:40,right:20,bottom:20,left:70}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],MoBarChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([e.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChart.prototype,"valueColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null);var g,f=__decorate([e.Component({})],MoBarChart);function MoBarChart(){var t=null!==g&&g.apply(this,arguments)\|\|this;return t.TITLE_HEIGHT=20,t.MIN_WIDTH=20,t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=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.additionalHeight=0,t.labelGroup=null,t.displayData=[],t.maxDisplayCount=20,t}function normalizeComponent(t,e,n,a,o,r,i,l,s,c){"boolean"!=typeof i&&(s=l,l=i,i=!1);var m,d,h="function"==typeof n?n.options:n;return t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,o)&&(h.functional=!0),a&&(h._scopeId=a),r?(m=function(t){(t=t\|\|this.$vnode&&this.$vnode.ssrContext\|\|this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)\|\|"undefined"==typeof __VUE_SSR_CONTEXT__\|\|(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},h._ssrRegister=m):e&&(m=i?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),m&&(h.functional?(d=h.render,h.render=function renderWithStyleInjection(t,e){return m.call(e),d(t,e)}):(t=h.beforeCreate,h.beforeCreate=t?[].concat(t,m):[m])),n}var b,N="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function addStyle(t,e){var n=N?e.media\|\|"default":t,n=x[n]\|\|(x[n]={ids:new Set,styles:[]});{var a;n.ids.has(t)\|\|(n.ids.add(t),t=e.source,e.map&&(t=(t+="\n/# sourceURL="+e.map.sources[0]+" /")+"\n/# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" /"),n.element\|\|(n.element=document.createElement("style"),n.element.type="text/css",e.media&&n.element.setAttribute("media",e.media),(b=void 0===b?document.head\|\|document.getElementsByTagName("head")[0]:b).appendChild(n.element)),"styleSheet"in n.element?(n.styles.push(t),n.element.styleSheet.cssText=n.styles.filter(Boolean).join("\n")):(e=n.ids.size-1,t=document.createTextNode(t),(a=n.element.childNodes)[e]&&n.element.removeChild(a[e]),a.length?n.element.insertBefore(t,a[e]):n.element.appendChild(t)))}}}var x={};function w(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|"stacked"===t.groupType\|\|"stacked100"===t.groupType\|\|!t.hasLineChart&&1<t.aggregates.length?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function y(t){t&&t("data-v-04b7eb40_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #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._withStripped=!0;var v,A=normalizeComponent({render:w,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},y,f,void 0,!1,void 0,!1,createInjector,void 0,void 0);function MoBarChartHorizontal(){var t=null!==v&&v.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.width=0,t.height=0,t.mainSvg=null,t.legendsSvg=null,t.xAxisScale=null,t.yAxisScale=null,t.xAxis=null,t.yAxis=null,t.yAxisCategories=null,t.yAxisAggregates=null,t.categories=[],t.mainChart=null,t.labelGroup=null,t.additionalHeight=0,t.barOffsetY=7,t.displayData=[],t.maxDisplayCount=20,t}__extends(MoBarChartHorizontal,v=e.Mixins(o)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.right,t=t.left;return 0<this.groupings.length?{top:70,right:e,bottom:40,left:t}:this.margin},enumerable:!1,configurable:!0}),MoBarChartHorizontal.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChartHorizontal.prototype.mounted=function(){this.redraw()},MoBarChartHorizontal.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.displayData));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),0===this.categories.length&&this.aggregates.length<=1&&this.renderData(t),this.labelGroup.selectAll("").remove(),this.labelGroup.attr("transform","translate(0, 0)"),0<this.categories.length&&this.renderLabel()},MoBarChartHorizontal.prototype.init=function(){var t,e=this,n=(this.categories=[],this.displayData=this.data.slice(0,this.maxDisplayCount),this.groupType&&"none"!==this.groupType&&this.displayData.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=t.pieces.map(function(t){return t.label}))}),t="grouped"===this.groupType&&0<this.categories.length?u.getMaxValue(this.displayData):m.max(this.displayData,function(t){return m.max(t.values)}),((null==(n=this.aggregates)?void 0:n[0])\|\|{}).unitSymbol),n=5u.formatValue(t\|\|0,n,this.decimal).length+10,n=(this.actualMargin.right=Math.max(this.margin.right,n),this.$el.querySelector(".main-chart")),a=this.$el.querySelector(".chart-legends");s.select(n).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=n&&0<n.clientWidth?n.clientWidth:300,this.svgHeight=n&&0<n.clientHeight?n.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.svgHeight-this.actualMargin.top-this.actualMargin.bottom,this.mainSvg=s.select(n).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),this.legendsSvg=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=i.scaleLinear().domain([0,1]).range([0,this.width]).nice(),this.xAxis=l.axisTop(this.xAxisScale).ticks(5).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):(this.xAxisScale=i.scaleLinear().domain([0,t\|\|10]).range([0,this.width]).nice(),this.xAxis=l.axisTop(this.xAxisScale).ticks(5).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)})),this.yAxisScale=i.scaleBand().domain(this.displayData.map(function(t){return t.label})).range([0,this.height]).padding(.2),0<this.categories.length&&(this.yAxisCategories=i.scaleBand().domain(this.categories).range([0,this.yAxisScale.bandwidth()]).padding(.2).round(!1)),0<this.aggregates.length&&(this.yAxisAggregates=i.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.svgHeight]).round(!1)),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatDomainValue(t,e.actualMargin.left-20,!1)}),this.mainChart=this.mainSvg.append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.labelGroup=this.legendsSvg.append("g").attr("transform","translate(0, 0)")},MoBarChartHorizontal.prototype.renderAxis=function(){this.mainSvg.append("g").attr("class","x mo-axis").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",-5).attr("x",-25).attr("transform","rotate(70, -12, 12)"),this.mainSvg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.actualMargin.left+", "+(this.actualMargin.top+10)+")").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",-Math.round(this.barPadding/2))},MoBarChartHorizontal.prototype.renderAxisLabel=function(){var n=this;this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.width/2+this.actualMargin.left).attr("y",15).text(function(){var t=n.aggregates.map(function(t){return t.label}).join(", "),e="currency"===(null==(e=n.aggregates[0])?void 0:e.dataType)?null==(e=null==(e=n.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?u.formatDomainValue("("+e+") "+t,n.svgWidth,!1):u.formatDomainValue(t,n.svgWidth,!1)}),this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",-this.svgHeight/2).attr("y",10).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",0).attr("y2",this.height),this.mainChart.append("line").attr("class","mo-space-line").attr("x1",0).attr("y1",0).attr("x2",0).attr("y2",this.height)},MoBarChartHorizontal.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.displayData));return t.forEach(function(t){var e=t.pieces,r=void 0===e?[]:e,i=t.values;r.forEach(function(t,e){var n,a,o;t.x=(n=e,a=i[0],o=0,r.forEach(function(t,e){e<n&&("stacked100"===l.groupType?o+=l.xAxisScale(t.values[0]/a):o+=l.xAxisScale(t.values[0]))}),o),t.percentage=t.values[0]/i[0]})}),t},MoBarChartHorizontal.prototype.renderBar=function(t){var e=this;0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(this.renderStackedBar(t),this.renderData(t)):1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.mainChart.selectAll(".bar").data(t).enter().append("rect").attr("class","bar").attr("x",0).attr("y",function(t){return e.yAxisScale(t.label)}).attr("width",0).attr("height",this.yAxisScale.bandwidth()).style("fill",u.getColor(0,this.colors)).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderGroupedAggregatesBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate(0, "+n.yAxisScale(t.label)+")"}).selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("x",0).attr("y",function(t,e){return n.yAxisAggregates(n.aggregates[e].label)}).attr("height",this.yAxisScale.bandwidth()).attr("width",0).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t)})},MoBarChartHorizontal.prototype.renderGroupedBar=function(t){var n=this,t=this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate(0, "+n.yAxisScale(t.label)+")"});t.selectAll("rect").data(function(t){return t.pieces\|\|[]}).enter().append("rect").attr("class","rect").attr("x",0).attr("y",function(t){return n.yAxisCategories(t.label)}).attr("width",0).attr("height",this.yAxisCategories.bandwidth()).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){t=t.values[0];return Math.abs(n.xAxisScale(t)-n.xAxisScale(0))}),t.selectAll(".mo-data-text").data(function(t){return t.pieces\|\|[]}).enter().append("text").attr("class","mo-data-text").attr("x",0).attr("y",function(t){return n.yAxisCategories(t.label)+n.yAxisCategories.bandwidth()/2+5}).style("fill",this.valueColor).attr("text-anchor","start").text(function(t){return 0<t.values[0]?u.formatValue(t.values[0],"",n.decimal):""}).transition().duration(1e3).attr("x",function(t){t=t.values[0];return Math.abs(n.xAxisScale(t)-n.xAxisScale(0))+5})},MoBarChartHorizontal.prototype.renderStackedBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate(0, "+n.yAxisScale(t.label)+")"}).selectAll("rect").data(function(t){return t.pieces\|\|[]}).enter().append("rect").attr("class","rect").attr("x",0).attr("width",this.xAxisScale(0)).attr("height",this.yAxisScale.bandwidth()).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("x",function(t){return t.x}).attr("width",function(t){return"stacked100"===n.groupType?n.xAxisScale(t.percentage):n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderData=function(t){var e=this;this.mainChart.selectAll(".mo-data-text").data(t).enter().append("text").attr("class","mo-data-text").style("fill",this.valueColor).attr("text-anchor","start").attr("x",0).attr("y",function(t){return e.yAxisScale(t.label)+e.yAxisScale.bandwidth()/2+5}).text(function(t){return 0<t.values[0]?u.formatValue(t.values[0],"",e.decimal):""}).transition().duration(1e3).attr("x",function(t){return e.xAxisScale(t.values[0])+5})},MoBarChartHorizontal.prototype.renderLabel=function(){var n=this,t=(this.labelGroup.append("text").attr("x",10).attr("y",15).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)),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",10).attr("y",function(t,e){return 30+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",35).attr("y",function(t,e){return 42+25e}).attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t,n.legendSvgWidth,!1)})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:80,right:30,bottom:20,left:120}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([e.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"outer"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([e.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null);function F(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|"stacked"===t.groupType\|\|"stacked100"===t.groupType?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function H(t){t&&t("data-v-1762f448_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var k,f=__decorate([e.Component({})],MoBarChartHorizontal),_=(F._withStripped=!0,normalizeComponent({render:F,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},H,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function PieChart(){var t=null!==k&&k.apply(this,arguments)\|\|this;return t.width=0,t.height=0,t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.chartDataForLegend=[],t.legendsSvg=null,t.total=0,t.arcLayout=null,t.arc3dLayout=null,t.pieLayout=null,t.radius=0,t.innerRadius=0,t.arcGroup=null,t.arc=null,t.centerGroup=null,t.labelGroup=null,t.rightNavImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCQTdEM0Y5NEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCQTdEM0ZBNEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JBN0QzRjc0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JBN0QzRjg0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zV8eYAAAB9klEQVR42sSYW0QEYRiGdztSlCillmUVkSK6iSidLrabSiKJIl0UnW5KEUUqSQdFpairKEpGlu1IdBERUUp3RRcRSemgw/vzDeMzqUz7zcvD7sfsPnZm/nn/dWqa5rCQaDAFkkATOHVYTIjF41dAEb3eBnng3MoHBlk4NhTkG94nkFSyXUJvYJjN1KnbBR47hFS6wASbucAOcNsh9AlawTSbu0nKJS2kSzWCeTb3kFSitJAu1QAW2DyFLvR4aSGVD1APltg8laTipIVU3kENrU/GpIEtECstpEtVg1U2zwB+ECMtpK9RVYA/lzJJKlpaSOUVVAAfm2fRLEpaSJcqB5tsng02QKS0kMozKAV7bJ5DUhFmQv3ghdaTQPBITYAnF6wbpXShDhDmsCeFYFzylP0m6VxoiC5Au+LjQt0gHDgDiGqnyyYyV2BW+pQFg0VQyebX1DpvJIXUd8zR48QYJVEALiXXIXWqZkAtm9+SzIXkwqhkJqmSmMmcST86RqlJGnMHisGJ9MN1BLSw2T3JHEvXjwHQ/o3MkXRB6wWdbPYAvOBQusL2EMY8gRJwIF3yO+jXMZPZl94GtYFBkw5UZtKBAi7UTHeUWUv0S2+l68AYLYA/9WgRoSYm891OQ0xI+8Ve7M+x8g9aH9UKL3Xytf+4Xb8EGABhpHk2U/H9dQAAAABJRU5ErkJggg==",t.rotation={index:0,angle:0,startAngle:0,originalAngle:0},t}__extends(PieChart,k=e.Mixins(o)),PieChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},PieChart.prototype.mounted=function(){this.redraw()},PieChart.prototype.redraw=function(){this.init(),this.renderPie(),this.renderLegends(),this.donut&&(this.addDonut(),this.showTotal)&&this.renderTotal(),this.renderInnerLabel(),this.changeContent()},PieChart.prototype.changeContent=function(){var t,e=this.chartDataForLegend,n=(-1===this.rotation.index&&(this.rotation.index=0),u.getPercentage(e[this.rotation.index].values[0],this.total,this.decimal)),a=u.formatValue(e[this.rotation.index].values[0],this.symbol),o=this.$el.querySelector(".percentage"),r=this.$el.querySelector(".label");o&&((t=s.select(o)).style("color",u.getColor(this.rotation.index,this.colors)),t.text(a+" : "+n+"%")),r&&(t=s.select(r)).text(e[this.rotation.index].label)},PieChart.prototype.init=function(){this.combineSmallGroups?this.chartDataForLegend=u.combineSmallGroups(__spreadArrays(this.data),.03,"Others"):this.chartDataForLegend=__spreadArrays(this.data);var t=this.$el.querySelector(".main-chart"),e=this.$el.querySelector(".chart-legends"),t=(s.select(t).selectAll("").remove(),s.select(e).selectAll("").remove(),this.svgWidth=t&&0<t.clientWidth?t.clientWidth:300,this.svgHeight=t&&0<t.clientHeight?t.clientHeight:300,this.legendSvgWidth=e&&0<e.clientWidth?e.clientWidth:150,this.legendSvgHeight=e&&0<e.clientHeight?e.clientHeight:this.svgHeight,this.width=Math.min(this.svgWidth,this.svgHeight),this.height=this.svgHeight,s.select(t).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight)),e=(this.legendsSvg=s.select(e).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.radius=this.width/2-30,this.innerRadius=this.donut?.43this.radius:0,this.rotation={index:0,angle:0,startAngle:0,originalAngle:0},this.aggregate&&(this.height+=40),this.aggregate&&(e="currency"===this.aggregate.dataType?null==(e=null==(e=this.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"",n=t.append("text").attr("class","mo-axis-label").attr("x",this.svgWidth/2).style("font-size",Math.min(16,.04this.svgWidth)+"px").attr("y",40),e?n.text(u.formatDomainValue("("+e+") "+this.aggregate.label,this.svgWidth,!1)):n.text(u.formatDomainValue(this.aggregate.label,this.svgWidth,!1))),this.total=this.data[0].total,0===this.total&&(this.total=this.data.reduce(function(t,e){return t+e.values[0]},0)),this.arcLayout=d.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=d.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=d.pie().value(function(t){return t.values[0]}),this.pieLayout(this.chartDataForLegend)[this.rotation.index]),n=(this.rotation.angle=180-(e.startAngle+e.endAngle)/2/Math.PI180,this.aggregate?20:0);this.arcGroup=t.append("svg:g").attr("transform","translate("+this.svgWidth/2+", "+(this.svgHeight/2+n)+")\n rotate("+this.rotation.angle+")"),this.arc=this.arcGroup.selectAll(".arc").data(this.pieLayout(this.chartDataForLegend)).enter().append("g").attr("class","arc"),this.centerGroup=t.append("svg:g").attr("transform","translate("+this.svgWidth/2+", "+(this.svgHeight/2+n)+")"),this.labelGroup=t.append("svg:g"),this.chartDataForLegend=this.chartDataForLegend},PieChart.prototype.renderPie=function(){var n=this;this.arc.append("svg:path").style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arcLayout(e(t))}})},PieChart.prototype.renderLegends=function(){var n,t,a=this;0!==this.chartDataForLegend.length&&(n=0,this.groupBy&&this.aggregate&&(this.legendsSvg.append("text").attr("x",10).attr("y",40).attr("class","mo-label-title").style("font-size",Math.min(16,.04this.svgWidth)+"px").text(u.formatDomainValue(this.groupBy.label,this.legendSvgWidth,!1)),n=65),(t=this.legendsSvg.selectAll(".mo-legend").data(this.chartDataForLegend).enter().append("g").attr("class","mo-legend")).append("rect").attr("width",15).attr("height",15).attr("x",10).attr("y",function(t,e){return n+25e}).attr("fill",function(t,e){return u.getColor(e,a.colors)}),t.append("text").attr("x",35).attr("y",function(t,e){return n+12+25e}).attr("class","mo-legend-text").style("font-size",Math.min(16,.04this.svgWidth)+"px").text(function(t){return u.formatDomainValue(t.label,a.legendSvgWidth-5,!1)}))},PieChart.prototype.addDonut=function(){var n=this;this.arc.append("svg:path").attr("class","mo-inner-arc").transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arc3dLayout(e(t))}})},PieChart.prototype.renderTotal=function(){this.centerGroup.append("svg:text").style("text-anchor","middle").attr("class","mo-summary-label").transition().delay(500).text(this.totalLabel),this.centerGroup.append("svg:text").attr("y",18).style("text-anchor","middle").attr("class","mo-summary-value").transition().delay(500).text(u.formatValue(this.total,this.symbol,1))},PieChart.prototype.renderInnerLabel=function(){var r=this,i=this.chartDataForLegend.reduce(function(t,e){return t+e.values[0]},0);this.arc.each(function(t,e,n){var n=n[e],n=s.select(n),a=u.getInnerText({showValue:r.showValue,innerValue:"inner"===r.valuePosition,value:t.value,showPercentage:r.showPercentage,innerPercentage:"inner"===r.percentagePosition,total:i,decimal:r.decimal,symbol:"",type:"pie"}),a=0<a.indexOf("\n")?a.split("\n"):[""+a],o=n.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").attr("dominant-baseline","middle").style("fill",function(){var t=u.getColor(e,r.colors);return u.isLightColor(t)?"#000000":"#ffffff"}).style("font-size",Math.min(16,.035r.svgWidth)+"px");o.transition().duration(750).attr("transform",function(){return"translate("+r.arcLayout.centroid(t)+") rotate("+-r.rotation.angle+")"}),a.forEach(function(t,e){o.append("tspan").attr("x",0).attr("dy",0===e?"0em":"1.2em").text(t)})})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"combineSmallGroups",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:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?f:Object)],PieChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],PieChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null);function P(){this.$createElement;return this._self._c,this._m(0)}function R(t){t&&t("data-v-19f901d9_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var C,f=__decorate([e.Component({})],PieChart),S=(P._withStripped=!0,normalizeComponent({render:P,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-container"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},R,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function LineChart(){var t=null!==C&&C.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.width=0,t.height=0,t.mainSvg=null,t.legendsSvg=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.displayData=[],t.maxDisplayCount=20,t}__extends(LineChart,C=e.Mixins(o)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length?{top:e,right:n,bottom:130,left:t}:0<this.aggregates.length?{top:e,right:n,bottom:a,left:65}:this.margin},enumerable:!1,configurable:!0}),LineChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},LineChart.prototype.mounted=function(){this.redraw()},LineChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderDataLine(),1<this.aggregates.length?this.renderMeasure():0<this.categories.length&&this.renderLabel(),this.showValue&&this.renderData()},LineChart.prototype.init=function(){var e,n=this,t=this.data.length>this.maxDisplayCount?this.data.length-this.maxDisplayCount:0,t=(this.displayData=this.data.slice(t),this.$el.querySelector(".main-chart")),a=this.$el.querySelector(".chart-legends"),t=(s.select(t).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=t&&0<t.clientWidth?t.clientWidth:300,this.svgHeight=t&&0<t.clientHeight?t.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.svgHeight-this.actualMargin.top-this.actualMargin.bottom,this.mainSvg=s.select(t).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.legendsSvg=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.categories=[],this.displayData.slice(0,20));this.maxValue=m.max(t,function(t){return m.max(t.values)}),"grouped"===this.groupType&&(this.refactorGroupedData(),e=[],t.forEach(function(t){e.push.apply(e,t.pieces)}),this.maxValue=m.max(e,function(t){return m.max(t.values)})),this.refactoredData=JSON.parse(JSON.stringify(t)),"cumulativeGrouped"!==this.groupType&&"cumulative"!==this.groupType\|\|this.refactorCumulateData(),this.xAxisScale=i.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width]).padding(.5),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatDomainValue(t,100,!0)}),this.yAxisScale=i.scaleLinear().domain([0,this.maxValue\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatValue(t,"",n.decimal)}),this.area=d.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,e){return void 0===e&&(e=0),"cumulativeGrouped"===this.groupType\|\|"cumulative"===this.groupType?t.cumulates[e]\|\|0:t.values[e]},LineChart.prototype.line=function(e){var n=this;return void 0===e&&(e=0),d.line().curve(d.curveLinear).x(function(t){return n.xAxisScale(t.label)}).y(function(t){return n.yAxisScale(n.lineValue(t,e))})},LineChart.prototype.refactorGroupedData=function(){var n=[];this.displayData.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(m.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},LineChart.prototype.refactorCumulateData=function(){var r=this;0<this.categories.length?this.categories.forEach(function(o){o.value.forEach(function(n,a){n.cumulates=n.cumulates\|\|[],n.values.forEach(function(t,e){e=0<a?o.value[a-1].cumulates[e]+t:t;n.cumulates.push(e),e>r.maxValue&&(r.maxValue=e)})})}):this.refactoredData.forEach(function(a,o){a.cumulates=new Array(a.values.length).fill(0),a.values.forEach(function(t,e){var n=(0<o&&null!=(n=null==(n=null==(n=r.refactoredData[o-1])?void 0:n.cumulates)?void 0:n[e])?n:0)+t;(a.cumulates[e]=n)>r.maxValue&&(r.maxValue=n)})})},LineChart.prototype.renderAxis=function(){this.mainSvg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").attr("class","mo-axis-text").attr("y",10).attr("x",-8).attr("dy",0).attr("transform","rotate(-70)").style("text-anchor","end"),this.mainSvg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},LineChart.prototype.renderAxisLabel=function(){var n=this;this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.svgHeight-25).text(this.groupings[0].label),this.mainSvg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("x",-this.height/2).attr("y",-this.actualMargin.left).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t){var e="currency"===t.dataType?null==(e=null==(e=n.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?u.formatDomainValue("("+e+") "+t.label,n.svgWidth,!1):u.formatDomainValue(t.label,n.svgWidth,!1)}).join(", "):"")},LineChart.prototype.renderSpaceLine=function(){var e=this;this.mainSvg.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.mainSvg.selectAll(".mo-vertical-line").data(this.refactoredData).enter().append("line").attr("class","mo-space-line").attr("x1",function(t){return e.xAxisScale(t.label)}).attr("y1",this.height).attr("x2",function(t){return e.xAxisScale(t.label)}).attr("y2",0),this.mainSvg.selectAll(".mo-axis-point").data(this.refactoredData).enter().append("circle").attr("class","mo-axis-point").attr("r",2).attr("cx",function(t){return e.xAxisScale(t.label)}).attr("cy",this.height)},LineChart.prototype.renderDataLine=function(){function kg(t,e,n){var a=(n=void 0===n?!1:n)?e:0,n=u.getColor(e,r.colors),o=(e=r.mainSvg.append("path").datum(t).attr("d",r.line(a)).attr("class","mo-data-line").style("stroke",n)).node().getTotalLength();e.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),r.mainSvg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return r.xAxisScale(t.label)}).attr("cy",function(t){return r.yAxisScale(r.lineValue(t,a))}).attr("r",r.pointRadius).attr("class","mo-line-point").style("fill",n)}var r=this;0<this.categories.length?this.categories.forEach(function(t,e){return kg(t.value,e)}):1<this.aggregates.length?this.aggregates.forEach(function(t,e){return kg(r.refactoredData,e,!0)}):(this.defineAreaGradients(0,u.getColor(0,this.colors)),kg(this.refactoredData,0),this.mainSvg.append("path").datum(this.refactoredData).attr("class","mo-line-area").style("fill","url(#MoLineAreaGradient0)").transition().duration(1e3).attr("d",this.area))},LineChart.prototype.defineAreaGradients=function(t,e){t=this.mainSvg.append("defs").append("linearGradient").attr("id","MoLineAreaGradient"+t).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color",e).attr("stop-opacity",0),t.append("stop").attr("offset","100%").attr("stop-color",e).attr("stop-opacity",.7)},LineChart.prototype.renderMeasure=function(){var n=this,t=this.legendsSvg.append("g"),t=(t.append("text").attr("x",0).attr("y",10).attr("class","mo-label-title").text("Measure"),t.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return 25+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",20).attr("y",function(t,e){return 37+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return u.formatDomainValue(t.label,n.legendSvgWidth,!1)})},LineChart.prototype.renderLabel=function(){var n=this,t=this.legendsSvg.append("g"),t=(t.append("text").attr("x",0).attr("y",10).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return 25+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",20).attr("y",function(t,e){return 37+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return u.formatDomainValue(t.key,n.legendSvgWidth,!1)})},LineChart.prototype.renderData=function(){var e=this;"cumulativeGrouped"===this.groupType\|\|"cumulative"===this.groupType?this.mainSvg.selectAll(".line-text").data(this.refactoredData).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){return e.yAxisScale(t.cumulates[0])-5}).attr("text-anchor","middle").text(function(t){return 0!==t.cumulates[0]?u.formatValue(t.cumulates[0],"",e.decimal):""}).attr("transform",function(t){return"rotate(-20, "+e.xAxisScale(t.label)+", "+(e.yAxisScale(t.cumulates[0])-5)+")"}):this.mainSvg.selectAll(".line-text").data(this.displayData).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){return e.yAxisScale(t.values[0])-5}).attr("text-anchor","middle").text(function(t){return 0!==t.values[0]?u.formatValue(t.values[0],"",e.decimal):""}).attr("transform",function(t){return"rotate(-20, "+e.xAxisScale(t.label)+", "+(e.yAxisScale(t.values[0])-5)+")"})},__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:20,right:10,bottom:0,left:70}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],LineChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null);function Y(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|"cumulativeGrouped"===t.groupType\|\|1<t.aggregates.length\|\|0<t.categories.length?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function $(t){t&&t("data-v-9b29bf16_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var z,f=__decorate([e.Component({})],LineChart),M=(Y._withStripped=!0,normalizeComponent({render:Y,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends",staticStyle:{width:"20%"}})])}]},$,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==z&&z.apply(this,arguments)\|\|this;return t.funnelWidth=0,t.funnelHeight=0,t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.legendItemHeight=25,t.mainSvg=null,t.legendsSvg=null,t.total=0,t.refactoredData=[],t.colorMap=new Map,t}__extends(FunnelChart,z=e.Mixins(o)),FunnelChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},FunnelChart.prototype.mounted=function(){this.redraw()},FunnelChart.prototype.redraw=function(){this.init(),this.renderFunnel(),this.renderLegend()},FunnelChart.prototype.init=function(){var t,m=this,e=(this.colorMap.clear(),this.refactoredData=[],(t=this.combineSmallGroups?u.combineSmallGroups(__spreadArrays(this.data),.03,"Others"):__spreadArrays(this.data)).filter(function(t){return 0<t.values[0]})),e=__spreadArrays(e),d=e.reduce(function(t,e){return t+e.values[0]},0),n=(t.forEach(function(t,e){m.colorMap.set(t.label,u.getColor(e,m.colors))}),this.$el.querySelector(".main-chart")),a=this.$el.querySelector(".chart-legends"),h=(s.select(n).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=n&&0<n.clientWidth?n.clientWidth:300,this.svgHeight=n&&0<n.clientHeight?n.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.funnelWidth=this.svgWidth,this.funnelHeight=this.svgHeight,50),p=this.funnelHeight-h-50,g=this.funnelWidth/1.5,f=.3this.funnelWidth;e.forEach(function(t){var e=h/p,n=Math.max(t.values[0]/dp,15),e=g-(g-f)e,a=g-(g-f)((h+n)/p),o=(m.funnelWidth-e)/2,r=h,e=o+e,i=r,l=(m.funnelWidth-a)/2+a,s=r+n,a=(m.funnelWidth-a)/2,c=s;h+=n,0<t.values[0]&&((n=JSON.parse(JSON.stringify(t))).points=[{x:o,y:r},{x:e,y:i},{x:l,y:s},{x:a,y:c}],m.refactoredData.push(n))}),this.mainSvg=s.select(n).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),this.legendsSvg=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.total=d,this.chartDataForLegend=t},FunnelChart.prototype.renderFunnel=function(){var e=this,t=this.mainSvg.selectAll("g").data(this.refactoredData).enter().append("g");t.append("polygon").attr("points",this.getPoint(this.refactoredData[0].points)).style("fill",function(t){return e.colorMap.get(t.label)\|\|"#fff"}).transition().duration(1e3).attr("points",function(t){return t.points.map(function(t){return[t.x,t.y].join(",")}).join(" ")}),t.append("text").attr("class","mo-label-inner").attr("x",this.funnelWidth/2).attr("y",function(t){return(t.points[0].y+t.points[3].y)/2+5}).style("fill",function(t){t=e.colorMap.get(t.label)\|\|"#dddddd";return u.isLightColor(t)?"#000000":"#ffffff"}).text(function(t){return u.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.values[0],showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:""})})},FunnelChart.prototype.getPoint=function(t){for(var e=[],n=0;n<4;n+=1)e.push(t[n].x+","+t[n].y);return e.join(" ")},FunnelChart.prototype.renderLegend=function(){var n,a=this,t=(this.mainSvg.selectAll(".legend").remove(),this.groupBy&&this.aggregate&&(n="currency"===(null==(t=this.aggregate)?void 0:t.dataType)?null==(t=null==(t=this.data[0])?void 0:t.reportMetadata)?void 0:t.currency:"",this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.funnelWidth/2).attr("y",30).text(function(){var t=(null==(t=a.aggregate)?void 0:t.label)\|\|"",e=u.formatValue(a.total,"",a.decimal);return u.formatDomainValue(n?"("+n+") "+t+": "+e:t+": "+e,a.svgWidth,!1)}),this.legendsSvg.append("text").attr("class","mo-label-title").attr("x",0).attr("y",30).text(u.formatDomainValue(this.groupBy.label,this.legendSvgWidth,!1))),this.chartDataForLegend),e=this.legendsSvg.append("g").attr("class","legend").attr("transform","translate(0, 50)"),o=e.selectAll("rect").data(t).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t){return a.colorMap.get(t.label)\|\|"#ddd"}),e=e.selectAll("text").data(t).enter().append("text").attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t.label,a.legendSvgWidth-2,!1)});"horizontal"===this.labelMode?(o.attr("x",function(t,e){return 10+100e}).attr("y",10),e.attr("x",function(t,e){return 35+100e}).attr("y",23)):(o.attr("x",0).attr("y",function(t,e){return 25e}),e.attr("x",25).attr("y",function(t,e){return 25e+13}))},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"combineSmallGroups",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?f:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null);function fa(){this.$createElement;return this._self._c,this._m(0)}function ha(t){t&&t("data-v-46dee47e_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var T,f=__decorate([e.Component({})],FunnelChart),G=(fa._withStripped=!0,normalizeComponent({render:fa,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-container"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},ha,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==T&&T.apply(this,arguments)\|\|this;return t.svg=null,t.width=0,t.height=0,t.radius=0,t.backgroundArc=null,t.arc=null,t.centerArc=null,t.scale=null,t}__extends(GaugeChart,T=e.Mixins(o)),Object.defineProperty(GaugeChart.prototype,"minValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.min(this.data.minValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"maxValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.max(this.data.maxValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"labelWithCurrency",{get:function(){var t=(null==(t=this.aggregate)?void 0:t.label)\|\|"",e="currency"===(null==(e=this.aggregate)?void 0:e.dataType)?null==(e=this.data.reportMetadata)?void 0:e.currency:"";return e?t+" ("+e+")":t},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"valueWithCurrency",{get:function(){var t=(null==(t=this.data)?void 0:t.value)\|\|0;return u.formatValue(t,"",this.decimal)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"percentLabel",{get:function(){var t=(("string"==typeof this.data.value?parseFloat(this.data.value):this.data.value)/this.data.maxValue100).toFixed(0);return"("+u.formatValue(t,"",1)+"%)"},enumerable:!1,configurable:!0}),GaugeChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},GaugeChart.prototype.mounted=function(){this.redraw()},GaugeChart.prototype.redraw=function(){this.init(),this.renderGauge(),this.renderData(),this.renderPointer()},GaugeChart.prototype.init=function(){var t=this.$el,e=t&&0<t.clientWidth?t.clientWidth:300,t=t&&0<t.clientHeight?t.clientHeight:300;this.width=Math.min(e,t),this.height=t,this.radius=this.width/2-5,this.svg=s.select(this.$el).append("svg").attr("width",this.width).attr("height",this.height),this.defineGradient(),this.backgroundArc=d.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=d.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=d.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=i.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var o=this,t=(this.svg.append("path").attr("class","mo-gauge-back-arc").attr("transform","translate("+this.width/2+", "+this.height/2+")").attr("d",this.backgroundArc),this.svg.append("path").attr("class","mo-gauge-value-arc").attr("transform","translate("+this.width/2+", "+this.height/2+")").transition().duration(1e3).attrTween("d",function(){var t=o.angleToRadian(o.minAngle),e=o.angleToRadian(o.scale(o.data.value)),n={startAngle:t,endAngle:t},a={startAngle:t,endAngle:e};return function(t){return o.arc(r.interpolateObject(n,a)(t))}}),this.tickCalc()),e=this.getTicksAngles();this.svg.append("g").selectAll("path").data(e).enter().append("path").attr("d",t).attr("class","mo-gauge-tick"),this.svg.append("path").attr("class","mo-gauge-inner-arc").attr("transform","translate("+this.width/2+", "+this.height/2+")").attr("d",this.centerArc)},GaugeChart.prototype.renderData=function(){var t=this.svg.append("g").attr("transform","translate("+this.width/2+", "+(this.height/2+80)+")");t.append("text").text([u.formatValue(this.data.value,"",this.decimal),this.showPercentage?this.percentLabel:""].join("")).attr("class","mo-gauge-value"),t.append("text").attr("y",25).text(this.showRange?this.data.breakRange:"").attr("class","mo-gauge-range"),t.append("text").attr("y",this.showRange?45:25).text([this.label,u.formatValue(this.data.maxValue,"",this.decimal)].join(" ")).attr("class","mo-gauge-max-value"),this.aggregate&&t.append("text").attr("y",this.showRange?65:45).text(this.labelWithCurrency).attr("class","mo-axis-div-label")},GaugeChart.prototype.renderPointer=function(){var n=this,t=[[2.5,0],[0,-(this.radius-10)],[-2.5,0],[2.5,0]],e=d.line().curve(d.curveMonotoneX);this.svg.append("g").data([t]).attr("class","mo-gauge-pointer").attr("transform","translate("+this.width/2+", "+this.height/2+")").append("path").attr("d",e).attr("transform","rotate("+this.scale(this.minValue)+")").transition().duration(1e3).attrTween("transform",function(){var t=n.scale(n.minValue),e=n.scale(n.data.value);return r.interpolateString("rotate("+t+")","rotate("+e+")")}),this.svg.append("circle").attr("class","mo-gauge-inner-bg-arc").attr("cx",this.width/2).attr("cy",this.height/2).attr("r",10)},GaugeChart.prototype.defineGradient=function(){var t=this.svg.append("defs").append("linearGradient").attr("id","MoGaugeGradient").attr("x1","0").attr("y1","0").attr("x2","100%").attr("y2","0");t.append("stop").attr("offset","0%").attr("stop-color",this.gradientColors[0]),t.append("stop").attr("offset","100%").attr("stop-color",this.gradientColors[1])},GaugeChart.prototype.angleToRadian=function(t){return t(Math.PI/180)},GaugeChart.prototype.getTicksAngles=function(){for(var t=[],e=0,n=(this.scale(this.maxValue)-this.scale(this.minValue))/this.ticksNumber,a=this.minAngle;a<=this.maxAngle;a+=n)t.push(this.minAngle+ne),e+=1;return t},GaugeChart.prototype.tickCalc=function(){var o=this;return function(t){var t=(t-90)(Math.PI/180),e=o.radius-15,n=o.height/2+eMath.sin(t),a=o.height/2+(5+e)Math.sin(t),n=[{x:o.width/2+eMath.cos(t),y:n},{x:o.width/2+(5+e)Math.cos(t),y:a}];return d.line(function(t){return t.x},function(t){return t.y})(n)}},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof GaugeData&&GaugeData)?f:Object)],GaugeChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showTotal",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showRange",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showValue",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([e.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([e.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([e.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([e.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null);function oa(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart mo-gauge-chart"})}function qa(t){t&&t("data-v-45caa125_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #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}\n.mo-gauge-chart {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}',map:void 0,media:void 0})}var B,f=__decorate([e.Component({})],GaugeChart),D=(oa._withStripped=!0,normalizeComponent({render:oa,staticRenderFns:[]},qa,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MetricChart(){return null!==B&&B.apply(this,arguments)\|\|this}__extends(MetricChart,B=e.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return u.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!1,configurable:!0}),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof MetricData&&MetricData)?f:Object)],MetricChart.prototype,"data",void 0),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0);function xa(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-chart"},[e("div",{staticClass:"mo-metric"},[e("div",{staticClass:"mo-metric-inner"},[e("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),e("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}function za(t){t&&t("data-v-87bb7704_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var L,f=__decorate([e.Component({})],MetricChart),I=(xa._withStripped=!0,normalizeComponent({render:xa,staticRenderFns:[]},za,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function ScatterChart(){var t=null!==L&&L.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.width=0,t.height=0,t.mainSvg=null,t.legendsSvg=null,t.xAxisScale=null,t.xAxis=null,t.yAxisScale=null,t.yAxis=null,t.line=null,t.categories=[],t.additionalHeight=0,t.displayData=[],t.maxDisplayCount=20,t}__extends(ScatterChart,L=e.Mixins(o)),ScatterChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},ScatterChart.prototype.mounted=function(){this.redraw()},ScatterChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderPoint(),1<this.groupings.length&&0<this.categories.length&&this.renderLabel()},ScatterChart.prototype.init=function(){var n=this,t=this.data.length>this.maxDisplayCount?this.data.length-this.maxDisplayCount:0,t=(this.displayData=this.data.slice(t),this.$el.querySelector(".main-chart")),e=this.$el.querySelector(".chart-legends"),t=(s.select(t).selectAll("").remove(),s.select(e).selectAll("").remove(),this.svgWidth=t&&0<t.clientWidth?t.clientWidth:300,this.svgHeight=t&&0<t.clientHeight?t.clientHeight:300,this.legendSvgWidth=e&&0<e.clientWidth?e.clientWidth:150,this.legendSvgHeight=e&&0<e.clientHeight?e.clientHeight:this.svgHeight,this.width=this.svgWidth-this.margin.left-this.margin.right,this.height=this.svgHeight-this.margin.top-this.margin.bottom,this.mainSvg=s.select(t).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"),this.legendsSvg=s.select(e).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.displayData.slice(-20)),e=m.max(t,function(t){return t.values[0]}),t=m.max(t,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),this.xAxisScale=i.scaleLinear().domain([0,e\|\|10]).range([0,this.width]).nice(),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatDomainValue(t,n.legendSvgWidth-35,!0)}),this.yAxisScale=i.scaleLinear().domain([0,t\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?u.formatValue(t,"",n.decimal):""}),this.line=d.line(function(t){return n.xAxisScale(t.values[0])},function(t){return n.yAxisScale(t.values[1])})},ScatterChart.prototype.renderAxis=function(){this.mainSvg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",-8).attr("transform","rotate(-60)"),this.mainSvg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},ScatterChart.prototype.renderAxisLabel=function(){var t,e;0<this.aggregates.length&&(e=(t="currency"===this.aggregates[0].dataType?null==(t=null==(t=this.displayData[0])?void 0:t.reportMetadata)?void 0:t.currency:"")?this.aggregates[0].label+" ("+t+")":this.aggregates[0].label,this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.svgHeight-25).text(u.formatDomainValue(e,this.svgWidth,!1))),u.defineAreaGradientsForCover(this.mainSvg,1,!0),this.mainSvg.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.mainSvg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",-this.margin.left-10).attr("width",this.height+20).attr("height",30).style("fill","none"),1<this.aggregates.length&&(e=(t="currency"===this.aggregates[1].dataType?null==(e=null==(e=this.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?this.aggregates[1].label+" ("+t+")":this.aggregates[1].label,this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",-this.margin.left).attr("dy","1em").attr("transform","rotate(-90)").text(e))},ScatterChart.prototype.renderSpaceLine=function(){this.mainSvg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("stroke","").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",0).attr("x2",this.width-5).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale),this.mainSvg.selectAll(".mo-vertical-line").data(this.xAxisScale.ticks()).enter().append("line").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",this.xAxisScale).attr("x2",this.xAxisScale).attr("y1",this.height).attr("y2",0),this.mainSvg.selectAll(".mo-axis-point").data(this.xAxisScale.ticks()).enter().append("circle").attr("class","mo-axis-point").attr("r",function(t,e){return e%2==0?2:0}).attr("cx",this.xAxisScale).attr("cy",this.height)},ScatterChart.prototype.renderPoint=function(){function Gi(t,e){e=u.getColor(e,n.colors),n.mainSvg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",e).attr("cx",0).attr("cy",n.height).attr("r",n.pointRadius).transition().duration(1e3).attr("cx",function(t){return n.xAxisScale(t.values[0])}).attr("cy",function(t){return n.yAxisScale(t.values[1]\|\|0)})}var n=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,e){return Gi(t.value,e)}):Gi(this.displayData,0)},ScatterChart.prototype.renderLabel=function(){var n=this,t=this.legendsSvg.append("g"),t=(t.attr("transform","translate(0, 0)"),t.append("text").attr("x",0).attr("y",20).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return 35+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return 47+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return u.formatDomainValue(t.key,n.legendSvgWidth,!1)})},ScatterChart.prototype.refactorGroupedData=function(){var n=[];this.displayData.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(m.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:20,right:20,bottom:85,left:70}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],ScatterChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null);function Ga(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|0<t.categories.length?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function Ia(t){t&&t("data-v-6ee0dd74_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var W,f=__decorate([e.Component({})],ScatterChart),j=(Ga._withStripped=!0,normalizeComponent({render:Ga,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},Ia,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function TableChart(){var t=null!==W&&W.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.maxDisplayCount=20,t}__extends(TableChart,W=e.Mixins(o)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){t=this.data.headers[t];return t&&("datetime"===t.dataType\|\|"currency"===t.dataType\|\|"date"===t.dataType\|\|"int"===t.dataType\|\|"double"===t.dataType\|\|"percent"===t.dataType\|\|"boolean"===t.dataType)},TableChart.prototype.isBoolean=function(t){t=this.data.headers[t];return t&&"boolean"===t.dataType},TableChart.prototype.getCellWidth=function(t){var e=this.getWidth(),n=this.data.headers.length,a=e/n;return 0<a.toString().indexOf(".")&&t===n-1?e-(n-1)Math.floor(a):Math.floor(a)},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof TableData&&TableData)?f:Object)],TableChart.prototype,"data",void 0);function Ra(){var n=this,t=n.$createElement,a=n._self._c\|\|t;return a("div",{staticClass:"mo-chart"},[n.ready&&n.data&&n.data.rows&&0<n.data.rows.length?a("div",{staticClass:"mo-table"},[a("div",{staticClass:"mo-table-row header-row"},n._l(n.data.headers,function(t,e){return a("div",{key:t.label,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[a("div",{staticClass:"header-label",class:{"have-sort":t.sortOrder}},[n._v("\n "+n._s(t.label)+"\n "),t.sortOrder?a("span",{staticClass:"sort-icon"},["asc"===t.sortOrder?a("svg",{staticStyle:{width:"14px",height:"14px"},attrs:{"aria-hidden":"true",viewBox:"0 0 520 520"}},[a("path",{attrs:{d:"M414 210c8-8 8-19 0-27L264 36a20 20 0 00-28 0L86 183c-8 8-8 19 0 27l28 27c8 8 20 8 28 0l47-46c8-8 22-2 22 9v270c0 10 9 20 20 20h40c11 0 20-11 20-20V200c0-12 14-17 22-9l47 46c8 8 20 8 28 0z",fill:"rgb(91, 220, 239)"}})]):"desc"===t.sortOrder?a("svg",{staticStyle:{width:"14px",height:"14px"},attrs:{"aria-hidden":"true",viewBox:"0 0 520 520"}},[a("path",{attrs:{d:"M96 310c-8 8-8 19 0 27l150 147c8 8 20 8 28 0l151-147c8-8 8-19 0-27l-28-27a20 20 0 00-28 0l-47 46c-8 8-22 3-22-9V50c0-10-9-20-20-20h-40c-11 0-20 11-20 20v270c0 12-14 17-22 9l-47-46a20 20 0 00-28 0z",fill:"rgb(91, 220, 239)"}})]):n._e()]):n._e()])])}),0),n._v(" "),n._l(n.data.rows.slice(0,n.maxDisplayCount),function(t,e){return a("div",{key:e,staticClass:"mo-table-row"},n._l(t.cells,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n.isBoolean(e)?a("img",{staticClass:"mo-table-checkbox-cell",attrs:{src:"1"===t.label\|\|"true"===t.label?n.checkedImage:n.uncheckedImage}}):a("span",[n._v(n._s(t.label))])])}),0)}),n._v(" "),a("div",{staticClass:"mo-table-row total-row"},n._l(n.data.totals,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n._v("\n "+n._s(t.label)+"\n ")])}),0),n._v(" "),n.data&&n.data.rows&&20<n.data.rows.length?a("div",{staticClass:"chart-limit-tips"},[n._v("\n "+n._s(n.CHART_LIMIT_TIPS_TEXT)+"\n ")]):n._e()],2):n._e(),n._v(" "),n.ready&&n.data&&n.data.rows&&0===n.data.rows.length?a("div",{staticClass:"no-data"},[n._v("\n We can't draw this chart because there is no data.\n ")]):n._e()])}function Ta(t){t&&t("data-v-63fba983_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 1.8rem;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 1.8rem;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 4rem;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: 6rem;\n font-weight: 500;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #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}\n.no-data {\n width: 100%;\n height: 100%;\n min-height: 35rem;\n font-size: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.no-data {\n background-color: #1c1c1e;\n color: #6e6e6e;\n}\n}',map:void 0,media:void 0})}var V,o=__decorate([e.Component({})],TableChart),X=(Ra._withStripped=!0,normalizeComponent({render:Ra,staticRenderFns:[]},Ta,o,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoGlossaryChart(){return null!==V&&V.apply(this,arguments)\|\|this}__extends(MoGlossaryChart,V=e.Vue),MoGlossaryChart.prototype.parseRichText=function(e){try{return JSON.parse(e).map(function(t){var e,n=t.insert;return"↵"===n\|\|"\n"===n?n="<br />":(n.includes("↵")\|\|n.includes("\n"))&&(n=n.replace(/[\u21B5\n]/g,"<br />")),n=t.attributes&&(e=[],(t=t.attributes).size&&e.push("font-size: "+t.size),t.bold&&(n="<strong>"+n+"</strong>"),t.align&&e.push("text-align: "+t.align),0<e.length)?'<span style="'+e.join(";")+'">'+n+"</span>":n}).join("")}catch(t){return console.error("解析富文本失败:",t),e}},__decorate([e.Prop({type:String,required:!0}),__metadata("design:type",String)],MoGlossaryChart.prototype,"content",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoGlossaryChart.prototype,"title",void 0);function $a(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-glossary-chart"},[t.title?e("div",{staticClass:"mo-glossary-header"},[e("h3",{staticClass:"mo-glossary-title"},[t._v(t._s(t.title))])]):t._e(),t._v(" "),e("div",{staticClass:"mo-glossary-content"},[e("div",{domProps:{innerHTML:t._s(t.parseRichText(t.content))}})])])}function a0(t){t&&t("data-v-f5396020_0",{source:"/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area */\n.mo-glossary-chart[data-v-f5396020] {\n padding: 2rem 1rem;\n width: 100%;\n height: 100%;\n background-color: #fff;\n color: #16325c;\n line-height: 2rem;\n text-align: left !important;\n}\n.mo-glossary-header[data-v-f5396020] {\n margin-bottom: 16px;\n}\n.mo-glossary-title[data-v-f5396020] {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n.mo-glossary-content[data-v-f5396020] {\n line-height: 2.2rem;\n}\n@media (prefers-color-scheme: dark) {\n.mo-glossary-chart[data-v-f5396020] {\n background-color: #1c1c1e;\n color: #f2f2f7;\n}\n}",map:void 0,media:void 0})}var f=__decorate([e.Component({})],MoGlossaryChart),O=($a._withStripped=!0,normalizeComponent({render:$a,staticRenderFns:[]},a0,f,"data-v-f5396020",!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=A,t.BarChartHorizontal=_,t.FunnelChart=G,t.GaugeChart=D,t.GlossaryChart=O,t.LineChart=M,t.MetricChart=I,t.PieChart=S,t.ScatterChart=j,t.TableChart=X,t.default=function(t){t.component("MoBarChart",A),t.component("MoBarChartHorizontal",_),t.component("MoPieChart",S),t.component("MoLineChart",M),t.component("MoFunnelChart",G),t.component("MoGaugeChart",D),t.component("MoMetricChart",I),t.component("MoScatterChart",j),t.component("MoTableChart",X),t.component("MoGlossaryChart",O)},Object.defineProperty(t,"__esModule",{value:!0})});
1	+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("d3-transition"),require("vue-property-decorator"),require("d3-scale"),require("d3-axis"),require("d3-selection"),require("d3-format"),require("d3-array"),require("d3-shape"),require("d3-ease"),require("d3-interpolate")):"function"==typeof define&&define.amd?define(["exports","d3-transition","vue-property-decorator","d3-scale","d3-axis","d3-selection","d3-format","d3-array","d3-shape","d3-ease","d3-interpolate"],e):e((t=t\|\|self).charts={},t.d3Transition,t.vuePropertyDecorator,t.d3Scale,t.d3Axis,t.d3Selection,t.d3Format,t.d3Array,t.d3Shape,t.d3Ease,t.d3Interpolate)}(this,function(t,E,e,i,l,s,c,m,d,h,r){var n=function(t,e){return(n=Object.setPrototypeOf\|\|({__proto__:[]}instanceof Array?function(t,e){t.__proto__=e}:function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])}))(t,e)};function __extends(t,e){function __(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}var p=function(){return(p=Object.assign\|\|function __assign(t){for(var e,n=arguments,a=1,o=arguments.length;a<o;a++)for(var r in e=n[a])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function __decorate(t,e,n,a){var o,r=arguments.length,i=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,a);else for(var l=t.length-1;0<=l;l--)(o=t[l])&&(i=(r<3?o(i):3<r?o(e,n,i):o(e,n))\|\|i);return 3<r&&i&&Object.defineProperty(e,n,i),i}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function __spreadArrays(){for(var t=arguments,e=0,n=0,a=arguments.length;n<a;n++)e+=t[n].length;for(var o=Array(e),r=0,n=0;n<a;n++)for(var i=arguments[n],l=0,s=i.length;l<s;l++,r++)o[r]=i[l];return o}__extends(ChartMixins,a=e.Vue),ChartMixins.prototype.getWidth=function(){var t=window.getComputedStyle(this.$el,null).width;return t?parseFloat(t.substring(0,t.length-2)):0},ChartMixins.prototype.beforeRedraw=function(){var t=this.$el.querySelector("svg");t&&t.remove()};var a,o=__decorate([e.Component],ChartMixins);function ChartMixins(){var t=null!==a&&a.apply(this,arguments)\|\|this;return t.CHART_LIMIT_TIPS_TEXT="Only partial data is shown. \n Open the source report to view the complete dataset.",t}ChartService.formatValue=function(t,e,n){void 0===e&&(e=""),void 0===n&&(n=2);var a,o,r,i,l=t.toString();return Number.isNaN(Number(t))\|\|(a=(t=ChartService.preciseDecimal(Number(t),n))/Math.pow(1e3,4),o=t/Math.pow(1e3,3),r=t/Math.pow(1e3,2),i=t/Math.pow(1e3,1),l=(l=1<=a?ChartService.preciseDecimal(a,n)+"T":1<=o?ChartService.preciseDecimal(o,n)+"B":1<=r?ChartService.preciseDecimal(r,n)+"M":1<=i?ChartService.preciseDecimal(i,n)+"K":t.toString()).replace(/\d+/,function(t){return t.replace(/(\d)(?=(\d{3})+$)/g,"$1,")})),e?e+" "+l:l},ChartService.preciseDecimal=function(t,e){void 0===e&&(e=2);var n=t.toString().indexOf(".");return!(n<=0)&&e<t.toString().substring(n+1,t.toString().length).length?Number(t.toFixed(e)):t},ChartService.isChineseChar=function(t){t=t.charCodeAt(0);return 19968<=t&&t<=40869\|\|12288<=t&&t<=12351\|\|65280<=t&&t<=65519},ChartService.isSpecialChar=function(t){return"@#$%&".includes(t)},ChartService.formatDomainValue=function(t,e,n){var a=t.toString();if(0===a.trim().length)return"-";for(var o=n?6:8,r=Math.max(0,e-2o),i=0,l=0,s=0;s<a.length;s+=1){var c=a[s],m=this.isChineseChar(c)?1.5:1;if(r<(i+=(this.isSpecialChar(c)?1.3:m)o))break;l+=1}return l<a.length?a.substring(0,Math.max(0,l-1))+"...":a},ChartService.getPercentage=function(t,e,n){return ChartService.preciseDecimal((t=void 0===t?0:t)/(e=void 0===e?0:e)100,n=void 0===n?0:n)},ChartService.getColor=function(t,e){e=e\|\|["#5bdcef","#ffe451","#fc7a7a","#8b4fdc","#4653ff","#153e75","#3adfae","#f68c5d","#6663f0","#fe70a2","#438aff","#5ed281","#60afff","#4e4c97","#b6d252","#5acec7","#ff7575","#ffda2b","#3cdbc6","#3f5cba","#383b6b","#fc7a7a","#6663f0","#ffcc51","#56c597","#f678aa","#8ffabf","#5aabff","#4ecaa5","#686edc"];return e[t%e.length]},ChartService.isLightColor=function(t){t=t.replace(/^#/,"");if(6!==t.length)throw new Error("请输入有效的6位十六进制颜色（如 #FF0000）");return 128<(299parseInt(t.substring(0,2),16)+587parseInt(t.substring(2,4),16)+114parseInt(t.substring(4,6),16))/1e3},ChartService.getMaxValue=function(t,e){void 0===e&&(e=0);function Jb(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){Jb(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){Jb(t)}),m.max(n,function(t){return t})},ChartService.getMinValue=function(t,e){void 0===e&&(e=0);function Rb(t){t.pieces&&0<t.pieces.length?t.pieces.forEach(function(t){Rb(t)}):n.push(t.values[e])}var n=[];return t.forEach(function(t){Rb(t)}),m.min(n,function(t){return t})},ChartService.defineAreaGradientsForCover=function(t,e,n){t=t.append("defs").append("linearGradient").attr("id","MoLineAreaGradientCover"+e).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color","white").attr("stop-opacity",n?.4:1),t.append("stop").attr("offset","100%").attr("stop-color","white").attr("stop-opacity",n?1:.4)},ChartService.getInnerText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,s=t.symbol,c=t.type,c=void 0===c?"":c,t=t.percentDecimal,t=void 0===t?2:t,m=s\|\|"",i=ChartService.getPercentage(Number(a),i,t);return 5<i?(e&&n&&(m+=ChartService.formatValue(a,s,l)),e&&o&&(m+="pie"===c?"\n(":" ("),o&&r&&(m+=i+"%"),e&&o&&(m+=")"),m):""},ChartService.getBottomText=function(t){var e=(t=void 0===t?{}:t).showValue,n=t.innerValue,a=t.value,a=void 0===a?"":a,o=t.showPercentage,r=t.innerPercentage,i=t.total,l=t.decimal,t=t.symbol,s=t\|\|"";return e&&!n&&(s+=ChartService.formatValue(a,t,l)),o&&!r&&(""!==s&&(s+=" : "),s+=ChartService.getPercentage(Number(a),i,l)+"%"),s},ChartService.combineSmallGroups=function(t,e,n){void 0===e&&(e=.03),void 0===n&&(n="Others");var a,o,r,i=t.reduce(function(t,e){return t+e.values[0]},0);return 0===i?[]:(a=[],o=0,r=[],t.forEach(function(t){t.values[0]/i<e?(o+=t.values[0],t.pieces&&(r=r.concat(t.pieces))):a.push(t)}),0<o&&(t=t.find(function(t){return t.label!==n})\|\|t[0],a.push(p(p({},t),{label:n,values:[o],pieces:0<r.length?r:void 0}))),a.filter(function(t){return 0<t.values[0]}))};var u=ChartService;function ChartService(){}__extends(MoBarChart,g=e.Mixins(o)),Object.defineProperty(MoBarChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length&&"vertical"===this.xAxisMode&&(a=125),0<this.aggregates.length&&(t=70),this.hasSecondAxis&&(n=Math.max(n,65)),{top:e,right:n="grouped"!==this.groupType&&"stacked"!==this.groupType&&"stacked100"!==this.groupType?0:n,bottom:a,left:t}},enumerable:!1,configurable:!0}),MoBarChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChart.prototype.mounted=function(){this.redraw()},MoBarChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.displayData));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),this.hasLineChart&&this.renderLine(t),this.labelGroup.selectAll("").remove(),this.labelGroup.attr("transform","translate(0, 0)"),(0<this.categories.length\|\|!this.hasLineChart&&1<this.aggregates.length)&&this.renderLabel()},MoBarChart.prototype.init=function(){var e=this,t=(this.displayData=this.data.slice(0,this.maxDisplayCount),0),t="grouped"===this.groupType&&0<this.categories.length?u.getMaxValue(this.displayData):m.max(this.displayData,function(t){return m.max(t.values)})\|\|0,n=this.$el.querySelector(".main-chart"),a=this.$el.querySelector(".chart-legends"),n=(s.select(n).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=n&&0<n.clientWidth?n.clientWidth:300,this.svgHeight=n&&0<n.clientHeight?n.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.svgHeight-this.actualMargin.top-this.actualMargin.bottom,s.select(n).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight)),a=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),a=(this.svg=n.append("g").attr("class","chart-group").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.labelGroup=a.append("g").attr("class","label-group"),this.xAxisScale=i.scaleBand().domain(this.displayData.map(function(t){return t.label})).rangeRound([0,this.width]).padding(.2),this.yAxisScale=i.scaleLinear().domain([0,t]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).ticks(6).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.groupType&&"none"!==this.groupType&&(this.categories=[],this.displayData.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=t.pieces.map(function(t){return t.label}))})),0<this.categories.length&&(this.xAxisCategories=i.scaleBand().domain(this.categories).range([0,this.xAxisScale.bandwidth()]).padding(.2).round(!1)),1<this.aggregates.length&&(n=this.aggregates.map(function(t){return t.label}),this.xAxisAggregates=i.scaleBand().domain(n).range([0,this.xAxisScale.bandwidth()]).padding(.2).round(!1)),0),t=0,n=0,o=0,t="grouped"===this.groupType?(a=u.getMaxValue(this.displayData)\|\|0,u.getMinValue(this.displayData)\|\|0):(a=m.max(this.displayData,function(t){return m.max(t.values)})\|\|0,m.min(this.displayData,function(t){return m.min(t.values)})\|\|0),r=(1<this.aggregates.length&&(n=m.max(this.displayData,function(t){return m.max(t.values)})\|\|0,o=m.min(this.displayData,function(t){return m.min(t.values)})\|\|0),a+.1Math.abs(a-t)),a=t<0?t-.1Math.abs(a-t):0;this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickFormat(function(t){return u.formatDomainValue(t,e.actualMargin.bottom-40,!0)}),"stacked100"===this.groupType&&0<this.categories.length?(this.yAxisScale=i.scaleLinear().range([this.height,0]).domain([0,1]),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):this.hasLineChart?this.hasSecondAxis?(this.yAxisScale=i.scaleLinear().domain([a,r]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.secondYAxisScale=i.scaleLinear().domain([o<0?o:0,n]).range([this.height,0]).nice(),this.secondYAxis=l.axisRight(this.secondYAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.line=d.line().curve(d.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.secondYAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,r]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}),this.line=d.line().curve(d.curveLinear).x(function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).y(function(t){return e.yAxisScale(e.lineValue(t))})):(this.yAxisScale=i.scaleLinear().domain([a,r]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)}))},MoBarChart.prototype.lineValue=function(t){return t.values[this.secondYIndex]},MoBarChart.prototype.renderAxis=function(){var t=this.svg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis);t.selectAll("text").style("text-anchor","middle").attr("class","mo-axis-text").attr("x",0).attr("y",10),"vertical"===this.xAxisMode&&t.selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",5).attr("transform","rotate(-70, 0, 15)"),this.svg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0),this.secondYAxis&&this.svg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.svgWidth+", 0)").call(this.secondYAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},MoBarChart.prototype.renderAxisLabel=function(){var t,n=this;u.defineAreaGradientsForCover(this.svg,0,!1),this.svg.append("rect").attr("x",-10).attr("y",this.svgHeight).attr("class","mo-cover").attr("height",10).style("fill","none"),this.svg.append("rect").attr("x",-10).attr("y",this.svgHeight).attr("class","mo-cover").attr("height",this.svgHeight).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.svgHeight-45).text((null==(t=this.groupings[0])?void 0:t.label)\|\|""),u.defineAreaGradientsForCover(this.svg,1,!0),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-10).attr("y",-20).attr("width",this.svgHeight).attr("height",10).style("fill","none"),this.svg.append("rect").attr("transform","rotate(-90)").attr("x",-10).attr("y",-10).attr("width",this.svgHeight).attr("height",30).style("fill","none"),this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",-this.margin.left).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t,e){return n.hasSecondAxis&&e===n.secondYIndex?"":(e="currency"===t.dataType?null==(e=null==(e=n.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?u.formatDomainValue("("+e+") "+t.label,n.svgWidth,!1):u.formatDomainValue(t.label,n.svgWidth,!1)}).filter(Boolean).join(", "):""),this.hasSecondAxis&&this.svg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("y",this.svgWidth+20).attr("x",-this.height/2).attr("dy","1em").style("text-anchor","middle").text(function(){var t,e=n.aggregates[n.secondYIndex];return e?(t=(null==(t=null==(t=n.displayData[0])?void 0:t.reportMetadata)?void 0:t.currency)\|\|"")?e.label+" ("+t+")":e.label:""})},MoBarChart.prototype.renderSpaceLine=function(){this.svg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("class","mo-space-line").attr("x1",3).attr("x2",this.width).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale)},MoBarChart.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.displayData));return t.forEach(function(t){for(var e=t.pieces,r=void 0===e?[]:e,i=t.values,n=r.length;0<=n;--n)r.forEach(function(t,e){var n,a,o;t.y=(n=r,e=e,a=i[0],e===n.length-1?"stacked100"===l.groupType?l.yAxisScale(n[e].values[0]/a):l.yAxisScale(n[e].values[0]):(o=n[e+1].y\|\|l.height,"stacked100"===l.groupType?o-l.height+l.yAxisScale(n[e].values[0]/a):o-l.height+l.yAxisScale(n[e].values[0]))),t.percentage=t.values[0]/i[0]})}),t},MoBarChart.prototype.renderBar=function(t){var e=this,t=t.slice(0,this.maxDisplayCount);0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(this.renderStackedBar(t),this.renderData(t)):!this.hasLineChart&&1<this.aggregates.length?this.renderGroupedAggregatesBar(t):(this.svg.selectAll(".bar").data(t).enter().append("rect").style("fill",u.getColor(0,this.colors)).attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",this.yAxisScale(0)).attr("width",this.xAxisScale.bandwidth()).attr("height",0).transition().duration(1e3).attr("y",function(t){t=t.values[0];return 0<=t?e.yAxisScale(t):e.yAxisScale(0)}).attr("height",function(t){t=t.values[0];return Math.abs(e.yAxisScale(t)-e.yAxisScale(0))}),this.renderData(t))},MoBarChart.prototype.renderGroupedAggregatesBar=function(t){var a=this,t=this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+a.xAxisScale(t.label)+", 0)"});t.selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("x",function(t,e){return a.xAxisAggregates(a.aggregates[e].label)}).attr("y",this.yAxisScale(0)).attr("height",0).attr("width",this.xAxisAggregates.bandwidth()).style("fill",function(t,e){return u.getColor(e,a.colors)}).transition().duration(1e3).attr("y",function(t){return 0<=t?a.yAxisScale(t):a.yAxisScale(0)}).attr("height",function(t){return Math.abs(a.yAxisScale(t)-a.yAxisScale(0))}),t.selectAll(".mo-data-text").data(function(t){return t.values}).enter().append("text").attr("class","mo-data-text").attr("x",function(t,e){return a.xAxisAggregates(a.aggregates[e].label)+a.xAxisAggregates.bandwidth()/2}).attr("y",this.yAxisScale(0)).attr("text-anchor","middle").style("fill",this.valueColor).text(function(t){return 0!==t?u.formatValue(t,"",a.decimal):""}).transition().duration(1e3).attr("y",function(t){var e=a.yAxisScale(t);return 0<=t?e-5:e+20}).attr("transform",function(t,e){var e=a.xAxisAggregates(a.aggregates[e].label)+a.xAxisAggregates.bandwidth()/2,e=0<=t?e-6:e+5,n=a.yAxisScale(t);return"rotate(-90, "+e+", "+(0<=t?n-15:n+20)+")"})},MoBarChart.prototype.renderGroupedBar=function(t){var a=this,t=this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+a.xAxisScale(t.label)+", 0)"});t.selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("x",function(t){return a.xAxisCategories(t.label)}).attr("y",this.yAxisScale(0)).attr("width",this.xAxisCategories.bandwidth()).attr("height",0).style("fill",function(t,e){return u.getColor(e,a.colors)}).transition().duration(1e3).attr("y",function(t){t=t.values[0];return 0<=t?a.yAxisScale(t):a.yAxisScale(0)}).attr("height",function(t){t=t.values[0];return Math.abs(a.yAxisScale(t)-a.yAxisScale(0))}),t.selectAll(".mo-data-text").data(function(t){return t.pieces\|\|[]}).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return a.xAxisCategories(t.label)+a.xAxisCategories.bandwidth()/2}).attr("y",this.yAxisScale(0)).attr("text-anchor","middle").style("fill",this.valueColor).text(function(t){return 0!==t.values[0]?u.formatValue(t.values[0],"",a.decimal):""}).transition().duration(1e3).attr("y",function(t){var t=t.values[0],e=a.yAxisScale(t);return 0<=t?e-5:e+20}).attr("transform",function(t){var e=a.xAxisCategories(t.label)+a.xAxisCategories.bandwidth()/2,t=t.values[0],e=0<=t?e-6:e+5,n=a.yAxisScale(t);return"rotate(-90, "+e+", "+(0<=t?n-15:n+20)+")"})},MoBarChart.prototype.renderStackedBar=function(t){var n=this,t=t.slice(0,this.maxDisplayCount);this.svg.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate("+n.xAxisScale(t.label)+", 0)"}).selectAll("rect").data(function(t){return t.pieces}).enter().append("rect").attr("class","rect").attr("y",this.yAxisScale(0)).attr("width",this.xAxisScale.bandwidth()).attr("height",0).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("y",function(t){return t.y}).attr("height",function(t){return"stacked100"===n.groupType?n.height-n.yAxisScale(t.percentage):(t=t.values[0],Math.abs(n.yAxisScale(t)-n.yAxisScale(0)))})},MoBarChart.prototype.renderLine=function(t){var e=this,n=u.getColor(this.categories.length\|\|1,this.colors),a=this.svg.append("path").datum(t).attr("d",this.line).attr("class","mo-data-line").style("stroke",n),o=a.node().getTotalLength(),r=(a.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),this.secondYAxisScale\|\|this.yAxisScale);this.svg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return e.xAxisScale(t.label)+e.xAxisScale.bandwidth()/2}).attr("cy",function(t){return r(e.lineValue(t))}).attr("r",3).attr("class","mo-line-point").style("fill",n)},MoBarChart.prototype.renderData=function(t){var a=this;this.svg.selectAll(".bar").data(t).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return a.xAxisScale(t.label)+a.xAxisScale.bandwidth()/2}).attr("y",this.yAxisScale(0)).style("fill","#5bdcef").attr("text-anchor","middle").text(function(t){return 0!==t.values[0]?u.formatValue(t.values[0],"",a.decimal):""}).transition().duration(1e3).attr("y",function(t){var t=t.values[0],e=a.yAxisScale(t);return 0<=t?e-5:e+20}).attr("transform",function(t){var e=a.xAxisScale(t.label)+a.xAxisScale.bandwidth()/2,t=t.values[0],e=0<=t?e-6:e+5,n=a.yAxisScale(t);return"rotate(-90, "+e+", "+(0<=t?n-15:n+20)+")"})},MoBarChart.prototype.renderLabel=function(){var n=this,a=0,a=(null!=(t=this.groupings[1])&&t.label?this.labelGroup.append("text").attr("x",10).attr("y",this.TITLE_HEIGHT).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)):this.labelGroup.append("text").attr("x",10).attr("y",this.TITLE_HEIGHT).attr("class","mo-label-title").text("Measure"),this.TITLE_HEIGHT+15),t=[],t=(0<this.categories.length?t=this.categories:!this.hasLineChart&&1<this.aggregates.length&&(t=this.aggregates),this.labelGroup.selectAll(".mo-legend").data(t).enter().append("g").attr("class","mo-legend"));t.append("rect").attr("width",15).attr("height",15).attr("x",10).attr("y",function(t,e){return a+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),0<this.categories.length?t.append("text").attr("x",35).attr("y",function(t,e){return a+12+25e}).attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t,n.legendSvgWidth-35,!1)}):!this.hasLineChart&&1<this.aggregates.length&&t.append("text").attr("x",35).attr("y",function(t,e){return a+12+25e}).attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t.label,n.legendSvgWidth,!1)})},__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:40,right:20,bottom:20,left:70}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],MoBarChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChart.prototype,"groupType",void 0),__decorate([e.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChart.prototype,"valueColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChart.prototype,"onDataChanged",null);var g,f=__decorate([e.Component({})],MoBarChart);function MoBarChart(){var t=null!==g&&g.apply(this,arguments)\|\|this;return t.TITLE_HEIGHT=20,t.MIN_WIDTH=20,t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=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.additionalHeight=0,t.labelGroup=null,t.displayData=[],t.maxDisplayCount=20,t}function normalizeComponent(t,e,n,a,o,r,i,l,s,c){"boolean"!=typeof i&&(s=l,l=i,i=!1);var m,d,h="function"==typeof n?n.options:n;return t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,o)&&(h.functional=!0),a&&(h._scopeId=a),r?(m=function(t){(t=t\|\|this.$vnode&&this.$vnode.ssrContext\|\|this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)\|\|"undefined"==typeof __VUE_SSR_CONTEXT__\|\|(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},h._ssrRegister=m):e&&(m=i?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),m&&(h.functional?(d=h.render,h.render=function renderWithStyleInjection(t,e){return m.call(e),d(t,e)}):(t=h.beforeCreate,h.beforeCreate=t?[].concat(t,m):[m])),n}var b,N="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(t){return function addStyle(t,e){var n=N?e.media\|\|"default":t,n=x[n]\|\|(x[n]={ids:new Set,styles:[]});{var a;n.ids.has(t)\|\|(n.ids.add(t),t=e.source,e.map&&(t=(t+="\n/# sourceURL="+e.map.sources[0]+" /")+"\n/# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" /"),n.element\|\|(n.element=document.createElement("style"),n.element.type="text/css",e.media&&n.element.setAttribute("media",e.media),(b=void 0===b?document.head\|\|document.getElementsByTagName("head")[0]:b).appendChild(n.element)),"styleSheet"in n.element?(n.styles.push(t),n.element.styleSheet.cssText=n.styles.filter(Boolean).join("\n")):(e=n.ids.size-1,t=document.createTextNode(t),(a=n.element.childNodes)[e]&&n.element.removeChild(a[e]),a.length?n.element.insertBefore(t,a[e]):n.element.appendChild(t)))}}}var x={};function w(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|"stacked"===t.groupType\|\|"stacked100"===t.groupType\|\|!t.hasLineChart&&1<t.aggregates.length?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function y(t){t&&t("data-v-04b7eb40_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #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._withStripped=!0;var v,A=normalizeComponent({render:w,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},y,f,void 0,!1,void 0,!1,createInjector,void 0,void 0);function MoBarChartHorizontal(){var t=null!==v&&v.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.width=0,t.height=0,t.mainSvg=null,t.legendsSvg=null,t.xAxisScale=null,t.yAxisScale=null,t.xAxis=null,t.yAxis=null,t.yAxisCategories=null,t.yAxisAggregates=null,t.categories=[],t.mainChart=null,t.labelGroup=null,t.additionalHeight=0,t.barOffsetY=7,t.displayData=[],t.maxDisplayCount=20,t}__extends(MoBarChartHorizontal,v=e.Mixins(o)),Object.defineProperty(MoBarChartHorizontal.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.right,t=t.left;return 0<this.groupings.length?{top:70,right:e,bottom:40,left:t}:this.margin},enumerable:!1,configurable:!0}),MoBarChartHorizontal.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},MoBarChartHorizontal.prototype.mounted=function(){this.redraw()},MoBarChartHorizontal.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine();var t=JSON.parse(JSON.stringify(this.displayData));"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(t=this.refactorStackedData()),this.renderBar(t),0===this.categories.length&&this.aggregates.length<=1&&this.renderData(t),this.labelGroup.selectAll("").remove(),this.labelGroup.attr("transform","translate(0, 0)"),0<this.categories.length&&this.renderLabel()},MoBarChartHorizontal.prototype.init=function(){var t,e=this,n=(this.categories=[],this.displayData=this.data.slice(0,this.maxDisplayCount),this.groupType&&"none"!==this.groupType&&this.displayData.forEach(function(t){t.pieces&&t.pieces.length>e.categories.length&&(e.categories=t.pieces.map(function(t){return t.label}))}),t="grouped"===this.groupType&&0<this.categories.length?u.getMaxValue(this.displayData):m.max(this.displayData,function(t){return m.max(t.values)}),((null==(n=this.aggregates)?void 0:n[0])\|\|{}).unitSymbol),n=5u.formatValue(t\|\|0,n,this.decimal).length+10,n=(this.actualMargin.right=Math.max(this.margin.right,n),this.$el.querySelector(".main-chart")),a=this.$el.querySelector(".chart-legends");s.select(n).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=n&&0<n.clientWidth?n.clientWidth:300,this.svgHeight=n&&0<n.clientHeight?n.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.svgHeight-this.actualMargin.top-this.actualMargin.bottom,this.mainSvg=s.select(n).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),this.legendsSvg=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),"stacked100"===this.groupType&&0<this.categories.length?(this.xAxisScale=i.scaleLinear().domain([0,1]).range([0,this.width]).nice(),this.xAxis=l.axisTop(this.xAxisScale).ticks(5).tickSize(0).tickFormat(function(t){return c.format(".0%")(Number(t))})):(this.xAxisScale=i.scaleLinear().domain([0,t\|\|10]).range([0,this.width]).nice(),this.xAxis=l.axisTop(this.xAxisScale).ticks(5).tickSize(0).tickFormat(function(t){return u.formatValue(t,"",e.decimal)})),this.yAxisScale=i.scaleBand().domain(this.displayData.map(function(t){return t.label})).range([0,this.height]).padding(.2),0<this.categories.length&&(this.yAxisCategories=i.scaleBand().domain(this.categories).range([0,this.yAxisScale.bandwidth()]).padding(.2).round(!1)),0<this.aggregates.length&&(this.yAxisAggregates=i.scaleBand().domain(this.aggregates.map(function(t){return t.label})).range([0,this.svgHeight]).round(!1)),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatDomainValue(t,e.actualMargin.left-20,!1)}),this.mainChart=this.mainSvg.append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.labelGroup=this.legendsSvg.append("g").attr("transform","translate(0, 0)")},MoBarChartHorizontal.prototype.renderAxis=function(){this.mainSvg.append("g").attr("class","x mo-axis").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",-5).attr("x",-25).attr("transform","rotate(70, -12, 12)"),this.mainSvg.append("g").attr("class","y mo-axis").attr("transform","translate("+this.actualMargin.left+", "+(this.actualMargin.top+10)+")").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",-Math.round(this.barPadding/2))},MoBarChartHorizontal.prototype.renderAxisLabel=function(){var n=this;this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.width/2+this.actualMargin.left).attr("y",15).text(function(){var t=n.aggregates.map(function(t){return t.label}).join(", "),e="currency"===(null==(e=n.aggregates[0])?void 0:e.dataType)?null==(e=null==(e=n.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?u.formatDomainValue("("+e+") "+t,n.svgWidth,!1):u.formatDomainValue(t,n.svgWidth,!1)}),this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",-this.svgHeight/2).attr("y",10).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",0).attr("y2",this.height),this.mainChart.append("line").attr("class","mo-space-line").attr("x1",0).attr("y1",0).attr("x2",0).attr("y2",this.height)},MoBarChartHorizontal.prototype.refactorStackedData=function(){var l=this,t=JSON.parse(JSON.stringify(this.displayData));return t.forEach(function(t){var e=t.pieces,r=void 0===e?[]:e,i=t.values;r.forEach(function(t,e){var n,a,o;t.x=(n=e,a=i[0],o=0,r.forEach(function(t,e){e<n&&("stacked100"===l.groupType?o+=l.xAxisScale(t.values[0]/a):o+=l.xAxisScale(t.values[0]))}),o),t.percentage=t.values[0]/i[0]})}),t},MoBarChartHorizontal.prototype.renderBar=function(t){var e=this;0<this.categories.length?"grouped"===this.groupType?this.renderGroupedBar(t):"stacked"!==this.groupType&&"stacked100"!==this.groupType\|\|(this.renderStackedBar(t),this.renderData(t)):1<this.aggregates.length?this.renderGroupedAggregatesBar(t):this.mainChart.selectAll(".bar").data(t).enter().append("rect").attr("class","bar").attr("x",0).attr("y",function(t){return e.yAxisScale(t.label)}).attr("width",0).attr("height",this.yAxisScale.bandwidth()).style("fill",u.getColor(0,this.colors)).transition().duration(1e3).attr("width",function(t){return e.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderGroupedAggregatesBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate(0, "+n.yAxisScale(t.label)+")"}).selectAll("rect").data(function(t){return t.values}).enter().append("rect").attr("class","rect").attr("x",0).attr("y",function(t,e){return n.yAxisAggregates(n.aggregates[e].label)}).attr("height",this.yAxisScale.bandwidth()).attr("width",0).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){return n.xAxisScale(t)})},MoBarChartHorizontal.prototype.renderGroupedBar=function(t){var n=this,t=this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate(0, "+n.yAxisScale(t.label)+")"});t.selectAll("rect").data(function(t){return t.pieces\|\|[]}).enter().append("rect").attr("class","rect").attr("x",0).attr("y",function(t){return n.yAxisCategories(t.label)}).attr("width",0).attr("height",this.yAxisCategories.bandwidth()).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("width",function(t){t=t.values[0];return Math.abs(n.xAxisScale(t)-n.xAxisScale(0))}),t.selectAll(".mo-data-text").data(function(t){return t.pieces\|\|[]}).enter().append("text").attr("class","mo-data-text").attr("x",0).attr("y",function(t){return n.yAxisCategories(t.label)+n.yAxisCategories.bandwidth()/2+5}).style("fill",this.valueColor).attr("text-anchor","start").text(function(t){return 0<t.values[0]?u.formatValue(t.values[0],"",n.decimal):""}).transition().duration(1e3).attr("x",function(t){t=t.values[0];return Math.abs(n.xAxisScale(t)-n.xAxisScale(0))+5})},MoBarChartHorizontal.prototype.renderStackedBar=function(t){var n=this;this.mainChart.selectAll(".bar").data(t).enter().append("g").attr("transform",function(t){return"translate(0, "+n.yAxisScale(t.label)+")"}).selectAll("rect").data(function(t){return t.pieces\|\|[]}).enter().append("rect").attr("class","rect").attr("x",0).attr("width",this.xAxisScale(0)).attr("height",this.yAxisScale.bandwidth()).style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(1e3).attr("x",function(t){return t.x}).attr("width",function(t){return"stacked100"===n.groupType?n.xAxisScale(t.percentage):n.xAxisScale(t.values[0])})},MoBarChartHorizontal.prototype.renderData=function(t){var e=this;this.mainChart.selectAll(".mo-data-text").data(t).enter().append("text").attr("class","mo-data-text").style("fill",this.valueColor).attr("text-anchor","start").attr("x",0).attr("y",function(t){return e.yAxisScale(t.label)+e.yAxisScale.bandwidth()/2+5}).text(function(t){return 0<t.values[0]?u.formatValue(t.values[0],"",e.decimal):""}).transition().duration(1e3).attr("x",function(t){return e.xAxisScale(t.values[0])+5})},MoBarChartHorizontal.prototype.renderLabel=function(){var n=this,t=(this.labelGroup.append("text").attr("x",10).attr("y",15).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)),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",10).attr("y",function(t,e){return 30+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",35).attr("y",function(t,e){return 42+25e}).attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t,n.legendSvgWidth,!1)})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"data",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"groupings",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"aggregates",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],MoBarChartHorizontal.prototype,"colors",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:80,right:30,bottom:20,left:120}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],MoBarChartHorizontal.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 25}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barHeight",void 0),__decorate([e.Prop({type:Number,default:function(){return 15}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"barPadding",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],MoBarChartHorizontal.prototype,"decimal",void 0),__decorate([e.Prop({type:String,default:function(){return"outer"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valuePosition",void 0),__decorate([e.Prop({type:String,default:function(){return"#5bdcef"}}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"valueColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoBarChartHorizontal.prototype,"groupType",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],MoBarChartHorizontal.prototype,"onDataChanged",null);function F(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|"stacked"===t.groupType\|\|"stacked100"===t.groupType?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function H(t){t&&t("data-v-1762f448_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var k,f=__decorate([e.Component({})],MoBarChartHorizontal),_=(F._withStripped=!0,normalizeComponent({render:F,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},H,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function PieChart(){var t=null!==k&&k.apply(this,arguments)\|\|this;return t.width=0,t.height=0,t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.chartDataForLegend=[],t.legendsSvg=null,t.total=0,t.arcLayout=null,t.arc3dLayout=null,t.pieLayout=null,t.radius=0,t.innerRadius=0,t.arcGroup=null,t.arc=null,t.centerGroup=null,t.labelGroup=null,t.rightNavImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCQTdEM0Y5NEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCQTdEM0ZBNEVFNTExRTU5NkM0RjIwRkJBMjYwMTUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JBN0QzRjc0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JBN0QzRjg0RUU1MTFFNTk2QzRGMjBGQkEyNjAxNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zV8eYAAAB9klEQVR42sSYW0QEYRiGdztSlCillmUVkSK6iSidLrabSiKJIl0UnW5KEUUqSQdFpairKEpGlu1IdBERUUp3RRcRSemgw/vzDeMzqUz7zcvD7sfsPnZm/nn/dWqa5rCQaDAFkkATOHVYTIjF41dAEb3eBnng3MoHBlk4NhTkG94nkFSyXUJvYJjN1KnbBR47hFS6wASbucAOcNsh9AlawTSbu0nKJS2kSzWCeTb3kFSitJAu1QAW2DyFLvR4aSGVD1APltg8laTipIVU3kENrU/GpIEtECstpEtVg1U2zwB+ECMtpK9RVYA/lzJJKlpaSOUVVAAfm2fRLEpaSJcqB5tsng02QKS0kMozKAV7bJ5DUhFmQv3ghdaTQPBITYAnF6wbpXShDhDmsCeFYFzylP0m6VxoiC5Au+LjQt0gHDgDiGqnyyYyV2BW+pQFg0VQyebX1DpvJIXUd8zR48QYJVEALiXXIXWqZkAtm9+SzIXkwqhkJqmSmMmcST86RqlJGnMHisGJ9MN1BLSw2T3JHEvXjwHQ/o3MkXRB6wWdbPYAvOBQusL2EMY8gRJwIF3yO+jXMZPZl94GtYFBkw5UZtKBAi7UTHeUWUv0S2+l68AYLYA/9WgRoSYm891OQ0xI+8Ve7M+x8g9aH9UKL3Xytf+4Xb8EGABhpHk2U/H9dQAAAABJRU5ErkJggg==",t.rotation={index:0,angle:0,startAngle:0,originalAngle:0},t}__extends(PieChart,k=e.Mixins(o)),PieChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},PieChart.prototype.mounted=function(){this.redraw()},PieChart.prototype.redraw=function(){this.init(),this.renderPie(),this.renderLegends(),this.donut&&(this.addDonut(),this.showTotal)&&this.renderTotal(),this.renderInnerLabel(),this.changeContent()},PieChart.prototype.changeContent=function(){var t,e=this.chartDataForLegend,n=(-1===this.rotation.index&&(this.rotation.index=0),u.getPercentage(e[this.rotation.index].values[0],this.total,this.decimal)),a=u.formatValue(e[this.rotation.index].values[0],this.symbol),o=this.$el.querySelector(".percentage"),r=this.$el.querySelector(".label");o&&((t=s.select(o)).style("color",u.getColor(this.rotation.index,this.colors)),t.text(a+" : "+n+"%")),r&&(t=s.select(r)).text(e[this.rotation.index].label)},PieChart.prototype.init=function(){this.combineSmallGroups?this.chartDataForLegend=u.combineSmallGroups(__spreadArrays(this.data),.03,"Others"):this.chartDataForLegend=__spreadArrays(this.data);var t=this.$el.querySelector(".main-chart"),e=this.$el.querySelector(".chart-legends"),t=(s.select(t).selectAll("").remove(),s.select(e).selectAll("").remove(),this.svgWidth=t&&0<t.clientWidth?t.clientWidth:300,this.svgHeight=t&&0<t.clientHeight?t.clientHeight:300,this.legendSvgWidth=e&&0<e.clientWidth?e.clientWidth:150,this.legendSvgHeight=e&&0<e.clientHeight?e.clientHeight:this.svgHeight,this.width=Math.min(this.svgWidth,this.svgHeight),this.height=this.svgHeight,s.select(t).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight)),e=(this.legendsSvg=s.select(e).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.radius=this.width/2-30,this.innerRadius=this.donut?.43this.radius:0,this.rotation={index:0,angle:0,startAngle:0,originalAngle:0},this.aggregate&&(this.height+=40),this.aggregate&&(e="currency"===this.aggregate.dataType?null==(e=null==(e=this.data[0])?void 0:e.reportMetadata)?void 0:e.currency:"",n=t.append("text").attr("class","mo-axis-label").attr("x",this.svgWidth/2).style("font-size",Math.min(16,.04this.svgWidth)+"px").attr("y",40),e?n.text(u.formatDomainValue("("+e+") "+this.aggregate.label,this.svgWidth,!1)):n.text(u.formatDomainValue(this.aggregate.label,this.svgWidth,!1))),this.total=this.data[0].total,0===this.total&&(this.total=this.data.reduce(function(t,e){return t+e.values[0]},0)),this.arcLayout=d.arc().outerRadius(this.radius).innerRadius(this.innerRadius),this.arc3dLayout=d.arc().outerRadius(this.innerRadius+9).innerRadius(this.innerRadius),this.pieLayout=d.pie().value(function(t){return t.values[0]}),this.pieLayout(this.chartDataForLegend)[this.rotation.index]),n=(this.rotation.angle=180-(e.startAngle+e.endAngle)/2/Math.PI180,this.aggregate?20:0);this.arcGroup=t.append("svg:g").attr("transform","translate("+this.svgWidth/2+", "+(this.svgHeight/2+n)+")\n rotate("+this.rotation.angle+")"),this.arc=this.arcGroup.selectAll(".arc").data(this.pieLayout(this.chartDataForLegend)).enter().append("g").attr("class","arc"),this.centerGroup=t.append("svg:g").attr("transform","translate("+this.svgWidth/2+", "+(this.svgHeight/2+n)+")"),this.labelGroup=t.append("svg:g"),this.chartDataForLegend=this.chartDataForLegend},PieChart.prototype.renderPie=function(){var n=this;this.arc.append("svg:path").style("fill",function(t,e){return u.getColor(e,n.colors)}).transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arcLayout(e(t))}})},PieChart.prototype.renderLegends=function(){var n,t,a=this;0!==this.chartDataForLegend.length&&(n=0,this.groupBy&&this.aggregate&&(this.legendsSvg.append("text").attr("x",10).attr("y",40).attr("class","mo-label-title").style("font-size",Math.min(16,.04this.svgWidth)+"px").text(u.formatDomainValue(this.groupBy.label,this.legendSvgWidth,!1)),n=65),(t=this.legendsSvg.selectAll(".mo-legend").data(this.chartDataForLegend).enter().append("g").attr("class","mo-legend")).append("rect").attr("width",15).attr("height",15).attr("x",10).attr("y",function(t,e){return n+25e}).attr("fill",function(t,e){return u.getColor(e,a.colors)}),t.append("text").attr("x",35).attr("y",function(t,e){return n+12+25e}).attr("class","mo-legend-text").style("font-size",Math.min(16,.04this.svgWidth)+"px").text(function(t){return u.formatDomainValue(t.label,a.legendSvgWidth-5,!1)}))},PieChart.prototype.addDonut=function(){var n=this;this.arc.append("svg:path").attr("class","mo-inner-arc").transition().duration(750).attrTween("d",function(t){var e=r.interpolateObject({startAngle:0,endAngle:0},t);return function(t){return n.arc3dLayout(e(t))}})},PieChart.prototype.renderTotal=function(){this.centerGroup.append("svg:text").style("text-anchor","middle").attr("class","mo-summary-label").transition().delay(500).text(this.totalLabel).style("font-size",Math.min(18,.06this.svgWidth)+"px"),this.centerGroup.append("svg:text").attr("y",18).style("text-anchor","middle").attr("class","mo-summary-value").transition().delay(500).text(u.formatValue(this.total,this.symbol,1)).style("font-size",Math.min(18,.06this.svgWidth)+"px")},PieChart.prototype.renderInnerLabel=function(){var r=this,i=this.chartDataForLegend.reduce(function(t,e){return t+e.values[0]},0);this.arc.each(function(t,e,n){var n=n[e],n=s.select(n),a=u.getInnerText({showValue:r.showValue,innerValue:"inner"===r.valuePosition,value:t.value,showPercentage:r.showPercentage,innerPercentage:"inner"===r.percentagePosition,total:i,decimal:r.decimal,symbol:"",type:"pie"}),a=0<a.indexOf("\n")?a.split("\n"):[""+a],o=n.append("text").attr("class","mo-inner-text").attr("text-anchor","middle").attr("dominant-baseline","middle").style("fill",function(){var t=u.getColor(e,r.colors);return u.isLightColor(t)?"#000000":"#ffffff"}).style("font-size",Math.min(16,.035r.svgWidth)+"px");o.transition().duration(750).attr("transform",function(){return"translate("+r.arcLayout.centroid(t)+") rotate("+-r.rotation.angle+")"}),a.forEach(function(t,e){o.append("tspan").attr("x",0).attr("dy",0===e?"0em":"1.2em").text(t)})})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],PieChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"combineSmallGroups",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:Array}),__metadata("design:type",Array)],PieChart.prototype,"colors",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],PieChart.prototype,"donut",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?f:Object)],PieChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],PieChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:String,default:function(){return"Total"}}),__metadata("design:type",String)],PieChart.prototype,"totalLabel",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type",Object)],PieChart.prototype,"area",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],PieChart.prototype,"onDataChanged",null);function P(){this.$createElement;return this._self._c,this._m(0)}function R(t){t&&t("data-v-5b5b2cd6_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var C,f=__decorate([e.Component({})],PieChart),S=(P._withStripped=!0,normalizeComponent({render:P,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-container"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},R,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function LineChart(){var t=null!==C&&C.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.width=0,t.height=0,t.mainSvg=null,t.legendsSvg=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.displayData=[],t.maxDisplayCount=20,t}__extends(LineChart,C=e.Mixins(o)),Object.defineProperty(LineChart.prototype,"actualMargin",{get:function(){var t=this.margin,e=t.top,n=t.right,a=t.bottom,t=t.left;return 0<this.groupings.length?{top:e,right:n,bottom:130,left:t}:0<this.aggregates.length?{top:e,right:n,bottom:a,left:65}:this.margin},enumerable:!1,configurable:!0}),LineChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},LineChart.prototype.mounted=function(){this.redraw()},LineChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderDataLine(),1<this.aggregates.length?this.renderMeasure():0<this.categories.length&&this.renderLabel(),this.showValue&&this.renderData()},LineChart.prototype.init=function(){var e,n=this,t=this.data.length>this.maxDisplayCount?this.data.length-this.maxDisplayCount:0,t=(this.displayData=this.data.slice(t),this.$el.querySelector(".main-chart")),a=this.$el.querySelector(".chart-legends"),t=(s.select(t).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=t&&0<t.clientWidth?t.clientWidth:300,this.svgHeight=t&&0<t.clientHeight?t.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.width=this.svgWidth-this.actualMargin.left-this.actualMargin.right,this.height=this.svgHeight-this.actualMargin.top-this.actualMargin.bottom,this.mainSvg=s.select(t).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.actualMargin.left+", "+this.actualMargin.top+")"),this.legendsSvg=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.categories=[],this.displayData.slice(0,20));this.maxValue=m.max(t,function(t){return m.max(t.values)}),"grouped"===this.groupType&&(this.refactorGroupedData(),e=[],t.forEach(function(t){e.push.apply(e,t.pieces)}),this.maxValue=m.max(e,function(t){return m.max(t.values)})),this.refactoredData=JSON.parse(JSON.stringify(t)),"cumulativeGrouped"!==this.groupType&&"cumulative"!==this.groupType\|\|this.refactorCumulateData(),this.xAxisScale=i.scalePoint().domain(this.refactoredData.map(function(t){return t.label})).range([0,this.width]).padding(.5),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatDomainValue(t,100,!0)}),this.yAxisScale=i.scaleLinear().domain([0,this.maxValue\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatValue(t,"",n.decimal)}),this.area=d.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,e){return void 0===e&&(e=0),"cumulativeGrouped"===this.groupType\|\|"cumulative"===this.groupType?t.cumulates[e]\|\|0:t.values[e]},LineChart.prototype.line=function(e){var n=this;return void 0===e&&(e=0),d.line().curve(d.curveLinear).x(function(t){return n.xAxisScale(t.label)}).y(function(t){return n.yAxisScale(n.lineValue(t,e))})},LineChart.prototype.refactorGroupedData=function(){var n=[];this.displayData.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(m.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},LineChart.prototype.refactorCumulateData=function(){var r=this;0<this.categories.length?this.categories.forEach(function(o){o.value.forEach(function(n,a){n.cumulates=n.cumulates\|\|[],n.values.forEach(function(t,e){e=0<a?o.value[a-1].cumulates[e]+t:t;n.cumulates.push(e),e>r.maxValue&&(r.maxValue=e)})})}):this.refactoredData.forEach(function(a,o){a.cumulates=new Array(a.values.length).fill(0),a.values.forEach(function(t,e){var n=(0<o&&null!=(n=null==(n=null==(n=r.refactoredData[o-1])?void 0:n.cumulates)?void 0:n[e])?n:0)+t;(a.cumulates[e]=n)>r.maxValue&&(r.maxValue=n)})})},LineChart.prototype.renderAxis=function(){this.mainSvg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").attr("class","mo-axis-text").attr("y",10).attr("x",-8).attr("dy",0).attr("transform","rotate(-70)").style("text-anchor","end"),this.mainSvg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},LineChart.prototype.renderAxisLabel=function(){var n=this;this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.svgHeight-25).text(this.groupings[0].label),this.mainSvg.append("text").attr("class","mo-axis-label").attr("transform","rotate(-90)").attr("x",-this.height/2).attr("y",-this.actualMargin.left).attr("dy","1em").style("text-anchor","middle").text(0<this.aggregates.length?this.aggregates.map(function(t){var e="currency"===t.dataType?null==(e=null==(e=n.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"";return e?u.formatDomainValue("("+e+") "+t.label,n.svgWidth,!1):u.formatDomainValue(t.label,n.svgWidth,!1)}).join(", "):"")},LineChart.prototype.renderSpaceLine=function(){var e=this;this.mainSvg.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.mainSvg.selectAll(".mo-vertical-line").data(this.refactoredData).enter().append("line").attr("class","mo-space-line").attr("x1",function(t){return e.xAxisScale(t.label)}).attr("y1",this.height).attr("x2",function(t){return e.xAxisScale(t.label)}).attr("y2",0),this.mainSvg.selectAll(".mo-axis-point").data(this.refactoredData).enter().append("circle").attr("class","mo-axis-point").attr("r",2).attr("cx",function(t){return e.xAxisScale(t.label)}).attr("cy",this.height)},LineChart.prototype.renderDataLine=function(){function kg(t,e,n){var a=(n=void 0===n?!1:n)?e:0,n=u.getColor(e,r.colors),o=(e=r.mainSvg.append("path").datum(t).attr("d",r.line(a)).attr("class","mo-data-line").style("stroke",n)).node().getTotalLength();e.attr("stroke-dasharray",o+" "+o).attr("stroke-dashoffset",o).transition().duration(1e3).ease(h.easeLinear).attr("stroke-dashoffset",0),r.mainSvg.selectAll(".mo-data-point").data(t).enter().append("circle").attr("cx",function(t){return r.xAxisScale(t.label)}).attr("cy",function(t){return r.yAxisScale(r.lineValue(t,a))}).attr("r",r.pointRadius).attr("class","mo-line-point").style("fill",n)}var r=this;0<this.categories.length?this.categories.forEach(function(t,e){return kg(t.value,e)}):1<this.aggregates.length?this.aggregates.forEach(function(t,e){return kg(r.refactoredData,e,!0)}):(this.defineAreaGradients(0,u.getColor(0,this.colors)),kg(this.refactoredData,0),this.mainSvg.append("path").datum(this.refactoredData).attr("class","mo-line-area").style("fill","url(#MoLineAreaGradient0)").transition().duration(1e3).attr("d",this.area))},LineChart.prototype.defineAreaGradients=function(t,e){t=this.mainSvg.append("defs").append("linearGradient").attr("id","MoLineAreaGradient"+t).attr("x1","0").attr("y1","0").attr("x2","0").attr("y2","0").attr("y1","100%");t.append("stop").attr("offset","0%").attr("stop-color",e).attr("stop-opacity",0),t.append("stop").attr("offset","100%").attr("stop-color",e).attr("stop-opacity",.7)},LineChart.prototype.renderMeasure=function(){var n=this,t=this.legendsSvg.append("g"),t=(t.append("text").attr("x",0).attr("y",10).attr("class","mo-label-title").text("Measure"),t.selectAll(".mo-label").data(this.aggregates).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return 25+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",20).attr("y",function(t,e){return 37+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return u.formatDomainValue(t.label,n.legendSvgWidth,!1)})},LineChart.prototype.renderLabel=function(){var n=this,t=this.legendsSvg.append("g"),t=(t.append("text").attr("x",0).attr("y",10).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return 25+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",20).attr("y",function(t,e){return 37+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return u.formatDomainValue(t.key,n.legendSvgWidth,!1)})},LineChart.prototype.renderData=function(){var e=this;"cumulativeGrouped"===this.groupType\|\|"cumulative"===this.groupType?this.mainSvg.selectAll(".line-text").data(this.refactoredData).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){return e.yAxisScale(t.cumulates[0])-5}).attr("text-anchor","middle").text(function(t){return 0!==t.cumulates[0]?u.formatValue(t.cumulates[0],"",e.decimal):""}).attr("transform",function(t){return"rotate(-20, "+e.xAxisScale(t.label)+", "+(e.yAxisScale(t.cumulates[0])-5)+")"}):this.mainSvg.selectAll(".line-text").data(this.displayData).enter().append("text").attr("class","mo-data-text").attr("x",function(t){return e.xAxisScale(t.label)}).attr("y",function(t){return e.yAxisScale(t.values[0])-5}).attr("text-anchor","middle").text(function(t){return 0!==t.values[0]?u.formatValue(t.values[0],"",e.decimal):""}).attr("transform",function(t){return"rotate(-20, "+e.xAxisScale(t.label)+", "+(e.yAxisScale(t.values[0])-5)+")"})},__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:20,right:10,bottom:0,left:70}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],LineChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],LineChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"textColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"labelColor",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],LineChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],LineChart.prototype,"colors",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],LineChart.prototype,"decimal",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],LineChart.prototype,"onDataChanged",null);function Y(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|"cumulativeGrouped"===t.groupType\|\|1<t.aggregates.length\|\|0<t.categories.length?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function $(t){t&&t("data-v-9b29bf16_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var M,f=__decorate([e.Component({})],LineChart),z=(Y._withStripped=!0,normalizeComponent({render:Y,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends",staticStyle:{width:"20%"}})])}]},$,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function FunnelChart(){var t=null!==M&&M.apply(this,arguments)\|\|this;return t.funnelWidth=0,t.funnelHeight=0,t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.legendItemHeight=25,t.mainSvg=null,t.legendsSvg=null,t.total=0,t.refactoredData=[],t.colorMap=new Map,t}__extends(FunnelChart,M=e.Mixins(o)),FunnelChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},FunnelChart.prototype.mounted=function(){this.redraw()},FunnelChart.prototype.redraw=function(){this.init(),this.renderFunnel(),this.renderLegend()},FunnelChart.prototype.init=function(){var t,m=this,e=(this.colorMap.clear(),this.refactoredData=[],(t=this.combineSmallGroups?u.combineSmallGroups(__spreadArrays(this.data),.03,"Others"):__spreadArrays(this.data)).filter(function(t){return 0<t.values[0]})),e=__spreadArrays(e),d=e.reduce(function(t,e){return t+e.values[0]},0),n=(t.forEach(function(t,e){m.colorMap.set(t.label,u.getColor(e,m.colors))}),this.$el.querySelector(".main-chart")),a=this.$el.querySelector(".chart-legends"),h=(s.select(n).selectAll("").remove(),s.select(a).selectAll("").remove(),this.svgWidth=n&&0<n.clientWidth?n.clientWidth:300,this.svgHeight=n&&0<n.clientHeight?n.clientHeight:300,this.legendSvgWidth=a&&0<a.clientWidth?a.clientWidth:150,this.legendSvgHeight=a&&0<a.clientHeight?a.clientHeight:this.svgHeight,this.funnelWidth=this.svgWidth,this.funnelHeight=this.svgHeight,50),p=this.funnelHeight-h-50,g=this.funnelWidth/1.5,f=.3this.funnelWidth;e.forEach(function(t){var e=h/p,n=Math.max(t.values[0]/dp,15),e=g-(g-f)e,a=g-(g-f)((h+n)/p),o=(m.funnelWidth-e)/2,r=h,e=o+e,i=r,l=(m.funnelWidth-a)/2+a,s=r+n,a=(m.funnelWidth-a)/2,c=s;h+=n,0<t.values[0]&&((n=JSON.parse(JSON.stringify(t))).points=[{x:o,y:r},{x:e,y:i},{x:l,y:s},{x:a,y:c}],m.refactoredData.push(n))}),this.mainSvg=s.select(n).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight),this.legendsSvg=s.select(a).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.total=d,this.chartDataForLegend=t},FunnelChart.prototype.renderFunnel=function(){var e=this,t=this.mainSvg.selectAll("g").data(this.refactoredData).enter().append("g");t.append("polygon").attr("points",this.getPoint(this.refactoredData[0].points)).style("fill",function(t){return e.colorMap.get(t.label)\|\|"#fff"}).transition().duration(1e3).attr("points",function(t){return t.points.map(function(t){return[t.x,t.y].join(",")}).join(" ")}),t.append("text").attr("class","mo-label-inner").attr("x",this.funnelWidth/2).attr("y",function(t){return(t.points[0].y+t.points[3].y)/2+5}).style("fill",function(t){t=e.colorMap.get(t.label)\|\|"#dddddd";return u.isLightColor(t)?"#000000":"#ffffff"}).text(function(t){return u.getInnerText({showValue:e.showValue,innerValue:"inner"===e.valuePosition,value:t.values[0],showPercentage:e.showPercentage,innerPercentage:"inner"===e.percentagePosition,total:e.total,decimal:e.decimal,symbol:""})})},FunnelChart.prototype.getPoint=function(t){for(var e=[],n=0;n<4;n+=1)e.push(t[n].x+","+t[n].y);return e.join(" ")},FunnelChart.prototype.renderLegend=function(){var n,a=this,t=(this.mainSvg.selectAll(".legend").remove(),this.groupBy&&this.aggregate&&(n="currency"===(null==(t=this.aggregate)?void 0:t.dataType)?null==(t=null==(t=this.data[0])?void 0:t.reportMetadata)?void 0:t.currency:"",this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.funnelWidth/2).attr("y",30).text(function(){var t=(null==(t=a.aggregate)?void 0:t.label)\|\|"",e=u.formatValue(a.total,"",a.decimal);return u.formatDomainValue(n?"("+n+") "+t+": "+e:t+": "+e,a.svgWidth,!1)}),this.legendsSvg.append("text").attr("class","mo-label-title").attr("x",0).attr("y",30).text(u.formatDomainValue(this.groupBy.label,this.legendSvgWidth,!1))),this.chartDataForLegend),e=this.legendsSvg.append("g").attr("class","legend").attr("transform","translate(0, 50)"),o=e.selectAll("rect").data(t).enter().append("rect").attr("width",15).attr("height",15).style("fill",function(t){return a.colorMap.get(t.label)\|\|"#ddd"}),e=e.selectAll("text").data(t).enter().append("text").attr("class","mo-legend-text").text(function(t){return u.formatDomainValue(t.label,a.legendSvgWidth-2,!1)});"horizontal"===this.labelMode?(o.attr("x",function(t,e){return 10+100e}).attr("y",10),e.attr("x",function(t,e){return 35+100e}).attr("y",23)):(o.attr("x",0).attr("y",function(t,e){return 25e}),e.attr("x",25).attr("y",function(t,e){return 25e+13}))},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],FunnelChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"combineSmallGroups",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],FunnelChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],FunnelChart.prototype,"colors",void 0),__decorate([e.Prop({type:String,default:function(){return"vertical"}}),__metadata("design:type",String)],FunnelChart.prototype,"labelMode",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showValue",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"valuePosition",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],FunnelChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"inner"}}),__metadata("design:type",String)],FunnelChart.prototype,"percentagePosition",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartGroupingColumn&&ChartGroupingColumn)?f:Object)],FunnelChart.prototype,"groupBy",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],FunnelChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],FunnelChart.prototype,"onDataChanged",null);function fa(){this.$createElement;return this._self._c,this._m(0)}function ha(t){t&&t("data-v-46dee47e_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var T,f=__decorate([e.Component({})],FunnelChart),G=(fa._withStripped=!0,normalizeComponent({render:fa,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-container"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},ha,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function GaugeChart(){var t=null!==T&&T.apply(this,arguments)\|\|this;return t.svg=null,t.width=0,t.height=0,t.radius=0,t.backgroundArc=null,t.arc=null,t.centerArc=null,t.scale=null,t}__extends(GaugeChart,T=e.Mixins(o)),Object.defineProperty(GaugeChart.prototype,"minValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.min(this.data.minValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"maxValue",{get:function(){var t="string"==typeof this.data.value?parseFloat(this.data.value):this.data.value;return Math.max(this.data.maxValue,t)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"labelWithCurrency",{get:function(){var t=(null==(t=this.aggregate)?void 0:t.label)\|\|"",e="currency"===(null==(e=this.aggregate)?void 0:e.dataType)?null==(e=this.data.reportMetadata)?void 0:e.currency:"";return e?t+" ("+e+")":t},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"valueWithCurrency",{get:function(){var t=(null==(t=this.data)?void 0:t.value)\|\|0;return u.formatValue(t,"",this.decimal)},enumerable:!1,configurable:!0}),Object.defineProperty(GaugeChart.prototype,"percentLabel",{get:function(){var t=(("string"==typeof this.data.value?parseFloat(this.data.value):this.data.value)/this.data.maxValue100).toFixed(0);return"("+u.formatValue(t,"",1)+"%)"},enumerable:!1,configurable:!0}),GaugeChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},GaugeChart.prototype.mounted=function(){this.redraw()},GaugeChart.prototype.redraw=function(){this.init(),this.renderGauge(),this.renderData(),this.renderPointer()},GaugeChart.prototype.init=function(){var t=this.$el,e=t&&0<t.clientWidth?t.clientWidth:300,t=t&&0<t.clientHeight?t.clientHeight:300;this.width=Math.min(e,t),this.height=t,this.radius=this.width/2-5,this.svg=s.select(this.$el).append("svg").attr("width",this.width).attr("height",this.height),this.defineGradient(),this.backgroundArc=d.arc().innerRadius(this.radius).outerRadius(this.radius).startAngle(this.angleToRadian(this.minAngle)).endAngle(this.angleToRadian(this.maxAngle)),this.arc=d.arc().innerRadius(this.radius).outerRadius(this.radius),this.centerArc=d.arc().innerRadius(8).outerRadius(22).startAngle(this.angleToRadian(-180)).endAngle(this.angleToRadian(180)),this.scale=i.scaleLinear().range([this.minAngle,this.maxAngle]).domain([this.minValue,this.maxValue])},GaugeChart.prototype.renderGauge=function(){var o=this,t=(this.svg.append("path").attr("class","mo-gauge-back-arc").attr("transform","translate("+this.width/2+", "+this.height/2+")").attr("d",this.backgroundArc),this.svg.append("path").attr("class","mo-gauge-value-arc").attr("transform","translate("+this.width/2+", "+this.height/2+")").transition().duration(1e3).attrTween("d",function(){var t=o.angleToRadian(o.minAngle),e=o.angleToRadian(o.scale(o.data.value)),n={startAngle:t,endAngle:t},a={startAngle:t,endAngle:e};return function(t){return o.arc(r.interpolateObject(n,a)(t))}}),this.tickCalc()),e=this.getTicksAngles();this.svg.append("g").selectAll("path").data(e).enter().append("path").attr("d",t).attr("class","mo-gauge-tick"),this.svg.append("path").attr("class","mo-gauge-inner-arc").attr("transform","translate("+this.width/2+", "+this.height/2+")").attr("d",this.centerArc)},GaugeChart.prototype.renderData=function(){var t=this.svg.append("g").attr("transform","translate("+this.width/2+", "+(this.height/2+80)+")");t.append("text").text([u.formatValue(this.data.value,"",this.decimal),this.showPercentage?this.percentLabel:""].join("")).attr("class","mo-gauge-value").style("font-size",Math.min(40,.1this.width)+"px"),t.append("text").attr("y",25).text(this.showRange?this.data.breakRange:"").attr("class","mo-gauge-range"),t.append("text").attr("y",this.showRange?45:25).text([this.label,u.formatValue(this.data.maxValue,"",this.decimal)].join(" ")).attr("class","mo-gauge-max-value"),this.aggregate&&t.append("text").attr("y",this.showRange?65:45).text(this.labelWithCurrency).attr("class","mo-axis-div-label").style("font-size",Math.min(16,.05this.width)+"px")},GaugeChart.prototype.renderPointer=function(){var n=this,t=[[2.5,0],[0,-(this.radius-10)],[-2.5,0],[2.5,0]],e=d.line().curve(d.curveMonotoneX);this.svg.append("g").data([t]).attr("class","mo-gauge-pointer").attr("transform","translate("+this.width/2+", "+this.height/2+")").append("path").attr("d",e).attr("transform","rotate("+this.scale(this.minValue)+")").transition().duration(1e3).attrTween("transform",function(){var t=n.scale(n.minValue),e=n.scale(n.data.value);return r.interpolateString("rotate("+t+")","rotate("+e+")")}),this.svg.append("circle").attr("class","mo-gauge-inner-bg-arc").attr("cx",this.width/2).attr("cy",this.height/2).attr("r",10)},GaugeChart.prototype.defineGradient=function(){var t=this.svg.append("defs").append("linearGradient").attr("id","MoGaugeGradient").attr("x1","0").attr("y1","0").attr("x2","100%").attr("y2","0");t.append("stop").attr("offset","0%").attr("stop-color",this.gradientColors[0]),t.append("stop").attr("offset","100%").attr("stop-color",this.gradientColors[1])},GaugeChart.prototype.angleToRadian=function(t){return t(Math.PI/180)},GaugeChart.prototype.getTicksAngles=function(){for(var t=[],e=0,n=(this.scale(this.maxValue)-this.scale(this.minValue))/this.ticksNumber,a=this.minAngle;a<=this.maxAngle;a+=n)t.push(this.minAngle+ne),e+=1;return t},GaugeChart.prototype.tickCalc=function(){var o=this;return function(t){var t=(t-90)(Math.PI/180),e=o.radius-15,n=o.height/2+eMath.sin(t),a=o.height/2+(5+e)Math.sin(t),n=[{x:o.width/2+eMath.cos(t),y:n},{x:o.width/2+(5+e)Math.cos(t),y:a}];return d.line(function(t){return t.x},function(t){return t.y})(n)}},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof GaugeData&&GaugeData)?f:Object)],GaugeChart.prototype,"data",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showTotal",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showRange",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!0}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showValue",void 0),__decorate([e.Prop({type:Boolean,default:function(){return!1}}),__metadata("design:type",Boolean)],GaugeChart.prototype,"showPercentage",void 0),__decorate([e.Prop({type:String,default:function(){return"Target"}}),__metadata("design:type",String)],GaugeChart.prototype,"label",void 0),__decorate([e.Prop({type:Number,default:function(){return-90}}),__metadata("design:type",Number)],GaugeChart.prototype,"minAngle",void 0),__decorate([e.Prop({type:Number,default:function(){return 90}}),__metadata("design:type",Number)],GaugeChart.prototype,"maxAngle",void 0),__decorate([e.Prop({type:Array,default:function(){return["#7467cd","#00b9ff"]}}),__metadata("design:type",Array)],GaugeChart.prototype,"gradientColors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],GaugeChart.prototype,"centerColor",void 0),__decorate([e.Prop({type:Number,default:function(){return 40}}),__metadata("design:type",Number)],GaugeChart.prototype,"ticksNumber",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],GaugeChart.prototype,"decimal",void 0),__decorate([e.Prop({type:Object}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],GaugeChart.prototype,"aggregate",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],GaugeChart.prototype,"onDataChanged",null);function oa(){var t=this.$createElement;return(this._self._c\|\|t)("div",{staticClass:"mo-chart mo-gauge-chart"})}function qa(t){t&&t("data-v-b66fee0c_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #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}\n.mo-gauge-chart {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}',map:void 0,media:void 0})}var B,f=__decorate([e.Component({})],GaugeChart),D=(oa._withStripped=!0,normalizeComponent({render:oa,staticRenderFns:[]},qa,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MetricChart(){return null!==B&&B.apply(this,arguments)\|\|this}__extends(MetricChart,B=e.Vue),Object.defineProperty(MetricChart.prototype,"value",{get:function(){return u.formatValue(this.data.value,this.aggregate.unitSymbol,this.decimal)},enumerable:!1,configurable:!0}),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof MetricData&&MetricData)?f:Object)],MetricChart.prototype,"data",void 0),__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartAggregateColumn&&ChartAggregateColumn)?f:Object)],MetricChart.prototype,"aggregate",void 0),__decorate([e.Prop({type:Number,default:function(){return 1}}),__metadata("design:type",Number)],MetricChart.prototype,"decimal",void 0);function xa(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-chart"},[e("div",{staticClass:"mo-metric"},[e("div",{staticClass:"mo-metric-inner"},[e("div",{staticClass:"mo-metric-label"},[t._v("\n "+t._s(t.data.label)+"\n ")]),t._v(" "),e("div",{staticClass:"mo-metric-value"},[t._v("\n "+t._s(t.value)+"\n ")])])])])}function za(t){t&&t("data-v-87bb7704_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var L,f=__decorate([e.Component({})],MetricChart),I=(xa._withStripped=!0,normalizeComponent({render:xa,staticRenderFns:[]},za,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function ScatterChart(){var t=null!==L&&L.apply(this,arguments)\|\|this;return t.svgWidth=0,t.svgHeight=0,t.legendSvgWidth=240,t.legendSvgHeight=0,t.width=0,t.height=0,t.mainSvg=null,t.legendsSvg=null,t.xAxisScale=null,t.xAxis=null,t.yAxisScale=null,t.yAxis=null,t.line=null,t.categories=[],t.additionalHeight=0,t.displayData=[],t.maxDisplayCount=20,t}__extends(ScatterChart,L=e.Mixins(o)),ScatterChart.prototype.onDataChanged=function(){this.beforeRedraw(),this.redraw()},ScatterChart.prototype.mounted=function(){this.redraw()},ScatterChart.prototype.redraw=function(){this.init(),this.renderAxis(),this.renderAxisLabel(),this.renderSpaceLine(),this.renderPoint(),1<this.groupings.length&&0<this.categories.length&&this.renderLabel()},ScatterChart.prototype.init=function(){var n=this,t=this.data.length>this.maxDisplayCount?this.data.length-this.maxDisplayCount:0,t=(this.displayData=this.data.slice(t),this.$el.querySelector(".main-chart")),e=this.$el.querySelector(".chart-legends"),t=(s.select(t).selectAll("").remove(),s.select(e).selectAll("").remove(),this.svgWidth=t&&0<t.clientWidth?t.clientWidth:300,this.svgHeight=t&&0<t.clientHeight?t.clientHeight:300,this.legendSvgWidth=e&&0<e.clientWidth?e.clientWidth:150,this.legendSvgHeight=e&&0<e.clientHeight?e.clientHeight:this.svgHeight,this.width=this.svgWidth-this.margin.left-this.margin.right,this.height=this.svgHeight-this.margin.top-this.margin.bottom,this.mainSvg=s.select(t).append("svg").attr("width",this.svgWidth).attr("height",this.svgHeight).append("g").attr("transform","translate("+this.margin.left+", "+this.margin.top+")"),this.legendsSvg=s.select(e).append("svg").attr("width",this.legendSvgWidth).attr("height",this.legendSvgHeight),this.displayData.slice(-20)),e=m.max(t,function(t){return t.values[0]}),t=m.max(t,function(t){return t.values[1]});"grouped"===this.groupType&&this.refactorGroupedData(),this.xAxisScale=i.scaleLinear().domain([0,e\|\|10]).range([0,this.width]).nice(),this.xAxis=l.axisBottom(this.xAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t){return u.formatDomainValue(t,n.legendSvgWidth-35,!0)}),this.yAxisScale=i.scaleLinear().domain([0,t\|\|10]).range([this.height,0]).nice(),this.yAxis=l.axisLeft(this.yAxisScale).tickSize(0).tickPadding(6).tickFormat(function(t,e){return e%2==0?u.formatValue(t,"",n.decimal):""}),this.line=d.line(function(t){return n.xAxisScale(t.values[0])},function(t){return n.yAxisScale(t.values[1])})},ScatterChart.prototype.renderAxis=function(){this.mainSvg.append("g").attr("class","x mo-axis").attr("transform","translate(0, "+this.height+")").call(this.xAxis).selectAll("text").style("text-anchor","end").attr("class","mo-axis-text").attr("y",10).attr("x",-8).attr("transform","rotate(-60)"),this.mainSvg.append("g").attr("class","y mo-axis").call(this.yAxis).selectAll("text").attr("class","mo-axis-text").attr("y",0)},ScatterChart.prototype.renderAxisLabel=function(){var t,e;0<this.aggregates.length&&(e=(t="currency"===this.aggregates[0].dataType?null==(t=null==(t=this.displayData[0])?void 0:t.reportMetadata)?void 0:t.currency:"")?this.aggregates[0].label+" ("+t+")":this.aggregates[0].label,this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",this.width/2).attr("y",this.svgHeight-25).text(u.formatDomainValue(e,this.svgWidth,!1))),u.defineAreaGradientsForCover(this.mainSvg,1,!0),this.mainSvg.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.mainSvg.append("rect").attr("transform","rotate(-90)").attr("x",-this.height-10).attr("y",-this.margin.left-10).attr("width",this.height+20).attr("height",30).style("fill","none"),1<this.aggregates.length&&(e=(t="currency"===this.aggregates[1].dataType?null==(e=null==(e=this.displayData[0])?void 0:e.reportMetadata)?void 0:e.currency:"")?this.aggregates[1].label+" ("+t+")":this.aggregates[1].label,this.mainSvg.append("text").attr("class","mo-axis-label").attr("x",-this.height/2).attr("y",-this.margin.left).attr("dy","1em").attr("transform","rotate(-90)").text(e))},ScatterChart.prototype.renderSpaceLine=function(){this.mainSvg.selectAll(".mo-space-line").data(this.yAxisScale.ticks()).enter().append("line").attr("stroke","").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",0).attr("x2",this.width-5).attr("y1",this.yAxisScale).attr("y2",this.yAxisScale),this.mainSvg.selectAll(".mo-vertical-line").data(this.xAxisScale.ticks()).enter().append("line").attr("class",function(t,e){return e%2==0?"mo-space-bold-line":"mo-space-line"}).attr("x1",this.xAxisScale).attr("x2",this.xAxisScale).attr("y1",this.height).attr("y2",0),this.mainSvg.selectAll(".mo-axis-point").data(this.xAxisScale.ticks()).enter().append("circle").attr("class","mo-axis-point").attr("r",function(t,e){return e%2==0?2:0}).attr("cx",this.xAxisScale).attr("cy",this.height)},ScatterChart.prototype.renderPoint=function(){function Gi(t,e){e=u.getColor(e,n.colors),n.mainSvg.append("g").selectAll(".mo-data-point").data(t).enter().append("circle").attr("fill",e).attr("cx",0).attr("cy",n.height).attr("r",n.pointRadius).transition().duration(1e3).attr("cx",function(t){return n.xAxisScale(t.values[0])}).attr("cy",function(t){return n.yAxisScale(t.values[1]\|\|0)})}var n=this;"grouped"===this.groupType&&0<this.categories.length?this.categories.forEach(function(t,e){return Gi(t.value,e)}):Gi(this.displayData,0)},ScatterChart.prototype.renderLabel=function(){var n=this,t=this.legendsSvg.append("g"),t=(t.attr("transform","translate(0, 0)"),t.append("text").attr("x",0).attr("y",20).attr("class","mo-label-title").text(u.formatDomainValue(this.groupings[1].label,this.legendSvgWidth,!1)),t.selectAll(".mo-label").data(this.categories).enter().append("g").attr("class","mo-label"));t.append("rect").attr("width","15").attr("height","15").attr("x",0).attr("y",function(t,e){return 35+25e}).attr("fill",function(t,e){return u.getColor(e,n.colors)}),t.append("text").attr("x",25).attr("y",function(t,e){return 47+25e}).attr("class","mo-legend-text").style("fill",this.labelColor\|\|"").text(function(t){return u.formatDomainValue(t.key,n.legendSvgWidth,!1)})},ScatterChart.prototype.refactorGroupedData=function(){var n=[];this.displayData.forEach(function(e){e.pieces&&0<e.pieces.length&&e.pieces.forEach(function(t){n.push({label:e.label,group:t.label,values:t.values})})}),this.categories=Array.from(m.group(n,function(t){return t.group}),function(t){return{key:t[0],value:t[1]}})},__decorate([e.Prop({type:Array,required:!0}),__metadata("design:type",Array)],ScatterChart.prototype,"data",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"groupings",void 0),__decorate([e.Prop({type:Array,default:function(){return[]}}),__metadata("design:type",Array)],ScatterChart.prototype,"aggregates",void 0),__decorate([e.Prop({type:Object,default:function(){return{top:20,right:20,bottom:85,left:70}}}),__metadata("design:type","function"==typeof(f="undefined"!=typeof ChartMargin&&ChartMargin)?f:Object)],ScatterChart.prototype,"margin",void 0),__decorate([e.Prop({type:Number,default:function(){return 3}}),__metadata("design:type",Number)],ScatterChart.prototype,"pointRadius",void 0),__decorate([e.Prop({type:Number,default:function(){return 2}}),__metadata("design:type",Number)],ScatterChart.prototype,"decimal",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"groupType",void 0),__decorate([e.Prop({type:Array}),__metadata("design:type",Array)],ScatterChart.prototype,"colors",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],ScatterChart.prototype,"labelColor",void 0),__decorate([e.Watch("data",{deep:!0}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ScatterChart.prototype,"onDataChanged",null);function Ga(){var t=this,e=t.$createElement,e=t._self._c\|\|e;return"grouped"===t.groupType\|\|0<t.categories.length?e("div",{staticClass:"chart-container chart-having-tips"},[t._m(0),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()]):e("div",{staticClass:"chart-container chart-having-tips"},[e("div",{staticClass:"main-chart"}),t._v(" "),20<t.data.length?e("div",{staticClass:"chart-limit-tips"},[t._v("\n "+t._s(t.CHART_LIMIT_TIPS_TEXT)+"\n ")]):t._e()])}function Ia(t){t&&t("data-v-6ee0dd74_0",{source:'/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}',map:void 0,media:void 0})}var W,f=__decorate([e.Component({})],ScatterChart),j=(Ga._withStripped=!0,normalizeComponent({render:Ga,staticRenderFns:[function(){var t=this.$createElement,t=this._self._c\|\|t;return t("div",{staticClass:"chart-and-legends"},[t("div",{staticClass:"main-chart"}),this._v(" "),t("div",{staticClass:"chart-legends"})])}]},Ia,f,void 0,!1,void 0,!1,createInjector,void 0,void 0));function TableChart(){var t=null!==W&&W.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.maxDisplayCount=20,t}__extends(TableChart,W=e.Mixins(o)),TableChart.prototype.mounted=function(){this.ready=!0},TableChart.prototype.isNumber=function(t){t=this.data.headers[t];return t&&("datetime"===t.dataType\|\|"currency"===t.dataType\|\|"date"===t.dataType\|\|"int"===t.dataType\|\|"double"===t.dataType\|\|"percent"===t.dataType\|\|"boolean"===t.dataType)},TableChart.prototype.isBoolean=function(t){t=this.data.headers[t];return t&&"boolean"===t.dataType},TableChart.prototype.getCellWidth=function(t){var e=this.getWidth(),n=this.data.headers.length,a=e/n;return 0<a.toString().indexOf(".")&&t===n-1?e-(n-1)Math.floor(a):Math.floor(a)},__decorate([e.Prop({type:Object,required:!0}),__metadata("design:type","function"==typeof(f="undefined"!=typeof TableData&&TableData)?f:Object)],TableChart.prototype,"data",void 0);function Ra(){var n=this,t=n.$createElement,a=n._self._c\|\|t;return a("div",{staticClass:"mo-chart"},[n.ready&&n.data&&n.data.rows&&0<n.data.rows.length?a("div",{staticClass:"mo-table"},[a("div",{staticClass:"mo-table-row header-row"},n._l(n.data.headers,function(t,e){return a("div",{key:t.label,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[a("div",{staticClass:"header-label",class:{"have-sort":t.sortOrder}},[n._v("\n "+n._s(t.label)+"\n "),t.sortOrder?a("span",{staticClass:"sort-icon"},["asc"===t.sortOrder?a("svg",{staticStyle:{width:"14px",height:"14px"},attrs:{"aria-hidden":"true",viewBox:"0 0 520 520"}},[a("path",{attrs:{d:"M414 210c8-8 8-19 0-27L264 36a20 20 0 00-28 0L86 183c-8 8-8 19 0 27l28 27c8 8 20 8 28 0l47-46c8-8 22-2 22 9v270c0 10 9 20 20 20h40c11 0 20-11 20-20V200c0-12 14-17 22-9l47 46c8 8 20 8 28 0z",fill:"rgb(91, 220, 239)"}})]):"desc"===t.sortOrder?a("svg",{staticStyle:{width:"14px",height:"14px"},attrs:{"aria-hidden":"true",viewBox:"0 0 520 520"}},[a("path",{attrs:{d:"M96 310c-8 8-8 19 0 27l150 147c8 8 20 8 28 0l151-147c8-8 8-19 0-27l-28-27a20 20 0 00-28 0l-47 46c-8 8-22 3-22-9V50c0-10-9-20-20-20h-40c-11 0-20 11-20 20v270c0 12-14 17-22 9l-47-46a20 20 0 00-28 0z",fill:"rgb(91, 220, 239)"}})]):n._e()]):n._e()])])}),0),n._v(" "),n._l(n.data.rows.slice(0,n.maxDisplayCount),function(t,e){return a("div",{key:e,staticClass:"mo-table-row"},n._l(t.cells,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n.isBoolean(e)?a("img",{staticClass:"mo-table-checkbox-cell",attrs:{src:"1"===t.label\|\|"true"===t.label?n.checkedImage:n.uncheckedImage}}):a("span",[n._v(n._s(t.label))])])}),0)}),n._v(" "),a("div",{staticClass:"mo-table-row total-row"},n._l(n.data.totals,function(t,e){return a("div",{key:e,staticClass:"mo-table-cell",class:{"mo-table-right-cell":n.isNumber(e)},style:{width:n.getCellWidth(e)+"px"},on:{click:function(t){return n.$emit("cell-clicked",t)}}},[n._v("\n "+n._s(t.label)+"\n ")])}),0),n._v(" "),n.data&&n.data.rows&&20<n.data.rows.length?a("div",{staticClass:"chart-limit-tips"},[n._v("\n "+n._s(n.CHART_LIMIT_TIPS_TEXT)+"\n ")]):n._e()],2):n._e(),n._v(" "),n.ready&&n.data&&n.data.rows&&0===n.data.rows.length?a("div",{staticClass:"no-data"},[n._v("\n We can't draw this chart because there is no data.\n ")]):n._e()])}function Ta(t){t&&t("data-v-63fba983_0",{source:'/* Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area /\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 1rem sans-serif;\n text-align: center;\n}\n.mo-chart.x-scroll {\n overflow-x: scroll;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n font-size: clamp(8px, 1vmin, 1.6rem);\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n}\n.mo-summary-value {\n fill: #00A383;\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: clamp(1rem, 1vmin, 1.2rem);\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: clamp(1rem, 1vmin, 1.2rem);\n fill: #323233;\n}\n.mo-axis-label {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-legend-text {\n font-size: clamp(1.2rem, 1vmin, 1.6rem);\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 1.6rem;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: clamp(1rem, 1vmin, 1.6rem);\n fill: #000;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-range {\n font-size: 1.6rem;\n fill: #323233;\n text-anchor: middle;\n}\n.mo-gauge-max-value {\n font-size: 1.4rem;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/ line /\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/ rotate /\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 1.4rem;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc(50% - 10px);\n content: "";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n height: 100%;\n color: #323233;\n}\n.mo-metric .mo-metric-inner {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n width: 100%;\n}\n.mo-metric .mo-metric-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 2.4rem;\n}\n.mo-metric .mo-metric-value {\n padding-right: 5px;\n font-size: clamp(4rem, 4rem + 2vw, 6rem);\n font-weight: 500;\n word-break: break-word;\n}\n.mo-table {\n width: 100%;\n height: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: "";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 1.6rem;\n height: 30px;\n line-height: 30px;\n text-align: left;\n padding: 0 5px;\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 .header-label {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-table .mo-table-row .mo-table-cell .header-label.have-sort {\n padding-right: 16px;\n}\n.mo-table .mo-table-row .mo-table-cell .sort-icon {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: flex-end;\n align-items: center;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 2.2rem;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 7.5px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: clamp(1.4rem, 1vmin, 1.8rem);\n fill: #3e4759;\n text-anchor: start;\n}\n.mo-cover {\n width: calc(100% + 20px);\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n.chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n}\n.chart-container.chart-having-tips {\n flex-direction: column;\n}\n.chart-container .chart-and-legends {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: row;\n}\n.chart-container .main-chart {\n flex: 1;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.chart-container .chart-legends {\n width: 33%;\n height: 100%;\n}\n.chart-limit-tips {\n padding: 0.5rem;\n width: 100%;\n min-height: 3rem;\n color: #eda762;\n font-size: clamp(1.4rem, 1vmin, 1.6rem);\n text-align: left;\n display: flex;\n align-items: center;\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 fill: #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}\n.no-data {\n width: 100%;\n height: 100%;\n min-height: 35rem;\n font-size: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.no-data {\n background-color: #1c1c1e;\n color: #6e6e6e;\n}\n}',map:void 0,media:void 0})}var V,o=__decorate([e.Component({})],TableChart),X=(Ra._withStripped=!0,normalizeComponent({render:Ra,staticRenderFns:[]},Ta,o,void 0,!1,void 0,!1,createInjector,void 0,void 0));function MoGlossaryChart(){return null!==V&&V.apply(this,arguments)\|\|this}__extends(MoGlossaryChart,V=e.Vue),MoGlossaryChart.prototype.parseRichText=function(e){try{return JSON.parse(e).map(function(t){var e,n=t.insert;return"↵"===n\|\|"\n"===n?n="<br />":(n.includes("↵")\|\|n.includes("\n"))&&(n=n.replace(/[\u21B5\n]/g,"<br />")),n=t.attributes&&(e=[],(t=t.attributes).size&&e.push("font-size: "+t.size),t.bold&&(n="<strong>"+n+"</strong>"),t.align&&e.push("text-align: "+t.align),0<e.length)?'<span style="'+e.join(";")+'">'+n+"</span>":n}).join("")}catch(t){return console.error("解析富文本失败:",t),e}},__decorate([e.Prop({type:String,required:!0}),__metadata("design:type",String)],MoGlossaryChart.prototype,"content",void 0),__decorate([e.Prop({type:String}),__metadata("design:type",String)],MoGlossaryChart.prototype,"title",void 0);function $a(){var t=this,e=t.$createElement;return(e=t._self._c\|\|e)("div",{staticClass:"mo-glossary-chart"},[t.title?e("div",{staticClass:"mo-glossary-header"},[e("h3",{staticClass:"mo-glossary-title"},[t._v(t._s(t.title))])]):t._e(),t._v(" "),e("div",{staticClass:"mo-glossary-content"},[e("div",{domProps:{innerHTML:t._s(t.parseRichText(t.content))}})])])}function a0(t){t&&t("data-v-f5396020_0",{source:"/ Colors\n========================================================================== /\n/ Typography\n========================================================================== /\n/ Border Radius\n========================================================================== /\n/ Table /\n/ Safe Area */\n.mo-glossary-chart[data-v-f5396020] {\n padding: 2rem 1rem;\n width: 100%;\n height: 100%;\n background-color: #fff;\n color: #16325c;\n line-height: 2rem;\n text-align: left !important;\n}\n.mo-glossary-header[data-v-f5396020] {\n margin-bottom: 16px;\n}\n.mo-glossary-title[data-v-f5396020] {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n.mo-glossary-content[data-v-f5396020] {\n line-height: 2.2rem;\n}\n@media (prefers-color-scheme: dark) {\n.mo-glossary-chart[data-v-f5396020] {\n background-color: #1c1c1e;\n color: #f2f2f7;\n}\n}",map:void 0,media:void 0})}var f=__decorate([e.Component({})],MoGlossaryChart),O=($a._withStripped=!0,normalizeComponent({render:$a,staticRenderFns:[]},a0,f,"data-v-f5396020",!1,void 0,!1,createInjector,void 0,void 0));t.BarChart=A,t.BarChartHorizontal=_,t.FunnelChart=G,t.GaugeChart=D,t.GlossaryChart=O,t.LineChart=z,t.MetricChart=I,t.PieChart=S,t.ScatterChart=j,t.TableChart=X,t.default=function(t){t.component("MoBarChart",A),t.component("MoBarChartHorizontal",_),t.component("MoPieChart",S),t.component("MoLineChart",z),t.component("MoFunnelChart",G),t.component("MoGaugeChart",D),t.component("MoMetricChart",I),t.component("MoScatterChart",j),t.component("MoTableChart",X),t.component("MoGlossaryChart",O)},Object.defineProperty(t,"__esModule",{value:!0})});