moblor-vue 0.1.18 → 0.1.19

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.
@@ -4683,15 +4683,28 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4683
4683
  recursive(ssubGrouping);
4684
4684
  });
4685
4685
  }
4686
- if (showSubtotals && aggregates.length > 0) {
4687
- var aggregateRows = _this.getSummaryAggregateRows({
4688
- aggregates: aggregates,
4689
- hasDetailRows: hasDetailRows,
4690
- detailColumns: detailColumns,
4691
- rowAggregates: rowAggregates,
4692
- background: background,
4693
- });
4694
- (_b = tableData.rows).push.apply(_b, aggregateRows);
4686
+ if (showSubtotals) {
4687
+ var subtotalsLabelRow = {
4688
+ id: v4(),
4689
+ type: 'subtotals',
4690
+ label: _this.languageLocaleKey
4691
+ && _this.languageLocaleKey.startsWith('zh')
4692
+ ? '小计'
4693
+ : 'Subtotals',
4694
+ grand: false,
4695
+ background: _this.getBackground(3),
4696
+ };
4697
+ tableData.rows.push(subtotalsLabelRow);
4698
+ if (aggregates.length > 0) {
4699
+ var aggregateRows = _this.getSummaryAggregateRows({
4700
+ aggregates: aggregates,
4701
+ hasDetailRows: hasDetailRows,
4702
+ detailColumns: detailColumns,
4703
+ rowAggregates: rowAggregates,
4704
+ background: subtotalsLabelRow.background,
4705
+ });
4706
+ (_b = tableData.rows).push.apply(_b, aggregateRows);
4707
+ }
4695
4708
  }
4696
4709
  };
4697
4710
  groupings.forEach(function (grouping) {
@@ -4703,9 +4716,6 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4703
4716
  if (index > -1) {
4704
4717
  recordCount = grandTotalAggregates[index].label;
4705
4718
  }
4706
- else if (aggregates.length === 1) {
4707
- recordCount = grandTotalAggregates[0].label;
4708
- }
4709
4719
  else {
4710
4720
  recordCount = totalRecords;
4711
4721
  }
@@ -4713,13 +4723,16 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4713
4723
  var grandTotalLabelRow = {
4714
4724
  id: v4(),
4715
4725
  type: 'grand-total',
4716
- label: 'Grand Totals',
4726
+ label: this.languageLocaleKey
4727
+ && this.languageLocaleKey.startsWith('zh')
4728
+ ? '总计'
4729
+ : 'Grand Total',
4717
4730
  grand: true,
4718
4731
  background: this.getBackground(3),
4719
4732
  recordCount: recordCount,
4720
4733
  };
4721
4734
  tableData.rows.push(grandTotalLabelRow);
4722
- if (aggregates.length > 1) {
4735
+ if (aggregates.length > 0) {
4723
4736
  var grandTotalRows = this.getSummaryAggregateRows({
4724
4737
  aggregates: aggregates,
4725
4738
  hasDetailRows: hasDetailRows,
@@ -6669,17 +6682,17 @@ var __vue_render__$k = function() {
6669
6682
  return _c("div", { staticClass: "total-row" }, [
6670
6683
  _c("div", { staticClass: "label" }, [_vm._v(_vm._s(_vm.data.label))]),
6671
6684
  _vm._v(" "),
6672
- _vm.hasRecordCount
6685
+ _vm.hasRecordCount && _vm.data.type !== "subtotals"
6673
6686
  ? _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")])
6674
6687
  : _vm._e(),
6675
6688
  _vm._v(" "),
6676
- _vm.hasRecordCount
6689
+ _vm.hasRecordCount && _vm.data.type !== "subtotals"
6677
6690
  ? _c("div", { staticClass: "count" }, [
6678
6691
  _vm._v(_vm._s(_vm.data.recordCount))
6679
6692
  ])
6680
6693
  : _vm._e(),
6681
6694
  _vm._v(" "),
6682
- _vm.hasRecordCount
6695
+ _vm.hasRecordCount && _vm.data.type !== "subtotals"
6683
6696
  ? _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
6684
6697
  : _vm._e()
6685
6698
  ])
@@ -6690,11 +6703,11 @@ __vue_render__$k._withStripped = true;
6690
6703
  /* style */
6691
6704
  var __vue_inject_styles__$m = function (inject) {
6692
6705
  if (!inject) { return }
6693
- 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 });
6706
+ inject("data-v-2f4037e0_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.total-row[data-v-2f4037e0] {\n font-size: 11px;\n padding: 0px 10px;\n position: relative;\n}\n.total-row[data-v-2f4037e0]: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-2f4037e0]:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .total-row[data-v-2f4037e0]:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .total-row[data-v-2f4037e0]:before {\n transform-origin: 0% 33%;\n}\n.total-row[data-v-2f4037e0]: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-2f4037e0]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .total-row[data-v-2f4037e0]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .total-row[data-v-2f4037e0]:after {\n transform-origin: 66% 33%;\n}\n.total-row .label[data-v-2f4037e0], .total-row .count[data-v-2f4037e0] {\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-2f4037e0] {\n margin-left: 5px;\n}\n.total-row .label[data-v-2f4037e0] {\n max-width: 20%;\n}\n.total-row .count[data-v-2f4037e0] {\n max-width: calc(80% - 13px);\n}\n.total-row .count-left-mark[data-v-2f4037e0], .total-row .count-right-mark[data-v-2f4037e0] {\n float: left;\n width: 4px;\n}", map: undefined, media: undefined });
6694
6707
 
6695
6708
  };
6696
6709
  /* scoped */
6697
- var __vue_scope_id__$m = "data-v-2de084b8";
6710
+ var __vue_scope_id__$m = "data-v-2f4037e0";
6698
6711
  /* module identifier */
6699
6712
  var __vue_module_identifier__$m = undefined;
6700
6713
  /* functional template */
@@ -6955,7 +6968,7 @@ var SFGroupingTableRow = /** @class */ (function (_super) {
6955
6968
  },
6956
6969
  }));
6957
6970
  }
6958
- else if (this.source.type === 'grand-total') {
6971
+ else if (this.source.type === 'grand-total' || this.source.type === 'subtotals') {
6959
6972
  children.push(createElement(__vue_component__$m, {
6960
6973
  props: props,
6961
6974
  }));
@@ -7306,12 +7319,12 @@ __vue_render__$m._withStripped = true;
7306
7319
  /* style */
7307
7320
  var __vue_inject_styles__$p = function (inject) {
7308
7321
  if (!inject) { return }
7309
- 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 })
7310
- ,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 });
7322
+ inject("data-v-f51b545a_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, .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.subtotals {\n background-color: #2c2c2e !important;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row:after, .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.subtotals: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, .pixel-ratio-2 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.subtotals: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, .pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.subtotals: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, .android.pixel-ratio-3 .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.subtotals:after {\n transform-origin: 33% 66%;\n}\n.sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.grand-row .group, .sf-grouping-table .sf-grouping-table-content .sf-grouping-table-row.subtotals .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 })
7323
+ ,inject("data-v-f51b545a_1", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-grouping-table[data-v-f51b545a] {\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-f51b545a] {\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-f51b545a] {\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-f51b545a]:not(:last-child) {\n position: relative;\n}\n.sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-f51b545a]: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-f51b545a]: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-f51b545a]: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-f51b545a]:not(:last-child):after {\n transform-origin: 66% 33%;\n}\n.sf-grouping-table .sf-grouping-table-content[data-v-f51b545a] {\n width: 100%;\n height: calc(100% - 44px);\n overflow-y: auto;\n}", map: undefined, media: undefined });
7311
7324
 
7312
7325
  };
7313
7326
  /* scoped */
7314
- var __vue_scope_id__$p = "data-v-49d7b878";
7327
+ var __vue_scope_id__$p = "data-v-f51b545a";
7315
7328
  /* module identifier */
7316
7329
  var __vue_module_identifier__$p = undefined;
7317
7330
  /* functional template */