@zeedhi/teknisa-components-vuetify 1.59.0 → 1.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/tek-components-vuetify.esm.js +520 -377
  2. package/dist/tek-components-vuetify.umd.js +520 -377
  3. package/package.json +2 -2
  4. package/types/components/tek-grid/TekGrid.d.ts +0 -1
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -1496,14 +1496,6 @@
1496
1496
  this.instance.selectGroupClick(row, isSelected, event, this.$el);
1497
1497
  });
1498
1498
  }
1499
- toggleSelectAll() {
1500
- if (this.instance.selectedRows.length === this.instance.datasource.data.length) {
1501
- this.instance.selectedRows = [];
1502
- }
1503
- else {
1504
- this.instance.selectedRows = this.instance.datasource.data;
1505
- }
1506
- }
1507
1499
  get headers() {
1508
1500
  this.$nextTick(() => {
1509
1501
  if (this.$el)
@@ -1720,18 +1712,18 @@
1720
1712
  "indeterminate-icon": _vm.$getIcon(
1721
1713
  "checkboxIndeterminate"
1722
1714
  ),
1723
- "input-value": props.everyItem,
1715
+ "input-value": _vm.allselectedState,
1724
1716
  indeterminate:
1725
- !props.everyItem && props.someItems,
1717
+ !_vm.allselectedState &&
1718
+ props.someItems,
1726
1719
  },
1727
1720
  on: {
1728
1721
  click: function ($event) {
1729
1722
  $event.stopPropagation();
1730
- _vm.toggleSelectAll();
1731
- _vm.selectAllClick(
1732
- !props.everyItem,
1723
+ return _vm.selectAllClick(
1724
+ !_vm.allselectedState,
1733
1725
  $event
1734
- );
1726
+ )
1735
1727
  },
1736
1728
  },
1737
1729
  })
@@ -1819,7 +1811,8 @@
1819
1811
  column,
1820
1812
  column.width ||
1821
1813
  column.maxWidth ||
1822
- column.minWidth
1814
+ column.minWidth,
1815
+ true
1823
1816
  ) || "unset",
1824
1817
  },
1825
1818
  },
@@ -2821,17 +2814,20 @@
2821
2814
  column,
2822
2815
  column.width ||
2823
2816
  column.maxWidth ||
2824
- column.minWidth
2817
+ column.minWidth,
2818
+ true
2825
2819
  ) || "unset",
2826
2820
  "min-width":
2827
2821
  _vm.calcWidth(
2828
2822
  column,
2829
- column.minWidth
2823
+ column.minWidth,
2824
+ true
2830
2825
  ) || "unset",
2831
2826
  "max-width":
2832
2827
  _vm.calcWidth(
2833
2828
  column,
2834
- column.maxWidth
2829
+ column.maxWidth,
2830
+ true
2835
2831
  ) || "unset",
2836
2832
  },
2837
2833
  },
@@ -2898,6 +2894,7 @@
2898
2894
  _vm._b(
2899
2895
  {
2900
2896
  key:
2897
+ "" +
2901
2898
  column.name +
2902
2899
  _vm.rowKey(
2903
2900
  item
@@ -2986,17 +2983,20 @@
2986
2983
  column,
2987
2984
  column.width ||
2988
2985
  column.maxWidth ||
2989
- column.minWidth
2986
+ column.minWidth,
2987
+ true
2990
2988
  ) || "unset",
2991
2989
  "min-width":
2992
2990
  _vm.calcWidth(
2993
2991
  column,
2994
- column.minWidth
2992
+ column.minWidth,
2993
+ true
2995
2994
  ) || "unset",
2996
2995
  "max-width":
2997
2996
  _vm.calcWidth(
2998
2997
  column,
2999
- column.maxWidth
2998
+ column.maxWidth,
2999
+ true
3000
3000
  ) || "unset",
3001
3001
  },
3002
3002
  on: {
@@ -3044,6 +3044,23 @@
3044
3044
  column,
3045
3045
  cellProps
3046
3046
  ).cssClass,
3047
+ {
3048
+ "zd-table-fixed-column":
3049
+ column.fixed,
3050
+ },
3051
+ {
3052
+ "theme--dark":
3053
+ (_vm.$vuetify.theme
3054
+ .dark &&
3055
+ !_vm.instance.light) ||
3056
+ _vm.instance.dark,
3057
+ },
3058
+ {
3059
+ "theme--light":
3060
+ !_vm.$vuetify.theme
3061
+ .dark ||
3062
+ _vm.instance.light,
3063
+ },
3047
3064
  ],
3048
3065
  style: [
3049
3066
  Object.assign(
@@ -3056,6 +3073,13 @@
3056
3073
  column,
3057
3074
  cellProps
3058
3075
  ).cssStyle,
3076
+ {
3077
+ left: column.fixed
3078
+ ? _vm.fixedLeft[
3079
+ column.name
3080
+ ]
3081
+ : "unset",
3082
+ },
3059
3083
  ],
3060
3084
  on: {
3061
3085
  click: function ($event) {
@@ -3092,6 +3116,7 @@
3092
3116
  _vm._b(
3093
3117
  {
3094
3118
  key:
3119
+ "" +
3095
3120
  child.name +
3096
3121
  _vm.rowKey(item),
3097
3122
  tag: "component",
@@ -3215,7 +3240,7 @@
3215
3240
  /* style */
3216
3241
  const __vue_inject_styles__$b = function (inject) {
3217
3242
  if (!inject) return
3218
- inject("data-v-51404098_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3243
+ inject("data-v-92a68c46_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3219
3244
 
3220
3245
  };
3221
3246
  /* scoped */
@@ -6304,6 +6329,7 @@
6304
6329
  ref: "grid",
6305
6330
  class: [
6306
6331
  "zd-grid",
6332
+ "zd-tree-grid",
6307
6333
  "zd-tree-grid-editable",
6308
6334
  "tek-grid",
6309
6335
  "tek-tree-grid",
@@ -6374,7 +6400,7 @@
6374
6400
  key: "header",
6375
6401
  fn: function (ref) {
6376
6402
  var props = ref.props;
6377
- var on = ref.on;
6403
+ ref.on;
6378
6404
  return [
6379
6405
  _c("thead", { staticClass: "zd-grid-table-header" }, [
6380
6406
  _c(
@@ -6384,8 +6410,22 @@
6384
6410
  ? _c(
6385
6411
  "th",
6386
6412
  {
6387
- staticClass:
6388
- "zd-table-cell selectable zd-table-fixed-column",
6413
+ class: [
6414
+ "zd-table-cell",
6415
+ "selectable",
6416
+ "zd-table-fixed-column",
6417
+ {
6418
+ "theme--dark":
6419
+ (_vm.$vuetify.theme.dark &&
6420
+ !_vm.instance.light) ||
6421
+ _vm.instance.dark,
6422
+ },
6423
+ {
6424
+ "theme--light":
6425
+ !_vm.$vuetify.theme.dark ||
6426
+ _vm.instance.light,
6427
+ },
6428
+ ],
6389
6429
  style:
6390
6430
  "background-color: " +
6391
6431
  _vm.instance.headerBackground,
@@ -6403,20 +6443,18 @@
6403
6443
  "indeterminate-icon": _vm.$getIcon(
6404
6444
  "checkboxIndeterminate"
6405
6445
  ),
6406
- value: props.everyItem,
6446
+ value: _vm.allselectedState,
6407
6447
  indeterminate:
6408
- !props.everyItem && props.someItems,
6448
+ !_vm.allselectedState &&
6449
+ props.someItems,
6409
6450
  },
6410
6451
  on: {
6411
6452
  click: function ($event) {
6412
6453
  $event.stopPropagation();
6413
- on["toggle-select-all"](
6414
- !props.everyItem
6415
- );
6416
- _vm.selectAllClick(
6417
- !props.everyItem,
6454
+ return _vm.selectAllClick(
6455
+ !_vm.allselectedState,
6418
6456
  $event
6419
- );
6457
+ )
6420
6458
  },
6421
6459
  },
6422
6460
  })
@@ -6430,7 +6468,7 @@
6430
6468
  _vm.orderHeaders(props.headers),
6431
6469
  function (column, index) {
6432
6470
  return [
6433
- column.isVisible
6471
+ column.isVisible && _vm.getColWidth(column)
6434
6472
  ? _c(
6435
6473
  "th",
6436
6474
  {
@@ -6462,30 +6500,17 @@
6462
6500
  "background-color":
6463
6501
  _vm.instance.headerBackground,
6464
6502
  width:
6465
- _vm.calcWidth(column, column.width) ||
6466
- "unset",
6467
- "min-width":
6468
- _vm.calcWidth(
6469
- column,
6470
- column.minWidth
6471
- ) || "unset",
6472
- "max-width":
6473
6503
  _vm.calcWidth(
6474
6504
  column,
6475
- column.maxWidth
6505
+ column.width ||
6506
+ column.maxWidth ||
6507
+ column.minWidth
6476
6508
  ) || "unset",
6477
6509
  },
6478
6510
  attrs: {
6479
6511
  "column-name": column.name,
6480
6512
  index: index,
6481
6513
  },
6482
- on: {
6483
- click: function ($event) {
6484
- return _vm.instance.changeColumnOrder(
6485
- column
6486
- )
6487
- },
6488
- },
6489
6514
  },
6490
6515
  [
6491
6516
  _c(
@@ -6498,8 +6523,11 @@
6498
6523
  column,
6499
6524
  column.width ||
6500
6525
  column.maxWidth ||
6501
- column.minWidth
6526
+ column.minWidth,
6527
+ true
6502
6528
  ) || "unset",
6529
+ color:
6530
+ _vm.instance.headerCellTextColor,
6503
6531
  },
6504
6532
  },
6505
6533
  [
@@ -6511,7 +6539,16 @@
6511
6539
  "span",
6512
6540
  {
6513
6541
  staticClass:
6514
- "zd-table-cell-sort",
6542
+ "zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
6543
+ on: {
6544
+ click: function (
6545
+ $event
6546
+ ) {
6547
+ return _vm.instance.changeColumnOrder(
6548
+ column
6549
+ )
6550
+ },
6551
+ },
6515
6552
  },
6516
6553
  [
6517
6554
  column.sortable &&
@@ -6527,11 +6564,13 @@
6527
6564
  },
6528
6565
  [
6529
6566
  _vm._v(
6530
- _vm._s(
6531
- _vm.$getIcon(
6532
- "chevronUp"
6533
- )
6534
- )
6567
+ "\n " +
6568
+ _vm._s(
6569
+ _vm.$getIcon(
6570
+ "chevronUp"
6571
+ )
6572
+ ) +
6573
+ "\n "
6535
6574
  ),
6536
6575
  ]
6537
6576
  )
@@ -6548,11 +6587,13 @@
6548
6587
  },
6549
6588
  [
6550
6589
  _vm._v(
6551
- _vm._s(
6552
- _vm.instance.datasource.findOrderIndex(
6553
- column.name
6554
- ) + 1
6555
- )
6590
+ "\n " +
6591
+ _vm._s(
6592
+ _vm.instance.datasource.findOrderIndex(
6593
+ column.name
6594
+ ) + 1
6595
+ ) +
6596
+ "\n "
6556
6597
  ),
6557
6598
  ]
6558
6599
  )
@@ -6580,24 +6621,12 @@
6580
6621
  column.overflow
6581
6622
  : "",
6582
6623
  ],
6583
- style: {
6584
- width:
6585
- _vm.calcWidth(
6586
- column,
6587
- column.width
6588
- ) || "unset",
6589
- "min-width":
6590
- _vm.calcWidth(
6591
- column,
6592
- column.minWidth
6593
- ) || "unset",
6594
- "max-width":
6595
- _vm.calcWidth(
6596
- column,
6597
- column.maxWidth
6598
- ) || "unset",
6599
- },
6600
6624
  on: {
6625
+ click: function ($event) {
6626
+ return _vm.instance.changeColumnOrder(
6627
+ column
6628
+ )
6629
+ },
6601
6630
  mouseenter: function (
6602
6631
  $event
6603
6632
  ) {
@@ -6627,7 +6656,16 @@
6627
6656
  "span",
6628
6657
  {
6629
6658
  staticClass:
6630
- "zd-table-cell-sort",
6659
+ "zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
6660
+ on: {
6661
+ click: function (
6662
+ $event
6663
+ ) {
6664
+ return _vm.instance.changeColumnOrder(
6665
+ column
6666
+ )
6667
+ },
6668
+ },
6631
6669
  },
6632
6670
  [
6633
6671
  column.sortable &&
@@ -6643,11 +6681,13 @@
6643
6681
  },
6644
6682
  [
6645
6683
  _vm._v(
6646
- _vm._s(
6647
- _vm.$getIcon(
6648
- "chevronUp"
6649
- )
6650
- )
6684
+ "\n " +
6685
+ _vm._s(
6686
+ _vm.$getIcon(
6687
+ "chevronUp"
6688
+ )
6689
+ ) +
6690
+ "\n "
6651
6691
  ),
6652
6692
  ]
6653
6693
  )
@@ -6664,11 +6704,13 @@
6664
6704
  },
6665
6705
  [
6666
6706
  _vm._v(
6667
- _vm._s(
6668
- _vm.instance.datasource.findOrderIndex(
6669
- column.name
6670
- ) + 1
6671
- )
6707
+ "\n " +
6708
+ _vm._s(
6709
+ _vm.instance.datasource.findOrderIndex(
6710
+ column.name
6711
+ ) + 1
6712
+ ) +
6713
+ "\n "
6672
6714
  ),
6673
6715
  ]
6674
6716
  )
@@ -7055,8 +7097,22 @@
7055
7097
  ? _c(
7056
7098
  "td",
7057
7099
  {
7058
- staticClass:
7059
- "zd-table-cell selectable zd-table-fixed-column",
7100
+ class: [
7101
+ "zd-table-cell",
7102
+ "selectable",
7103
+ "zd-table-fixed-column",
7104
+ {
7105
+ "theme--dark":
7106
+ (_vm.$vuetify.theme.dark &&
7107
+ !_vm.instance.light) ||
7108
+ _vm.instance.dark,
7109
+ },
7110
+ {
7111
+ "theme--light":
7112
+ !_vm.$vuetify.theme.dark ||
7113
+ _vm.instance.light,
7114
+ },
7115
+ ],
7060
7116
  },
7061
7117
  [
7062
7118
  _c("v-checkbox", {
@@ -7180,289 +7236,315 @@
7180
7236
  })
7181
7237
  : _vm._e(),
7182
7238
  _vm._v(" "),
7183
- Object.assign({}, column, cellProps)
7184
- .editable &&
7185
- _vm.canEditRowValues[
7186
- _vm.rowKey(item)
7187
- ] &&
7188
- _vm.instance.editing
7189
- ? _c(
7190
- "span",
7191
- {
7192
- directives: [
7239
+ _c(
7240
+ "span",
7241
+ {
7242
+ staticClass:
7243
+ "zd-tree-grid-editable-cell-wrapper",
7244
+ },
7245
+ [
7246
+ Object.assign(
7247
+ {},
7248
+ column,
7249
+ cellProps
7250
+ ).editable &&
7251
+ _vm.canEditRowValues[
7252
+ _vm.rowKey(item)
7253
+ ] &&
7254
+ _vm.instance.editing
7255
+ ? _c(
7256
+ "span",
7193
7257
  {
7194
- name: "show",
7195
- rawName: "v-show",
7196
- value: !column.loading,
7197
- expression:
7198
- "!column.loading",
7199
- },
7200
- ],
7201
- staticClass:
7202
- "zd-table-cell-inline-edit",
7203
- style: {
7204
- width:
7205
- _vm.calcWidth(
7206
- column,
7207
- column.width ||
7208
- column.maxWidth ||
7209
- column.minWidth
7210
- ) || "unset",
7211
- "min-width":
7212
- _vm.calcWidth(
7213
- column,
7214
- column.minWidth
7215
- ) || "unset",
7216
- "max-width":
7217
- _vm.calcWidth(
7218
- column,
7219
- column.maxWidth
7220
- ) || "unset",
7221
- },
7222
- },
7223
- [
7224
- _vm.instance.isEdited(
7225
- column,
7226
- item
7227
- )
7228
- ? _c(
7229
- "span",
7258
+ directives: [
7230
7259
  {
7231
- staticClass:
7232
- "zd-table-cell-edit-icon",
7260
+ name: "show",
7261
+ rawName: "v-show",
7262
+ value:
7263
+ !column.loading,
7264
+ expression:
7265
+ "!column.loading",
7233
7266
  },
7234
- [
7235
- _vm.instance.isValid(
7267
+ ],
7268
+ staticClass:
7269
+ "zd-table-cell-inline-edit",
7270
+ style: {
7271
+ width:
7272
+ _vm.calcWidth(
7236
7273
  column,
7237
- item
7238
- )
7239
- ? _c(
7240
- "v-icon",
7241
- {
7242
- attrs: {
7243
- color:
7244
- "primary",
7245
- },
7246
- },
7247
- [
7248
- _vm._v(
7249
- _vm._s(
7250
- _vm.$getIcon(
7251
- "pencil"
7252
- )
7253
- )
7254
- ),
7255
- ]
7256
- )
7257
- : _c(
7258
- "v-icon",
7259
- {
7260
- attrs: {
7261
- color:
7262
- "error",
7263
- },
7264
- },
7265
- [
7266
- _vm._v(
7267
- _vm._s(
7268
- _vm.$getIcon(
7269
- "warning"
7270
- )
7271
- )
7272
- ),
7273
- ]
7274
- ),
7275
- ],
7276
- 1
7277
- )
7278
- : _vm._e(),
7279
- _vm._v(" "),
7280
- _c(
7281
- column.componentProps
7282
- .component,
7283
- _vm._b(
7284
- {
7285
- key:
7286
- column.name +
7287
- _vm.rowKey(item),
7288
- tag: "component",
7274
+ column.width,
7275
+ true
7276
+ ) || "unset",
7277
+ "min-width":
7278
+ _vm.calcWidth(
7279
+ column,
7280
+ column.minWidth,
7281
+ true
7282
+ ) || "unset",
7283
+ "max-width":
7284
+ _vm.calcWidth(
7285
+ column,
7286
+ column.maxWidth,
7287
+ true
7288
+ ) || "unset",
7289
7289
  },
7290
- "component",
7291
- _vm.getEditableComponent(
7290
+ },
7291
+ [
7292
+ _vm.instance.isEdited(
7292
7293
  column,
7293
- item,
7294
- cellProps
7295
- ),
7296
- false
7297
- )
7298
- ),
7299
- ],
7300
- 1
7301
- )
7302
- : _vm.hasToggleIcon(column, item)
7303
- ? _c(
7304
- "span",
7305
- [
7306
- _c("v-icon", [
7307
- _vm._v(
7308
- _vm._s(
7309
- _vm.$getIcon(
7310
- column.formatterByRow(
7311
- item,
7312
- cellProps
7313
- )
7314
- )
7294
+ item
7315
7295
  )
7316
- ),
7317
- ]),
7318
- ],
7319
- 1
7320
- )
7321
- : _c(
7322
- "span",
7323
- {
7324
- directives: [
7325
- {
7326
- name: "show",
7327
- rawName: "v-show",
7328
- value: !column.loading,
7329
- expression:
7330
- "!column.loading",
7331
- },
7332
- ],
7333
- class: [
7334
- "zd-table-cell-text",
7335
- {
7336
- "zd-table-cell-text-editable":
7337
- Object.assign(
7338
- {},
7339
- column,
7340
- cellProps
7341
- ).editable,
7342
- "overflow-hidden":
7343
- column.overflow ===
7344
- "hidden",
7345
- "overflow-wrap":
7346
- column.overflow ===
7347
- "wrap",
7348
- },
7349
- !isNaN(column.overflow)
7350
- ? "overflow-clamp overflow-clamp-" +
7351
- column.overflow
7352
- : "",
7353
- ],
7354
- style: {
7355
- width:
7356
- _vm.calcWidth(
7357
- column,
7358
- column.maxWidth ||
7359
- column.minWidth
7360
- ) || "unset",
7361
- "min-width":
7362
- _vm.calcWidth(
7363
- column,
7364
- column.minWidth
7365
- ) || "unset",
7366
- "max-width":
7367
- _vm.calcWidth(
7368
- column,
7369
- column.maxWidth
7370
- ) || "unset",
7371
- },
7372
- on: {
7373
- mouseenter: function (
7374
- $event
7375
- ) {
7376
- return _vm.checkOverflow(
7377
- $event
7378
- )
7379
- },
7380
- mouseleave: function (
7381
- $event
7382
- ) {
7383
- return _vm.removeTooltip()
7384
- },
7385
- },
7386
- },
7387
- [
7388
- _c(
7389
- "div",
7296
+ ? _c(
7297
+ "span",
7298
+ {
7299
+ staticClass:
7300
+ "zd-table-cell-edit-icon",
7301
+ },
7302
+ [
7303
+ _vm.instance.isValid(
7304
+ column,
7305
+ item
7306
+ )
7307
+ ? _c(
7308
+ "v-icon",
7309
+ {
7310
+ attrs: {
7311
+ color:
7312
+ "primary",
7313
+ },
7314
+ },
7315
+ [
7316
+ _vm._v(
7317
+ _vm._s(
7318
+ _vm.$getIcon(
7319
+ "pencil"
7320
+ )
7321
+ )
7322
+ ),
7323
+ ]
7324
+ )
7325
+ : _c(
7326
+ "v-icon",
7327
+ {
7328
+ attrs: {
7329
+ color:
7330
+ "error",
7331
+ },
7332
+ },
7333
+ [
7334
+ _vm._v(
7335
+ _vm._s(
7336
+ _vm.$getIcon(
7337
+ "warning"
7338
+ )
7339
+ )
7340
+ ),
7341
+ ]
7342
+ ),
7343
+ ],
7344
+ 1
7345
+ )
7346
+ : _vm._e(),
7347
+ _vm._v(" "),
7348
+ _c(
7349
+ column.componentProps
7350
+ .component,
7351
+ _vm._b(
7352
+ {
7353
+ key:
7354
+ column.name +
7355
+ "rowKey(item)",
7356
+ tag: "component",
7357
+ },
7358
+ "component",
7359
+ _vm.getEditableComponent(
7360
+ column,
7361
+ item,
7362
+ cellProps
7363
+ ),
7364
+ false
7365
+ )
7366
+ ),
7367
+ ],
7368
+ 1
7369
+ )
7370
+ : _vm.hasToggleIcon(
7371
+ column,
7372
+ item
7373
+ )
7374
+ ? _c(
7375
+ "span",
7376
+ [
7377
+ _c("v-icon", [
7378
+ _vm._v(
7379
+ _vm._s(
7380
+ _vm.$getIcon(
7381
+ column.formatterByRow(
7382
+ item,
7383
+ cellProps
7384
+ )
7385
+ )
7386
+ )
7387
+ ),
7388
+ ]),
7389
+ ],
7390
+ 1
7391
+ )
7392
+ : _c(
7393
+ "span",
7390
7394
  {
7391
7395
  directives: [
7392
7396
  {
7393
7397
  name: "show",
7394
7398
  rawName: "v-show",
7395
7399
  value:
7396
- headerIndex === 0,
7400
+ !column.loading,
7397
7401
  expression:
7398
- "headerIndex === 0",
7402
+ "!column.loading",
7399
7403
  },
7400
7404
  ],
7401
7405
  class: [
7402
- "zd-tree-grid-editable-expand",
7403
- "level" +
7404
- item.tree__level,
7406
+ "zd-table-cell-text",
7407
+ {
7408
+ "zd-table-cell-text-editable":
7409
+ Object.assign(
7410
+ {},
7411
+ column,
7412
+ cellProps
7413
+ ).editable,
7414
+ "overflow-hidden":
7415
+ column.overflow ===
7416
+ "hidden",
7417
+ "overflow-wrap":
7418
+ column.overflow ===
7419
+ "wrap",
7420
+ },
7421
+ !isNaN(
7422
+ column.overflow
7423
+ )
7424
+ ? "overflow-clamp overflow-clamp-" +
7425
+ column.overflow
7426
+ : "",
7405
7427
  ],
7428
+ style: {
7429
+ width:
7430
+ _vm.calcWidth(
7431
+ column,
7432
+ column.width,
7433
+ true
7434
+ ) || "unset",
7435
+ "min-width":
7436
+ _vm.calcWidth(
7437
+ column,
7438
+ column.minWidth,
7439
+ true
7440
+ ) || "unset",
7441
+ "max-width":
7442
+ _vm.calcWidth(
7443
+ column,
7444
+ column.maxWidth,
7445
+ true
7446
+ ) || "unset",
7447
+ },
7448
+ on: {
7449
+ mouseenter: function (
7450
+ $event
7451
+ ) {
7452
+ return _vm.checkOverflow(
7453
+ $event
7454
+ )
7455
+ },
7456
+ mouseleave: function (
7457
+ $event
7458
+ ) {
7459
+ return _vm.removeTooltip()
7460
+ },
7461
+ },
7406
7462
  },
7407
7463
  [
7408
- item.tree__children
7409
- .length > 0
7410
- ? _c(
7411
- "v-icon",
7464
+ _c(
7465
+ "div",
7466
+ {
7467
+ directives: [
7412
7468
  {
7413
- class: {
7414
- opened:
7415
- item.tree__opened,
7416
- },
7417
- attrs: {
7418
- tabindex:
7419
- "-1",
7420
- },
7421
- on: {
7422
- click:
7423
- function (
7424
- $event
7425
- ) {
7426
- return _vm.instance.toggleExpand(
7427
- item,
7428
- index
7429
- )
7430
- },
7431
- },
7469
+ name: "show",
7470
+ rawName:
7471
+ "v-show",
7472
+ value:
7473
+ headerIndex ===
7474
+ 0,
7475
+ expression:
7476
+ "headerIndex === 0",
7432
7477
  },
7433
- [
7434
- _vm._v(
7435
- "\n " +
7436
- _vm._s(
7437
- _vm.$getIcon(
7438
- "chevronRight"
7439
- )
7440
- ) +
7441
- "\n "
7442
- ),
7443
- ]
7444
- )
7445
- : _vm._e(),
7446
- ],
7447
- 1
7448
- ),
7449
- _c("span", {
7450
- key: item.tree__searched
7451
- ? "a"
7452
- : "b",
7453
- domProps: {
7454
- innerHTML: _vm._s(
7455
- _vm.formatSearchResult(
7456
- column.formatterByRow(
7457
- item,
7458
- cellProps
7459
- )
7460
- )
7478
+ ],
7479
+ class: [
7480
+ "zd-tree-grid-editable-expand",
7481
+ "level" +
7482
+ item.tree__level,
7483
+ ],
7484
+ },
7485
+ [
7486
+ item.tree__children
7487
+ .length > 0
7488
+ ? _c(
7489
+ "v-icon",
7490
+ {
7491
+ class: {
7492
+ opened:
7493
+ item.tree__opened,
7494
+ },
7495
+ attrs: {
7496
+ tabindex:
7497
+ "-1",
7498
+ },
7499
+ on: {
7500
+ click:
7501
+ function (
7502
+ $event
7503
+ ) {
7504
+ $event.stopPropagation();
7505
+ return _vm.instance.toggleExpand(
7506
+ item,
7507
+ index
7508
+ )
7509
+ },
7510
+ },
7511
+ },
7512
+ [
7513
+ _vm._v(
7514
+ "\n " +
7515
+ _vm._s(
7516
+ _vm.$getIcon(
7517
+ "chevronRight"
7518
+ )
7519
+ ) +
7520
+ "\n "
7521
+ ),
7522
+ ]
7523
+ )
7524
+ : _vm._e(),
7525
+ ],
7526
+ 1
7461
7527
  ),
7462
- },
7463
- }),
7464
- ]
7465
- ),
7528
+ _vm._v(" "),
7529
+ _c("span", {
7530
+ key: item.tree__searched
7531
+ ? "a"
7532
+ : "b",
7533
+ domProps: {
7534
+ innerHTML: _vm._s(
7535
+ _vm.formatSearchResult(
7536
+ column.formatterByRow(
7537
+ item,
7538
+ cellProps
7539
+ )
7540
+ )
7541
+ ),
7542
+ },
7543
+ }),
7544
+ ]
7545
+ ),
7546
+ ]
7547
+ ),
7466
7548
  ],
7467
7549
  1
7468
7550
  ),
@@ -7505,34 +7587,95 @@
7505
7587
  },
7506
7588
  },
7507
7589
  },
7508
- _vm._l(
7509
- column.childrenProps,
7510
- function (child) {
7511
- return _c(
7512
- child.component,
7513
- _vm._b(
7590
+ [
7591
+ _c(
7592
+ "div",
7593
+ {
7594
+ directives: [
7514
7595
  {
7515
- key:
7516
- child.name +
7517
- _vm.rowKey(item),
7518
- tag: "component",
7596
+ name: "show",
7597
+ rawName: "v-show",
7598
+ value: headerIndex === 0,
7599
+ expression:
7600
+ "headerIndex === 0",
7519
7601
  },
7520
- "component",
7521
- Object.assign(
7522
- {},
7523
- child,
7524
- _vm.instance.getActionComponent(
7525
- child,
7526
- column,
7527
- item
7602
+ ],
7603
+ class: [
7604
+ "zd-tree-grid-expand",
7605
+ "level" + item.tree__level,
7606
+ ],
7607
+ },
7608
+ [
7609
+ (item.tree__children || [])
7610
+ .length > 0
7611
+ ? _c(
7612
+ "v-icon",
7613
+ {
7614
+ class: {
7615
+ opened:
7616
+ item.tree__opened,
7617
+ },
7618
+ attrs: {
7619
+ tabindex: "-1",
7620
+ },
7621
+ on: {
7622
+ click: function (
7623
+ $event
7624
+ ) {
7625
+ return _vm.instance.toggleExpand(
7626
+ item,
7627
+ index
7628
+ )
7629
+ },
7630
+ },
7631
+ },
7632
+ [
7633
+ _vm._v(
7634
+ "\n " +
7635
+ _vm._s(
7636
+ _vm.$getIcon(
7637
+ "chevronRight"
7638
+ )
7639
+ ) +
7640
+ "\n "
7641
+ ),
7642
+ ]
7528
7643
  )
7529
- ),
7530
- false
7644
+ : _vm._e(),
7645
+ ],
7646
+ 1
7647
+ ),
7648
+ _vm._v(" "),
7649
+ _vm._l(
7650
+ column.childrenProps,
7651
+ function (child) {
7652
+ return _c(
7653
+ child.component,
7654
+ _vm._b(
7655
+ {
7656
+ key:
7657
+ "" +
7658
+ child.name +
7659
+ _vm.rowKey(item),
7660
+ tag: "component",
7661
+ },
7662
+ "component",
7663
+ Object.assign(
7664
+ {},
7665
+ child,
7666
+ _vm.instance.getActionComponent(
7667
+ child,
7668
+ column,
7669
+ item
7670
+ )
7671
+ ),
7672
+ false
7673
+ )
7531
7674
  )
7532
- )
7533
- }
7534
- ),
7535
- 1
7675
+ }
7676
+ ),
7677
+ ],
7678
+ 2
7536
7679
  ),
7537
7680
  ]
7538
7681
  : _vm._e(),
@@ -7638,7 +7781,7 @@
7638
7781
  /* style */
7639
7782
  const __vue_inject_styles__$2 = function (inject) {
7640
7783
  if (!inject) return
7641
- inject("data-v-58731eeb_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7784
+ inject("data-v-3d4a3188_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7642
7785
 
7643
7786
  };
7644
7787
  /* scoped */