@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.esm.js CHANGED
@@ -1494,14 +1494,6 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1494
1494
  this.instance.selectGroupClick(row, isSelected, event, this.$el);
1495
1495
  });
1496
1496
  }
1497
- toggleSelectAll() {
1498
- if (this.instance.selectedRows.length === this.instance.datasource.data.length) {
1499
- this.instance.selectedRows = [];
1500
- }
1501
- else {
1502
- this.instance.selectedRows = this.instance.datasource.data;
1503
- }
1504
- }
1505
1497
  get headers() {
1506
1498
  this.$nextTick(() => {
1507
1499
  if (this.$el)
@@ -1718,18 +1710,18 @@ var __vue_render__$b = function () {
1718
1710
  "indeterminate-icon": _vm.$getIcon(
1719
1711
  "checkboxIndeterminate"
1720
1712
  ),
1721
- "input-value": props.everyItem,
1713
+ "input-value": _vm.allselectedState,
1722
1714
  indeterminate:
1723
- !props.everyItem && props.someItems,
1715
+ !_vm.allselectedState &&
1716
+ props.someItems,
1724
1717
  },
1725
1718
  on: {
1726
1719
  click: function ($event) {
1727
1720
  $event.stopPropagation();
1728
- _vm.toggleSelectAll();
1729
- _vm.selectAllClick(
1730
- !props.everyItem,
1721
+ return _vm.selectAllClick(
1722
+ !_vm.allselectedState,
1731
1723
  $event
1732
- );
1724
+ )
1733
1725
  },
1734
1726
  },
1735
1727
  })
@@ -1817,7 +1809,8 @@ var __vue_render__$b = function () {
1817
1809
  column,
1818
1810
  column.width ||
1819
1811
  column.maxWidth ||
1820
- column.minWidth
1812
+ column.minWidth,
1813
+ true
1821
1814
  ) || "unset",
1822
1815
  },
1823
1816
  },
@@ -2819,17 +2812,20 @@ var __vue_render__$b = function () {
2819
2812
  column,
2820
2813
  column.width ||
2821
2814
  column.maxWidth ||
2822
- column.minWidth
2815
+ column.minWidth,
2816
+ true
2823
2817
  ) || "unset",
2824
2818
  "min-width":
2825
2819
  _vm.calcWidth(
2826
2820
  column,
2827
- column.minWidth
2821
+ column.minWidth,
2822
+ true
2828
2823
  ) || "unset",
2829
2824
  "max-width":
2830
2825
  _vm.calcWidth(
2831
2826
  column,
2832
- column.maxWidth
2827
+ column.maxWidth,
2828
+ true
2833
2829
  ) || "unset",
2834
2830
  },
2835
2831
  },
@@ -2896,6 +2892,7 @@ var __vue_render__$b = function () {
2896
2892
  _vm._b(
2897
2893
  {
2898
2894
  key:
2895
+ "" +
2899
2896
  column.name +
2900
2897
  _vm.rowKey(
2901
2898
  item
@@ -2984,17 +2981,20 @@ var __vue_render__$b = function () {
2984
2981
  column,
2985
2982
  column.width ||
2986
2983
  column.maxWidth ||
2987
- column.minWidth
2984
+ column.minWidth,
2985
+ true
2988
2986
  ) || "unset",
2989
2987
  "min-width":
2990
2988
  _vm.calcWidth(
2991
2989
  column,
2992
- column.minWidth
2990
+ column.minWidth,
2991
+ true
2993
2992
  ) || "unset",
2994
2993
  "max-width":
2995
2994
  _vm.calcWidth(
2996
2995
  column,
2997
- column.maxWidth
2996
+ column.maxWidth,
2997
+ true
2998
2998
  ) || "unset",
2999
2999
  },
3000
3000
  on: {
@@ -3042,6 +3042,23 @@ var __vue_render__$b = function () {
3042
3042
  column,
3043
3043
  cellProps
3044
3044
  ).cssClass,
3045
+ {
3046
+ "zd-table-fixed-column":
3047
+ column.fixed,
3048
+ },
3049
+ {
3050
+ "theme--dark":
3051
+ (_vm.$vuetify.theme
3052
+ .dark &&
3053
+ !_vm.instance.light) ||
3054
+ _vm.instance.dark,
3055
+ },
3056
+ {
3057
+ "theme--light":
3058
+ !_vm.$vuetify.theme
3059
+ .dark ||
3060
+ _vm.instance.light,
3061
+ },
3045
3062
  ],
3046
3063
  style: [
3047
3064
  Object.assign(
@@ -3054,6 +3071,13 @@ var __vue_render__$b = function () {
3054
3071
  column,
3055
3072
  cellProps
3056
3073
  ).cssStyle,
3074
+ {
3075
+ left: column.fixed
3076
+ ? _vm.fixedLeft[
3077
+ column.name
3078
+ ]
3079
+ : "unset",
3080
+ },
3057
3081
  ],
3058
3082
  on: {
3059
3083
  click: function ($event) {
@@ -3090,6 +3114,7 @@ var __vue_render__$b = function () {
3090
3114
  _vm._b(
3091
3115
  {
3092
3116
  key:
3117
+ "" +
3093
3118
  child.name +
3094
3119
  _vm.rowKey(item),
3095
3120
  tag: "component",
@@ -3213,7 +3238,7 @@ __vue_render__$b._withStripped = true;
3213
3238
  /* style */
3214
3239
  const __vue_inject_styles__$b = function (inject) {
3215
3240
  if (!inject) return
3216
- 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 });
3241
+ 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 });
3217
3242
 
3218
3243
  };
3219
3244
  /* scoped */
@@ -6302,6 +6327,7 @@ var __vue_render__$2 = function () {
6302
6327
  ref: "grid",
6303
6328
  class: [
6304
6329
  "zd-grid",
6330
+ "zd-tree-grid",
6305
6331
  "zd-tree-grid-editable",
6306
6332
  "tek-grid",
6307
6333
  "tek-tree-grid",
@@ -6372,7 +6398,7 @@ var __vue_render__$2 = function () {
6372
6398
  key: "header",
6373
6399
  fn: function (ref) {
6374
6400
  var props = ref.props;
6375
- var on = ref.on;
6401
+ ref.on;
6376
6402
  return [
6377
6403
  _c("thead", { staticClass: "zd-grid-table-header" }, [
6378
6404
  _c(
@@ -6382,8 +6408,22 @@ var __vue_render__$2 = function () {
6382
6408
  ? _c(
6383
6409
  "th",
6384
6410
  {
6385
- staticClass:
6386
- "zd-table-cell selectable zd-table-fixed-column",
6411
+ class: [
6412
+ "zd-table-cell",
6413
+ "selectable",
6414
+ "zd-table-fixed-column",
6415
+ {
6416
+ "theme--dark":
6417
+ (_vm.$vuetify.theme.dark &&
6418
+ !_vm.instance.light) ||
6419
+ _vm.instance.dark,
6420
+ },
6421
+ {
6422
+ "theme--light":
6423
+ !_vm.$vuetify.theme.dark ||
6424
+ _vm.instance.light,
6425
+ },
6426
+ ],
6387
6427
  style:
6388
6428
  "background-color: " +
6389
6429
  _vm.instance.headerBackground,
@@ -6401,20 +6441,18 @@ var __vue_render__$2 = function () {
6401
6441
  "indeterminate-icon": _vm.$getIcon(
6402
6442
  "checkboxIndeterminate"
6403
6443
  ),
6404
- value: props.everyItem,
6444
+ value: _vm.allselectedState,
6405
6445
  indeterminate:
6406
- !props.everyItem && props.someItems,
6446
+ !_vm.allselectedState &&
6447
+ props.someItems,
6407
6448
  },
6408
6449
  on: {
6409
6450
  click: function ($event) {
6410
6451
  $event.stopPropagation();
6411
- on["toggle-select-all"](
6412
- !props.everyItem
6413
- );
6414
- _vm.selectAllClick(
6415
- !props.everyItem,
6452
+ return _vm.selectAllClick(
6453
+ !_vm.allselectedState,
6416
6454
  $event
6417
- );
6455
+ )
6418
6456
  },
6419
6457
  },
6420
6458
  })
@@ -6428,7 +6466,7 @@ var __vue_render__$2 = function () {
6428
6466
  _vm.orderHeaders(props.headers),
6429
6467
  function (column, index) {
6430
6468
  return [
6431
- column.isVisible
6469
+ column.isVisible && _vm.getColWidth(column)
6432
6470
  ? _c(
6433
6471
  "th",
6434
6472
  {
@@ -6460,30 +6498,17 @@ var __vue_render__$2 = function () {
6460
6498
  "background-color":
6461
6499
  _vm.instance.headerBackground,
6462
6500
  width:
6463
- _vm.calcWidth(column, column.width) ||
6464
- "unset",
6465
- "min-width":
6466
- _vm.calcWidth(
6467
- column,
6468
- column.minWidth
6469
- ) || "unset",
6470
- "max-width":
6471
6501
  _vm.calcWidth(
6472
6502
  column,
6473
- column.maxWidth
6503
+ column.width ||
6504
+ column.maxWidth ||
6505
+ column.minWidth
6474
6506
  ) || "unset",
6475
6507
  },
6476
6508
  attrs: {
6477
6509
  "column-name": column.name,
6478
6510
  index: index,
6479
6511
  },
6480
- on: {
6481
- click: function ($event) {
6482
- return _vm.instance.changeColumnOrder(
6483
- column
6484
- )
6485
- },
6486
- },
6487
6512
  },
6488
6513
  [
6489
6514
  _c(
@@ -6496,8 +6521,11 @@ var __vue_render__$2 = function () {
6496
6521
  column,
6497
6522
  column.width ||
6498
6523
  column.maxWidth ||
6499
- column.minWidth
6524
+ column.minWidth,
6525
+ true
6500
6526
  ) || "unset",
6527
+ color:
6528
+ _vm.instance.headerCellTextColor,
6501
6529
  },
6502
6530
  },
6503
6531
  [
@@ -6509,7 +6537,16 @@ var __vue_render__$2 = function () {
6509
6537
  "span",
6510
6538
  {
6511
6539
  staticClass:
6512
- "zd-table-cell-sort",
6540
+ "zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
6541
+ on: {
6542
+ click: function (
6543
+ $event
6544
+ ) {
6545
+ return _vm.instance.changeColumnOrder(
6546
+ column
6547
+ )
6548
+ },
6549
+ },
6513
6550
  },
6514
6551
  [
6515
6552
  column.sortable &&
@@ -6525,11 +6562,13 @@ var __vue_render__$2 = function () {
6525
6562
  },
6526
6563
  [
6527
6564
  _vm._v(
6528
- _vm._s(
6529
- _vm.$getIcon(
6530
- "chevronUp"
6531
- )
6532
- )
6565
+ "\n " +
6566
+ _vm._s(
6567
+ _vm.$getIcon(
6568
+ "chevronUp"
6569
+ )
6570
+ ) +
6571
+ "\n "
6533
6572
  ),
6534
6573
  ]
6535
6574
  )
@@ -6546,11 +6585,13 @@ var __vue_render__$2 = function () {
6546
6585
  },
6547
6586
  [
6548
6587
  _vm._v(
6549
- _vm._s(
6550
- _vm.instance.datasource.findOrderIndex(
6551
- column.name
6552
- ) + 1
6553
- )
6588
+ "\n " +
6589
+ _vm._s(
6590
+ _vm.instance.datasource.findOrderIndex(
6591
+ column.name
6592
+ ) + 1
6593
+ ) +
6594
+ "\n "
6554
6595
  ),
6555
6596
  ]
6556
6597
  )
@@ -6578,24 +6619,12 @@ var __vue_render__$2 = function () {
6578
6619
  column.overflow
6579
6620
  : "",
6580
6621
  ],
6581
- style: {
6582
- width:
6583
- _vm.calcWidth(
6584
- column,
6585
- column.width
6586
- ) || "unset",
6587
- "min-width":
6588
- _vm.calcWidth(
6589
- column,
6590
- column.minWidth
6591
- ) || "unset",
6592
- "max-width":
6593
- _vm.calcWidth(
6594
- column,
6595
- column.maxWidth
6596
- ) || "unset",
6597
- },
6598
6622
  on: {
6623
+ click: function ($event) {
6624
+ return _vm.instance.changeColumnOrder(
6625
+ column
6626
+ )
6627
+ },
6599
6628
  mouseenter: function (
6600
6629
  $event
6601
6630
  ) {
@@ -6625,7 +6654,16 @@ var __vue_render__$2 = function () {
6625
6654
  "span",
6626
6655
  {
6627
6656
  staticClass:
6628
- "zd-table-cell-sort",
6657
+ "zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
6658
+ on: {
6659
+ click: function (
6660
+ $event
6661
+ ) {
6662
+ return _vm.instance.changeColumnOrder(
6663
+ column
6664
+ )
6665
+ },
6666
+ },
6629
6667
  },
6630
6668
  [
6631
6669
  column.sortable &&
@@ -6641,11 +6679,13 @@ var __vue_render__$2 = function () {
6641
6679
  },
6642
6680
  [
6643
6681
  _vm._v(
6644
- _vm._s(
6645
- _vm.$getIcon(
6646
- "chevronUp"
6647
- )
6648
- )
6682
+ "\n " +
6683
+ _vm._s(
6684
+ _vm.$getIcon(
6685
+ "chevronUp"
6686
+ )
6687
+ ) +
6688
+ "\n "
6649
6689
  ),
6650
6690
  ]
6651
6691
  )
@@ -6662,11 +6702,13 @@ var __vue_render__$2 = function () {
6662
6702
  },
6663
6703
  [
6664
6704
  _vm._v(
6665
- _vm._s(
6666
- _vm.instance.datasource.findOrderIndex(
6667
- column.name
6668
- ) + 1
6669
- )
6705
+ "\n " +
6706
+ _vm._s(
6707
+ _vm.instance.datasource.findOrderIndex(
6708
+ column.name
6709
+ ) + 1
6710
+ ) +
6711
+ "\n "
6670
6712
  ),
6671
6713
  ]
6672
6714
  )
@@ -7053,8 +7095,22 @@ var __vue_render__$2 = function () {
7053
7095
  ? _c(
7054
7096
  "td",
7055
7097
  {
7056
- staticClass:
7057
- "zd-table-cell selectable zd-table-fixed-column",
7098
+ class: [
7099
+ "zd-table-cell",
7100
+ "selectable",
7101
+ "zd-table-fixed-column",
7102
+ {
7103
+ "theme--dark":
7104
+ (_vm.$vuetify.theme.dark &&
7105
+ !_vm.instance.light) ||
7106
+ _vm.instance.dark,
7107
+ },
7108
+ {
7109
+ "theme--light":
7110
+ !_vm.$vuetify.theme.dark ||
7111
+ _vm.instance.light,
7112
+ },
7113
+ ],
7058
7114
  },
7059
7115
  [
7060
7116
  _c("v-checkbox", {
@@ -7178,289 +7234,315 @@ var __vue_render__$2 = function () {
7178
7234
  })
7179
7235
  : _vm._e(),
7180
7236
  _vm._v(" "),
7181
- Object.assign({}, column, cellProps)
7182
- .editable &&
7183
- _vm.canEditRowValues[
7184
- _vm.rowKey(item)
7185
- ] &&
7186
- _vm.instance.editing
7187
- ? _c(
7188
- "span",
7189
- {
7190
- directives: [
7237
+ _c(
7238
+ "span",
7239
+ {
7240
+ staticClass:
7241
+ "zd-tree-grid-editable-cell-wrapper",
7242
+ },
7243
+ [
7244
+ Object.assign(
7245
+ {},
7246
+ column,
7247
+ cellProps
7248
+ ).editable &&
7249
+ _vm.canEditRowValues[
7250
+ _vm.rowKey(item)
7251
+ ] &&
7252
+ _vm.instance.editing
7253
+ ? _c(
7254
+ "span",
7191
7255
  {
7192
- name: "show",
7193
- rawName: "v-show",
7194
- value: !column.loading,
7195
- expression:
7196
- "!column.loading",
7197
- },
7198
- ],
7199
- staticClass:
7200
- "zd-table-cell-inline-edit",
7201
- style: {
7202
- width:
7203
- _vm.calcWidth(
7204
- column,
7205
- column.width ||
7206
- column.maxWidth ||
7207
- column.minWidth
7208
- ) || "unset",
7209
- "min-width":
7210
- _vm.calcWidth(
7211
- column,
7212
- column.minWidth
7213
- ) || "unset",
7214
- "max-width":
7215
- _vm.calcWidth(
7216
- column,
7217
- column.maxWidth
7218
- ) || "unset",
7219
- },
7220
- },
7221
- [
7222
- _vm.instance.isEdited(
7223
- column,
7224
- item
7225
- )
7226
- ? _c(
7227
- "span",
7256
+ directives: [
7228
7257
  {
7229
- staticClass:
7230
- "zd-table-cell-edit-icon",
7258
+ name: "show",
7259
+ rawName: "v-show",
7260
+ value:
7261
+ !column.loading,
7262
+ expression:
7263
+ "!column.loading",
7231
7264
  },
7232
- [
7233
- _vm.instance.isValid(
7265
+ ],
7266
+ staticClass:
7267
+ "zd-table-cell-inline-edit",
7268
+ style: {
7269
+ width:
7270
+ _vm.calcWidth(
7234
7271
  column,
7235
- item
7236
- )
7237
- ? _c(
7238
- "v-icon",
7239
- {
7240
- attrs: {
7241
- color:
7242
- "primary",
7243
- },
7244
- },
7245
- [
7246
- _vm._v(
7247
- _vm._s(
7248
- _vm.$getIcon(
7249
- "pencil"
7250
- )
7251
- )
7252
- ),
7253
- ]
7254
- )
7255
- : _c(
7256
- "v-icon",
7257
- {
7258
- attrs: {
7259
- color:
7260
- "error",
7261
- },
7262
- },
7263
- [
7264
- _vm._v(
7265
- _vm._s(
7266
- _vm.$getIcon(
7267
- "warning"
7268
- )
7269
- )
7270
- ),
7271
- ]
7272
- ),
7273
- ],
7274
- 1
7275
- )
7276
- : _vm._e(),
7277
- _vm._v(" "),
7278
- _c(
7279
- column.componentProps
7280
- .component,
7281
- _vm._b(
7282
- {
7283
- key:
7284
- column.name +
7285
- _vm.rowKey(item),
7286
- tag: "component",
7272
+ column.width,
7273
+ true
7274
+ ) || "unset",
7275
+ "min-width":
7276
+ _vm.calcWidth(
7277
+ column,
7278
+ column.minWidth,
7279
+ true
7280
+ ) || "unset",
7281
+ "max-width":
7282
+ _vm.calcWidth(
7283
+ column,
7284
+ column.maxWidth,
7285
+ true
7286
+ ) || "unset",
7287
7287
  },
7288
- "component",
7289
- _vm.getEditableComponent(
7288
+ },
7289
+ [
7290
+ _vm.instance.isEdited(
7290
7291
  column,
7291
- item,
7292
- cellProps
7293
- ),
7294
- false
7295
- )
7296
- ),
7297
- ],
7298
- 1
7299
- )
7300
- : _vm.hasToggleIcon(column, item)
7301
- ? _c(
7302
- "span",
7303
- [
7304
- _c("v-icon", [
7305
- _vm._v(
7306
- _vm._s(
7307
- _vm.$getIcon(
7308
- column.formatterByRow(
7309
- item,
7310
- cellProps
7311
- )
7312
- )
7292
+ item
7313
7293
  )
7314
- ),
7315
- ]),
7316
- ],
7317
- 1
7318
- )
7319
- : _c(
7320
- "span",
7321
- {
7322
- directives: [
7323
- {
7324
- name: "show",
7325
- rawName: "v-show",
7326
- value: !column.loading,
7327
- expression:
7328
- "!column.loading",
7329
- },
7330
- ],
7331
- class: [
7332
- "zd-table-cell-text",
7333
- {
7334
- "zd-table-cell-text-editable":
7335
- Object.assign(
7336
- {},
7337
- column,
7338
- cellProps
7339
- ).editable,
7340
- "overflow-hidden":
7341
- column.overflow ===
7342
- "hidden",
7343
- "overflow-wrap":
7344
- column.overflow ===
7345
- "wrap",
7346
- },
7347
- !isNaN(column.overflow)
7348
- ? "overflow-clamp overflow-clamp-" +
7349
- column.overflow
7350
- : "",
7351
- ],
7352
- style: {
7353
- width:
7354
- _vm.calcWidth(
7355
- column,
7356
- column.maxWidth ||
7357
- column.minWidth
7358
- ) || "unset",
7359
- "min-width":
7360
- _vm.calcWidth(
7361
- column,
7362
- column.minWidth
7363
- ) || "unset",
7364
- "max-width":
7365
- _vm.calcWidth(
7366
- column,
7367
- column.maxWidth
7368
- ) || "unset",
7369
- },
7370
- on: {
7371
- mouseenter: function (
7372
- $event
7373
- ) {
7374
- return _vm.checkOverflow(
7375
- $event
7376
- )
7377
- },
7378
- mouseleave: function (
7379
- $event
7380
- ) {
7381
- return _vm.removeTooltip()
7382
- },
7383
- },
7384
- },
7385
- [
7386
- _c(
7387
- "div",
7294
+ ? _c(
7295
+ "span",
7296
+ {
7297
+ staticClass:
7298
+ "zd-table-cell-edit-icon",
7299
+ },
7300
+ [
7301
+ _vm.instance.isValid(
7302
+ column,
7303
+ item
7304
+ )
7305
+ ? _c(
7306
+ "v-icon",
7307
+ {
7308
+ attrs: {
7309
+ color:
7310
+ "primary",
7311
+ },
7312
+ },
7313
+ [
7314
+ _vm._v(
7315
+ _vm._s(
7316
+ _vm.$getIcon(
7317
+ "pencil"
7318
+ )
7319
+ )
7320
+ ),
7321
+ ]
7322
+ )
7323
+ : _c(
7324
+ "v-icon",
7325
+ {
7326
+ attrs: {
7327
+ color:
7328
+ "error",
7329
+ },
7330
+ },
7331
+ [
7332
+ _vm._v(
7333
+ _vm._s(
7334
+ _vm.$getIcon(
7335
+ "warning"
7336
+ )
7337
+ )
7338
+ ),
7339
+ ]
7340
+ ),
7341
+ ],
7342
+ 1
7343
+ )
7344
+ : _vm._e(),
7345
+ _vm._v(" "),
7346
+ _c(
7347
+ column.componentProps
7348
+ .component,
7349
+ _vm._b(
7350
+ {
7351
+ key:
7352
+ column.name +
7353
+ "rowKey(item)",
7354
+ tag: "component",
7355
+ },
7356
+ "component",
7357
+ _vm.getEditableComponent(
7358
+ column,
7359
+ item,
7360
+ cellProps
7361
+ ),
7362
+ false
7363
+ )
7364
+ ),
7365
+ ],
7366
+ 1
7367
+ )
7368
+ : _vm.hasToggleIcon(
7369
+ column,
7370
+ item
7371
+ )
7372
+ ? _c(
7373
+ "span",
7374
+ [
7375
+ _c("v-icon", [
7376
+ _vm._v(
7377
+ _vm._s(
7378
+ _vm.$getIcon(
7379
+ column.formatterByRow(
7380
+ item,
7381
+ cellProps
7382
+ )
7383
+ )
7384
+ )
7385
+ ),
7386
+ ]),
7387
+ ],
7388
+ 1
7389
+ )
7390
+ : _c(
7391
+ "span",
7388
7392
  {
7389
7393
  directives: [
7390
7394
  {
7391
7395
  name: "show",
7392
7396
  rawName: "v-show",
7393
7397
  value:
7394
- headerIndex === 0,
7398
+ !column.loading,
7395
7399
  expression:
7396
- "headerIndex === 0",
7400
+ "!column.loading",
7397
7401
  },
7398
7402
  ],
7399
7403
  class: [
7400
- "zd-tree-grid-editable-expand",
7401
- "level" +
7402
- item.tree__level,
7404
+ "zd-table-cell-text",
7405
+ {
7406
+ "zd-table-cell-text-editable":
7407
+ Object.assign(
7408
+ {},
7409
+ column,
7410
+ cellProps
7411
+ ).editable,
7412
+ "overflow-hidden":
7413
+ column.overflow ===
7414
+ "hidden",
7415
+ "overflow-wrap":
7416
+ column.overflow ===
7417
+ "wrap",
7418
+ },
7419
+ !isNaN(
7420
+ column.overflow
7421
+ )
7422
+ ? "overflow-clamp overflow-clamp-" +
7423
+ column.overflow
7424
+ : "",
7403
7425
  ],
7426
+ style: {
7427
+ width:
7428
+ _vm.calcWidth(
7429
+ column,
7430
+ column.width,
7431
+ true
7432
+ ) || "unset",
7433
+ "min-width":
7434
+ _vm.calcWidth(
7435
+ column,
7436
+ column.minWidth,
7437
+ true
7438
+ ) || "unset",
7439
+ "max-width":
7440
+ _vm.calcWidth(
7441
+ column,
7442
+ column.maxWidth,
7443
+ true
7444
+ ) || "unset",
7445
+ },
7446
+ on: {
7447
+ mouseenter: function (
7448
+ $event
7449
+ ) {
7450
+ return _vm.checkOverflow(
7451
+ $event
7452
+ )
7453
+ },
7454
+ mouseleave: function (
7455
+ $event
7456
+ ) {
7457
+ return _vm.removeTooltip()
7458
+ },
7459
+ },
7404
7460
  },
7405
7461
  [
7406
- item.tree__children
7407
- .length > 0
7408
- ? _c(
7409
- "v-icon",
7462
+ _c(
7463
+ "div",
7464
+ {
7465
+ directives: [
7410
7466
  {
7411
- class: {
7412
- opened:
7413
- item.tree__opened,
7414
- },
7415
- attrs: {
7416
- tabindex:
7417
- "-1",
7418
- },
7419
- on: {
7420
- click:
7421
- function (
7422
- $event
7423
- ) {
7424
- return _vm.instance.toggleExpand(
7425
- item,
7426
- index
7427
- )
7428
- },
7429
- },
7467
+ name: "show",
7468
+ rawName:
7469
+ "v-show",
7470
+ value:
7471
+ headerIndex ===
7472
+ 0,
7473
+ expression:
7474
+ "headerIndex === 0",
7430
7475
  },
7431
- [
7432
- _vm._v(
7433
- "\n " +
7434
- _vm._s(
7435
- _vm.$getIcon(
7436
- "chevronRight"
7437
- )
7438
- ) +
7439
- "\n "
7440
- ),
7441
- ]
7442
- )
7443
- : _vm._e(),
7444
- ],
7445
- 1
7446
- ),
7447
- _c("span", {
7448
- key: item.tree__searched
7449
- ? "a"
7450
- : "b",
7451
- domProps: {
7452
- innerHTML: _vm._s(
7453
- _vm.formatSearchResult(
7454
- column.formatterByRow(
7455
- item,
7456
- cellProps
7457
- )
7458
- )
7476
+ ],
7477
+ class: [
7478
+ "zd-tree-grid-editable-expand",
7479
+ "level" +
7480
+ item.tree__level,
7481
+ ],
7482
+ },
7483
+ [
7484
+ item.tree__children
7485
+ .length > 0
7486
+ ? _c(
7487
+ "v-icon",
7488
+ {
7489
+ class: {
7490
+ opened:
7491
+ item.tree__opened,
7492
+ },
7493
+ attrs: {
7494
+ tabindex:
7495
+ "-1",
7496
+ },
7497
+ on: {
7498
+ click:
7499
+ function (
7500
+ $event
7501
+ ) {
7502
+ $event.stopPropagation();
7503
+ return _vm.instance.toggleExpand(
7504
+ item,
7505
+ index
7506
+ )
7507
+ },
7508
+ },
7509
+ },
7510
+ [
7511
+ _vm._v(
7512
+ "\n " +
7513
+ _vm._s(
7514
+ _vm.$getIcon(
7515
+ "chevronRight"
7516
+ )
7517
+ ) +
7518
+ "\n "
7519
+ ),
7520
+ ]
7521
+ )
7522
+ : _vm._e(),
7523
+ ],
7524
+ 1
7459
7525
  ),
7460
- },
7461
- }),
7462
- ]
7463
- ),
7526
+ _vm._v(" "),
7527
+ _c("span", {
7528
+ key: item.tree__searched
7529
+ ? "a"
7530
+ : "b",
7531
+ domProps: {
7532
+ innerHTML: _vm._s(
7533
+ _vm.formatSearchResult(
7534
+ column.formatterByRow(
7535
+ item,
7536
+ cellProps
7537
+ )
7538
+ )
7539
+ ),
7540
+ },
7541
+ }),
7542
+ ]
7543
+ ),
7544
+ ]
7545
+ ),
7464
7546
  ],
7465
7547
  1
7466
7548
  ),
@@ -7503,34 +7585,95 @@ var __vue_render__$2 = function () {
7503
7585
  },
7504
7586
  },
7505
7587
  },
7506
- _vm._l(
7507
- column.childrenProps,
7508
- function (child) {
7509
- return _c(
7510
- child.component,
7511
- _vm._b(
7588
+ [
7589
+ _c(
7590
+ "div",
7591
+ {
7592
+ directives: [
7512
7593
  {
7513
- key:
7514
- child.name +
7515
- _vm.rowKey(item),
7516
- tag: "component",
7594
+ name: "show",
7595
+ rawName: "v-show",
7596
+ value: headerIndex === 0,
7597
+ expression:
7598
+ "headerIndex === 0",
7517
7599
  },
7518
- "component",
7519
- Object.assign(
7520
- {},
7521
- child,
7522
- _vm.instance.getActionComponent(
7523
- child,
7524
- column,
7525
- item
7600
+ ],
7601
+ class: [
7602
+ "zd-tree-grid-expand",
7603
+ "level" + item.tree__level,
7604
+ ],
7605
+ },
7606
+ [
7607
+ (item.tree__children || [])
7608
+ .length > 0
7609
+ ? _c(
7610
+ "v-icon",
7611
+ {
7612
+ class: {
7613
+ opened:
7614
+ item.tree__opened,
7615
+ },
7616
+ attrs: {
7617
+ tabindex: "-1",
7618
+ },
7619
+ on: {
7620
+ click: function (
7621
+ $event
7622
+ ) {
7623
+ return _vm.instance.toggleExpand(
7624
+ item,
7625
+ index
7626
+ )
7627
+ },
7628
+ },
7629
+ },
7630
+ [
7631
+ _vm._v(
7632
+ "\n " +
7633
+ _vm._s(
7634
+ _vm.$getIcon(
7635
+ "chevronRight"
7636
+ )
7637
+ ) +
7638
+ "\n "
7639
+ ),
7640
+ ]
7526
7641
  )
7527
- ),
7528
- false
7642
+ : _vm._e(),
7643
+ ],
7644
+ 1
7645
+ ),
7646
+ _vm._v(" "),
7647
+ _vm._l(
7648
+ column.childrenProps,
7649
+ function (child) {
7650
+ return _c(
7651
+ child.component,
7652
+ _vm._b(
7653
+ {
7654
+ key:
7655
+ "" +
7656
+ child.name +
7657
+ _vm.rowKey(item),
7658
+ tag: "component",
7659
+ },
7660
+ "component",
7661
+ Object.assign(
7662
+ {},
7663
+ child,
7664
+ _vm.instance.getActionComponent(
7665
+ child,
7666
+ column,
7667
+ item
7668
+ )
7669
+ ),
7670
+ false
7671
+ )
7529
7672
  )
7530
- )
7531
- }
7532
- ),
7533
- 1
7673
+ }
7674
+ ),
7675
+ ],
7676
+ 2
7534
7677
  ),
7535
7678
  ]
7536
7679
  : _vm._e(),
@@ -7636,7 +7779,7 @@ __vue_render__$2._withStripped = true;
7636
7779
  /* style */
7637
7780
  const __vue_inject_styles__$2 = function (inject) {
7638
7781
  if (!inject) return
7639
- 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 });
7782
+ 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 });
7640
7783
 
7641
7784
  };
7642
7785
  /* scoped */