moblor-vue 0.1.13 → 0.1.17
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.
- package/dist/charts.js +1 -1
- package/dist/moblor-components.esm.js +209 -154
- package/dist/moblor-components.js +1 -1
- package/dist/moblor-vue.esm.js +209 -154
- package/dist/moblor-vue.js +1 -1
- package/package.json +1 -1
|
@@ -1001,7 +1001,7 @@ __vue_render__._withStripped = true;
|
|
|
1001
1001
|
/* style */
|
|
1002
1002
|
var __vue_inject_styles__ = function (inject) {
|
|
1003
1003
|
if (!inject) { return }
|
|
1004
|
-
inject("data-v-614c16ba_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
1004
|
+
inject("data-v-614c16ba_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
1005
1005
|
|
|
1006
1006
|
};
|
|
1007
1007
|
/* scoped */
|
|
@@ -1524,7 +1524,7 @@ __vue_render__$1._withStripped = true;
|
|
|
1524
1524
|
/* style */
|
|
1525
1525
|
var __vue_inject_styles__$1 = function (inject) {
|
|
1526
1526
|
if (!inject) { return }
|
|
1527
|
-
inject("data-v-dad289de_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
1527
|
+
inject("data-v-dad289de_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
1528
1528
|
|
|
1529
1529
|
};
|
|
1530
1530
|
/* scoped */
|
|
@@ -2048,7 +2048,7 @@ __vue_render__$2._withStripped = true;
|
|
|
2048
2048
|
/* style */
|
|
2049
2049
|
var __vue_inject_styles__$2 = function (inject) {
|
|
2050
2050
|
if (!inject) { return }
|
|
2051
|
-
inject("data-v-ce69b8ec_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
2051
|
+
inject("data-v-ce69b8ec_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
2052
2052
|
|
|
2053
2053
|
};
|
|
2054
2054
|
/* scoped */
|
|
@@ -2569,7 +2569,7 @@ __vue_render__$3._withStripped = true;
|
|
|
2569
2569
|
/* style */
|
|
2570
2570
|
var __vue_inject_styles__$3 = function (inject) {
|
|
2571
2571
|
if (!inject) { return }
|
|
2572
|
-
inject("data-v-ce9f73ba_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
2572
|
+
inject("data-v-ce9f73ba_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
2573
2573
|
|
|
2574
2574
|
};
|
|
2575
2575
|
/* scoped */
|
|
@@ -2848,7 +2848,7 @@ __vue_render__$4._withStripped = true;
|
|
|
2848
2848
|
/* style */
|
|
2849
2849
|
var __vue_inject_styles__$4 = function (inject) {
|
|
2850
2850
|
if (!inject) { return }
|
|
2851
|
-
inject("data-v-e288004c_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
2851
|
+
inject("data-v-e288004c_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
2852
2852
|
|
|
2853
2853
|
};
|
|
2854
2854
|
/* scoped */
|
|
@@ -2921,18 +2921,11 @@ var GaugeChart = /** @class */ (function (_super) {
|
|
|
2921
2921
|
this.width = this.getWidth();
|
|
2922
2922
|
var heightScale = this.width < 400 ? 0.9 : 0.85;
|
|
2923
2923
|
this.height = this.width * heightScale;
|
|
2924
|
-
|
|
2925
|
-
this.radius = outerRadius - 16;
|
|
2924
|
+
this.radius = this.width / 2 - 5;
|
|
2926
2925
|
this.svg = select(this.$el)
|
|
2927
2926
|
.insert('svg', '.mo-axis-div-label')
|
|
2928
2927
|
.attr('width', this.width)
|
|
2929
|
-
.attr('height', this.
|
|
2930
|
-
// The outer border
|
|
2931
|
-
this.svg.append('circle')
|
|
2932
|
-
.attr('cx', this.width / 2)
|
|
2933
|
-
.attr('cy', this.width / 2)
|
|
2934
|
-
.attr('r', outerRadius)
|
|
2935
|
-
.attr('class', 'mo-gauge-outer-circle');
|
|
2928
|
+
.attr('height', (this.width / 2) + 100);
|
|
2936
2929
|
this.defineGradient();
|
|
2937
2930
|
this.backgroundArc = arc()
|
|
2938
2931
|
.innerRadius(this.radius)
|
|
@@ -2943,8 +2936,8 @@ var GaugeChart = /** @class */ (function (_super) {
|
|
|
2943
2936
|
.innerRadius(this.radius)
|
|
2944
2937
|
.outerRadius(this.radius);
|
|
2945
2938
|
this.centerArc = arc()
|
|
2946
|
-
.innerRadius(
|
|
2947
|
-
.outerRadius(
|
|
2939
|
+
.innerRadius(8)
|
|
2940
|
+
.outerRadius(22)
|
|
2948
2941
|
.startAngle(this.angleToRadian(-180))
|
|
2949
2942
|
.endAngle(this.angleToRadian(180));
|
|
2950
2943
|
this.scale = scaleLinear()
|
|
@@ -2990,7 +2983,7 @@ var GaugeChart = /** @class */ (function (_super) {
|
|
|
2990
2983
|
GaugeChart.prototype.renderData = function () {
|
|
2991
2984
|
var _a;
|
|
2992
2985
|
var data = this.svg.append('g')
|
|
2993
|
-
.attr('transform', "translate(" + this.width / 2 + ", " + this.width
|
|
2986
|
+
.attr('transform', "translate(" + this.width / 2 + ", " + ((this.width / 2) + 60) + ")");
|
|
2994
2987
|
var unitSymbol = (_a = this.aggregate) === null || _a === void 0 ? void 0 : _a.unitSymbol;
|
|
2995
2988
|
data.append('text')
|
|
2996
2989
|
.text(ChartService.formatValue(this.data.value, unitSymbol, this.decimal))
|
|
@@ -3028,7 +3021,7 @@ var GaugeChart = /** @class */ (function (_super) {
|
|
|
3028
3021
|
return interpolateString("rotate(" + start + ")", "rotate(" + end + ")");
|
|
3029
3022
|
});
|
|
3030
3023
|
this.svg.append('circle')
|
|
3031
|
-
.attr('
|
|
3024
|
+
.attr('class', 'mo-gauge-inner-bg-arc')
|
|
3032
3025
|
.attr('cx', this.width / 2)
|
|
3033
3026
|
.attr('cy', this.width / 2)
|
|
3034
3027
|
.attr('r', 10);
|
|
@@ -3086,11 +3079,11 @@ var GaugeChart = /** @class */ (function (_super) {
|
|
|
3086
3079
|
__metadata("design:type", String)
|
|
3087
3080
|
], GaugeChart.prototype, "label", void 0);
|
|
3088
3081
|
__decorate([
|
|
3089
|
-
Prop({ type: Number, default: function () { return -
|
|
3082
|
+
Prop({ type: Number, default: function () { return -90; } }),
|
|
3090
3083
|
__metadata("design:type", Number)
|
|
3091
3084
|
], GaugeChart.prototype, "minAngle", void 0);
|
|
3092
3085
|
__decorate([
|
|
3093
|
-
Prop({ type: Number, default: function () { return
|
|
3086
|
+
Prop({ type: Number, default: function () { return 90; } }),
|
|
3094
3087
|
__metadata("design:type", Number)
|
|
3095
3088
|
], GaugeChart.prototype, "maxAngle", void 0);
|
|
3096
3089
|
__decorate([
|
|
@@ -3147,7 +3140,7 @@ __vue_render__$5._withStripped = true;
|
|
|
3147
3140
|
/* style */
|
|
3148
3141
|
var __vue_inject_styles__$5 = function (inject) {
|
|
3149
3142
|
if (!inject) { return }
|
|
3150
|
-
inject("data-v-f0ce5078_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
3143
|
+
inject("data-v-bbe26ddc_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
3151
3144
|
|
|
3152
3145
|
};
|
|
3153
3146
|
/* scoped */
|
|
@@ -3234,7 +3227,7 @@ __vue_render__$6._withStripped = true;
|
|
|
3234
3227
|
/* style */
|
|
3235
3228
|
var __vue_inject_styles__$6 = function (inject) {
|
|
3236
3229
|
if (!inject) { return }
|
|
3237
|
-
inject("data-v-297d2cdc_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
3230
|
+
inject("data-v-297d2cdc_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
3238
3231
|
|
|
3239
3232
|
};
|
|
3240
3233
|
/* scoped */
|
|
@@ -3587,7 +3580,7 @@ __vue_render__$7._withStripped = true;
|
|
|
3587
3580
|
/* style */
|
|
3588
3581
|
var __vue_inject_styles__$7 = function (inject) {
|
|
3589
3582
|
if (!inject) { return }
|
|
3590
|
-
inject("data-v-1bd4a6f8_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
3583
|
+
inject("data-v-1bd4a6f8_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
3591
3584
|
|
|
3592
3585
|
};
|
|
3593
3586
|
/* scoped */
|
|
@@ -3774,7 +3767,7 @@ __vue_render__$8._withStripped = true;
|
|
|
3774
3767
|
/* style */
|
|
3775
3768
|
var __vue_inject_styles__$8 = function (inject) {
|
|
3776
3769
|
if (!inject) { return }
|
|
3777
|
-
inject("data-v-9ec4beee_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n\n/* Gauge */\n.mo-gauge-outer-circle {\n fill: #fff;\n -webkit-svg-shadow: 0 0 4px #dbdada;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #e9ecf2;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #dbdada;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-outer-circle {\n fill: #1c1c1e;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n}", map: undefined, media: undefined });
|
|
3770
|
+
inject("data-v-9ec4beee_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.mo-chart {\n position: relative;\n width: 100%;\n height: 100%;\n font: 10px sans-serif;\n text-align: center;\n}\n.mo-piece-active:active {\n opacity: 0.8;\n}\n.mo-inner-arc {\n fill: #000;\n opacity: 0.28;\n}\n.mo-inner-text {\n fill: #fff;\n font-size: 16px;\n fill-opacity: 1;\n}\n.mo-summary-label {\n fill: #323233;\n font-size: 18px;\n}\n.mo-summary-value {\n fill: #00A383;\n font-size: 18px;\n}\n.mo-axis path {\n fill: none;\n stroke-width: 0;\n}\n.mo-space-line {\n stroke: #e4e7ed;\n stroke-width: 0.5px;\n}\n.mo-space-bold-line {\n stroke: #e4e5e9;\n stroke-width: 1px;\n}\n.mo-axis-point {\n fill: #abb4c7;\n}\n.mo-data-line {\n fill: none;\n stroke: #b8b8b8;\n stroke-width: 1.5px;\n}\n.mo-data-text {\n font-size: 14px;\n fill: #3e3f41;\n}\n.mo-axis-text {\n font-size: 14px;\n fill: #323233;\n}\n.mo-axis-label {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-axis-div-label {\n width: 100%;\n height: 20px;\n text-align: center;\n color: #3e4759;\n font-size: 14px;\n clear: both;\n}\n.mo-legend-text {\n font-size: 14px;\n fill: #3e4759;\n}\n.mo-legend-percentage {\n font-size: 16px;\n}\n.mo-label-inner {\n text-anchor: middle;\n font-size: 16px;\n fill: #fff;\n}\n.mo-gauge-back-arc {\n stroke-width: 6;\n stroke-linejoin: round;\n stroke: #f9f9f9;\n}\n.mo-gauge-value {\n font-size: 40px;\n font-weight: 200;\n text-anchor: middle;\n fill: #323233;\n}\n.mo-gauge-max-value {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-gauge-value-arc {\n stroke-width: 6;\n stroke: url(#MoGaugeGradient);\n stroke-linejoin: round;\n}\n.mo-gauge-inner-arc {\n fill: #6e71ca;\n}\n.mo-gauge-tick {\n stroke: #323233;\n stroke-width: 0.5;\n}\n.mo-gauge-pointer {\n fill: #323233;\n}\n\n/* line */\n.mo-line-area {\n fill: url(#MoLineAreaGradient);\n stroke-width: 0;\n opacity: 0.6;\n}\n.mo-line-point {\n fill: #00A383;\n stroke: #fff;\n stroke-width: 1px;\n}\n\n/* rotate */\n.mo-tip-container {\n width: 100%;\n height: 40px;\n line-height: 40px;\n border-radius: 18px;\n border: 1px solid #c5c7c9;\n margin: -5px 0 10px 0;\n}\n.mo-tip-pointer {\n position: relative;\n top: -40px;\n width: 100%;\n}\n.mo-triangle-mark {\n position: relative;\n top: 22px;\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid white;\n}\n.mo-triangle {\n margin-right: auto;\n margin-left: auto;\n height: 20px;\n width: 20px;\n border: 10px solid transparent;\n border-bottom: 10px solid #c5c7c9;\n}\n.mo-tip-content {\n position: relative;\n text-align: center;\n font-size: 14px;\n color: #3e4759;\n}\n.mo-tip-content:before {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #c5c7c9;\n position: absolute;\n top: -20px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content:after {\n width: 0px;\n height: 0px;\n border: 10px transparent solid;\n border-bottom-color: #fff;\n position: absolute;\n top: -18px;\n left: calc( 50% - 10px );\n content: \"\";\n}\n.mo-tip-content .left-nav {\n width: 15%;\n float: left;\n}\n.mo-tip-content .left-nav img {\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n transform: rotate(180deg);\n margin-top: 10px;\n}\n.mo-tip-content .right-nav {\n width: 15%;\n float: right;\n}\n.mo-tip-content .right-nav img {\n margin-top: 10px;\n}\n.mo-tip-content .tip {\n width: 70%;\n max-width: 70%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n float: left;\n}\n.mo-tip-content .tip .label {\n margin-left: 10px;\n}\n.mo-metric {\n width: 100%;\n font-size: 16px;\n color: #323233;\n position: relative;\n}\n.mo-metric:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:before {\n transform-origin: 33% 0%;\n}\n.mo-metric:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-metric:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-metric:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-metric:after {\n transform-origin: 33% 66%;\n}\n.mo-metric .mo-metric-inner {\n display: table;\n table-layout: fixed;\n width: 100%;\n height: 40px;\n position: relative;\n}\n.mo-metric .mo-metric-inner:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:before {\n transform-origin: 0% 33%;\n}\n.mo-metric .mo-metric-inner:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #c8cacc;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-metric .mo-metric-inner:after {\n transform-origin: 66% 33%;\n}\n.mo-metric .mo-metric-label, .mo-metric .mo-metric-value {\n display: table-cell;\n vertical-align: middle;\n}\n.mo-metric .mo-metric-label {\n text-align: left;\n padding-left: 5px;\n max-width: 80%;\n width: 80%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mo-metric .mo-metric-value {\n text-align: right;\n padding-right: 5px;\n max-width: 20%;\n width: 20%;\n}\n.mo-table {\n width: 100%;\n}\n.mo-table .mo-table-row {\n color: #323233;\n position: relative;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.header-row {\n background-color: #00A383;\n color: #fff;\n font-weight: 700;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell {\n position: relative;\n}\n.mo-table .mo-table-row.header-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #39a393;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row.header-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #c8cacc;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell {\n display: inline-block;\n font-size: 16px;\n height: 44px;\n line-height: 44px;\n text-align: left;\n padding: 0 10px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #e3e5e8;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-table .mo-table-row .mo-table-cell .mo-table-cell-check, .mo-table .mo-table-row .mo-table-cell .mo-table-cell-uncheck {\n font-size: 22px;\n position: relative;\n top: 10px;\n}\n.mo-table .mo-table-row .mo-table-right-cell {\n text-align: right;\n}\n.mo-table .mo-table-row .mo-table-checkbox-cell {\n width: 18px;\n margin-top: 13px;\n}\n.mo-label-line {\n stroke: #c8cacc;\n stroke-width: 0.5px;\n}\n.mo-label-title {\n font-size: 14px;\n fill: #3e4759;\n text-anchor: middle;\n}\n.mo-cover {\n width: calc( 100% + 20px );\n}\n.mo-gauge-inner-bg-arc {\n fill: #fff;\n}\n@media (prefers-color-scheme: dark) {\n.mo-axis-label,\n.mo-axis-text,\n.mo-axis-number,\n.mo-axis-div-label,\n.mo-summary-label,\n.mo-legend-text,\n.mo-label-title {\n fill: #f2f2f7;\n}\n.mo-table .mo-table-row {\n color: #f2f2f7;\n}\n.mo-table .mo-table-row:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:after {\n transform-origin: 33% 66%;\n}\n.mo-table .mo-table-row:before {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #646466;\n display: block;\n z-index: 15;\n transform-origin: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row:before {\n transform-origin: 0% 33%;\n}\n.mo-table .mo-table-row.total-row {\n background-color: #2c2c2e;\n color: #f2f2f7;\n font-weight: 700;\n}\n.mo-table .mo-table-row .mo-table-cell:after {\n content: \"\";\n position: absolute;\n bottom: auto;\n right: auto;\n background-color: #444447;\n display: block;\n z-index: 15;\n transform-origin: 100% 50%;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .mo-table .mo-table-row .mo-table-cell:after {\n transform-origin: 66% 33%;\n}\n.mo-tip-content .tip .label {\n color: #f2f2f7;\n}\n.mo-metric .mo-metric-label {\n color: #6e6e6e;\n}\n.mo-metric .mo-metric-value {\n color: #f2f2f7;\n}\n.mo-axis-div-label {\n color: #f2f2f7;\n}\n.mo-gauge-value {\n fill: #f2f2f7;\n}\n.mo-gauge-max-value {\n fill: #f2f2f7;\n}\n.mo-gauge-tick {\n stroke: #fff;\n}\n.mo-gauge-pointer {\n fill: #fff;\n}\n.mo-gauge-inner-bg-arc {\n fill: #1c1c1e;\n}\n.mo-gauge-back-arc {\n stroke: #2c2c2e;\n}\n}", map: undefined, media: undefined });
|
|
3778
3771
|
|
|
3779
3772
|
};
|
|
3780
3773
|
/* scoped */
|
|
@@ -3819,6 +3812,7 @@ var DataConvertor = /** @class */ (function () {
|
|
|
3819
3812
|
function DataConvertor() {
|
|
3820
3813
|
this.metadata = null;
|
|
3821
3814
|
this.data = null;
|
|
3815
|
+
this.languageLocaleKey = '';
|
|
3822
3816
|
}
|
|
3823
3817
|
DataConvertor.prototype.refactorPieces = function (pieces) {
|
|
3824
3818
|
var _this = this;
|
|
@@ -4362,7 +4356,7 @@ var DashboardDataConvertor = /** @class */ (function (_super) {
|
|
|
4362
4356
|
|
|
4363
4357
|
var ReportDataConvertor = /** @class */ (function (_super) {
|
|
4364
4358
|
__extends(ReportDataConvertor, _super);
|
|
4365
|
-
function ReportDataConvertor(reportData) {
|
|
4359
|
+
function ReportDataConvertor(reportData, languageLocaleKey) {
|
|
4366
4360
|
var _this = _super.call(this) || this;
|
|
4367
4361
|
_this.tableData = {
|
|
4368
4362
|
headers: [],
|
|
@@ -4370,6 +4364,7 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4370
4364
|
showHeader: true,
|
|
4371
4365
|
format: '',
|
|
4372
4366
|
};
|
|
4367
|
+
_this.languageLocaleKey = languageLocaleKey;
|
|
4373
4368
|
_this.init(reportData);
|
|
4374
4369
|
return _this;
|
|
4375
4370
|
}
|
|
@@ -4605,8 +4600,8 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4605
4600
|
ReportDataConvertor.prototype.convertSummary = function (reportData) {
|
|
4606
4601
|
var _a;
|
|
4607
4602
|
var _this = this;
|
|
4608
|
-
var reportMetadata = reportData.reportMetadata, reportExtendedMetadata = reportData.reportExtendedMetadata, groupingsDown = reportData.groupingsDown, factMap = reportData.factMap
|
|
4609
|
-
var reportFormat = reportMetadata.reportFormat, groupingsDownMeta = reportMetadata.groupingsDown, aggregates = reportMetadata.aggregates, detailColumns = reportMetadata.detailColumns;
|
|
4603
|
+
var reportMetadata = reportData.reportMetadata, reportExtendedMetadata = reportData.reportExtendedMetadata, groupingsDown = reportData.groupingsDown, factMap = reportData.factMap;
|
|
4604
|
+
var reportFormat = reportMetadata.reportFormat, groupingsDownMeta = reportMetadata.groupingsDown, aggregates = reportMetadata.aggregates, detailColumns = reportMetadata.detailColumns, hasRecordCount = reportMetadata.hasRecordCount, hasDetailRows = reportMetadata.hasDetailRows, showSubtotals = reportMetadata.showSubtotals, showGrandTotal = reportMetadata.showGrandTotal;
|
|
4610
4605
|
var groupingColumnInfo = reportExtendedMetadata.groupingColumnInfo, detailColumnInfo = reportExtendedMetadata.detailColumnInfo;
|
|
4611
4606
|
var groupings = groupingsDown.groupings;
|
|
4612
4607
|
var tableData = {
|
|
@@ -4614,6 +4609,7 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4614
4609
|
showHeader: true,
|
|
4615
4610
|
headers: [],
|
|
4616
4611
|
rows: [],
|
|
4612
|
+
hasRecordCount: hasRecordCount,
|
|
4617
4613
|
};
|
|
4618
4614
|
var totalRecords = 0;
|
|
4619
4615
|
var groupingFieldLabels = groupingsDownMeta.map(function (field) { return groupingColumnInfo[field.name].label; });
|
|
@@ -4675,7 +4671,7 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4675
4671
|
}
|
|
4676
4672
|
}
|
|
4677
4673
|
tableData.rows.push(row);
|
|
4678
|
-
if (aggregates.length > 1) {
|
|
4674
|
+
if (showSubtotals && aggregates.length > 1) {
|
|
4679
4675
|
var aggregateRows = _this.getSummaryAggregateRows({
|
|
4680
4676
|
aggregates: aggregates,
|
|
4681
4677
|
hasDetailRows: hasDetailRows,
|
|
@@ -4716,32 +4712,35 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4716
4712
|
else {
|
|
4717
4713
|
recordCount = totalRecords;
|
|
4718
4714
|
}
|
|
4719
|
-
|
|
4720
|
-
|
|
4721
|
-
|
|
4722
|
-
|
|
4723
|
-
|
|
4724
|
-
|
|
4725
|
-
|
|
4726
|
-
|
|
4727
|
-
|
|
4728
|
-
|
|
4729
|
-
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
|
|
4736
|
-
|
|
4737
|
-
|
|
4715
|
+
if (showGrandTotal) {
|
|
4716
|
+
var grandTotalLabelRow = {
|
|
4717
|
+
id: v4(),
|
|
4718
|
+
type: 'grand-total',
|
|
4719
|
+
label: 'Grand Totals',
|
|
4720
|
+
grand: true,
|
|
4721
|
+
background: this.getBackground(3),
|
|
4722
|
+
recordCount: recordCount,
|
|
4723
|
+
};
|
|
4724
|
+
tableData.rows.push(grandTotalLabelRow);
|
|
4725
|
+
if (aggregates.length > 1) {
|
|
4726
|
+
var grandTotalRows = this.getSummaryAggregateRows({
|
|
4727
|
+
aggregates: aggregates,
|
|
4728
|
+
hasDetailRows: hasDetailRows,
|
|
4729
|
+
detailColumns: detailColumns,
|
|
4730
|
+
rowAggregates: grandTotalAggregates,
|
|
4731
|
+
background: grandTotalLabelRow.background,
|
|
4732
|
+
isGrand: true,
|
|
4733
|
+
});
|
|
4734
|
+
(_a = tableData.rows).push.apply(_a, grandTotalRows);
|
|
4735
|
+
}
|
|
4738
4736
|
}
|
|
4739
4737
|
return tableData;
|
|
4740
4738
|
};
|
|
4741
4739
|
ReportDataConvertor.prototype.convertMatrix = function (reportData) {
|
|
4742
4740
|
var _a;
|
|
4743
|
-
var
|
|
4744
|
-
var
|
|
4741
|
+
var _this = this;
|
|
4742
|
+
var reportMetadata = reportData.reportMetadata, reportExtendedMetadata = reportData.reportExtendedMetadata, groupingsAcross = reportData.groupingsAcross, groupingsDown = reportData.groupingsDown, factMap = reportData.factMap;
|
|
4743
|
+
var groupingsAcrossMeta = reportMetadata.groupingsAcross, groupingsDownMeta = reportMetadata.groupingsDown, aggregates = reportMetadata.aggregates, detailColumns = reportMetadata.detailColumns, reportFormat = reportMetadata.reportFormat, hasRecordCount = reportMetadata.hasRecordCount, hasDetailRows = reportMetadata.hasDetailRows, showSubtotals = reportMetadata.showSubtotals, showGrandTotal = reportMetadata.showGrandTotal;
|
|
4745
4744
|
var groupingColumnInfo = reportExtendedMetadata.groupingColumnInfo, aggregateColumnInfo = reportExtendedMetadata.aggregateColumnInfo, detailColumnInfo = reportExtendedMetadata.detailColumnInfo;
|
|
4746
4745
|
var acrossGroupings = groupingsAcross.groupings;
|
|
4747
4746
|
var downGroupings = groupingsDown.groupings;
|
|
@@ -4955,6 +4954,9 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4955
4954
|
var aggregateRows = [];
|
|
4956
4955
|
var detailRows = [];
|
|
4957
4956
|
aggregates.forEach(function (aggregate, index) {
|
|
4957
|
+
if (aggregate === 'RowCount' && !hasRecordCount) {
|
|
4958
|
+
return;
|
|
4959
|
+
}
|
|
4958
4960
|
var aggregateRow = {
|
|
4959
4961
|
id: v4(),
|
|
4960
4962
|
cells: [],
|
|
@@ -5043,58 +5045,68 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
5043
5045
|
(_a = tableData.rows).push.apply(_a, aggregateRows);
|
|
5044
5046
|
(_b = tableData.rows).push.apply(_b, detailRows);
|
|
5045
5047
|
});
|
|
5046
|
-
|
|
5047
|
-
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
|
|
5054
|
-
|
|
5055
|
-
if (index === 0) {
|
|
5056
|
-
subTotalRow.cells.push({
|
|
5057
|
-
label: 'Subtotal',
|
|
5058
|
-
value: 'Subtotal',
|
|
5059
|
-
type: 'double',
|
|
5060
|
-
});
|
|
5061
|
-
}
|
|
5062
|
-
else {
|
|
5048
|
+
if (showSubtotals) {
|
|
5049
|
+
aggregates.forEach(function (aggregate, index) {
|
|
5050
|
+
if (aggregate === 'RowCount' && !hasRecordCount) {
|
|
5051
|
+
return;
|
|
5052
|
+
}
|
|
5053
|
+
var subTotalRow = {
|
|
5054
|
+
id: v4(),
|
|
5055
|
+
cells: [],
|
|
5056
|
+
};
|
|
5063
5057
|
subTotalRow.cells.push({
|
|
5064
5058
|
value: '',
|
|
5065
5059
|
});
|
|
5066
|
-
|
|
5067
|
-
|
|
5068
|
-
|
|
5069
|
-
|
|
5070
|
-
|
|
5071
|
-
|
|
5072
|
-
|
|
5073
|
-
|
|
5074
|
-
|
|
5075
|
-
|
|
5076
|
-
|
|
5077
|
-
|
|
5078
|
-
|
|
5079
|
-
|
|
5060
|
+
if (index === 0) {
|
|
5061
|
+
subTotalRow.cells.push({
|
|
5062
|
+
label: _this.languageLocaleKey
|
|
5063
|
+
&& _this.languageLocaleKey.startsWith('zh')
|
|
5064
|
+
? '小计'
|
|
5065
|
+
: 'Subtotals',
|
|
5066
|
+
value: 'Subtotal',
|
|
5067
|
+
type: 'double',
|
|
5068
|
+
});
|
|
5069
|
+
}
|
|
5070
|
+
else {
|
|
5071
|
+
subTotalRow.cells.push({
|
|
5072
|
+
value: '',
|
|
5073
|
+
});
|
|
5074
|
+
}
|
|
5075
|
+
if (aggregates.length > 1 || acrossLength > 1) {
|
|
5076
|
+
subTotalRow.cells.push({
|
|
5077
|
+
label: aggregateColumnInfo[aggregate].label,
|
|
5078
|
+
value: aggregateColumnInfo[aggregate].label,
|
|
5079
|
+
});
|
|
5080
|
+
}
|
|
5081
|
+
acrossGroupings.forEach(function (acrossLevel1Grouping, acrossLevel1Index) {
|
|
5082
|
+
acrossLevel1Grouping.groupings
|
|
5083
|
+
.forEach(function (acrossLevel2Grouping, acrossLevel2Index) {
|
|
5084
|
+
var subTotalCellIndex = [
|
|
5085
|
+
downLevel1Index,
|
|
5086
|
+
acrossLevel1Index + "_" + acrossLevel2Index ].join('!');
|
|
5087
|
+
subTotalRow.cells.push(__assign({ type: 'double' }, factMap[subTotalCellIndex].aggregates[index]));
|
|
5088
|
+
});
|
|
5089
|
+
var subTotalIndex = downLevel1Index + "!" + acrossLevel1Index;
|
|
5090
|
+
subTotalRow.cells.push(__assign({ type: 'double' }, factMap[subTotalIndex].aggregates[index]));
|
|
5080
5091
|
});
|
|
5081
|
-
var
|
|
5082
|
-
subTotalRow.cells.push(__assign({ type: 'double' }, factMap[
|
|
5083
|
-
|
|
5084
|
-
|
|
5085
|
-
|
|
5086
|
-
|
|
5087
|
-
subTotalRow.cells.push({
|
|
5088
|
-
value: '',
|
|
5092
|
+
var grandTotalIndex = downLevel1Index + "!T";
|
|
5093
|
+
subTotalRow.cells.push(__assign({ type: 'double' }, factMap[grandTotalIndex].aggregates[index]));
|
|
5094
|
+
detailExtraColumns.forEach(function () {
|
|
5095
|
+
subTotalRow.cells.push({
|
|
5096
|
+
value: '',
|
|
5097
|
+
});
|
|
5089
5098
|
});
|
|
5099
|
+
tableData.rows.push(subTotalRow);
|
|
5090
5100
|
});
|
|
5091
|
-
|
|
5092
|
-
});
|
|
5101
|
+
}
|
|
5093
5102
|
}
|
|
5094
5103
|
else {
|
|
5095
5104
|
var aggregateRows_1 = [];
|
|
5096
5105
|
var detailRows_1 = [];
|
|
5097
5106
|
aggregates.forEach(function (aggregate, index) {
|
|
5107
|
+
if (aggregate === 'RowCount' && !hasRecordCount) {
|
|
5108
|
+
return;
|
|
5109
|
+
}
|
|
5098
5110
|
var aggregateRow = {
|
|
5099
5111
|
id: v4(),
|
|
5100
5112
|
cells: [],
|
|
@@ -5170,60 +5182,69 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
5170
5182
|
});
|
|
5171
5183
|
});
|
|
5172
5184
|
}
|
|
5173
|
-
|
|
5185
|
+
if (hasRecordCount) {
|
|
5186
|
+
aggregateRows_1.push(aggregateRow);
|
|
5187
|
+
}
|
|
5174
5188
|
});
|
|
5175
5189
|
(_a = tableData.rows).push.apply(_a, aggregateRows_1);
|
|
5176
5190
|
(_b = tableData.rows).push.apply(_b, detailRows_1);
|
|
5177
5191
|
}
|
|
5178
5192
|
});
|
|
5179
|
-
|
|
5180
|
-
|
|
5181
|
-
|
|
5182
|
-
|
|
5183
|
-
|
|
5184
|
-
|
|
5185
|
-
|
|
5186
|
-
|
|
5187
|
-
|
|
5188
|
-
|
|
5189
|
-
|
|
5190
|
-
|
|
5191
|
-
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
|
|
5195
|
-
|
|
5196
|
-
|
|
5197
|
-
}
|
|
5198
|
-
if (downLength > 1) {
|
|
5199
|
-
grandTotalRow.cells.push({
|
|
5200
|
-
value: '',
|
|
5201
|
-
});
|
|
5202
|
-
}
|
|
5203
|
-
if (aggregates.length > 1 || acrossLength > 1) {
|
|
5204
|
-
grandTotalRow.cells.push({
|
|
5205
|
-
label: aggregateColumnInfo[aggregate].label,
|
|
5206
|
-
value: aggregateColumnInfo[aggregate].label,
|
|
5207
|
-
});
|
|
5208
|
-
}
|
|
5209
|
-
acrossGroupings.forEach(function (acrossLevel1Grouping, acrossLevel1Index) {
|
|
5210
|
-
if (acrossLength > 1) {
|
|
5211
|
-
acrossLevel1Grouping.groupings
|
|
5212
|
-
.forEach(function (acrossLevel2Grouping, acrossLevel2Index) {
|
|
5213
|
-
grandTotalRow.cells.push(__assign({ type: aggregateColumnInfo[aggregate].dataType }, factMap["T!" + acrossLevel1Index + "_" + acrossLevel2Index].aggregates[index]));
|
|
5193
|
+
if (showGrandTotal) {
|
|
5194
|
+
var grandTotalRows_1 = [];
|
|
5195
|
+
aggregates.forEach(function (aggregate, index) {
|
|
5196
|
+
if (aggregate === 'RowCount' && !hasRecordCount) {
|
|
5197
|
+
return;
|
|
5198
|
+
}
|
|
5199
|
+
var grandTotalRow = {
|
|
5200
|
+
id: v4(),
|
|
5201
|
+
cells: [],
|
|
5202
|
+
};
|
|
5203
|
+
if (index === 0) {
|
|
5204
|
+
grandTotalRow.cells.push({
|
|
5205
|
+
label: _this.languageLocaleKey
|
|
5206
|
+
&& _this.languageLocaleKey.startsWith('zh')
|
|
5207
|
+
? '总计'
|
|
5208
|
+
: 'Grand Total',
|
|
5209
|
+
value: 'Grand Total',
|
|
5210
|
+
type: 'double',
|
|
5214
5211
|
});
|
|
5215
5212
|
}
|
|
5216
|
-
|
|
5217
|
-
|
|
5218
|
-
|
|
5219
|
-
|
|
5220
|
-
|
|
5221
|
-
|
|
5213
|
+
else {
|
|
5214
|
+
grandTotalRow.cells.push({
|
|
5215
|
+
value: '',
|
|
5216
|
+
});
|
|
5217
|
+
}
|
|
5218
|
+
if (downLength > 1) {
|
|
5219
|
+
grandTotalRow.cells.push({
|
|
5220
|
+
value: '',
|
|
5221
|
+
});
|
|
5222
|
+
}
|
|
5223
|
+
if (aggregates.length > 1 || acrossLength > 1) {
|
|
5224
|
+
grandTotalRow.cells.push({
|
|
5225
|
+
label: aggregateColumnInfo[aggregate].label,
|
|
5226
|
+
value: aggregateColumnInfo[aggregate].label,
|
|
5227
|
+
});
|
|
5228
|
+
}
|
|
5229
|
+
acrossGroupings.forEach(function (acrossLevel1Grouping, acrossLevel1Index) {
|
|
5230
|
+
if (acrossLength > 1) {
|
|
5231
|
+
acrossLevel1Grouping.groupings
|
|
5232
|
+
.forEach(function (acrossLevel2Grouping, acrossLevel2Index) {
|
|
5233
|
+
grandTotalRow.cells.push(__assign({ type: aggregateColumnInfo[aggregate].dataType }, factMap["T!" + acrossLevel1Index + "_" + acrossLevel2Index].aggregates[index]));
|
|
5234
|
+
});
|
|
5235
|
+
}
|
|
5236
|
+
grandTotalRow.cells.push(__assign({ type: aggregateColumnInfo[aggregate].dataType }, factMap["T!" + acrossLevel1Index].aggregates[index]));
|
|
5237
|
+
});
|
|
5238
|
+
grandTotalRow.cells.push(__assign({ type: aggregateColumnInfo[aggregate].dataType }, factMap['T!T'].aggregates[index]));
|
|
5239
|
+
detailExtraColumns.forEach(function () {
|
|
5240
|
+
grandTotalRow.cells.push({
|
|
5241
|
+
value: '',
|
|
5242
|
+
});
|
|
5222
5243
|
});
|
|
5244
|
+
grandTotalRows_1.push(grandTotalRow);
|
|
5223
5245
|
});
|
|
5224
|
-
|
|
5225
|
-
}
|
|
5226
|
-
(_a = tableData.rows).push.apply(_a, grandTotalRows);
|
|
5246
|
+
(_a = tableData.rows).push.apply(_a, grandTotalRows_1);
|
|
5247
|
+
}
|
|
5227
5248
|
return tableData;
|
|
5228
5249
|
};
|
|
5229
5250
|
ReportDataConvertor.prototype.getSummaryAggregateRows = function (_a) {
|
|
@@ -6449,6 +6470,10 @@ var SFGroupingTableGroupRow = /** @class */ (function (_super) {
|
|
|
6449
6470
|
Prop({ type: Object, required: true }),
|
|
6450
6471
|
__metadata("design:type", Object)
|
|
6451
6472
|
], SFGroupingTableGroupRow.prototype, "data", void 0);
|
|
6473
|
+
__decorate([
|
|
6474
|
+
Prop({ type: Boolean, required: false }),
|
|
6475
|
+
__metadata("design:type", Object)
|
|
6476
|
+
], SFGroupingTableGroupRow.prototype, "hasRecordCount", void 0);
|
|
6452
6477
|
__decorate([
|
|
6453
6478
|
Inject('isCellID'),
|
|
6454
6479
|
__metadata("design:type", Object)
|
|
@@ -6489,11 +6514,19 @@ var __vue_render__$i = function() {
|
|
|
6489
6514
|
[_vm._v(_vm._s(_vm.data.label))]
|
|
6490
6515
|
),
|
|
6491
6516
|
_vm._v(" "),
|
|
6492
|
-
|
|
6517
|
+
_vm.hasRecordCount
|
|
6518
|
+
? _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")])
|
|
6519
|
+
: _vm._e(),
|
|
6493
6520
|
_vm._v(" "),
|
|
6494
|
-
|
|
6521
|
+
_vm.hasRecordCount
|
|
6522
|
+
? _c("div", { staticClass: "count" }, [
|
|
6523
|
+
_vm._v(_vm._s(_vm.data.recordCount))
|
|
6524
|
+
])
|
|
6525
|
+
: _vm._e(),
|
|
6495
6526
|
_vm._v(" "),
|
|
6496
|
-
|
|
6527
|
+
_vm.hasRecordCount
|
|
6528
|
+
? _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
|
|
6529
|
+
: _vm._e()
|
|
6497
6530
|
])
|
|
6498
6531
|
};
|
|
6499
6532
|
var __vue_staticRenderFns__$i = [];
|
|
@@ -6502,11 +6535,11 @@ __vue_render__$i._withStripped = true;
|
|
|
6502
6535
|
/* style */
|
|
6503
6536
|
var __vue_inject_styles__$k = function (inject) {
|
|
6504
6537
|
if (!inject) { return }
|
|
6505
|
-
inject("data-v-
|
|
6538
|
+
inject("data-v-18fe4fc8_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.group-row[data-v-18fe4fc8] {\n font-size: 11px;\n padding: 0px 10px;\n position: relative;\n}\n.group-row[data-v-18fe4fc8]: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 .group-row[data-v-18fe4fc8]:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .group-row[data-v-18fe4fc8]:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .group-row[data-v-18fe4fc8]:before {\n transform-origin: 0% 33%;\n}\n.group-row[data-v-18fe4fc8]: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 .group-row[data-v-18fe4fc8]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .group-row[data-v-18fe4fc8]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .group-row[data-v-18fe4fc8]:after {\n transform-origin: 66% 33%;\n}\n.group-row .label[data-v-18fe4fc8], .group-row .value[data-v-18fe4fc8], .group-row .count[data-v-18fe4fc8] {\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group-row .label[data-v-18fe4fc8], .group-row .count[data-v-18fe4fc8] {\n font-weight: bold;\n}\n.group-row .value[data-v-18fe4fc8], .group-row .count-left-mark[data-v-18fe4fc8] {\n margin-left: 5px;\n}\n.group-row .label[data-v-18fe4fc8], .group-row .value[data-v-18fe4fc8] {\n max-width: 30%;\n}\n.group-row .count[data-v-18fe4fc8] {\n max-width: calc(40% - 22px);\n}\n.group-row .label-mark[data-v-18fe4fc8], .group-row .count-left-mark[data-v-18fe4fc8], .group-row .count-right-mark[data-v-18fe4fc8] {\n float: left;\n width: 4px;\n}\n.group-row .value.id[data-v-18fe4fc8] {\n color: #09afe6;\n}", map: undefined, media: undefined });
|
|
6506
6539
|
|
|
6507
6540
|
};
|
|
6508
6541
|
/* scoped */
|
|
6509
|
-
var __vue_scope_id__$k = "data-v-
|
|
6542
|
+
var __vue_scope_id__$k = "data-v-18fe4fc8";
|
|
6510
6543
|
/* module identifier */
|
|
6511
6544
|
var __vue_module_identifier__$k = undefined;
|
|
6512
6545
|
/* functional template */
|
|
@@ -6564,7 +6597,7 @@ var __vue_render__$j = function() {
|
|
|
6564
6597
|
staticClass: "data-cell",
|
|
6565
6598
|
on: {
|
|
6566
6599
|
click: function($event) {
|
|
6567
|
-
return _vm.$emit("cell-clicked",
|
|
6600
|
+
return _vm.$emit("cell-clicked", cell)
|
|
6568
6601
|
}
|
|
6569
6602
|
}
|
|
6570
6603
|
},
|
|
@@ -6580,12 +6613,12 @@ __vue_render__$j._withStripped = true;
|
|
|
6580
6613
|
/* style */
|
|
6581
6614
|
var __vue_inject_styles__$l = function (inject) {
|
|
6582
6615
|
if (!inject) { return }
|
|
6583
|
-
inject("data-v-
|
|
6584
|
-
,inject("data-v-
|
|
6616
|
+
inject("data-v-3461bed6_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.aggregate-row[data-v-3461bed6] {\n width: 100%;\n display: flex;\n flex-flow: row;\n align-items: center;\n font-size: 11px;\n}\n.aggregate-row .data-cell[data-v-3461bed6] {\n flex: 1;\n padding: 0px 10px;\n height: 41px;\n text-align: right;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.aggregate-row .data-cell[data-v-3461bed6]:first-child {\n position: relative;\n}\n.aggregate-row .data-cell[data-v-3461bed6]:first-child: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 .aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\n transform-origin: 0% 33%;\n}\n.aggregate-row .data-cell[data-v-3461bed6]: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 .aggregate-row .data-cell[data-v-3461bed6]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:after {\n transform-origin: 66% 33%;\n}", map: undefined, media: undefined })
|
|
6617
|
+
,inject("data-v-3461bed6_1", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n@media (prefers-color-scheme: dark) {\n.aggregate-row .data-cell[data-v-3461bed6] {\n position: relative;\n}\n.aggregate-row .data-cell[data-v-3461bed6]: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 .aggregate-row .data-cell[data-v-3461bed6]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:after {\n transform-origin: 66% 33%;\n}\n.aggregate-row .data-cell[data-v-3461bed6]:first-child {\n position: relative;\n}\n.aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\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: 0% 50%;\n left: 0;\n top: 0;\n width: 1px;\n height: 100%;\n}\n.pixel-ratio-2 .aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-3461bed6]:first-child:before {\n transform-origin: 0% 33%;\n}\n}", map: undefined, media: undefined });
|
|
6585
6618
|
|
|
6586
6619
|
};
|
|
6587
6620
|
/* scoped */
|
|
6588
|
-
var __vue_scope_id__$l = "data-v-
|
|
6621
|
+
var __vue_scope_id__$l = "data-v-3461bed6";
|
|
6589
6622
|
/* module identifier */
|
|
6590
6623
|
var __vue_module_identifier__$l = undefined;
|
|
6591
6624
|
/* functional template */
|
|
@@ -6618,6 +6651,10 @@ var SFGroupingTableTotalRow = /** @class */ (function (_super) {
|
|
|
6618
6651
|
Prop({ type: Object, required: true }),
|
|
6619
6652
|
__metadata("design:type", Object)
|
|
6620
6653
|
], SFGroupingTableTotalRow.prototype, "data", void 0);
|
|
6654
|
+
__decorate([
|
|
6655
|
+
Prop({ type: Boolean, required: false }),
|
|
6656
|
+
__metadata("design:type", Object)
|
|
6657
|
+
], SFGroupingTableTotalRow.prototype, "hasRecordCount", void 0);
|
|
6621
6658
|
SFGroupingTableTotalRow = __decorate([
|
|
6622
6659
|
Component({})
|
|
6623
6660
|
], SFGroupingTableTotalRow);
|
|
@@ -6635,11 +6672,19 @@ var __vue_render__$k = function() {
|
|
|
6635
6672
|
return _c("div", { staticClass: "total-row" }, [
|
|
6636
6673
|
_c("div", { staticClass: "label" }, [_vm._v(_vm._s(_vm.data.label))]),
|
|
6637
6674
|
_vm._v(" "),
|
|
6638
|
-
|
|
6675
|
+
_vm.hasRecordCount
|
|
6676
|
+
? _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")])
|
|
6677
|
+
: _vm._e(),
|
|
6639
6678
|
_vm._v(" "),
|
|
6640
|
-
|
|
6679
|
+
_vm.hasRecordCount
|
|
6680
|
+
? _c("div", { staticClass: "count" }, [
|
|
6681
|
+
_vm._v(_vm._s(_vm.data.recordCount))
|
|
6682
|
+
])
|
|
6683
|
+
: _vm._e(),
|
|
6641
6684
|
_vm._v(" "),
|
|
6642
|
-
|
|
6685
|
+
_vm.hasRecordCount
|
|
6686
|
+
? _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
|
|
6687
|
+
: _vm._e()
|
|
6643
6688
|
])
|
|
6644
6689
|
};
|
|
6645
6690
|
var __vue_staticRenderFns__$k = [];
|
|
@@ -6648,11 +6693,11 @@ __vue_render__$k._withStripped = true;
|
|
|
6648
6693
|
/* style */
|
|
6649
6694
|
var __vue_inject_styles__$m = function (inject) {
|
|
6650
6695
|
if (!inject) { return }
|
|
6651
|
-
inject("data-v-
|
|
6696
|
+
inject("data-v-2de084b8_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.total-row[data-v-2de084b8] {\n font-size: 11px;\n padding: 0px 10px;\n position: relative;\n}\n.total-row[data-v-2de084b8]: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 .total-row[data-v-2de084b8]:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .total-row[data-v-2de084b8]:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .total-row[data-v-2de084b8]:before {\n transform-origin: 0% 33%;\n}\n.total-row[data-v-2de084b8]: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 .total-row[data-v-2de084b8]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .total-row[data-v-2de084b8]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .total-row[data-v-2de084b8]:after {\n transform-origin: 66% 33%;\n}\n.total-row .label[data-v-2de084b8], .total-row .count[data-v-2de084b8] {\n float: left;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.total-row .count-left-mark[data-v-2de084b8] {\n margin-left: 5px;\n}\n.total-row .label[data-v-2de084b8] {\n max-width: 20%;\n}\n.total-row .count[data-v-2de084b8] {\n max-width: calc(80% - 13px);\n}\n.total-row .count-left-mark[data-v-2de084b8], .total-row .count-right-mark[data-v-2de084b8] {\n float: left;\n width: 4px;\n}", map: undefined, media: undefined });
|
|
6652
6697
|
|
|
6653
6698
|
};
|
|
6654
6699
|
/* scoped */
|
|
6655
|
-
var __vue_scope_id__$m = "data-v-
|
|
6700
|
+
var __vue_scope_id__$m = "data-v-2de084b8";
|
|
6656
6701
|
/* module identifier */
|
|
6657
6702
|
var __vue_module_identifier__$m = undefined;
|
|
6658
6703
|
/* functional template */
|
|
@@ -6891,6 +6936,7 @@ var SFGroupingTableRow = /** @class */ (function (_super) {
|
|
|
6891
6936
|
var children = [];
|
|
6892
6937
|
var props = {
|
|
6893
6938
|
data: this.source,
|
|
6939
|
+
hasRecordCount: this.hasRecordCount,
|
|
6894
6940
|
};
|
|
6895
6941
|
if (this.source.type === 'group') {
|
|
6896
6942
|
children.push(createElement(__vue_component__$k, {
|
|
@@ -6933,6 +6979,10 @@ var SFGroupingTableRow = /** @class */ (function (_super) {
|
|
|
6933
6979
|
Prop({ type: Object, required: true }),
|
|
6934
6980
|
__metadata("design:type", Object)
|
|
6935
6981
|
], SFGroupingTableRow.prototype, "source", void 0);
|
|
6982
|
+
__decorate([
|
|
6983
|
+
Prop({ type: Boolean, required: false }),
|
|
6984
|
+
__metadata("design:type", Object)
|
|
6985
|
+
], SFGroupingTableRow.prototype, "hasRecordCount", void 0);
|
|
6936
6986
|
__decorate([
|
|
6937
6987
|
Inject('isCellNumber'),
|
|
6938
6988
|
__metadata("design:type", Object)
|
|
@@ -7245,7 +7295,8 @@ var __vue_render__$m = function() {
|
|
|
7245
7295
|
"data-key": "id",
|
|
7246
7296
|
"data-sources": _vm.data.rows,
|
|
7247
7297
|
"data-component": _vm.rowComponent,
|
|
7248
|
-
"estimate-size": 41
|
|
7298
|
+
"estimate-size": 41,
|
|
7299
|
+
"extra-props": { hasRecordCount: _vm.data.hasRecordCount }
|
|
7249
7300
|
}
|
|
7250
7301
|
})
|
|
7251
7302
|
],
|
|
@@ -7258,12 +7309,12 @@ __vue_render__$m._withStripped = true;
|
|
|
7258
7309
|
/* style */
|
|
7259
7310
|
var __vue_inject_styles__$p = function (inject) {
|
|
7260
7311
|
if (!inject) { return }
|
|
7261
|
-
inject("data-v-
|
|
7262
|
-
,inject("data-v-
|
|
7312
|
+
inject("data-v-49d7b878_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-grouping-table-content .sf-grouping-table-row {\n position: relative;\n width: 100%;\n height: 41px;\n line-height: 41px;\n}\n.sf-grouping-table-content .sf-grouping-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 .sf-grouping-table-content .sf-grouping-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table-content .sf-grouping-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table-content .sf-grouping-table-row:after {\n transform-origin: 33% 66%;\n}\n.sf-grouping-table-content .sf-grouping-table-row.data {\n background-color: #fff;\n}\n.sf-grouping-table-content .sf-grouping-table-row a {\n color: #00A383;\n}\n.sf-grouping-table-content .list-item:first-child .sf-grouping-table-row {\n position: relative;\n}\n.sf-grouping-table-content .list-item:first-child .sf-grouping-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: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row:before {\n transform-origin: 33% 0%;\n}\n@media (prefers-color-scheme: dark) {\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row {\n color: #f2f2f7;\n position: relative;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.group {\n background-color: #2c2c2e !important;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.group-aggregate {\n background-color: #2c2c2e !important;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.data {\n background-color: #1c1c1e;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.data: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: 50% 100%;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.data:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.data:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.data:after {\n transform-origin: 33% 66%;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row {\n background-color: #2c2c2e !important;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-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 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row:after {\n transform-origin: 33% 66%;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row .group {\n color: #f2f2f7;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-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 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row:after {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row:after {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row:after {\n transform-origin: 33% 66%;\n}\n.sf-grouping-table .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row {\n position: relative;\n}\n.sf-grouping-table .sf-grouping-table-content .list-item:first-child .sf-grouping-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: 50% 0%;\n left: 0;\n top: 0;\n height: 1px;\n width: 100%;\n}\n.pixel-ratio-2 .sf-grouping-table .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row:before {\n transform: scaleY(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row:before {\n transform: scaleY(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .list-item:first-child .sf-grouping-table-row:before {\n transform-origin: 33% 0%;\n}\n}", map: undefined, media: undefined })
|
|
7313
|
+
,inject("data-v-49d7b878_1", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-grouping-table[data-v-49d7b878] {\n position: relative;\n width: 100%;\n height: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n transform: translate3d(0, 0, 0);\n}\n.sf-grouping-table .sf-grouping-table-header[data-v-49d7b878] {\n width: 100%;\n height: 44px;\n background: #00A383;\n display: flex;\n flex-flow: row;\n align-items: center;\n}\n.sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-49d7b878] {\n flex: 1;\n color: #ffffff;\n font-size: 16px;\n font-weight: bold;\n padding: 0 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-49d7b878]:not(:last-child) {\n position: relative;\n}\n.sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-49d7b878]:not(:last-child):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 .sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-49d7b878]:not(:last-child):after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-49d7b878]:not(:last-child):after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-49d7b878]:not(:last-child):after {\n transform-origin: 66% 33%;\n}\n.sf-grouping-table .sf-grouping-table-content[data-v-49d7b878] {\n width: 100%;\n height: calc(100% - 44px);\n overflow-y: auto;\n}", map: undefined, media: undefined });
|
|
7263
7314
|
|
|
7264
7315
|
};
|
|
7265
7316
|
/* scoped */
|
|
7266
|
-
var __vue_scope_id__$p = "data-v-
|
|
7317
|
+
var __vue_scope_id__$p = "data-v-49d7b878";
|
|
7267
7318
|
/* module identifier */
|
|
7268
7319
|
var __vue_module_identifier__$p = undefined;
|
|
7269
7320
|
/* functional template */
|
|
@@ -7637,7 +7688,7 @@ var SFReportTable = /** @class */ (function (_super) {
|
|
|
7637
7688
|
return _this;
|
|
7638
7689
|
}
|
|
7639
7690
|
SFReportTable.prototype.render = function (createElement) {
|
|
7640
|
-
var convertor = new ReportDataConvertor(this.data);
|
|
7691
|
+
var convertor = new ReportDataConvertor(this.data, this.languageLocaleKey);
|
|
7641
7692
|
this.refactoredData = convertor.tableData;
|
|
7642
7693
|
if (this.refactoredData.format === 'MATRIX') {
|
|
7643
7694
|
return this.createMatrixTable(createElement);
|
|
@@ -7680,6 +7731,10 @@ var SFReportTable = /** @class */ (function (_super) {
|
|
|
7680
7731
|
Prop({ type: Array, required: false }),
|
|
7681
7732
|
__metadata("design:type", Object)
|
|
7682
7733
|
], SFReportTable.prototype, "sobjects", void 0);
|
|
7734
|
+
__decorate([
|
|
7735
|
+
Prop({ type: String, required: false }),
|
|
7736
|
+
__metadata("design:type", Object)
|
|
7737
|
+
], SFReportTable.prototype, "languageLocaleKey", void 0);
|
|
7683
7738
|
SFReportTable = __decorate([
|
|
7684
7739
|
Component({
|
|
7685
7740
|
components: {
|