moblor-vue 0.1.9 → 0.1.13
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 +27 -14
- package/dist/moblor-components.js +1 -1
- package/dist/moblor-vue.esm.js +27 -14
- package/dist/moblor-vue.js +1 -1
- package/package.json +1 -1
|
@@ -2919,7 +2919,8 @@ var GaugeChart = /** @class */ (function (_super) {
|
|
|
2919
2919
|
};
|
|
2920
2920
|
GaugeChart.prototype.init = function () {
|
|
2921
2921
|
this.width = this.getWidth();
|
|
2922
|
-
|
|
2922
|
+
var heightScale = this.width < 400 ? 0.9 : 0.85;
|
|
2923
|
+
this.height = this.width * heightScale;
|
|
2923
2924
|
var outerRadius = this.width / 2 - 10;
|
|
2924
2925
|
this.radius = outerRadius - 16;
|
|
2925
2926
|
this.svg = select(this.$el)
|
|
@@ -3146,7 +3147,7 @@ __vue_render__$5._withStripped = true;
|
|
|
3146
3147
|
/* style */
|
|
3147
3148
|
var __vue_inject_styles__$5 = function (inject) {
|
|
3148
3149
|
if (!inject) { return }
|
|
3149
|
-
inject("data-v-a60b7074_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 });
|
|
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 });
|
|
3150
3151
|
|
|
3151
3152
|
};
|
|
3152
3153
|
/* scoped */
|
|
@@ -4582,11 +4583,11 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4582
4583
|
}
|
|
4583
4584
|
var index = aggregates.findIndex(function (summaryField) { return summaryField === 'RowCount'; });
|
|
4584
4585
|
var recordCount = 0;
|
|
4585
|
-
if (index
|
|
4586
|
-
recordCount = aggregates[index].
|
|
4586
|
+
if (index > -1) {
|
|
4587
|
+
recordCount = aggregates[index].label;
|
|
4587
4588
|
}
|
|
4588
4589
|
else if (aggregates.length === 1) {
|
|
4589
|
-
recordCount = aggregates[0].
|
|
4590
|
+
recordCount = aggregates[0].label;
|
|
4590
4591
|
}
|
|
4591
4592
|
else if (rows) {
|
|
4592
4593
|
recordCount = rows.length;
|
|
@@ -4643,8 +4644,11 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4643
4644
|
};
|
|
4644
4645
|
var _c = factMap[key + "!T"], rowAggregates = _c.aggregates, rows = _c.rows;
|
|
4645
4646
|
var index1 = aggregates.findIndex(function (aggregate) { return aggregate === 'RowCount'; });
|
|
4646
|
-
if (index1 >
|
|
4647
|
-
row.recordCount = rowAggregates[index1].
|
|
4647
|
+
if (index1 > -1) {
|
|
4648
|
+
row.recordCount = rowAggregates[index1].label;
|
|
4649
|
+
}
|
|
4650
|
+
else if (aggregates.length === 1) {
|
|
4651
|
+
row.recordCount = rowAggregates[0].label;
|
|
4648
4652
|
}
|
|
4649
4653
|
else if (rows) {
|
|
4650
4654
|
row.recordCount = 0;
|
|
@@ -4702,7 +4706,16 @@ var ReportDataConvertor = /** @class */ (function (_super) {
|
|
|
4702
4706
|
});
|
|
4703
4707
|
var grandTotalAggregates = factMap['T!T'].aggregates;
|
|
4704
4708
|
var index = aggregates.findIndex(function (aggregate) { return aggregate === 'RowCount'; });
|
|
4705
|
-
var recordCount =
|
|
4709
|
+
var recordCount = 0;
|
|
4710
|
+
if (index > -1) {
|
|
4711
|
+
recordCount = grandTotalAggregates[index].label;
|
|
4712
|
+
}
|
|
4713
|
+
else if (aggregates.length === 1) {
|
|
4714
|
+
recordCount = grandTotalAggregates[0].label;
|
|
4715
|
+
}
|
|
4716
|
+
else {
|
|
4717
|
+
recordCount = totalRecords;
|
|
4718
|
+
}
|
|
4706
4719
|
var grandTotalLabelRow = {
|
|
4707
4720
|
id: v4(),
|
|
4708
4721
|
type: 'grand-total',
|
|
@@ -6227,7 +6240,7 @@ var __vue_script__$i = SFDashboardChart;
|
|
|
6227
6240
|
/* style */
|
|
6228
6241
|
var __vue_inject_styles__$i = function (inject) {
|
|
6229
6242
|
if (!inject) { return }
|
|
6230
|
-
inject("data-v-114cb6f0_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-analytics-chart {\n width: 100%;\n padding:
|
|
6243
|
+
inject("data-v-114cb6f0_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-analytics-chart {\n width: 100%;\n padding: 10px;\n background-color: #fff;\n transform: translate3d(0, 0, 0);\n}\n.sf-analytics-chart .sf-analytics-text {\n width: 100%;\n height: 200px;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.sf-analytics-chart .sf-analytics-error {\n font-size: 14px;\n line-height: 20px;\n color: #d74c3b;\n min-height: 200px;\n}\n.sf-analytics-chart.sf-metric-chart {\n padding: 20px 10px;\n}\n@media (prefers-color-scheme: dark) {\n.sf-analytics-chart {\n background-color: #1c1c1e;\n}\n.sf-analytics-chart .sf-analytics-text {\n color: #6e6e6e;\n}\n}", map: undefined, media: undefined });
|
|
6231
6244
|
|
|
6232
6245
|
};
|
|
6233
6246
|
/* scoped */
|
|
@@ -6399,7 +6412,7 @@ var __vue_script__$j = SFReportChart;
|
|
|
6399
6412
|
/* style */
|
|
6400
6413
|
var __vue_inject_styles__$j = function (inject) {
|
|
6401
6414
|
if (!inject) { return }
|
|
6402
|
-
inject("data-v-07de57c3_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-analytics-chart {\n width: 100%;\n padding:
|
|
6415
|
+
inject("data-v-07de57c3_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-analytics-chart {\n width: 100%;\n padding: 10px;\n background-color: #fff;\n transform: translate3d(0, 0, 0);\n}\n.sf-analytics-chart .sf-analytics-text {\n width: 100%;\n height: 200px;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.sf-analytics-chart .sf-analytics-error {\n font-size: 14px;\n line-height: 20px;\n color: #d74c3b;\n min-height: 200px;\n}\n.sf-analytics-chart.sf-metric-chart {\n padding: 20px 10px;\n}\n@media (prefers-color-scheme: dark) {\n.sf-analytics-chart {\n background-color: #1c1c1e;\n}\n.sf-analytics-chart .sf-analytics-text {\n color: #6e6e6e;\n}\n}", map: undefined, media: undefined });
|
|
6403
6416
|
|
|
6404
6417
|
};
|
|
6405
6418
|
/* scoped */
|
|
@@ -6489,11 +6502,11 @@ __vue_render__$i._withStripped = true;
|
|
|
6489
6502
|
/* style */
|
|
6490
6503
|
var __vue_inject_styles__$k = function (inject) {
|
|
6491
6504
|
if (!inject) { return }
|
|
6492
|
-
inject("data-v-
|
|
6505
|
+
inject("data-v-73a047ef_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.group-row[data-v-73a047ef] {\n font-size: 11px;\n padding: 0px 10px;\n position: relative;\n}\n.group-row[data-v-73a047ef]: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-73a047ef]:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .group-row[data-v-73a047ef]:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .group-row[data-v-73a047ef]:before {\n transform-origin: 0% 33%;\n}\n.group-row[data-v-73a047ef]: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-73a047ef]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .group-row[data-v-73a047ef]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .group-row[data-v-73a047ef]:after {\n transform-origin: 66% 33%;\n}\n.group-row .label[data-v-73a047ef], .group-row .value[data-v-73a047ef], .group-row .count[data-v-73a047ef] {\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group-row .label[data-v-73a047ef], .group-row .count[data-v-73a047ef] {\n font-weight: bold;\n}\n.group-row .value[data-v-73a047ef], .group-row .count-left-mark[data-v-73a047ef] {\n margin-left: 5px;\n}\n.group-row .label[data-v-73a047ef], .group-row .value[data-v-73a047ef] {\n max-width: 30%;\n}\n.group-row .count[data-v-73a047ef] {\n max-width: calc(40% - 22px);\n}\n.group-row .label-mark[data-v-73a047ef], .group-row .count-left-mark[data-v-73a047ef], .group-row .count-right-mark[data-v-73a047ef] {\n float: left;\n width: 4px;\n}\n.group-row .value.id[data-v-73a047ef] {\n color: #09afe6;\n}", map: undefined, media: undefined });
|
|
6493
6506
|
|
|
6494
6507
|
};
|
|
6495
6508
|
/* scoped */
|
|
6496
|
-
var __vue_scope_id__$k = "data-v-
|
|
6509
|
+
var __vue_scope_id__$k = "data-v-73a047ef";
|
|
6497
6510
|
/* module identifier */
|
|
6498
6511
|
var __vue_module_identifier__$k = undefined;
|
|
6499
6512
|
/* functional template */
|
|
@@ -6635,11 +6648,11 @@ __vue_render__$k._withStripped = true;
|
|
|
6635
6648
|
/* style */
|
|
6636
6649
|
var __vue_inject_styles__$m = function (inject) {
|
|
6637
6650
|
if (!inject) { return }
|
|
6638
|
-
inject("data-v-
|
|
6651
|
+
inject("data-v-932f6b36_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.total-row[data-v-932f6b36] {\n font-size: 11px;\n padding: 0px 10px;\n position: relative;\n}\n.total-row[data-v-932f6b36]: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-932f6b36]:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .total-row[data-v-932f6b36]:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .total-row[data-v-932f6b36]:before {\n transform-origin: 0% 33%;\n}\n.total-row[data-v-932f6b36]: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-932f6b36]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .total-row[data-v-932f6b36]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .total-row[data-v-932f6b36]:after {\n transform-origin: 66% 33%;\n}\n.total-row .label[data-v-932f6b36], .total-row .count[data-v-932f6b36] {\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-932f6b36] {\n margin-left: 5px;\n}\n.total-row .label[data-v-932f6b36] {\n max-width: 20%;\n}\n.total-row .count[data-v-932f6b36] {\n max-width: calc(80% - 13px);\n}\n.total-row .count-left-mark[data-v-932f6b36], .total-row .count-right-mark[data-v-932f6b36] {\n float: left;\n width: 4px;\n}", map: undefined, media: undefined });
|
|
6639
6652
|
|
|
6640
6653
|
};
|
|
6641
6654
|
/* scoped */
|
|
6642
|
-
var __vue_scope_id__$m = "data-v-
|
|
6655
|
+
var __vue_scope_id__$m = "data-v-932f6b36";
|
|
6643
6656
|
/* module identifier */
|
|
6644
6657
|
var __vue_module_identifier__$m = undefined;
|
|
6645
6658
|
/* functional template */
|