moblor-vue 0.1.16 → 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.
@@ -3812,6 +3812,7 @@ var DataConvertor = /** @class */ (function () {
3812
3812
  function DataConvertor() {
3813
3813
  this.metadata = null;
3814
3814
  this.data = null;
3815
+ this.languageLocaleKey = '';
3815
3816
  }
3816
3817
  DataConvertor.prototype.refactorPieces = function (pieces) {
3817
3818
  var _this = this;
@@ -4355,7 +4356,7 @@ var DashboardDataConvertor = /** @class */ (function (_super) {
4355
4356
 
4356
4357
  var ReportDataConvertor = /** @class */ (function (_super) {
4357
4358
  __extends(ReportDataConvertor, _super);
4358
- function ReportDataConvertor(reportData) {
4359
+ function ReportDataConvertor(reportData, languageLocaleKey) {
4359
4360
  var _this = _super.call(this) || this;
4360
4361
  _this.tableData = {
4361
4362
  headers: [],
@@ -4363,6 +4364,7 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4363
4364
  showHeader: true,
4364
4365
  format: '',
4365
4366
  };
4367
+ _this.languageLocaleKey = languageLocaleKey;
4366
4368
  _this.init(reportData);
4367
4369
  return _this;
4368
4370
  }
@@ -4598,8 +4600,8 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4598
4600
  ReportDataConvertor.prototype.convertSummary = function (reportData) {
4599
4601
  var _a;
4600
4602
  var _this = this;
4601
- var reportMetadata = reportData.reportMetadata, reportExtendedMetadata = reportData.reportExtendedMetadata, groupingsDown = reportData.groupingsDown, factMap = reportData.factMap, hasDetailRows = reportData.hasDetailRows;
4602
- 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;
4603
4605
  var groupingColumnInfo = reportExtendedMetadata.groupingColumnInfo, detailColumnInfo = reportExtendedMetadata.detailColumnInfo;
4604
4606
  var groupings = groupingsDown.groupings;
4605
4607
  var tableData = {
@@ -4607,6 +4609,7 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4607
4609
  showHeader: true,
4608
4610
  headers: [],
4609
4611
  rows: [],
4612
+ hasRecordCount: hasRecordCount,
4610
4613
  };
4611
4614
  var totalRecords = 0;
4612
4615
  var groupingFieldLabels = groupingsDownMeta.map(function (field) { return groupingColumnInfo[field.name].label; });
@@ -4668,7 +4671,7 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4668
4671
  }
4669
4672
  }
4670
4673
  tableData.rows.push(row);
4671
- if (aggregates.length > 1) {
4674
+ if (showSubtotals && aggregates.length > 1) {
4672
4675
  var aggregateRows = _this.getSummaryAggregateRows({
4673
4676
  aggregates: aggregates,
4674
4677
  hasDetailRows: hasDetailRows,
@@ -4709,32 +4712,35 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4709
4712
  else {
4710
4713
  recordCount = totalRecords;
4711
4714
  }
4712
- var grandTotalLabelRow = {
4713
- id: v4(),
4714
- type: 'grand-total',
4715
- label: 'Grand Totals',
4716
- grand: true,
4717
- background: this.getBackground(3),
4718
- recordCount: recordCount,
4719
- };
4720
- tableData.rows.push(grandTotalLabelRow);
4721
- if (aggregates.length > 1) {
4722
- var grandTotalRows = this.getSummaryAggregateRows({
4723
- aggregates: aggregates,
4724
- hasDetailRows: hasDetailRows,
4725
- detailColumns: detailColumns,
4726
- rowAggregates: grandTotalAggregates,
4727
- background: grandTotalLabelRow.background,
4728
- isGrand: true,
4729
- });
4730
- (_a = tableData.rows).push.apply(_a, grandTotalRows);
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
+ }
4731
4736
  }
4732
4737
  return tableData;
4733
4738
  };
4734
4739
  ReportDataConvertor.prototype.convertMatrix = function (reportData) {
4735
4740
  var _a;
4736
- var reportMetadata = reportData.reportMetadata, reportExtendedMetadata = reportData.reportExtendedMetadata, groupingsAcross = reportData.groupingsAcross, groupingsDown = reportData.groupingsDown, factMap = reportData.factMap, hasDetailRows = reportData.hasDetailRows;
4737
- var groupingsAcrossMeta = reportMetadata.groupingsAcross, groupingsDownMeta = reportMetadata.groupingsDown, aggregates = reportMetadata.aggregates, detailColumns = reportMetadata.detailColumns, reportFormat = reportMetadata.reportFormat;
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;
4738
4744
  var groupingColumnInfo = reportExtendedMetadata.groupingColumnInfo, aggregateColumnInfo = reportExtendedMetadata.aggregateColumnInfo, detailColumnInfo = reportExtendedMetadata.detailColumnInfo;
4739
4745
  var acrossGroupings = groupingsAcross.groupings;
4740
4746
  var downGroupings = groupingsDown.groupings;
@@ -4948,6 +4954,9 @@ var ReportDataConvertor = /** @class */ (function (_super) {
4948
4954
  var aggregateRows = [];
4949
4955
  var detailRows = [];
4950
4956
  aggregates.forEach(function (aggregate, index) {
4957
+ if (aggregate === 'RowCount' && !hasRecordCount) {
4958
+ return;
4959
+ }
4951
4960
  var aggregateRow = {
4952
4961
  id: v4(),
4953
4962
  cells: [],
@@ -5036,58 +5045,68 @@ var ReportDataConvertor = /** @class */ (function (_super) {
5036
5045
  (_a = tableData.rows).push.apply(_a, aggregateRows);
5037
5046
  (_b = tableData.rows).push.apply(_b, detailRows);
5038
5047
  });
5039
- // Add Down Subtotal Row
5040
- aggregates.forEach(function (aggregate, index) {
5041
- var subTotalRow = {
5042
- id: v4(),
5043
- cells: [],
5044
- };
5045
- subTotalRow.cells.push({
5046
- value: '',
5047
- });
5048
- if (index === 0) {
5049
- subTotalRow.cells.push({
5050
- label: 'Subtotal',
5051
- value: 'Subtotal',
5052
- type: 'double',
5053
- });
5054
- }
5055
- 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
+ };
5056
5057
  subTotalRow.cells.push({
5057
5058
  value: '',
5058
5059
  });
5059
- }
5060
- if (aggregates.length > 1 || acrossLength > 1) {
5061
- subTotalRow.cells.push({
5062
- label: aggregateColumnInfo[aggregate].label,
5063
- value: aggregateColumnInfo[aggregate].label,
5064
- });
5065
- }
5066
- acrossGroupings.forEach(function (acrossLevel1Grouping, acrossLevel1Index) {
5067
- acrossLevel1Grouping.groupings
5068
- .forEach(function (acrossLevel2Grouping, acrossLevel2Index) {
5069
- var subTotalCellIndex = [
5070
- downLevel1Index,
5071
- acrossLevel1Index + "_" + acrossLevel2Index ].join('!');
5072
- subTotalRow.cells.push(__assign({ type: 'double' }, factMap[subTotalCellIndex].aggregates[index]));
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]));
5073
5091
  });
5074
- var subTotalIndex = downLevel1Index + "!" + acrossLevel1Index;
5075
- subTotalRow.cells.push(__assign({ type: 'double' }, factMap[subTotalIndex].aggregates[index]));
5076
- });
5077
- var grandTotalIndex = downLevel1Index + "!T";
5078
- subTotalRow.cells.push(__assign({ type: 'double' }, factMap[grandTotalIndex].aggregates[index]));
5079
- detailExtraColumns.forEach(function () {
5080
- subTotalRow.cells.push({
5081
- 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
+ });
5082
5098
  });
5099
+ tableData.rows.push(subTotalRow);
5083
5100
  });
5084
- tableData.rows.push(subTotalRow);
5085
- });
5101
+ }
5086
5102
  }
5087
5103
  else {
5088
5104
  var aggregateRows_1 = [];
5089
5105
  var detailRows_1 = [];
5090
5106
  aggregates.forEach(function (aggregate, index) {
5107
+ if (aggregate === 'RowCount' && !hasRecordCount) {
5108
+ return;
5109
+ }
5091
5110
  var aggregateRow = {
5092
5111
  id: v4(),
5093
5112
  cells: [],
@@ -5163,60 +5182,69 @@ var ReportDataConvertor = /** @class */ (function (_super) {
5163
5182
  });
5164
5183
  });
5165
5184
  }
5166
- aggregateRows_1.push(aggregateRow);
5185
+ if (hasRecordCount) {
5186
+ aggregateRows_1.push(aggregateRow);
5187
+ }
5167
5188
  });
5168
5189
  (_a = tableData.rows).push.apply(_a, aggregateRows_1);
5169
5190
  (_b = tableData.rows).push.apply(_b, detailRows_1);
5170
5191
  }
5171
5192
  });
5172
- // Add Down Grand Total Row
5173
- var grandTotalRows = [];
5174
- aggregates.forEach(function (aggregate, index) {
5175
- var grandTotalRow = {
5176
- id: v4(),
5177
- cells: [],
5178
- };
5179
- if (index === 0) {
5180
- grandTotalRow.cells.push({
5181
- label: 'Grand Total',
5182
- value: 'Grand Total',
5183
- type: 'double',
5184
- });
5185
- }
5186
- else {
5187
- grandTotalRow.cells.push({
5188
- value: '',
5189
- });
5190
- }
5191
- if (downLength > 1) {
5192
- grandTotalRow.cells.push({
5193
- value: '',
5194
- });
5195
- }
5196
- if (aggregates.length > 1 || acrossLength > 1) {
5197
- grandTotalRow.cells.push({
5198
- label: aggregateColumnInfo[aggregate].label,
5199
- value: aggregateColumnInfo[aggregate].label,
5200
- });
5201
- }
5202
- acrossGroupings.forEach(function (acrossLevel1Grouping, acrossLevel1Index) {
5203
- if (acrossLength > 1) {
5204
- acrossLevel1Grouping.groupings
5205
- .forEach(function (acrossLevel2Grouping, acrossLevel2Index) {
5206
- 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',
5207
5211
  });
5208
5212
  }
5209
- grandTotalRow.cells.push(__assign({ type: aggregateColumnInfo[aggregate].dataType }, factMap["T!" + acrossLevel1Index].aggregates[index]));
5210
- });
5211
- grandTotalRow.cells.push(__assign({ type: aggregateColumnInfo[aggregate].dataType }, factMap['T!T'].aggregates[index]));
5212
- detailExtraColumns.forEach(function () {
5213
- grandTotalRow.cells.push({
5214
- value: '',
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]));
5215
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
+ });
5243
+ });
5244
+ grandTotalRows_1.push(grandTotalRow);
5216
5245
  });
5217
- grandTotalRows.push(grandTotalRow);
5218
- });
5219
- (_a = tableData.rows).push.apply(_a, grandTotalRows);
5246
+ (_a = tableData.rows).push.apply(_a, grandTotalRows_1);
5247
+ }
5220
5248
  return tableData;
5221
5249
  };
5222
5250
  ReportDataConvertor.prototype.getSummaryAggregateRows = function (_a) {
@@ -6442,6 +6470,10 @@ var SFGroupingTableGroupRow = /** @class */ (function (_super) {
6442
6470
  Prop({ type: Object, required: true }),
6443
6471
  __metadata("design:type", Object)
6444
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);
6445
6477
  __decorate([
6446
6478
  Inject('isCellID'),
6447
6479
  __metadata("design:type", Object)
@@ -6482,11 +6514,19 @@ var __vue_render__$i = function() {
6482
6514
  [_vm._v(_vm._s(_vm.data.label))]
6483
6515
  ),
6484
6516
  _vm._v(" "),
6485
- _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")]),
6517
+ _vm.hasRecordCount
6518
+ ? _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")])
6519
+ : _vm._e(),
6486
6520
  _vm._v(" "),
6487
- _c("div", { staticClass: "count" }, [_vm._v(_vm._s(_vm.data.recordCount))]),
6521
+ _vm.hasRecordCount
6522
+ ? _c("div", { staticClass: "count" }, [
6523
+ _vm._v(_vm._s(_vm.data.recordCount))
6524
+ ])
6525
+ : _vm._e(),
6488
6526
  _vm._v(" "),
6489
- _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
6527
+ _vm.hasRecordCount
6528
+ ? _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
6529
+ : _vm._e()
6490
6530
  ])
6491
6531
  };
6492
6532
  var __vue_staticRenderFns__$i = [];
@@ -6495,11 +6535,11 @@ __vue_render__$i._withStripped = true;
6495
6535
  /* style */
6496
6536
  var __vue_inject_styles__$k = function (inject) {
6497
6537
  if (!inject) { return }
6498
- 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 });
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 });
6499
6539
 
6500
6540
  };
6501
6541
  /* scoped */
6502
- var __vue_scope_id__$k = "data-v-73a047ef";
6542
+ var __vue_scope_id__$k = "data-v-18fe4fc8";
6503
6543
  /* module identifier */
6504
6544
  var __vue_module_identifier__$k = undefined;
6505
6545
  /* functional template */
@@ -6557,7 +6597,7 @@ var __vue_render__$j = function() {
6557
6597
  staticClass: "data-cell",
6558
6598
  on: {
6559
6599
  click: function($event) {
6560
- return _vm.$emit("cell-clicked", $event)
6600
+ return _vm.$emit("cell-clicked", cell)
6561
6601
  }
6562
6602
  }
6563
6603
  },
@@ -6573,12 +6613,12 @@ __vue_render__$j._withStripped = true;
6573
6613
  /* style */
6574
6614
  var __vue_inject_styles__$l = function (inject) {
6575
6615
  if (!inject) { return }
6576
- inject("data-v-5cda1442_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.aggregate-row[data-v-5cda1442] {\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-5cda1442] {\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-5cda1442]:first-child {\n position: relative;\n}\n.aggregate-row .data-cell[data-v-5cda1442]: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-5cda1442]:first-child:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:first-child:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:first-child:before {\n transform-origin: 0% 33%;\n}\n.aggregate-row .data-cell[data-v-5cda1442]: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-5cda1442]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:after {\n transform-origin: 66% 33%;\n}", map: undefined, media: undefined })
6577
- ,inject("data-v-5cda1442_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-5cda1442] {\n position: relative;\n}\n.aggregate-row .data-cell[data-v-5cda1442]: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-5cda1442]:after {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:after {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:after {\n transform-origin: 66% 33%;\n}\n.aggregate-row .data-cell[data-v-5cda1442]:first-child {\n position: relative;\n}\n.aggregate-row .data-cell[data-v-5cda1442]: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-5cda1442]:first-child:before {\n transform: scaleX(0.5);\n}\n.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:first-child:before {\n transform: scaleX(0.33);\n}\n.android.pixel-ratio-3 .aggregate-row .data-cell[data-v-5cda1442]:first-child:before {\n transform-origin: 0% 33%;\n}\n}", map: undefined, media: undefined });
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 });
6578
6618
 
6579
6619
  };
6580
6620
  /* scoped */
6581
- var __vue_scope_id__$l = "data-v-5cda1442";
6621
+ var __vue_scope_id__$l = "data-v-3461bed6";
6582
6622
  /* module identifier */
6583
6623
  var __vue_module_identifier__$l = undefined;
6584
6624
  /* functional template */
@@ -6611,6 +6651,10 @@ var SFGroupingTableTotalRow = /** @class */ (function (_super) {
6611
6651
  Prop({ type: Object, required: true }),
6612
6652
  __metadata("design:type", Object)
6613
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);
6614
6658
  SFGroupingTableTotalRow = __decorate([
6615
6659
  Component({})
6616
6660
  ], SFGroupingTableTotalRow);
@@ -6628,11 +6672,19 @@ var __vue_render__$k = function() {
6628
6672
  return _c("div", { staticClass: "total-row" }, [
6629
6673
  _c("div", { staticClass: "label" }, [_vm._v(_vm._s(_vm.data.label))]),
6630
6674
  _vm._v(" "),
6631
- _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")]),
6675
+ _vm.hasRecordCount
6676
+ ? _c("div", { staticClass: "count-left-mark" }, [_vm._v("(")])
6677
+ : _vm._e(),
6632
6678
  _vm._v(" "),
6633
- _c("div", { staticClass: "count" }, [_vm._v(_vm._s(_vm.data.recordCount))]),
6679
+ _vm.hasRecordCount
6680
+ ? _c("div", { staticClass: "count" }, [
6681
+ _vm._v(_vm._s(_vm.data.recordCount))
6682
+ ])
6683
+ : _vm._e(),
6634
6684
  _vm._v(" "),
6635
- _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
6685
+ _vm.hasRecordCount
6686
+ ? _c("div", { staticClass: "count-right-mark" }, [_vm._v(")")])
6687
+ : _vm._e()
6636
6688
  ])
6637
6689
  };
6638
6690
  var __vue_staticRenderFns__$k = [];
@@ -6641,11 +6693,11 @@ __vue_render__$k._withStripped = true;
6641
6693
  /* style */
6642
6694
  var __vue_inject_styles__$m = function (inject) {
6643
6695
  if (!inject) { return }
6644
- 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 });
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 });
6645
6697
 
6646
6698
  };
6647
6699
  /* scoped */
6648
- var __vue_scope_id__$m = "data-v-932f6b36";
6700
+ var __vue_scope_id__$m = "data-v-2de084b8";
6649
6701
  /* module identifier */
6650
6702
  var __vue_module_identifier__$m = undefined;
6651
6703
  /* functional template */
@@ -6884,6 +6936,7 @@ var SFGroupingTableRow = /** @class */ (function (_super) {
6884
6936
  var children = [];
6885
6937
  var props = {
6886
6938
  data: this.source,
6939
+ hasRecordCount: this.hasRecordCount,
6887
6940
  };
6888
6941
  if (this.source.type === 'group') {
6889
6942
  children.push(createElement(__vue_component__$k, {
@@ -6926,6 +6979,10 @@ var SFGroupingTableRow = /** @class */ (function (_super) {
6926
6979
  Prop({ type: Object, required: true }),
6927
6980
  __metadata("design:type", Object)
6928
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);
6929
6986
  __decorate([
6930
6987
  Inject('isCellNumber'),
6931
6988
  __metadata("design:type", Object)
@@ -7238,7 +7295,8 @@ var __vue_render__$m = function() {
7238
7295
  "data-key": "id",
7239
7296
  "data-sources": _vm.data.rows,
7240
7297
  "data-component": _vm.rowComponent,
7241
- "estimate-size": 41
7298
+ "estimate-size": 41,
7299
+ "extra-props": { hasRecordCount: _vm.data.hasRecordCount }
7242
7300
  }
7243
7301
  })
7244
7302
  ],
@@ -7251,12 +7309,12 @@ __vue_render__$m._withStripped = true;
7251
7309
  /* style */
7252
7310
  var __vue_inject_styles__$p = function (inject) {
7253
7311
  if (!inject) { return }
7254
- inject("data-v-2aa4f0a6_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 width: 100%;\n height: 41px;\n line-height: 41px;\n position: relative;\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 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 })
7255
- ,inject("data-v-2aa4f0a6_1", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-grouping-table[data-v-2aa4f0a6] {\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-2aa4f0a6] {\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-2aa4f0a6] {\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-2aa4f0a6]:not(:last-child) {\n position: relative;\n}\n.sf-grouping-table .sf-grouping-table-header .sf-grouping-table-header-cell[data-v-2aa4f0a6]: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-2aa4f0a6]: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-2aa4f0a6]: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-2aa4f0a6]:not(:last-child):after {\n transform-origin: 66% 33%;\n}\n.sf-grouping-table .sf-grouping-table-content[data-v-2aa4f0a6] {\n width: 100%;\n height: calc(100% - 44px);\n overflow-y: auto;\n}", map: undefined, media: undefined });
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 });
7256
7314
 
7257
7315
  };
7258
7316
  /* scoped */
7259
- var __vue_scope_id__$p = "data-v-2aa4f0a6";
7317
+ var __vue_scope_id__$p = "data-v-49d7b878";
7260
7318
  /* module identifier */
7261
7319
  var __vue_module_identifier__$p = undefined;
7262
7320
  /* functional template */
@@ -7630,7 +7688,7 @@ var SFReportTable = /** @class */ (function (_super) {
7630
7688
  return _this;
7631
7689
  }
7632
7690
  SFReportTable.prototype.render = function (createElement) {
7633
- var convertor = new ReportDataConvertor(this.data);
7691
+ var convertor = new ReportDataConvertor(this.data, this.languageLocaleKey);
7634
7692
  this.refactoredData = convertor.tableData;
7635
7693
  if (this.refactoredData.format === 'MATRIX') {
7636
7694
  return this.createMatrixTable(createElement);
@@ -7673,6 +7731,10 @@ var SFReportTable = /** @class */ (function (_super) {
7673
7731
  Prop({ type: Array, required: false }),
7674
7732
  __metadata("design:type", Object)
7675
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);
7676
7738
  SFReportTable = __decorate([
7677
7739
  Component({
7678
7740
  components: {