@zeedhi/teknisa-components-vuetify 1.56.0 → 1.59.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.
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ModalService, Icons } from '@zeedhi/common';
|
|
1
|
+
import { ModalService, IterableComponentRender, Icons } from '@zeedhi/common';
|
|
2
2
|
import { ZdUserInfo } from '@zeedhi/zd-user-info-vue';
|
|
3
|
+
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader, VersionService } from '@zeedhi/core';
|
|
3
4
|
import { Prop, Component, Watch } from 'vue-property-decorator';
|
|
4
|
-
import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$2, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, IterableCarousel,
|
|
5
|
-
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton,
|
|
6
|
-
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader } from '@zeedhi/core';
|
|
5
|
+
import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$2, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, IterableCarousel, Loading, Notifications, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$1, TekUserInfoList as TekUserInfoList$1 } from '@zeedhi/teknisa-components-common';
|
|
6
|
+
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
|
|
7
7
|
import debounce from 'lodash.debounce';
|
|
8
8
|
import Sortable from 'sortablejs';
|
|
9
9
|
import cloneDeep from 'lodash.clonedeep';
|
|
@@ -1796,7 +1796,9 @@ var __vue_render__$b = function () {
|
|
|
1796
1796
|
width:
|
|
1797
1797
|
_vm.calcWidth(
|
|
1798
1798
|
column,
|
|
1799
|
-
column.
|
|
1799
|
+
column.width ||
|
|
1800
|
+
column.maxWidth ||
|
|
1801
|
+
column.minWidth
|
|
1800
1802
|
) || "unset",
|
|
1801
1803
|
},
|
|
1802
1804
|
attrs: {
|
|
@@ -1811,7 +1813,12 @@ var __vue_render__$b = function () {
|
|
|
1811
1813
|
staticClass: "zd-table-header-cell",
|
|
1812
1814
|
style: {
|
|
1813
1815
|
width:
|
|
1814
|
-
_vm.
|
|
1816
|
+
_vm.calcWidth(
|
|
1817
|
+
column,
|
|
1818
|
+
column.width ||
|
|
1819
|
+
column.maxWidth ||
|
|
1820
|
+
column.minWidth
|
|
1821
|
+
) || "unset",
|
|
1815
1822
|
},
|
|
1816
1823
|
},
|
|
1817
1824
|
[
|
|
@@ -2367,7 +2374,8 @@ var __vue_render__$b = function () {
|
|
|
2367
2374
|
return [
|
|
2368
2375
|
_c("tr", [
|
|
2369
2376
|
_c("td", {
|
|
2370
|
-
style:
|
|
2377
|
+
style:
|
|
2378
|
+
"padding-top: " + _vm.scrollData.startHeight + "px",
|
|
2371
2379
|
attrs: { colspan: headers.length },
|
|
2372
2380
|
}),
|
|
2373
2381
|
]),
|
|
@@ -2809,7 +2817,8 @@ var __vue_render__$b = function () {
|
|
|
2809
2817
|
width:
|
|
2810
2818
|
_vm.calcWidth(
|
|
2811
2819
|
column,
|
|
2812
|
-
column.
|
|
2820
|
+
column.width ||
|
|
2821
|
+
column.maxWidth ||
|
|
2813
2822
|
column.minWidth
|
|
2814
2823
|
) || "unset",
|
|
2815
2824
|
"min-width":
|
|
@@ -2963,12 +2972,18 @@ var __vue_render__$b = function () {
|
|
|
2963
2972
|
? "overflow-clamp overflow-clamp-" +
|
|
2964
2973
|
column.overflow
|
|
2965
2974
|
: "",
|
|
2975
|
+
_vm.instance
|
|
2976
|
+
.groupColumnNames
|
|
2977
|
+
.length > 0
|
|
2978
|
+
? "zd-table-cell-aling-total"
|
|
2979
|
+
: "",
|
|
2966
2980
|
],
|
|
2967
2981
|
style: {
|
|
2968
2982
|
width:
|
|
2969
2983
|
_vm.calcWidth(
|
|
2970
2984
|
column,
|
|
2971
|
-
column.
|
|
2985
|
+
column.width ||
|
|
2986
|
+
column.maxWidth ||
|
|
2972
2987
|
column.minWidth
|
|
2973
2988
|
) || "unset",
|
|
2974
2989
|
"min-width":
|
|
@@ -3198,7 +3213,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3198
3213
|
/* style */
|
|
3199
3214
|
const __vue_inject_styles__$b = function (inject) {
|
|
3200
3215
|
if (!inject) return
|
|
3201
|
-
inject("data-v-
|
|
3216
|
+
inject("data-v-51404098_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3202
3217
|
|
|
3203
3218
|
};
|
|
3204
3219
|
/* scoped */
|
|
@@ -4510,19 +4525,39 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4510
4525
|
return {};
|
|
4511
4526
|
}
|
|
4512
4527
|
applyLayout(layout) {
|
|
4528
|
+
var _a;
|
|
4513
4529
|
let groupParamsChanged = false;
|
|
4514
4530
|
const tableElement = this.getParentTable();
|
|
4515
4531
|
if (!tableElement)
|
|
4516
4532
|
return;
|
|
4517
4533
|
const { grid } = this.instance;
|
|
4518
4534
|
const gridColumns = {};
|
|
4535
|
+
let layoutChanged = false;
|
|
4536
|
+
const gridColumnNames = [];
|
|
4519
4537
|
grid.columns.forEach((column) => {
|
|
4538
|
+
var _a, _b;
|
|
4520
4539
|
gridColumns[column.name] = column;
|
|
4540
|
+
gridColumnNames.push(column.name);
|
|
4541
|
+
const layoutHasCol = (_a = layout === null || layout === void 0 ? void 0 : layout.columns) === null || _a === void 0 ? void 0 : _a.find((layCol) => layCol.name === column.name);
|
|
4542
|
+
// if column doesnt exist in the layout, push it
|
|
4543
|
+
if (layout && !layoutHasCol) {
|
|
4544
|
+
layoutChanged = true;
|
|
4545
|
+
(_b = layout.columns) === null || _b === void 0 ? void 0 : _b.push(column);
|
|
4546
|
+
}
|
|
4521
4547
|
});
|
|
4522
4548
|
const oldOrder = JSON.stringify(grid.datasource.order);
|
|
4523
4549
|
const oldFilter = JSON.stringify(grid.datasource.filter);
|
|
4524
4550
|
const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
|
|
4525
4551
|
if (layout) {
|
|
4552
|
+
// removes columns that are in the layout but not in grid
|
|
4553
|
+
layout.columns = (_a = layout.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => {
|
|
4554
|
+
const isInGrid = gridColumnNames.includes(column.name);
|
|
4555
|
+
if (!isInGrid)
|
|
4556
|
+
layoutChanged = true;
|
|
4557
|
+
return isInGrid;
|
|
4558
|
+
});
|
|
4559
|
+
if (layoutChanged)
|
|
4560
|
+
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4526
4561
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4527
4562
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4528
4563
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
@@ -5180,64 +5215,14 @@ __vue_render__$7._withStripped = true;
|
|
|
5180
5215
|
);
|
|
5181
5216
|
|
|
5182
5217
|
/**
|
|
5183
|
-
*
|
|
5218
|
+
* ZdIterableComponentRender component
|
|
5184
5219
|
*/
|
|
5185
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends
|
|
5220
|
+
let TekIterableComponentRender = class TekIterableComponentRender extends ZdIterableComponentRender {
|
|
5186
5221
|
constructor() {
|
|
5187
5222
|
super(...arguments);
|
|
5188
5223
|
this.instanceType = IterableComponentRender;
|
|
5189
5224
|
}
|
|
5190
5225
|
};
|
|
5191
|
-
__decorate([
|
|
5192
|
-
Prop({ type: Array, default: () => [] })
|
|
5193
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5194
|
-
__decorate([
|
|
5195
|
-
Prop({ type: Array, default: () => [] })
|
|
5196
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5197
|
-
__decorate([
|
|
5198
|
-
Prop({ type: [Object, String] })
|
|
5199
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5200
|
-
__decorate([
|
|
5201
|
-
PropWatch({ type: String, default: 'row' })
|
|
5202
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5203
|
-
__decorate([
|
|
5204
|
-
Prop({ type: Array, default: () => ([]) })
|
|
5205
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5206
|
-
__decorate([
|
|
5207
|
-
Prop({
|
|
5208
|
-
type: Array,
|
|
5209
|
-
default: () => ([
|
|
5210
|
-
{
|
|
5211
|
-
name: '<<NAME>>_no-data',
|
|
5212
|
-
component: 'ZdText',
|
|
5213
|
-
cssClass: 'no-data',
|
|
5214
|
-
text: 'NO_DATA',
|
|
5215
|
-
},
|
|
5216
|
-
]),
|
|
5217
|
-
})
|
|
5218
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5219
|
-
__decorate([
|
|
5220
|
-
Prop({
|
|
5221
|
-
type: Array,
|
|
5222
|
-
default: () => ([
|
|
5223
|
-
{
|
|
5224
|
-
name: '<<NAME>>_no-result',
|
|
5225
|
-
component: 'ZdText',
|
|
5226
|
-
cssClass: 'no-result',
|
|
5227
|
-
text: 'NO_RESULT',
|
|
5228
|
-
},
|
|
5229
|
-
]),
|
|
5230
|
-
})
|
|
5231
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5232
|
-
__decorate([
|
|
5233
|
-
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5234
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5235
|
-
__decorate([
|
|
5236
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
5237
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5238
|
-
__decorate([
|
|
5239
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
5240
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5241
5226
|
TekIterableComponentRender = __decorate([
|
|
5242
5227
|
Component
|
|
5243
5228
|
], TekIterableComponentRender);
|
|
@@ -6474,6 +6459,9 @@ var __vue_render__$2 = function () {
|
|
|
6474
6459
|
style: {
|
|
6475
6460
|
"background-color":
|
|
6476
6461
|
_vm.instance.headerBackground,
|
|
6462
|
+
width:
|
|
6463
|
+
_vm.calcWidth(column, column.width) ||
|
|
6464
|
+
"unset",
|
|
6477
6465
|
"min-width":
|
|
6478
6466
|
_vm.calcWidth(
|
|
6479
6467
|
column,
|
|
@@ -6504,7 +6492,12 @@ var __vue_render__$2 = function () {
|
|
|
6504
6492
|
staticClass: "zd-table-header-cell",
|
|
6505
6493
|
style: {
|
|
6506
6494
|
width:
|
|
6507
|
-
_vm.
|
|
6495
|
+
_vm.calcWidth(
|
|
6496
|
+
column,
|
|
6497
|
+
column.width ||
|
|
6498
|
+
column.maxWidth ||
|
|
6499
|
+
column.minWidth
|
|
6500
|
+
) || "unset",
|
|
6508
6501
|
},
|
|
6509
6502
|
},
|
|
6510
6503
|
[
|
|
@@ -6586,6 +6579,11 @@ var __vue_render__$2 = function () {
|
|
|
6586
6579
|
: "",
|
|
6587
6580
|
],
|
|
6588
6581
|
style: {
|
|
6582
|
+
width:
|
|
6583
|
+
_vm.calcWidth(
|
|
6584
|
+
column,
|
|
6585
|
+
column.width
|
|
6586
|
+
) || "unset",
|
|
6589
6587
|
"min-width":
|
|
6590
6588
|
_vm.calcWidth(
|
|
6591
6589
|
column,
|
|
@@ -7204,7 +7202,8 @@ var __vue_render__$2 = function () {
|
|
|
7204
7202
|
width:
|
|
7205
7203
|
_vm.calcWidth(
|
|
7206
7204
|
column,
|
|
7207
|
-
column.
|
|
7205
|
+
column.width ||
|
|
7206
|
+
column.maxWidth ||
|
|
7208
7207
|
column.minWidth
|
|
7209
7208
|
) || "unset",
|
|
7210
7209
|
"min-width":
|
|
@@ -7637,7 +7636,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7637
7636
|
/* style */
|
|
7638
7637
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7639
7638
|
if (!inject) return
|
|
7640
|
-
inject("data-v-
|
|
7639
|
+
inject("data-v-58731eeb_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7641
7640
|
|
|
7642
7641
|
};
|
|
7643
7642
|
/* scoped */
|
|
@@ -7881,6 +7880,8 @@ const TeknisaComponents = {
|
|
|
7881
7880
|
});
|
|
7882
7881
|
Vue.component('ZdUserInfo', ZdUserInfo);
|
|
7883
7882
|
},
|
|
7884
|
-
};
|
|
7883
|
+
};
|
|
7884
|
+
const packageContent = require('../package.json');
|
|
7885
|
+
VersionService.addPackageVersion(packageContent.name, packageContent.version);
|
|
7885
7886
|
|
|
7886
7887
|
export { script$i as TekBreadcrumbHeader, script$h as TekCardTitle, script$g as TekCrudAddButton, script$f as TekCrudCancelButton, script$e as TekCrudDeleteButton, script$d as TekCrudForm, script$c as TekCrudSaveButton, script$b as TekGrid, script$a as TekGridColumnsButton, script$9 as TekGridLayoutOptions, script$8 as TekImage, script$6 as TekIterableComponentRender, script$3 as TekProductCard, script$2 as TekTreeGrid, script$1 as TekUserInfo, script as TekUserInfoList, TeknisaComponents as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/zd-user-info-vue'), require('vue-property-decorator'), require('@zeedhi/teknisa-components-common'), require('@zeedhi/vuetify'), require('
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/zd-user-info-vue', 'vue-property-decorator', '@zeedhi/teknisa-components-common', '@zeedhi/vuetify', '
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-vuetify"] = {}, global.common, global["@zeedhi/zd-user-info-vue"], global["vue-property-decorator"], global["@zeedhi/teknisa-components-common"], global.vuetify, global.
|
|
5
|
-
})(this, (function (exports, common, zdUserInfoVue, vuePropertyDecorator, teknisaComponentsCommon, vuetify,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/zd-user-info-vue'), require('@zeedhi/core'), require('vue-property-decorator'), require('@zeedhi/teknisa-components-common'), require('@zeedhi/vuetify'), require('lodash.debounce'), require('sortablejs'), require('lodash.clonedeep')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/zd-user-info-vue', '@zeedhi/core', 'vue-property-decorator', '@zeedhi/teknisa-components-common', '@zeedhi/vuetify', 'lodash.debounce', 'sortablejs', 'lodash.clonedeep'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-vuetify"] = {}, global.common, global["@zeedhi/zd-user-info-vue"], global.core, global["vue-property-decorator"], global["@zeedhi/teknisa-components-common"], global.vuetify, global.lodash.debounce, global.sortablejs, global.lodash.clonedeep));
|
|
5
|
+
})(this, (function (exports, common, zdUserInfoVue, core, vuePropertyDecorator, teknisaComponentsCommon, vuetify, debounce, Sortable, cloneDeep) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -1798,7 +1798,9 @@
|
|
|
1798
1798
|
width:
|
|
1799
1799
|
_vm.calcWidth(
|
|
1800
1800
|
column,
|
|
1801
|
-
column.
|
|
1801
|
+
column.width ||
|
|
1802
|
+
column.maxWidth ||
|
|
1803
|
+
column.minWidth
|
|
1802
1804
|
) || "unset",
|
|
1803
1805
|
},
|
|
1804
1806
|
attrs: {
|
|
@@ -1813,7 +1815,12 @@
|
|
|
1813
1815
|
staticClass: "zd-table-header-cell",
|
|
1814
1816
|
style: {
|
|
1815
1817
|
width:
|
|
1816
|
-
_vm.
|
|
1818
|
+
_vm.calcWidth(
|
|
1819
|
+
column,
|
|
1820
|
+
column.width ||
|
|
1821
|
+
column.maxWidth ||
|
|
1822
|
+
column.minWidth
|
|
1823
|
+
) || "unset",
|
|
1817
1824
|
},
|
|
1818
1825
|
},
|
|
1819
1826
|
[
|
|
@@ -2369,7 +2376,8 @@
|
|
|
2369
2376
|
return [
|
|
2370
2377
|
_c("tr", [
|
|
2371
2378
|
_c("td", {
|
|
2372
|
-
style:
|
|
2379
|
+
style:
|
|
2380
|
+
"padding-top: " + _vm.scrollData.startHeight + "px",
|
|
2373
2381
|
attrs: { colspan: headers.length },
|
|
2374
2382
|
}),
|
|
2375
2383
|
]),
|
|
@@ -2811,7 +2819,8 @@
|
|
|
2811
2819
|
width:
|
|
2812
2820
|
_vm.calcWidth(
|
|
2813
2821
|
column,
|
|
2814
|
-
column.
|
|
2822
|
+
column.width ||
|
|
2823
|
+
column.maxWidth ||
|
|
2815
2824
|
column.minWidth
|
|
2816
2825
|
) || "unset",
|
|
2817
2826
|
"min-width":
|
|
@@ -2965,12 +2974,18 @@
|
|
|
2965
2974
|
? "overflow-clamp overflow-clamp-" +
|
|
2966
2975
|
column.overflow
|
|
2967
2976
|
: "",
|
|
2977
|
+
_vm.instance
|
|
2978
|
+
.groupColumnNames
|
|
2979
|
+
.length > 0
|
|
2980
|
+
? "zd-table-cell-aling-total"
|
|
2981
|
+
: "",
|
|
2968
2982
|
],
|
|
2969
2983
|
style: {
|
|
2970
2984
|
width:
|
|
2971
2985
|
_vm.calcWidth(
|
|
2972
2986
|
column,
|
|
2973
|
-
column.
|
|
2987
|
+
column.width ||
|
|
2988
|
+
column.maxWidth ||
|
|
2974
2989
|
column.minWidth
|
|
2975
2990
|
) || "unset",
|
|
2976
2991
|
"min-width":
|
|
@@ -3200,7 +3215,7 @@
|
|
|
3200
3215
|
/* style */
|
|
3201
3216
|
const __vue_inject_styles__$b = function (inject) {
|
|
3202
3217
|
if (!inject) return
|
|
3203
|
-
inject("data-v-
|
|
3218
|
+
inject("data-v-51404098_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3204
3219
|
|
|
3205
3220
|
};
|
|
3206
3221
|
/* scoped */
|
|
@@ -4512,19 +4527,39 @@
|
|
|
4512
4527
|
return {};
|
|
4513
4528
|
}
|
|
4514
4529
|
applyLayout(layout) {
|
|
4530
|
+
var _a;
|
|
4515
4531
|
let groupParamsChanged = false;
|
|
4516
4532
|
const tableElement = this.getParentTable();
|
|
4517
4533
|
if (!tableElement)
|
|
4518
4534
|
return;
|
|
4519
4535
|
const { grid } = this.instance;
|
|
4520
4536
|
const gridColumns = {};
|
|
4537
|
+
let layoutChanged = false;
|
|
4538
|
+
const gridColumnNames = [];
|
|
4521
4539
|
grid.columns.forEach((column) => {
|
|
4540
|
+
var _a, _b;
|
|
4522
4541
|
gridColumns[column.name] = column;
|
|
4542
|
+
gridColumnNames.push(column.name);
|
|
4543
|
+
const layoutHasCol = (_a = layout === null || layout === void 0 ? void 0 : layout.columns) === null || _a === void 0 ? void 0 : _a.find((layCol) => layCol.name === column.name);
|
|
4544
|
+
// if column doesnt exist in the layout, push it
|
|
4545
|
+
if (layout && !layoutHasCol) {
|
|
4546
|
+
layoutChanged = true;
|
|
4547
|
+
(_b = layout.columns) === null || _b === void 0 ? void 0 : _b.push(column);
|
|
4548
|
+
}
|
|
4523
4549
|
});
|
|
4524
4550
|
const oldOrder = JSON.stringify(grid.datasource.order);
|
|
4525
4551
|
const oldFilter = JSON.stringify(grid.datasource.filter);
|
|
4526
4552
|
const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
|
|
4527
4553
|
if (layout) {
|
|
4554
|
+
// removes columns that are in the layout but not in grid
|
|
4555
|
+
layout.columns = (_a = layout.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => {
|
|
4556
|
+
const isInGrid = gridColumnNames.includes(column.name);
|
|
4557
|
+
if (!isInGrid)
|
|
4558
|
+
layoutChanged = true;
|
|
4559
|
+
return isInGrid;
|
|
4560
|
+
});
|
|
4561
|
+
if (layoutChanged)
|
|
4562
|
+
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4528
4563
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4529
4564
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4530
4565
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
@@ -5182,64 +5217,14 @@
|
|
|
5182
5217
|
);
|
|
5183
5218
|
|
|
5184
5219
|
/**
|
|
5185
|
-
*
|
|
5220
|
+
* ZdIterableComponentRender component
|
|
5186
5221
|
*/
|
|
5187
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends vuetify.
|
|
5222
|
+
let TekIterableComponentRender = class TekIterableComponentRender extends vuetify.ZdIterableComponentRender {
|
|
5188
5223
|
constructor() {
|
|
5189
5224
|
super(...arguments);
|
|
5190
|
-
this.instanceType =
|
|
5225
|
+
this.instanceType = common.IterableComponentRender;
|
|
5191
5226
|
}
|
|
5192
5227
|
};
|
|
5193
|
-
__decorate([
|
|
5194
|
-
vuePropertyDecorator.Prop({ type: Array, default: () => [] })
|
|
5195
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5196
|
-
__decorate([
|
|
5197
|
-
vuePropertyDecorator.Prop({ type: Array, default: () => [] })
|
|
5198
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5199
|
-
__decorate([
|
|
5200
|
-
vuePropertyDecorator.Prop({ type: [Object, String] })
|
|
5201
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5202
|
-
__decorate([
|
|
5203
|
-
vuetify.PropWatch({ type: String, default: 'row' })
|
|
5204
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5205
|
-
__decorate([
|
|
5206
|
-
vuePropertyDecorator.Prop({ type: Array, default: () => ([]) })
|
|
5207
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5208
|
-
__decorate([
|
|
5209
|
-
vuePropertyDecorator.Prop({
|
|
5210
|
-
type: Array,
|
|
5211
|
-
default: () => ([
|
|
5212
|
-
{
|
|
5213
|
-
name: '<<NAME>>_no-data',
|
|
5214
|
-
component: 'ZdText',
|
|
5215
|
-
cssClass: 'no-data',
|
|
5216
|
-
text: 'NO_DATA',
|
|
5217
|
-
},
|
|
5218
|
-
]),
|
|
5219
|
-
})
|
|
5220
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5221
|
-
__decorate([
|
|
5222
|
-
vuePropertyDecorator.Prop({
|
|
5223
|
-
type: Array,
|
|
5224
|
-
default: () => ([
|
|
5225
|
-
{
|
|
5226
|
-
name: '<<NAME>>_no-result',
|
|
5227
|
-
component: 'ZdText',
|
|
5228
|
-
cssClass: 'no-result',
|
|
5229
|
-
text: 'NO_RESULT',
|
|
5230
|
-
},
|
|
5231
|
-
]),
|
|
5232
|
-
})
|
|
5233
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5234
|
-
__decorate([
|
|
5235
|
-
vuetify.PropWatch({ type: [Number, String], default: 'auto' })
|
|
5236
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5237
|
-
__decorate([
|
|
5238
|
-
vuetify.PropWatch({ type: [Number, String], default: 'none' })
|
|
5239
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5240
|
-
__decorate([
|
|
5241
|
-
vuetify.PropWatch({ type: [Number, String], default: 'none' })
|
|
5242
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5243
5228
|
TekIterableComponentRender = __decorate([
|
|
5244
5229
|
vuePropertyDecorator.Component
|
|
5245
5230
|
], TekIterableComponentRender);
|
|
@@ -6476,6 +6461,9 @@
|
|
|
6476
6461
|
style: {
|
|
6477
6462
|
"background-color":
|
|
6478
6463
|
_vm.instance.headerBackground,
|
|
6464
|
+
width:
|
|
6465
|
+
_vm.calcWidth(column, column.width) ||
|
|
6466
|
+
"unset",
|
|
6479
6467
|
"min-width":
|
|
6480
6468
|
_vm.calcWidth(
|
|
6481
6469
|
column,
|
|
@@ -6506,7 +6494,12 @@
|
|
|
6506
6494
|
staticClass: "zd-table-header-cell",
|
|
6507
6495
|
style: {
|
|
6508
6496
|
width:
|
|
6509
|
-
_vm.
|
|
6497
|
+
_vm.calcWidth(
|
|
6498
|
+
column,
|
|
6499
|
+
column.width ||
|
|
6500
|
+
column.maxWidth ||
|
|
6501
|
+
column.minWidth
|
|
6502
|
+
) || "unset",
|
|
6510
6503
|
},
|
|
6511
6504
|
},
|
|
6512
6505
|
[
|
|
@@ -6588,6 +6581,11 @@
|
|
|
6588
6581
|
: "",
|
|
6589
6582
|
],
|
|
6590
6583
|
style: {
|
|
6584
|
+
width:
|
|
6585
|
+
_vm.calcWidth(
|
|
6586
|
+
column,
|
|
6587
|
+
column.width
|
|
6588
|
+
) || "unset",
|
|
6591
6589
|
"min-width":
|
|
6592
6590
|
_vm.calcWidth(
|
|
6593
6591
|
column,
|
|
@@ -7206,7 +7204,8 @@
|
|
|
7206
7204
|
width:
|
|
7207
7205
|
_vm.calcWidth(
|
|
7208
7206
|
column,
|
|
7209
|
-
column.
|
|
7207
|
+
column.width ||
|
|
7208
|
+
column.maxWidth ||
|
|
7210
7209
|
column.minWidth
|
|
7211
7210
|
) || "unset",
|
|
7212
7211
|
"min-width":
|
|
@@ -7639,7 +7638,7 @@
|
|
|
7639
7638
|
/* style */
|
|
7640
7639
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7641
7640
|
if (!inject) return
|
|
7642
|
-
inject("data-v-
|
|
7641
|
+
inject("data-v-58731eeb_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7643
7642
|
|
|
7644
7643
|
};
|
|
7645
7644
|
/* scoped */
|
|
@@ -7883,7 +7882,9 @@
|
|
|
7883
7882
|
});
|
|
7884
7883
|
Vue.component('ZdUserInfo', zdUserInfoVue.ZdUserInfo);
|
|
7885
7884
|
},
|
|
7886
|
-
};
|
|
7885
|
+
};
|
|
7886
|
+
const packageContent = require('../package.json');
|
|
7887
|
+
core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
|
|
7887
7888
|
|
|
7888
7889
|
exports.TekBreadcrumbHeader = script$i;
|
|
7889
7890
|
exports.TekCardTitle = script$h;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.59.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -18,10 +18,6 @@
|
|
|
18
18
|
"watch": "rollup -cw"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@types/lodash.clonedeep": "^4.5.6",
|
|
22
|
-
"@types/lodash.debounce": "^4.0.6",
|
|
23
|
-
"@types/lodash.merge": "^4.6.6",
|
|
24
|
-
"@types/sortablejs": "^1.10.6",
|
|
25
21
|
"@zeedhi/zd-user-info-common": "^1.0.2",
|
|
26
22
|
"@zeedhi/zd-user-info-vue": "^1.0.2",
|
|
27
23
|
"lodash.clonedeep": "^4.5.0",
|
|
@@ -33,6 +29,10 @@
|
|
|
33
29
|
},
|
|
34
30
|
"devDependencies": {
|
|
35
31
|
"@types/jest": "^26.0.19",
|
|
32
|
+
"@types/lodash.clonedeep": "^4.5.6",
|
|
33
|
+
"@types/lodash.debounce": "^4.0.6",
|
|
34
|
+
"@types/lodash.merge": "^4.6.6",
|
|
35
|
+
"@types/sortablejs": "^1.10.6",
|
|
36
36
|
"@vue/test-utils": "^1.1.2",
|
|
37
37
|
"ts-jest": "^26.4.4"
|
|
38
38
|
},
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"vue": "^2.6.12",
|
|
42
42
|
"vuetify": "^2.4.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "4921b26650ab33735fee16dea49989a5a0439207"
|
|
45
45
|
}
|
|
@@ -1,20 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { IterableComponentRender } from '@zeedhi/teknisa-components-common';
|
|
1
|
+
import { ZdIterableComponentRender } from '@zeedhi/vuetify';
|
|
2
|
+
import { IterableComponentRender } from '@zeedhi/common';
|
|
4
3
|
/**
|
|
5
|
-
*
|
|
4
|
+
* ZdIterableComponentRender component
|
|
6
5
|
*/
|
|
7
|
-
export default class TekIterableComponentRender extends
|
|
8
|
-
footerSlot: IComponentRender[];
|
|
9
|
-
toolbarSlot: IComponentRender[];
|
|
10
|
-
componentMetadata: IComponentRender;
|
|
11
|
-
rowPropName: string;
|
|
12
|
-
errorSlot: IComponentRender[];
|
|
13
|
-
noDataSlot: IComponentRender[];
|
|
14
|
-
noResultSlot: IComponentRender[];
|
|
15
|
-
height: number | string;
|
|
16
|
-
maxHeight: number | string;
|
|
17
|
-
minHeight: number | string;
|
|
6
|
+
export default class TekIterableComponentRender extends ZdIterableComponentRender {
|
|
18
7
|
instance: IterableComponentRender;
|
|
19
8
|
instanceType: typeof IterableComponentRender;
|
|
20
9
|
}
|