@zeedhi/teknisa-components-vuetify 1.112.0 → 1.114.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.
@@ -267,7 +267,7 @@
267
267
  /* style */
268
268
  const __vue_inject_styles__$n = function (inject) {
269
269
  if (!inject) return
270
- inject("data-v-73099341_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
270
+ inject("data-v-0e000f00_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
271
271
 
272
272
  };
273
273
  /* scoped */
@@ -437,7 +437,7 @@
437
437
  /* style */
438
438
  const __vue_inject_styles__$m = function (inject) {
439
439
  if (!inject) return
440
- inject("data-v-c08ce4fa_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
440
+ inject("data-v-50a83464_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
441
441
 
442
442
  };
443
443
  /* scoped */
@@ -993,7 +993,7 @@
993
993
  /* style */
994
994
  const __vue_inject_styles__$i = function (inject) {
995
995
  if (!inject) return
996
- inject("data-v-58e74857_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
996
+ inject("data-v-980d49d4_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
997
997
 
998
998
  };
999
999
  /* scoped */
@@ -1147,7 +1147,7 @@
1147
1147
  /**
1148
1148
  * TekGrid component
1149
1149
  */
1150
- let TekGrid$1 = class TekGrid extends ZdGridEditable {
1150
+ let TekGrid = class TekGrid extends ZdGridEditable {
1151
1151
  constructor() {
1152
1152
  super(...arguments);
1153
1153
  this.instanceType = teknisaComponentsCommon.TekGrid;
@@ -1569,115 +1569,115 @@
1569
1569
  };
1570
1570
  __decorate([
1571
1571
  vuetify.PropWatch({ type: [String], default: '' })
1572
- ], TekGrid$1.prototype, "title", void 0);
1572
+ ], TekGrid.prototype, "title", void 0);
1573
1573
  __decorate([
1574
1574
  vuetify.PropWatch({ type: [Boolean, String], default: false })
1575
- ], TekGrid$1.prototype, "addButton", void 0);
1575
+ ], TekGrid.prototype, "addButton", void 0);
1576
1576
  __decorate([
1577
1577
  vuetify.PropWatch({ type: [String], default: 'none' })
1578
- ], TekGrid$1.prototype, "deleteButton", void 0);
1578
+ ], TekGrid.prototype, "deleteButton", void 0);
1579
1579
  __decorate([
1580
1580
  vuetify.PropWatch({ type: [Boolean, String], default: false })
1581
- ], TekGrid$1.prototype, "columnsButton", void 0);
1581
+ ], TekGrid.prototype, "columnsButton", void 0);
1582
1582
  __decorate([
1583
1583
  vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
1584
- ], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
1584
+ ], TekGrid.prototype, "columnsButtonIgnore", void 0);
1585
1585
  __decorate([
1586
1586
  vuetify.PropWatch({ type: [Boolean, String], default: true })
1587
- ], TekGrid$1.prototype, "showEditButtons", void 0);
1587
+ ], TekGrid.prototype, "showEditButtons", void 0);
1588
1588
  __decorate([
1589
1589
  vuetify.PropWatch({ type: [Boolean, String], default: false })
1590
- ], TekGrid$1.prototype, "filterButton", void 0);
1590
+ ], TekGrid.prototype, "filterButton", void 0);
1591
1591
  __decorate([
1592
1592
  vuetify.PropWatch({ type: [Object] })
1593
- ], TekGrid$1.prototype, "modalFilterProps", void 0);
1593
+ ], TekGrid.prototype, "modalFilterProps", void 0);
1594
1594
  __decorate([
1595
1595
  vuetify.PropWatch({ type: [Boolean, String], default: true })
1596
- ], TekGrid$1.prototype, "showSearch", void 0);
1596
+ ], TekGrid.prototype, "showSearch", void 0);
1597
1597
  __decorate([
1598
1598
  vuetify.PropWatch({ type: [Boolean, String], default: true })
1599
- ], TekGrid$1.prototype, "showHideButton", void 0);
1599
+ ], TekGrid.prototype, "showHideButton", void 0);
1600
1600
  __decorate([
1601
1601
  vuetify.PropWatch({ type: [Boolean, String], default: false })
1602
- ], TekGrid$1.prototype, "columnFilterButton", void 0);
1602
+ ], TekGrid.prototype, "columnFilterButton", void 0);
1603
1603
  __decorate([
1604
1604
  vuetify.PropWatch({ type: Boolean, default: false })
1605
- ], TekGrid$1.prototype, "hideActions", void 0);
1605
+ ], TekGrid.prototype, "hideActions", void 0);
1606
1606
  __decorate([
1607
1607
  vuePropertyDecorator.Prop({ type: [Array], default: () => [] })
1608
- ], TekGrid$1.prototype, "actions", void 0);
1608
+ ], TekGrid.prototype, "actions", void 0);
1609
1609
  __decorate([
1610
1610
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1611
- ], TekGrid$1.prototype, "dragColumns", void 0);
1611
+ ], TekGrid.prototype, "dragColumns", void 0);
1612
1612
  __decorate([
1613
1613
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1614
- ], TekGrid$1.prototype, "resizeColumns", void 0);
1614
+ ], TekGrid.prototype, "resizeColumns", void 0);
1615
1615
  __decorate([
1616
1616
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1617
- ], TekGrid$1.prototype, "showLayoutOptions", void 0);
1617
+ ], TekGrid.prototype, "showLayoutOptions", void 0);
1618
1618
  __decorate([
1619
1619
  vuetify.PropWatch({ type: [String, Boolean], default: false })
1620
- ], TekGrid$1.prototype, "showExport", void 0);
1620
+ ], TekGrid.prototype, "showExport", void 0);
1621
1621
  __decorate([
1622
1622
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1623
- ], TekGrid$1.prototype, "showReload", void 0);
1623
+ ], TekGrid.prototype, "showReload", void 0);
1624
1624
  __decorate([
1625
1625
  vuetify.PropWatch({ type: [String, Array] })
1626
- ], TekGrid$1.prototype, "exportConfig", void 0);
1626
+ ], TekGrid.prototype, "exportConfig", void 0);
1627
1627
  __decorate([
1628
1628
  vuePropertyDecorator.Prop({ type: [Array] })
1629
- ], TekGrid$1.prototype, "exportActions", void 0);
1629
+ ], TekGrid.prototype, "exportActions", void 0);
1630
1630
  __decorate([
1631
1631
  vuetify.PropWatch({ type: [String, Boolean], default: false })
1632
- ], TekGrid$1.prototype, "groupsOpened", void 0);
1632
+ ], TekGrid.prototype, "groupsOpened", void 0);
1633
1633
  __decorate([
1634
1634
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1635
- ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1635
+ ], TekGrid.prototype, "showSummaryTotal", void 0);
1636
1636
  __decorate([
1637
1637
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1638
- ], TekGrid$1.prototype, "mainGrid", void 0);
1638
+ ], TekGrid.prototype, "mainGrid", void 0);
1639
1639
  __decorate([
1640
1640
  vuetify.PropWatch({ type: [String], default: undefined })
1641
- ], TekGrid$1.prototype, "xlsDefaultType", void 0);
1641
+ ], TekGrid.prototype, "xlsDefaultType", void 0);
1642
1642
  __decorate([
1643
1643
  vuetify.PropWatch({
1644
1644
  type: [String, Boolean],
1645
1645
  default: core.Config.gridShowCheckboxAllFilter,
1646
1646
  })
1647
- ], TekGrid$1.prototype, "showCheckboxAllFilter", void 0);
1647
+ ], TekGrid.prototype, "showCheckboxAllFilter", void 0);
1648
1648
  __decorate([
1649
1649
  vuetify.PropWatch({ type: [Boolean], default: true })
1650
- ], TekGrid$1.prototype, "toolbarOpened", void 0);
1650
+ ], TekGrid.prototype, "toolbarOpened", void 0);
1651
1651
  __decorate([
1652
1652
  vuetify.PropWatch({ type: [Object] })
1653
- ], TekGrid$1.prototype, "defaultFilter", void 0);
1653
+ ], TekGrid.prototype, "defaultFilter", void 0);
1654
1654
  __decorate([
1655
1655
  vuetify.PropWatch({ type: [String] })
1656
- ], TekGrid$1.prototype, "reportTitle", void 0);
1656
+ ], TekGrid.prototype, "reportTitle", void 0);
1657
1657
  __decorate([
1658
1658
  vuetify.PropWatch({ type: [Array] })
1659
- ], TekGrid$1.prototype, "toolbarConfig", void 0);
1659
+ ], TekGrid.prototype, "toolbarConfig", void 0);
1660
1660
  __decorate([
1661
1661
  vuetify.PropWatch({ type: [String, Function] })
1662
- ], TekGrid$1.prototype, "reportLabelFormatter", void 0);
1662
+ ], TekGrid.prototype, "reportLabelFormatter", void 0);
1663
1663
  __decorate([
1664
1664
  vuePropertyDecorator.Prop({
1665
1665
  type: Array,
1666
1666
  default: () => undefined,
1667
1667
  })
1668
- ], TekGrid$1.prototype, "toolbarSlot", void 0);
1668
+ ], TekGrid.prototype, "toolbarSlot", void 0);
1669
1669
  __decorate([
1670
1670
  vuePropertyDecorator.Watch('instance.title')
1671
- ], TekGrid$1.prototype, "updateTitle", null);
1672
- TekGrid$1 = __decorate([
1671
+ ], TekGrid.prototype, "updateTitle", null);
1672
+ TekGrid = __decorate([
1673
1673
  vuePropertyDecorator.Component({
1674
1674
  mixins: [vuetify.EditableMixin, vuetify.NavigableTableMixin],
1675
1675
  })
1676
- ], TekGrid$1);
1677
- var TekGrid$2 = TekGrid$1;
1676
+ ], TekGrid);
1677
+ var TekGrid$1 = TekGrid;
1678
1678
 
1679
1679
  /* script */
1680
- const __vue_script__$g = TekGrid$2;
1680
+ const __vue_script__$g = TekGrid$1;
1681
1681
 
1682
1682
  /* template */
1683
1683
  var __vue_render__$g = function () {
@@ -2382,6 +2382,8 @@
2382
2382
  isValid: _vm.isValid,
2383
2383
  getVisibleValue:
2384
2384
  _vm.getVisibleValue,
2385
+ getVisibleRow:
2386
+ _vm.getVisibleRow,
2385
2387
  register: _vm.register,
2386
2388
  canEdit:
2387
2389
  _vm.canEditRowValues[
@@ -2467,6 +2469,8 @@
2467
2469
  fn: function (ref) {
2468
2470
  var visibleValue =
2469
2471
  ref.visibleValue;
2472
+ var visibleRow =
2473
+ ref.visibleRow;
2470
2474
  return [
2471
2475
  index === 0 &&
2472
2476
  _vm.instance
@@ -2516,7 +2520,9 @@
2516
2520
  _vm.getWidthStyle,
2517
2521
  column:
2518
2522
  column,
2519
- row: item,
2523
+ row:
2524
+ visibleRow ||
2525
+ item,
2520
2526
  hasUsingCellText: true,
2521
2527
  rowStyle:
2522
2528
  rowStyle,
@@ -2889,7 +2895,7 @@
2889
2895
  /* style */
2890
2896
  const __vue_inject_styles__$g = function (inject) {
2891
2897
  if (!inject) return
2892
- inject("data-v-f285095a_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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 .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\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-text {\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.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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
2898
+ inject("data-v-0046851f_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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 .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\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-text {\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.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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
2893
2899
 
2894
2900
  };
2895
2901
  /* scoped */
@@ -2963,7 +2969,7 @@
2963
2969
  /* style */
2964
2970
  const __vue_inject_styles__$f = function (inject) {
2965
2971
  if (!inject) return
2966
- inject("data-v-d107dce8_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
2972
+ inject("data-v-72a1d58b_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
2967
2973
 
2968
2974
  };
2969
2975
  /* scoped */
@@ -4697,7 +4703,7 @@
4697
4703
  /**
4698
4704
  * TekGrid component
4699
4705
  */
4700
- let TekGrid = class TekGrid extends ZdTreeGridEditable {
4706
+ let TekTreeGrid = class TekTreeGrid extends ZdTreeGridEditable {
4701
4707
  constructor() {
4702
4708
  super(...arguments);
4703
4709
  this.instanceType = teknisaComponentsCommon.TekTreeGrid;
@@ -5031,83 +5037,83 @@
5031
5037
  };
5032
5038
  __decorate([
5033
5039
  vuetify.PropWatch({ type: [String], default: '' })
5034
- ], TekGrid.prototype, "title", void 0);
5040
+ ], TekTreeGrid.prototype, "title", void 0);
5035
5041
  __decorate([
5036
5042
  vuetify.PropWatch({ type: [Boolean, String], default: false })
5037
- ], TekGrid.prototype, "addButton", void 0);
5043
+ ], TekTreeGrid.prototype, "addButton", void 0);
5038
5044
  __decorate([
5039
5045
  vuetify.PropWatch({ type: [String], default: 'none' })
5040
- ], TekGrid.prototype, "deleteButton", void 0);
5046
+ ], TekTreeGrid.prototype, "deleteButton", void 0);
5041
5047
  __decorate([
5042
5048
  vuetify.PropWatch({ type: [Boolean, String], default: false })
5043
- ], TekGrid.prototype, "columnsButton", void 0);
5049
+ ], TekTreeGrid.prototype, "columnsButton", void 0);
5044
5050
  __decorate([
5045
5051
  vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
5046
- ], TekGrid.prototype, "columnsButtonIgnore", void 0);
5052
+ ], TekTreeGrid.prototype, "columnsButtonIgnore", void 0);
5047
5053
  __decorate([
5048
5054
  vuetify.PropWatch({ type: [Boolean, String], default: true })
5049
- ], TekGrid.prototype, "showEditButtons", void 0);
5055
+ ], TekTreeGrid.prototype, "showEditButtons", void 0);
5050
5056
  __decorate([
5051
5057
  vuetify.PropWatch({ type: [Boolean, String], default: false })
5052
- ], TekGrid.prototype, "filterButton", void 0);
5058
+ ], TekTreeGrid.prototype, "filterButton", void 0);
5053
5059
  __decorate([
5054
5060
  vuetify.PropWatch({ type: [Object] })
5055
- ], TekGrid.prototype, "modalFilterProps", void 0);
5061
+ ], TekTreeGrid.prototype, "modalFilterProps", void 0);
5056
5062
  __decorate([
5057
5063
  vuetify.PropWatch({ type: [Boolean, String], default: true })
5058
- ], TekGrid.prototype, "showSearch", void 0);
5064
+ ], TekTreeGrid.prototype, "showSearch", void 0);
5059
5065
  __decorate([
5060
5066
  vuetify.PropWatch({ type: [Boolean, String], default: true })
5061
- ], TekGrid.prototype, "showHideButton", void 0);
5067
+ ], TekTreeGrid.prototype, "showHideButton", void 0);
5062
5068
  __decorate([
5063
5069
  vuetify.PropWatch({ type: [Boolean, String], default: false })
5064
- ], TekGrid.prototype, "columnFilterButton", void 0);
5070
+ ], TekTreeGrid.prototype, "columnFilterButton", void 0);
5065
5071
  __decorate([
5066
5072
  vuePropertyDecorator.Prop({ type: [Array], default: () => [] })
5067
- ], TekGrid.prototype, "actions", void 0);
5073
+ ], TekTreeGrid.prototype, "actions", void 0);
5068
5074
  __decorate([
5069
5075
  vuetify.PropWatch({ type: [String, Boolean], default: true })
5070
- ], TekGrid.prototype, "dragColumns", void 0);
5076
+ ], TekTreeGrid.prototype, "dragColumns", void 0);
5071
5077
  __decorate([
5072
5078
  vuetify.PropWatch({ type: [String, Boolean], default: true })
5073
- ], TekGrid.prototype, "mainGrid", void 0);
5079
+ ], TekTreeGrid.prototype, "mainGrid", void 0);
5074
5080
  __decorate([
5075
5081
  vuetify.PropWatch({ type: [String, Boolean], default: true })
5076
- ], TekGrid.prototype, "resizeColumns", void 0);
5082
+ ], TekTreeGrid.prototype, "resizeColumns", void 0);
5077
5083
  __decorate([
5078
5084
  vuetify.PropWatch({ type: [String, Boolean], default: true })
5079
- ], TekGrid.prototype, "showLayoutOptions", void 0);
5085
+ ], TekTreeGrid.prototype, "showLayoutOptions", void 0);
5080
5086
  __decorate([
5081
5087
  vuetify.PropWatch({ type: [String, Boolean], default: false })
5082
- ], TekGrid.prototype, "showExport", void 0);
5088
+ ], TekTreeGrid.prototype, "showExport", void 0);
5083
5089
  __decorate([
5084
5090
  vuetify.PropWatch({ type: [String, Boolean], default: true })
5085
- ], TekGrid.prototype, "showReload", void 0);
5091
+ ], TekTreeGrid.prototype, "showReload", void 0);
5086
5092
  __decorate([
5087
5093
  vuetify.PropWatch({ type: [Object] })
5088
- ], TekGrid.prototype, "defaultFilter", void 0);
5094
+ ], TekTreeGrid.prototype, "defaultFilter", void 0);
5089
5095
  __decorate([
5090
5096
  vuetify.PropWatch({ type: [String] })
5091
- ], TekGrid.prototype, "reportTitle", void 0);
5097
+ ], TekTreeGrid.prototype, "reportTitle", void 0);
5092
5098
  __decorate([
5093
5099
  vuePropertyDecorator.Prop({ type: [String, Array] })
5094
- ], TekGrid.prototype, "exportConfig", void 0);
5100
+ ], TekTreeGrid.prototype, "exportConfig", void 0);
5095
5101
  __decorate([
5096
5102
  vuePropertyDecorator.Prop({ type: [Array] })
5097
- ], TekGrid.prototype, "exportActions", void 0);
5103
+ ], TekTreeGrid.prototype, "exportActions", void 0);
5098
5104
  __decorate([
5099
5105
  vuePropertyDecorator.Prop({
5100
5106
  type: Array,
5101
5107
  default: () => undefined,
5102
5108
  })
5103
- ], TekGrid.prototype, "toolbarSlot", void 0);
5109
+ ], TekTreeGrid.prototype, "toolbarSlot", void 0);
5104
5110
  __decorate([
5105
5111
  vuePropertyDecorator.Watch('instance.title')
5106
- ], TekGrid.prototype, "updateTitle", null);
5107
- TekGrid = __decorate([
5112
+ ], TekTreeGrid.prototype, "updateTitle", null);
5113
+ TekTreeGrid = __decorate([
5108
5114
  vuePropertyDecorator.Component
5109
- ], TekGrid);
5110
- var script$6 = TekGrid;
5115
+ ], TekTreeGrid);
5116
+ var script$6 = TekTreeGrid;
5111
5117
 
5112
5118
  let TekUserInfo = class TekUserInfo extends zdUserInfoVue.ZdUserInfo {
5113
5119
  constructor() {
@@ -5157,7 +5163,7 @@
5157
5163
  /**
5158
5164
  * TekDragGrid component
5159
5165
  */
5160
- let TekDragGrid = class TekDragGrid extends TekGrid$2 {
5166
+ let TekDragGrid = class TekDragGrid extends TekGrid$1 {
5161
5167
  constructor() {
5162
5168
  super(...arguments);
5163
5169
  this.instanceType = teknisaComponentsCommon.TekDragGrid;
@@ -5974,6 +5980,8 @@
5974
5980
  _vm.isValid,
5975
5981
  getVisibleValue:
5976
5982
  _vm.getVisibleValue,
5983
+ getVisibleRow:
5984
+ _vm.getVisibleRow,
5977
5985
  register:
5978
5986
  _vm.register,
5979
5987
  canEdit:
@@ -6059,6 +6067,8 @@
6059
6067
  ) {
6060
6068
  var visibleValue =
6061
6069
  ref.visibleValue;
6070
+ var visibleRow =
6071
+ ref.visibleRow;
6062
6072
  return [
6063
6073
  index ===
6064
6074
  0 &&
@@ -6117,7 +6127,9 @@
6117
6127
  _vm.getWidthStyle,
6118
6128
  column:
6119
6129
  column,
6120
- row: item,
6130
+ row:
6131
+ visibleRow ||
6132
+ item,
6121
6133
  hasUsingCellText: true,
6122
6134
  rowStyle:
6123
6135
  rowStyle,
@@ -6379,7 +6391,7 @@
6379
6391
  /* style */
6380
6392
  const __vue_inject_styles__$c = function (inject) {
6381
6393
  if (!inject) return
6382
- inject("data-v-ddedbb5a_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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 .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\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-text {\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.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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
6394
+ inject("data-v-2cd4499b_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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 .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\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-text {\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.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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
6383
6395
 
6384
6396
  };
6385
6397
  /* scoped */
@@ -6672,7 +6684,7 @@
6672
6684
  /* style */
6673
6685
  const __vue_inject_styles__$b = function (inject) {
6674
6686
  if (!inject) return
6675
- inject("data-v-9bb538a0_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-2);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
6687
+ inject("data-v-7982a651_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-2);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
6676
6688
 
6677
6689
  };
6678
6690
  /* scoped */
@@ -6730,7 +6742,7 @@
6730
6742
  /* style */
6731
6743
  const __vue_inject_styles__$a = function (inject) {
6732
6744
  if (!inject) return
6733
- inject("data-v-0767d688_0", { source: ".zd-container.tek-grid-filter-content-container {\n position: relative;\n left: calc(var(--zd-default-padding) * -1) !important;\n padding-left: var(--zd-default-padding) !important;\n width: calc(100% + var(--zd-default-padding) * 2) !important;\n padding-right: var(--zd-default-padding) !important;\n max-width: none !important;\n}", map: undefined, media: undefined });
6745
+ inject("data-v-e5fa328a_0", { source: ".zd-container.tek-grid-filter-content-container {\n position: relative;\n left: calc(var(--zd-default-padding) * -1) !important;\n padding-left: var(--zd-default-padding) !important;\n width: calc(100% + var(--zd-default-padding) * 2) !important;\n padding-right: var(--zd-default-padding) !important;\n max-width: none !important;\n}", map: undefined, media: undefined });
6734
6746
 
6735
6747
  };
6736
6748
  /* scoped */
@@ -7052,7 +7064,7 @@
7052
7064
  /* style */
7053
7065
  const __vue_inject_styles__$9 = function (inject) {
7054
7066
  if (!inject) return
7055
- inject("data-v-19e639b0_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
7067
+ inject("data-v-c91dd032_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
7056
7068
 
7057
7069
  };
7058
7070
  /* scoped */
@@ -7479,11 +7491,11 @@
7479
7491
  /* style */
7480
7492
  const __vue_inject_styles__$6 = function (inject) {
7481
7493
  if (!inject) return
7482
- inject("data-v-1baf7241_0", { source: ".tek-iterable-component-render[data-v-1baf7241] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-1baf7241],\n.tek-iterable-component-render .no--data[data-v-1baf7241] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1baf7241] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1baf7241] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-1baf7241] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
7494
+ inject("data-v-41327600_0", { source: ".tek-iterable-component-render[data-v-41327600] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-41327600],\n.tek-iterable-component-render .no--data[data-v-41327600] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-41327600] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-41327600] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-41327600] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
7483
7495
 
7484
7496
  };
7485
7497
  /* scoped */
7486
- const __vue_scope_id__$6 = "data-v-1baf7241";
7498
+ const __vue_scope_id__$6 = "data-v-41327600";
7487
7499
  /* module identifier */
7488
7500
  const __vue_module_identifier__$6 = undefined;
7489
7501
  /* functional template */
@@ -7699,7 +7711,7 @@
7699
7711
  /* style */
7700
7712
  const __vue_inject_styles__$4 = function (inject) {
7701
7713
  if (!inject) return
7702
- inject("data-v-b5aa2bac_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n list-style: none;\n padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n color: #667080;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n line-height: 14px;\n padding: 10px 20px 10px 0;\n position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n width: 10px;\n height: 10px;\n background-color: var(--v-primary-base);\n border-radius: 50%;\n position: absolute;\n right: 2px;\n top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n text-decoration: none;\n text-align: center;\n padding-top: 10px;\n font-weight: 700;\n display: block;\n border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
7714
+ inject("data-v-0f0d70ea_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n list-style: none;\n padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n color: #667080;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n line-height: 14px;\n padding: 10px 20px 10px 0;\n position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n width: 10px;\n height: 10px;\n background-color: var(--v-primary-base);\n border-radius: 50%;\n position: absolute;\n right: 2px;\n top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n text-decoration: none;\n text-align: center;\n padding-top: 10px;\n font-weight: 700;\n display: block;\n border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
7703
7715
 
7704
7716
  };
7705
7717
  /* scoped */
@@ -7870,7 +7882,7 @@
7870
7882
  /* style */
7871
7883
  const __vue_inject_styles__$3 = function (inject) {
7872
7884
  if (!inject) return
7873
- inject("data-v-f759d556_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
7885
+ inject("data-v-26b87a76_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
7874
7886
 
7875
7887
  };
7876
7888
  /* scoped */
@@ -8415,6 +8427,8 @@
8415
8427
  isValid: _vm.isValid,
8416
8428
  getVisibleValue:
8417
8429
  _vm.getVisibleValue,
8430
+ getVisibleRow:
8431
+ _vm.getVisibleRow,
8418
8432
  register: _vm.register,
8419
8433
  canEdit:
8420
8434
  _vm.canEditRowValues[
@@ -8473,6 +8487,8 @@
8473
8487
  fn: function (ref) {
8474
8488
  var visibleValue =
8475
8489
  ref.visibleValue;
8490
+ var visibleRow =
8491
+ ref.visibleRow;
8476
8492
  return [
8477
8493
  _c(
8478
8494
  "zd-tree-grid-cell-content",
@@ -8492,7 +8508,9 @@
8492
8508
  getWidthStyle:
8493
8509
  _vm.getWidthStyle,
8494
8510
  column: column,
8495
- row: item,
8511
+ row:
8512
+ visibleRow ||
8513
+ item,
8496
8514
  rowStyle:
8497
8515
  rowStyle,
8498
8516
  cellsApplied:
@@ -8696,7 +8714,7 @@
8696
8714
  /* style */
8697
8715
  const __vue_inject_styles__$2 = function (inject) {
8698
8716
  if (!inject) return
8699
- inject("data-v-1aaa956a_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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 .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\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-text {\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.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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
8717
+ inject("data-v-68f3dd90_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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 .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\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-text {\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.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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
8700
8718
 
8701
8719
  };
8702
8720
  /* scoped */
@@ -8780,7 +8798,7 @@
8780
8798
  /* style */
8781
8799
  const __vue_inject_styles__$1 = function (inject) {
8782
8800
  if (!inject) return
8783
- inject("data-v-d733a762_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 70%;\n align-items: center;\n}\n.about-modal .zd-header-slot-left {\n width: 100%;\n}\n.about-modal .zd-header-slot-left > * {\n width: 100%;\n}\n.about-modal .zd-tekUserInfo-tab {\n height: 300px !important;\n}\n.about-modal .zd-tekUserInfo-about-image {\n text-align: center;\n}", map: undefined, media: undefined });
8801
+ inject("data-v-79fdd5e4_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 70%;\n align-items: center;\n}\n.about-modal .zd-header-slot-left {\n width: 100%;\n}\n.about-modal .zd-header-slot-left > * {\n width: 100%;\n}\n.about-modal .zd-tekUserInfo-tab {\n height: 300px !important;\n}\n.about-modal .zd-tekUserInfo-about-image {\n text-align: center;\n}", map: undefined, media: undefined });
8784
8802
 
8785
8803
  };
8786
8804
  /* scoped */
@@ -8912,7 +8930,7 @@
8912
8930
  exports.TekCrudForm = script$h;
8913
8931
  exports.TekCrudSaveButton = script$g;
8914
8932
  exports.TekDragGrid = script$3;
8915
- exports.TekGrid = TekGrid$2;
8933
+ exports.TekGrid = TekGrid$1;
8916
8934
  exports.TekGridCellIdentation = script$f;
8917
8935
  exports.TekGridColumnFilter = script$d;
8918
8936
  exports.TekGridColumnsButton = script$c;