@zeedhi/teknisa-components-vuetify 1.54.0 → 1.55.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 (8) hide show
  1. package/dist/tek-components-vuetify.esm.js +78 -62
  2. package/dist/tek-components-vuetify.umd.js +78 -62
  3. package/package.json +2 -2
  4. package/types/components/crud/TekCrudButton.d.ts +1 -1
  5. package/types/components/tek-grid/TekGrid.d.ts +2 -1
  6. package/types/components/tek-iterable-carousel/TekIterableCarousel.d.ts +1 -1
  7. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +1 -1
  8. package/types/components/tek-user-info/TekUserInfoList.d.ts +1 -1
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -1573,6 +1573,9 @@ __decorate([
1573
1573
  __decorate([
1574
1574
  PropWatch({ type: [String, Boolean], default: true })
1575
1575
  ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1576
+ __decorate([
1577
+ PropWatch({ type: [String, Boolean], default: false })
1578
+ ], TekGrid$1.prototype, "mainGrid", void 0);
1576
1579
  __decorate([
1577
1580
  Prop({
1578
1581
  type: Array,
@@ -1621,7 +1624,6 @@ var __vue_render__$b = function () {
1621
1624
  height: _vm.instance.height,
1622
1625
  items: _vm.getData(),
1623
1626
  search: _vm.instance.datasource.search,
1624
- "show-select": _vm.instance.selectable,
1625
1627
  dense: _vm.instance.dense,
1626
1628
  loading: _vm.instance.datasource.loading,
1627
1629
  "item-key": _vm.instance.datasource.uniqueKey,
@@ -1704,32 +1706,34 @@ var __vue_render__$b = function () {
1704
1706
  _vm.instance.headerBackground,
1705
1707
  },
1706
1708
  [
1707
- _c("v-checkbox", {
1708
- staticClass: "zd-grid-header-checkbox",
1709
- attrs: {
1710
- "hide-details": "",
1711
- color: "primary",
1712
- disabled: _vm.instance.editing,
1713
- "on-icon": _vm.$getIcon("checkboxOn"),
1714
- "off-icon": _vm.$getIcon("checkboxOff"),
1715
- "indeterminate-icon": _vm.$getIcon(
1716
- "checkboxIndeterminate"
1717
- ),
1718
- "input-value": props.everyItem,
1719
- indeterminate:
1720
- !props.everyItem && props.someItems,
1721
- },
1722
- on: {
1723
- click: function ($event) {
1724
- $event.stopPropagation();
1725
- _vm.toggleSelectAll();
1726
- _vm.selectAllClick(
1727
- !props.everyItem,
1728
- $event
1729
- );
1730
- },
1731
- },
1732
- }),
1709
+ _vm.instance.showSelectAll
1710
+ ? _c("v-checkbox", {
1711
+ staticClass: "zd-grid-header-checkbox",
1712
+ attrs: {
1713
+ "hide-details": "",
1714
+ color: "primary",
1715
+ disabled: _vm.instance.editing,
1716
+ "on-icon": _vm.$getIcon("checkboxOn"),
1717
+ "off-icon": _vm.$getIcon("checkboxOff"),
1718
+ "indeterminate-icon": _vm.$getIcon(
1719
+ "checkboxIndeterminate"
1720
+ ),
1721
+ "input-value": props.everyItem,
1722
+ indeterminate:
1723
+ !props.everyItem && props.someItems,
1724
+ },
1725
+ on: {
1726
+ click: function ($event) {
1727
+ $event.stopPropagation();
1728
+ _vm.toggleSelectAll();
1729
+ _vm.selectAllClick(
1730
+ !props.everyItem,
1731
+ $event
1732
+ );
1733
+ },
1734
+ },
1735
+ })
1736
+ : _vm._e(),
1733
1737
  ],
1734
1738
  1
1735
1739
  )
@@ -2439,7 +2443,9 @@ var __vue_render__$b = function () {
2439
2443
  attrs: {
2440
2444
  "hide-details": "",
2441
2445
  color: "primary",
2442
- disabled: _vm.instance.editing,
2446
+ disabled:
2447
+ _vm.instance.editing ||
2448
+ _vm.instance.callDisableSelection(item),
2443
2449
  "on-icon": _vm.$getIcon("checkboxOn"),
2444
2450
  "off-icon": _vm.$getIcon("checkboxOff"),
2445
2451
  "indeterminate-icon": _vm.$getIcon(
@@ -2536,9 +2542,9 @@ var __vue_render__$b = function () {
2536
2542
  [
2537
2543
  _vm._v(
2538
2544
  _vm._s(
2539
- item.groupLabel +
2540
- ": " +
2541
- item.groupValue
2545
+ (item.groupLabel
2546
+ ? item.groupLabel + ": "
2547
+ : "") + item.groupValue
2542
2548
  )
2543
2549
  ),
2544
2550
  ]
@@ -2604,7 +2610,9 @@ var __vue_render__$b = function () {
2604
2610
  attrs: {
2605
2611
  "hide-details": "",
2606
2612
  color: "primary",
2607
- disabled: _vm.instance.editing,
2613
+ disabled:
2614
+ _vm.instance.editing ||
2615
+ _vm.instance.callDisableSelection(item),
2608
2616
  "on-icon": _vm.$getIcon("checkboxOn"),
2609
2617
  "off-icon": _vm.$getIcon("checkboxOff"),
2610
2618
  "true-value": true,
@@ -3190,7 +3198,7 @@ __vue_render__$b._withStripped = true;
3190
3198
  /* style */
3191
3199
  const __vue_inject_styles__$b = function (inject) {
3192
3200
  if (!inject) return
3193
- inject("data-v-8106ce02_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
3201
+ inject("data-v-5d126417_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
3194
3202
 
3195
3203
  };
3196
3204
  /* scoped */
@@ -6327,7 +6335,6 @@ var __vue_render__$2 = function () {
6327
6335
  headers: _vm.instance.columns,
6328
6336
  items: _vm.getData(),
6329
6337
  search: _vm.instance.datasource.search,
6330
- "show-select": _vm.instance.selectable,
6331
6338
  dense: _vm.instance.dense,
6332
6339
  loading: _vm.instance.datasource.loading,
6333
6340
  "item-key": _vm.instance.datasource.uniqueKey,
@@ -6397,32 +6404,36 @@ var __vue_render__$2 = function () {
6397
6404
  _vm.instance.headerBackground,
6398
6405
  },
6399
6406
  [
6400
- _c("v-checkbox", {
6401
- staticClass: "zd-grid-header-checkbox",
6402
- attrs: {
6403
- "hide-details": "",
6404
- color: "primary",
6405
- disabled: _vm.instance.editing,
6406
- "on-icon": _vm.$getIcon("checkboxOn"),
6407
- "off-icon": _vm.$getIcon("checkboxOff"),
6408
- "indeterminate-icon": _vm.$getIcon(
6409
- "checkboxIndeterminate"
6410
- ),
6411
- value: props.everyItem,
6412
- indeterminate:
6413
- !props.everyItem && props.someItems,
6414
- },
6415
- on: {
6416
- click: function ($event) {
6417
- $event.stopPropagation();
6418
- on["toggle-select-all"](!props.everyItem);
6419
- _vm.selectAllClick(
6420
- !props.everyItem,
6421
- $event
6422
- );
6423
- },
6424
- },
6425
- }),
6407
+ _vm.instance.showSelectAll
6408
+ ? _c("v-checkbox", {
6409
+ staticClass: "zd-grid-header-checkbox",
6410
+ attrs: {
6411
+ "hide-details": "",
6412
+ color: "primary",
6413
+ disabled: _vm.instance.editing,
6414
+ "on-icon": _vm.$getIcon("checkboxOn"),
6415
+ "off-icon": _vm.$getIcon("checkboxOff"),
6416
+ "indeterminate-icon": _vm.$getIcon(
6417
+ "checkboxIndeterminate"
6418
+ ),
6419
+ value: props.everyItem,
6420
+ indeterminate:
6421
+ !props.everyItem && props.someItems,
6422
+ },
6423
+ on: {
6424
+ click: function ($event) {
6425
+ $event.stopPropagation();
6426
+ on["toggle-select-all"](
6427
+ !props.everyItem
6428
+ );
6429
+ _vm.selectAllClick(
6430
+ !props.everyItem,
6431
+ $event
6432
+ );
6433
+ },
6434
+ },
6435
+ })
6436
+ : _vm._e(),
6426
6437
  ],
6427
6438
  1
6428
6439
  )
@@ -7053,12 +7064,17 @@ var __vue_render__$2 = function () {
7053
7064
  attrs: {
7054
7065
  "hide-details": "",
7055
7066
  color: "primary",
7056
- disabled: _vm.instance.editing,
7067
+ disabled:
7068
+ _vm.instance.editing ||
7069
+ _vm.instance.callDisableSelection(item),
7057
7070
  "on-icon": _vm.$getIcon("checkboxOn"),
7058
7071
  "off-icon": _vm.$getIcon("checkboxOff"),
7059
7072
  "true-value": true,
7060
7073
  "false-value": false,
7061
7074
  value: isSelected,
7075
+ indeterminate:
7076
+ !_vm.checkEvery(item) &&
7077
+ _vm.checkSome(item),
7062
7078
  },
7063
7079
  on: {
7064
7080
  click: function ($event) {
@@ -7621,7 +7637,7 @@ __vue_render__$2._withStripped = true;
7621
7637
  /* style */
7622
7638
  const __vue_inject_styles__$2 = function (inject) {
7623
7639
  if (!inject) return
7624
- inject("data-v-1caf475e_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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
+ inject("data-v-a33ce1b6_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
7625
7641
 
7626
7642
  };
7627
7643
  /* scoped */
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -1575,6 +1575,9 @@
1575
1575
  __decorate([
1576
1576
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1577
1577
  ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1578
+ __decorate([
1579
+ vuetify.PropWatch({ type: [String, Boolean], default: false })
1580
+ ], TekGrid$1.prototype, "mainGrid", void 0);
1578
1581
  __decorate([
1579
1582
  vuePropertyDecorator.Prop({
1580
1583
  type: Array,
@@ -1623,7 +1626,6 @@
1623
1626
  height: _vm.instance.height,
1624
1627
  items: _vm.getData(),
1625
1628
  search: _vm.instance.datasource.search,
1626
- "show-select": _vm.instance.selectable,
1627
1629
  dense: _vm.instance.dense,
1628
1630
  loading: _vm.instance.datasource.loading,
1629
1631
  "item-key": _vm.instance.datasource.uniqueKey,
@@ -1706,32 +1708,34 @@
1706
1708
  _vm.instance.headerBackground,
1707
1709
  },
1708
1710
  [
1709
- _c("v-checkbox", {
1710
- staticClass: "zd-grid-header-checkbox",
1711
- attrs: {
1712
- "hide-details": "",
1713
- color: "primary",
1714
- disabled: _vm.instance.editing,
1715
- "on-icon": _vm.$getIcon("checkboxOn"),
1716
- "off-icon": _vm.$getIcon("checkboxOff"),
1717
- "indeterminate-icon": _vm.$getIcon(
1718
- "checkboxIndeterminate"
1719
- ),
1720
- "input-value": props.everyItem,
1721
- indeterminate:
1722
- !props.everyItem && props.someItems,
1723
- },
1724
- on: {
1725
- click: function ($event) {
1726
- $event.stopPropagation();
1727
- _vm.toggleSelectAll();
1728
- _vm.selectAllClick(
1729
- !props.everyItem,
1730
- $event
1731
- );
1732
- },
1733
- },
1734
- }),
1711
+ _vm.instance.showSelectAll
1712
+ ? _c("v-checkbox", {
1713
+ staticClass: "zd-grid-header-checkbox",
1714
+ attrs: {
1715
+ "hide-details": "",
1716
+ color: "primary",
1717
+ disabled: _vm.instance.editing,
1718
+ "on-icon": _vm.$getIcon("checkboxOn"),
1719
+ "off-icon": _vm.$getIcon("checkboxOff"),
1720
+ "indeterminate-icon": _vm.$getIcon(
1721
+ "checkboxIndeterminate"
1722
+ ),
1723
+ "input-value": props.everyItem,
1724
+ indeterminate:
1725
+ !props.everyItem && props.someItems,
1726
+ },
1727
+ on: {
1728
+ click: function ($event) {
1729
+ $event.stopPropagation();
1730
+ _vm.toggleSelectAll();
1731
+ _vm.selectAllClick(
1732
+ !props.everyItem,
1733
+ $event
1734
+ );
1735
+ },
1736
+ },
1737
+ })
1738
+ : _vm._e(),
1735
1739
  ],
1736
1740
  1
1737
1741
  )
@@ -2441,7 +2445,9 @@
2441
2445
  attrs: {
2442
2446
  "hide-details": "",
2443
2447
  color: "primary",
2444
- disabled: _vm.instance.editing,
2448
+ disabled:
2449
+ _vm.instance.editing ||
2450
+ _vm.instance.callDisableSelection(item),
2445
2451
  "on-icon": _vm.$getIcon("checkboxOn"),
2446
2452
  "off-icon": _vm.$getIcon("checkboxOff"),
2447
2453
  "indeterminate-icon": _vm.$getIcon(
@@ -2538,9 +2544,9 @@
2538
2544
  [
2539
2545
  _vm._v(
2540
2546
  _vm._s(
2541
- item.groupLabel +
2542
- ": " +
2543
- item.groupValue
2547
+ (item.groupLabel
2548
+ ? item.groupLabel + ": "
2549
+ : "") + item.groupValue
2544
2550
  )
2545
2551
  ),
2546
2552
  ]
@@ -2606,7 +2612,9 @@
2606
2612
  attrs: {
2607
2613
  "hide-details": "",
2608
2614
  color: "primary",
2609
- disabled: _vm.instance.editing,
2615
+ disabled:
2616
+ _vm.instance.editing ||
2617
+ _vm.instance.callDisableSelection(item),
2610
2618
  "on-icon": _vm.$getIcon("checkboxOn"),
2611
2619
  "off-icon": _vm.$getIcon("checkboxOff"),
2612
2620
  "true-value": true,
@@ -3192,7 +3200,7 @@
3192
3200
  /* style */
3193
3201
  const __vue_inject_styles__$b = function (inject) {
3194
3202
  if (!inject) return
3195
- inject("data-v-8106ce02_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
3203
+ inject("data-v-5d126417_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
3196
3204
 
3197
3205
  };
3198
3206
  /* scoped */
@@ -6329,7 +6337,6 @@
6329
6337
  headers: _vm.instance.columns,
6330
6338
  items: _vm.getData(),
6331
6339
  search: _vm.instance.datasource.search,
6332
- "show-select": _vm.instance.selectable,
6333
6340
  dense: _vm.instance.dense,
6334
6341
  loading: _vm.instance.datasource.loading,
6335
6342
  "item-key": _vm.instance.datasource.uniqueKey,
@@ -6399,32 +6406,36 @@
6399
6406
  _vm.instance.headerBackground,
6400
6407
  },
6401
6408
  [
6402
- _c("v-checkbox", {
6403
- staticClass: "zd-grid-header-checkbox",
6404
- attrs: {
6405
- "hide-details": "",
6406
- color: "primary",
6407
- disabled: _vm.instance.editing,
6408
- "on-icon": _vm.$getIcon("checkboxOn"),
6409
- "off-icon": _vm.$getIcon("checkboxOff"),
6410
- "indeterminate-icon": _vm.$getIcon(
6411
- "checkboxIndeterminate"
6412
- ),
6413
- value: props.everyItem,
6414
- indeterminate:
6415
- !props.everyItem && props.someItems,
6416
- },
6417
- on: {
6418
- click: function ($event) {
6419
- $event.stopPropagation();
6420
- on["toggle-select-all"](!props.everyItem);
6421
- _vm.selectAllClick(
6422
- !props.everyItem,
6423
- $event
6424
- );
6425
- },
6426
- },
6427
- }),
6409
+ _vm.instance.showSelectAll
6410
+ ? _c("v-checkbox", {
6411
+ staticClass: "zd-grid-header-checkbox",
6412
+ attrs: {
6413
+ "hide-details": "",
6414
+ color: "primary",
6415
+ disabled: _vm.instance.editing,
6416
+ "on-icon": _vm.$getIcon("checkboxOn"),
6417
+ "off-icon": _vm.$getIcon("checkboxOff"),
6418
+ "indeterminate-icon": _vm.$getIcon(
6419
+ "checkboxIndeterminate"
6420
+ ),
6421
+ value: props.everyItem,
6422
+ indeterminate:
6423
+ !props.everyItem && props.someItems,
6424
+ },
6425
+ on: {
6426
+ click: function ($event) {
6427
+ $event.stopPropagation();
6428
+ on["toggle-select-all"](
6429
+ !props.everyItem
6430
+ );
6431
+ _vm.selectAllClick(
6432
+ !props.everyItem,
6433
+ $event
6434
+ );
6435
+ },
6436
+ },
6437
+ })
6438
+ : _vm._e(),
6428
6439
  ],
6429
6440
  1
6430
6441
  )
@@ -7055,12 +7066,17 @@
7055
7066
  attrs: {
7056
7067
  "hide-details": "",
7057
7068
  color: "primary",
7058
- disabled: _vm.instance.editing,
7069
+ disabled:
7070
+ _vm.instance.editing ||
7071
+ _vm.instance.callDisableSelection(item),
7059
7072
  "on-icon": _vm.$getIcon("checkboxOn"),
7060
7073
  "off-icon": _vm.$getIcon("checkboxOff"),
7061
7074
  "true-value": true,
7062
7075
  "false-value": false,
7063
7076
  value: isSelected,
7077
+ indeterminate:
7078
+ !_vm.checkEvery(item) &&
7079
+ _vm.checkSome(item),
7064
7080
  },
7065
7081
  on: {
7066
7082
  click: function ($event) {
@@ -7623,7 +7639,7 @@
7623
7639
  /* style */
7624
7640
  const __vue_inject_styles__$2 = function (inject) {
7625
7641
  if (!inject) return
7626
- inject("data-v-1caf475e_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7642
+ inject("data-v-a33ce1b6_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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
7627
7643
 
7628
7644
  };
7629
7645
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/teknisa-components-vuetify",
3
- "version": "1.54.0",
3
+ "version": "1.55.0",
4
4
  "description": "Teknisa Components based on Vuetify",
5
5
  "author": "Zeedhi <zeedhi@teknisa.com>",
6
6
  "license": "ISC",
@@ -41,5 +41,5 @@
41
41
  "vue": "^2.6.12",
42
42
  "vuetify": "^2.4.0"
43
43
  },
44
- "gitHead": "af4ce4aa1d81bc933045637a8ffc7e2a8d6a4d1f"
44
+ "gitHead": "11ae45e49b219b5fdda050a2d0293e696b9caeb2"
45
45
  }
package/types/components/crud/TekCrudButton.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CrudButton } from '@zeedhi/teknisa-components-common';
2
- declare const ZdButton: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
2
+ declare const ZdButton: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, any>>>;
3
3
  /**
4
4
  * TekCrudButton component
5
5
  */
package/types/components/tek-grid/TekGrid.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { TekGrid as TekGridClass, TekGridColumn, ITekGridExportConfig, IDynamicFilterItem, ITekGridGroupHeader } from '@zeedhi/teknisa-components-common';
3
3
  import { IComponentRender, Select } from '@zeedhi/common';
4
4
  import { IDictionary, IEventParam } from '@zeedhi/core';
5
- declare const ZdGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
5
+ declare const ZdGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, any>>>;
6
6
  /**
7
7
  * TekGrid component
8
8
  */
@@ -25,6 +25,7 @@ export default class TekGrid extends ZdGridEditable {
25
25
  exportActions: IComponentRender[];
26
26
  groupsOpened: boolean | string;
27
27
  showSummaryTotal: boolean | string;
28
+ mainGrid: boolean | string;
28
29
  toolbarSlot: IComponentRender[];
29
30
  instance: TekGridClass;
30
31
  instanceType: typeof TekGridClass;
package/types/components/tek-iterable-carousel/TekIterableCarousel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { IterableCarousel, IIterableComponentRender } from '@zeedhi/teknisa-components-common';
2
- declare const ZdCarousel: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
2
+ declare const ZdCarousel: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, any>>>;
3
3
  /**
4
4
  * TekIterableCarousel component
5
5
  */
package/types/components/tek-tree-grid/TekTreeGrid.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { TekTreeGrid as TekTreeGridClass, TekGridColumn, ITekGridExportConfig, IDynamicFilterItem } from '@zeedhi/teknisa-components-common';
3
3
  import { IComponentRender, Select } from '@zeedhi/common';
4
4
  import { IDictionary, IEventParam } from '@zeedhi/core';
5
- declare const ZdTreeGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
5
+ declare const ZdTreeGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, any>>>;
6
6
  /**
7
7
  * TekGrid component
8
8
  */
package/types/components/tek-user-info/TekUserInfoList.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { TekUserInfoList as TekUserInfoListClass } from '@zeedhi/teknisa-components-common';
2
- declare const ZdList: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
2
+ declare const ZdList: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, never, never, any>>>;
3
3
  export default class TekUserInfoList extends ZdList {
4
4
  instance: TekUserInfoListClass;
5
5
  instanceType: typeof TekUserInfoListClass;