@zeedhi/vuetify 1.65.0 → 1.67.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.
- package/dist/zd-vuetify.esm.js +239 -249
- package/dist/zd-vuetify.umd.js +239 -249
- package/package.json +2 -2
- package/types/components/zd-frame/ZdFrame.d.ts +2 -1
- package/types/components/zd-grid/ZdGrid.d.ts +4 -1
- package/types/components/zd-modal/ZdModal.d.ts +4 -4
- package/types/components/zd-tree/ZdTree.d.ts +0 -1
package/dist/zd-vuetify.umd.js
CHANGED
@@ -2212,7 +2212,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
2212
2212
|
}
|
2213
2213
|
Vuetify.install = install$1;
|
2214
2214
|
Vuetify.installed = false;
|
2215
|
-
Vuetify.version = "2.6.
|
2215
|
+
Vuetify.version = "2.6.13";
|
2216
2216
|
Vuetify.config = {
|
2217
2217
|
silent: false
|
2218
2218
|
};
|
@@ -3579,6 +3579,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
3579
3579
|
animation.classList.remove('v-ripple__animation--in');
|
3580
3580
|
animation.classList.add('v-ripple__animation--out');
|
3581
3581
|
setTimeout(() => {
|
3582
|
+
var _a;
|
3583
|
+
|
3582
3584
|
const ripples = el.getElementsByClassName('v-ripple__animation');
|
3583
3585
|
|
3584
3586
|
if (ripples.length === 1 && el.dataset.previousPosition) {
|
@@ -3586,7 +3588,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
3586
3588
|
delete el.dataset.previousPosition;
|
3587
3589
|
}
|
3588
3590
|
|
3589
|
-
animation.parentNode
|
3591
|
+
if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
|
3590
3592
|
}, 300);
|
3591
3593
|
}, delay);
|
3592
3594
|
}
|
@@ -10680,10 +10682,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
10680
10682
|
var VAutocomplete = VSelect.extend({
|
10681
10683
|
name: 'v-autocomplete',
|
10682
10684
|
props: {
|
10683
|
-
allowOverflow: {
|
10684
|
-
type: Boolean,
|
10685
|
-
default: true
|
10686
|
-
},
|
10687
10685
|
autoSelectFirst: {
|
10688
10686
|
type: Boolean,
|
10689
10687
|
default: false
|
@@ -20770,7 +20768,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
20770
20768
|
on: {
|
20771
20769
|
// TODO: for click, the first argument should be the event, and the second argument should be data,
|
20772
20770
|
// but this is a breaking change so it's for v3
|
20773
|
-
click:
|
20771
|
+
click: event => this.$emit('click:row', item, data, event),
|
20774
20772
|
contextmenu: event => this.$emit('contextmenu:row', event, data),
|
20775
20773
|
dblclick: event => this.$emit('dblclick:row', event, data)
|
20776
20774
|
}
|
@@ -36840,7 +36838,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
36840
36838
|
exports.default = Vuetify;
|
36841
36839
|
Vuetify.install = install_1.install;
|
36842
36840
|
Vuetify.installed = false;
|
36843
|
-
Vuetify.version = "2.6.
|
36841
|
+
Vuetify.version = "2.6.13";
|
36844
36842
|
Vuetify.config = {
|
36845
36843
|
silent: false
|
36846
36844
|
};
|
@@ -37104,6 +37102,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
37104
37102
|
animation.classList.remove('v-ripple__animation--in');
|
37105
37103
|
animation.classList.add('v-ripple__animation--out');
|
37106
37104
|
setTimeout(function () {
|
37105
|
+
var _a;
|
37106
|
+
|
37107
37107
|
var ripples = el.getElementsByClassName('v-ripple__animation');
|
37108
37108
|
|
37109
37109
|
if (ripples.length === 1 && el.dataset.previousPosition) {
|
@@ -37111,7 +37111,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
37111
37111
|
delete el.dataset.previousPosition;
|
37112
37112
|
}
|
37113
37113
|
|
37114
|
-
animation.parentNode
|
37114
|
+
if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
|
37115
37115
|
}, 300);
|
37116
37116
|
}, delay);
|
37117
37117
|
}
|
@@ -42169,7 +42169,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
42169
42169
|
/* style */
|
42170
42170
|
const __vue_inject_styles__$16 = function (inject) {
|
42171
42171
|
if (!inject) return
|
42172
|
-
inject("data-v-
|
42172
|
+
inject("data-v-17b62b32_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 10px;\n position: absolute;\n padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n background: #fff;\n}\n.zd-dashboard .zd-icon {\n bottom: 0;\n right: 0;\n position: absolute;\n cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n justify-content: flex-start;\n align-content: flex-start;\n display: flex;\n flex-wrap: wrap;\n overflow: auto;\n height: 100%;\n min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n height: 100%;\n position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n height: 100%;\n}\n.ghost-drag {\n border: 2px dashed #772583;\n opacity: 0.5;\n margin: 0;\n}", map: undefined, media: undefined });
|
42173
42173
|
|
42174
42174
|
};
|
42175
42175
|
/* scoped */
|
@@ -44513,9 +44513,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
44513
44513
|
__metadata("design:type", Object)
|
44514
44514
|
], ZdFrame.prototype, "overrideNamedProps", void 0);
|
44515
44515
|
__decorate([
|
44516
|
-
PropWatch({ type: Boolean, default: false }),
|
44517
|
-
__metadata("design:type",
|
44516
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
44517
|
+
__metadata("design:type", Object)
|
44518
44518
|
], ZdFrame.prototype, "cache", void 0);
|
44519
|
+
__decorate([
|
44520
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
44521
|
+
__metadata("design:type", Object)
|
44522
|
+
], ZdFrame.prototype, "JSONCache", void 0);
|
44519
44523
|
__decorate([
|
44520
44524
|
PropWatch({ type: [String, Number], default: 2 * 60 * 60 * 1000 }),
|
44521
44525
|
__metadata("design:type", Number)
|
@@ -44803,13 +44807,32 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
44803
44807
|
this.destroyDragColumns();
|
44804
44808
|
}
|
44805
44809
|
}
|
44810
|
+
updateColspan(selector) {
|
44811
|
+
const el = this.$el.querySelector(selector);
|
44812
|
+
if (el)
|
44813
|
+
el.colSpan = this.instance.columns.length + 1;
|
44814
|
+
}
|
44806
44815
|
change(value) {
|
44807
|
-
if (
|
44816
|
+
if (this.instance.selectable && value.length === 0) {
|
44808
44817
|
setTimeout(() => {
|
44809
|
-
this
|
44818
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
44819
|
+
this.updateColspan('.v-data-table__progress th');
|
44810
44820
|
}, 0);
|
44811
44821
|
}
|
44812
44822
|
}
|
44823
|
+
changeColumns() {
|
44824
|
+
if (this.instance.selectable && this.instance.datasource.data.length === 0) {
|
44825
|
+
setTimeout(() => {
|
44826
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
44827
|
+
this.updateColspan('.v-data-table__progress th');
|
44828
|
+
}, 0);
|
44829
|
+
}
|
44830
|
+
}
|
44831
|
+
changeLoading(value) {
|
44832
|
+
if (this.instance.selectable && value) {
|
44833
|
+
setTimeout(() => this.updateColspan('.v-data-table__progress th'), 0);
|
44834
|
+
}
|
44835
|
+
}
|
44813
44836
|
updateStates() {
|
44814
44837
|
setTimeout(() => {
|
44815
44838
|
this.allselectedState = this.instance.datasource.data.every((row) => {
|
@@ -45347,12 +45370,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
45347
45370
|
__metadata("design:paramtypes", [Boolean]),
|
45348
45371
|
__metadata("design:returntype", void 0)
|
45349
45372
|
], ZdGrid.prototype, "update", null);
|
45373
|
+
__decorate([
|
45374
|
+
vuePropertyDecorator.Watch('instance.datasource.data'),
|
45375
|
+
__metadata("design:type", Function),
|
45376
|
+
__metadata("design:paramtypes", [Object]),
|
45377
|
+
__metadata("design:returntype", void 0)
|
45378
|
+
], ZdGrid.prototype, "change", null);
|
45379
|
+
__decorate([
|
45380
|
+
vuePropertyDecorator.Watch('instance.columns'),
|
45381
|
+
__metadata("design:type", Function),
|
45382
|
+
__metadata("design:paramtypes", []),
|
45383
|
+
__metadata("design:returntype", void 0)
|
45384
|
+
], ZdGrid.prototype, "changeColumns", null);
|
45350
45385
|
__decorate([
|
45351
45386
|
vuePropertyDecorator.Watch('instance.datasource.loading'),
|
45352
45387
|
__metadata("design:type", Function),
|
45353
45388
|
__metadata("design:paramtypes", [Boolean]),
|
45354
45389
|
__metadata("design:returntype", void 0)
|
45355
|
-
], ZdGrid.prototype, "
|
45390
|
+
], ZdGrid.prototype, "changeLoading", null);
|
45356
45391
|
__decorate([
|
45357
45392
|
vuePropertyDecorator.Watch('instance.selectedRows'),
|
45358
45393
|
__metadata("design:type", Function),
|
@@ -46400,7 +46435,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
46400
46435
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
46401
46436
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
46402
46437
|
],
|
46403
|
-
style: [
|
46438
|
+
style: [
|
46439
|
+
_vm.cssColorVars,
|
46440
|
+
_vm.instance.gridHeight
|
46441
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
46442
|
+
: {},
|
46443
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
46444
|
+
],
|
46404
46445
|
attrs: {
|
46405
46446
|
id: _vm.instance.name,
|
46406
46447
|
dark: _vm.instance.dark,
|
@@ -47362,8 +47403,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
47362
47403
|
/* style */
|
47363
47404
|
const __vue_inject_styles__$W = function (inject) {
|
47364
47405
|
if (!inject) return
|
47365
|
-
inject("data-v-
|
47366
|
-
,inject("data-v-
|
47406
|
+
inject("data-v-a1c49954_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
47407
|
+
,inject("data-v-a1c49954_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
|
47367
47408
|
|
47368
47409
|
};
|
47369
47410
|
/* scoped */
|
@@ -48759,78 +48800,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48759
48800
|
])
|
48760
48801
|
: _vm._e(),
|
48761
48802
|
_vm._v(" "),
|
48762
|
-
|
48763
|
-
|
48764
|
-
|
48765
|
-
|
48766
|
-
|
48767
|
-
|
48768
|
-
|
48769
|
-
|
48770
|
-
|
48771
|
-
|
48772
|
-
|
48773
|
-
|
48774
|
-
key: index,
|
48775
|
-
tag: "component",
|
48776
|
-
attrs: { parent: _vm.instance },
|
48803
|
+
_c("div", { staticClass: "zd-iterable-content" }, [
|
48804
|
+
_c(
|
48805
|
+
"div",
|
48806
|
+
{ staticClass: "zd-display-flex zd-flex-wrap" },
|
48807
|
+
[
|
48808
|
+
_vm.instance.datasource.loading
|
48809
|
+
? _c("v-progress-circular", {
|
48810
|
+
staticClass: "zd-frame",
|
48811
|
+
attrs: {
|
48812
|
+
indeterminate: "",
|
48813
|
+
size: "64",
|
48814
|
+
color: "primary",
|
48777
48815
|
},
|
48778
|
-
|
48779
|
-
|
48780
|
-
false
|
48781
|
-
)
|
48782
|
-
)
|
48783
|
-
}),
|
48784
|
-
_vm._v(" "),
|
48785
|
-
_vm._t("errorSlot"),
|
48786
|
-
_vm._v(" "),
|
48787
|
-
_vm.instance.errorSlot.length === 0
|
48788
|
-
? _c("span", { staticClass: "error--text" }, [
|
48789
|
-
_vm._v(_vm._s(_vm.$t(_vm.instance.datasource.error))),
|
48790
|
-
])
|
48791
|
-
: _vm._e(),
|
48792
|
-
]
|
48793
|
-
: _vm.instance.datasource.data.length
|
48794
|
-
? _vm._l(_vm.instance.datasource.data, function (row) {
|
48795
|
-
return _c(
|
48796
|
-
_vm.instance.componentMetadata.component,
|
48797
|
-
_vm._b(
|
48798
|
-
{ key: JSON.stringify(row), tag: "component" },
|
48799
|
-
"component",
|
48800
|
-
_vm.instance.getComponentMetadata(row),
|
48801
|
-
false
|
48802
|
-
)
|
48803
|
-
)
|
48804
|
-
})
|
48805
|
-
: !_vm.instance.datasource.currentRow[
|
48806
|
-
_vm.instance.datasource.uniqueKey
|
48807
|
-
]
|
48808
|
-
? [
|
48809
|
-
_vm.instance.datasource.search
|
48816
|
+
})
|
48817
|
+
: _vm.instance.datasource.error
|
48810
48818
|
? [
|
48811
|
-
_vm._l(
|
48812
|
-
_vm.instance.noResultSlot,
|
48813
|
-
function (child, index) {
|
48814
|
-
return _c(
|
48815
|
-
child.component,
|
48816
|
-
_vm._b(
|
48817
|
-
{
|
48818
|
-
key: index,
|
48819
|
-
tag: "component",
|
48820
|
-
attrs: { parent: _vm.instance },
|
48821
|
-
},
|
48822
|
-
"component",
|
48823
|
-
child,
|
48824
|
-
false
|
48825
|
-
)
|
48826
|
-
)
|
48827
|
-
}
|
48828
|
-
),
|
48829
|
-
_vm._v(" "),
|
48830
|
-
_vm._t("noResultSlot"),
|
48831
|
-
]
|
48832
|
-
: [
|
48833
|
-
_vm._l(_vm.instance.noDataSlot, function (child, index) {
|
48819
|
+
_vm._l(_vm.instance.errorSlot, function (child, index) {
|
48834
48820
|
return _c(
|
48835
48821
|
child.component,
|
48836
48822
|
_vm._b(
|
@@ -48846,23 +48832,98 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48846
48832
|
)
|
48847
48833
|
}),
|
48848
48834
|
_vm._v(" "),
|
48849
|
-
_vm._t("
|
48850
|
-
|
48851
|
-
|
48852
|
-
|
48853
|
-
|
48854
|
-
|
48855
|
-
|
48856
|
-
|
48857
|
-
|
48858
|
-
|
48859
|
-
|
48860
|
-
_vm.instance.
|
48861
|
-
|
48862
|
-
|
48863
|
-
|
48864
|
-
|
48865
|
-
|
48835
|
+
_vm._t("errorSlot"),
|
48836
|
+
_vm._v(" "),
|
48837
|
+
_vm.instance.errorSlot.length === 0
|
48838
|
+
? _c("span", { staticClass: "error--text" }, [
|
48839
|
+
_vm._v(
|
48840
|
+
_vm._s(_vm.$t(_vm.instance.datasource.error))
|
48841
|
+
),
|
48842
|
+
])
|
48843
|
+
: _vm._e(),
|
48844
|
+
]
|
48845
|
+
: _vm.instance.datasource.data.length
|
48846
|
+
? _vm._l(_vm.instance.datasource.data, function (row) {
|
48847
|
+
return _c(
|
48848
|
+
_vm.instance.componentMetadata.component,
|
48849
|
+
_vm._b(
|
48850
|
+
{ key: JSON.stringify(row), tag: "component" },
|
48851
|
+
"component",
|
48852
|
+
_vm.instance.getComponentMetadata(row),
|
48853
|
+
false
|
48854
|
+
)
|
48855
|
+
)
|
48856
|
+
})
|
48857
|
+
: !_vm.instance.datasource.currentRow[
|
48858
|
+
_vm.instance.datasource.uniqueKey
|
48859
|
+
]
|
48860
|
+
? [
|
48861
|
+
_vm.instance.datasource.search
|
48862
|
+
? [
|
48863
|
+
_vm._l(
|
48864
|
+
_vm.instance.noResultSlot,
|
48865
|
+
function (child, index) {
|
48866
|
+
return _c(
|
48867
|
+
child.component,
|
48868
|
+
_vm._b(
|
48869
|
+
{
|
48870
|
+
key: index,
|
48871
|
+
tag: "component",
|
48872
|
+
attrs: { parent: _vm.instance },
|
48873
|
+
},
|
48874
|
+
"component",
|
48875
|
+
child,
|
48876
|
+
false
|
48877
|
+
)
|
48878
|
+
)
|
48879
|
+
}
|
48880
|
+
),
|
48881
|
+
_vm._v(" "),
|
48882
|
+
_vm._t("noResultSlot"),
|
48883
|
+
]
|
48884
|
+
: [
|
48885
|
+
_vm._l(
|
48886
|
+
_vm.instance.noDataSlot,
|
48887
|
+
function (child, index) {
|
48888
|
+
return _c(
|
48889
|
+
child.component,
|
48890
|
+
_vm._b(
|
48891
|
+
{
|
48892
|
+
key: index,
|
48893
|
+
tag: "component",
|
48894
|
+
attrs: { parent: _vm.instance },
|
48895
|
+
},
|
48896
|
+
"component",
|
48897
|
+
child,
|
48898
|
+
false
|
48899
|
+
)
|
48900
|
+
)
|
48901
|
+
}
|
48902
|
+
),
|
48903
|
+
_vm._v(" "),
|
48904
|
+
_vm._t("noDataSlot"),
|
48905
|
+
],
|
48906
|
+
]
|
48907
|
+
: _c(
|
48908
|
+
_vm.instance.componentMetadata.component,
|
48909
|
+
_vm._b(
|
48910
|
+
{
|
48911
|
+
key: JSON.stringify(
|
48912
|
+
_vm.instance.datasource.currentRow
|
48913
|
+
),
|
48914
|
+
tag: "component",
|
48915
|
+
},
|
48916
|
+
"component",
|
48917
|
+
_vm.instance.getComponentMetadata(
|
48918
|
+
_vm.instance.datasource.currentRow
|
48919
|
+
),
|
48920
|
+
false
|
48921
|
+
)
|
48922
|
+
),
|
48923
|
+
],
|
48924
|
+
2
|
48925
|
+
),
|
48926
|
+
]),
|
48866
48927
|
_vm._v(" "),
|
48867
48928
|
_c(
|
48868
48929
|
"div",
|
@@ -48892,8 +48953,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48892
48953
|
],
|
48893
48954
|
2
|
48894
48955
|
),
|
48895
|
-
]
|
48896
|
-
2
|
48956
|
+
]
|
48897
48957
|
)
|
48898
48958
|
: _vm._e()
|
48899
48959
|
};
|
@@ -48903,11 +48963,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48903
48963
|
/* style */
|
48904
48964
|
const __vue_inject_styles__$N = function (inject) {
|
48905
48965
|
if (!inject) return
|
48906
|
-
inject("data-v-
|
48966
|
+
inject("data-v-62016d82_0", { source: ".zd-iterable-component-render[data-v-62016d82] {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n.zd-iterable-component-render .error--text[data-v-62016d82],\n.zd-iterable-component-render .no--data[data-v-62016d82] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.zd-iterable-component-render .no--data[data-v-62016d82] {\n color: rgba(0, 0, 0, 0.38);\n}\n.zd-iterable-component-render .zd-iterable-toolbar[data-v-62016d82] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.zd-iterable-component-render .zd-iterable-content[data-v-62016d82] {\n overflow: auto;\n}\n.zd-iterable-component-render .zd-iterable-footer[data-v-62016d82] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
48907
48967
|
|
48908
48968
|
};
|
48909
48969
|
/* scoped */
|
48910
|
-
const __vue_scope_id__$N = "data-v-
|
48970
|
+
const __vue_scope_id__$N = "data-v-62016d82";
|
48911
48971
|
/* module identifier */
|
48912
48972
|
const __vue_module_identifier__$N = undefined;
|
48913
48973
|
/* functional template */
|
@@ -52194,7 +52254,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
52194
52254
|
this.modals = [];
|
52195
52255
|
this.x = 0;
|
52196
52256
|
this.y = 0;
|
52197
|
-
this.dragModal = null;
|
52198
52257
|
this.dragHandle = null;
|
52199
52258
|
}
|
52200
52259
|
created() {
|
@@ -52206,37 +52265,34 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
52206
52265
|
getSizeClass(modal) {
|
52207
52266
|
return !modal.fullscreen ? this.getGridClasses(modal.grid) : '';
|
52208
52267
|
}
|
52209
|
-
|
52210
|
-
const
|
52211
|
-
if (!current)
|
52212
|
-
return null;
|
52213
|
-
const ref = this.$refs[current.name];
|
52268
|
+
getModalEl(modal) {
|
52269
|
+
const ref = this.$refs[modal.name];
|
52214
52270
|
const el = (Array.isArray(ref) ? ref[0].$el : ref === null || ref === void 0 ? void 0 : ref.$el);
|
52215
52271
|
return el || null;
|
52216
52272
|
}
|
52217
52273
|
registerMousedown(modal) {
|
52218
|
-
|
52274
|
+
const el = this.getModalEl(modal);
|
52275
|
+
if (!el)
|
52219
52276
|
return;
|
52220
52277
|
if (modal.dragHandle) {
|
52221
|
-
this.dragHandle =
|
52278
|
+
this.dragHandle = el.querySelector(modal.dragHandle);
|
52222
52279
|
}
|
52223
52280
|
else {
|
52224
|
-
this.dragHandle =
|
52281
|
+
this.dragHandle = el;
|
52225
52282
|
}
|
52226
52283
|
if (!this.dragHandle)
|
52227
52284
|
return;
|
52228
|
-
this.dragHandle.addEventListener('mousedown', this.dragStart);
|
52285
|
+
this.dragHandle.addEventListener('mousedown', this.dragStart.bind(this, modal));
|
52229
52286
|
}
|
52230
|
-
unregisterMousedown() {
|
52287
|
+
unregisterMousedown(modal) {
|
52231
52288
|
if (!this.dragHandle)
|
52232
52289
|
return;
|
52233
|
-
this.dragHandle.removeEventListener('mousedown', this.dragStart);
|
52290
|
+
this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
|
52234
52291
|
}
|
52235
|
-
dragStart(event) {
|
52236
|
-
|
52237
|
-
this.dragModal = ((_a = this.currentModalEl) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
52238
|
-
if (!this.dragModal)
|
52292
|
+
dragStart(modal, event) {
|
52293
|
+
if (!modal)
|
52239
52294
|
return;
|
52295
|
+
this.modalDragged = modal;
|
52240
52296
|
event.preventDefault();
|
52241
52297
|
this.x = event.clientX;
|
52242
52298
|
this.y = event.clientY;
|
@@ -52244,11 +52300,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
52244
52300
|
document.addEventListener('mouseup', this.dragEnd);
|
52245
52301
|
}
|
52246
52302
|
dragEnd() {
|
52303
|
+
this.modalDragged = undefined;
|
52247
52304
|
document.removeEventListener('mousemove', this.dragMove);
|
52248
52305
|
document.removeEventListener('mouseup', this.dragEnd);
|
52249
52306
|
}
|
52250
52307
|
dragMove(event) {
|
52251
|
-
|
52308
|
+
var _a;
|
52309
|
+
if (!this.modalDragged)
|
52310
|
+
return;
|
52311
|
+
const modalEl = ((_a = this.getModalEl(this.modalDragged)) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
52312
|
+
if (!modalEl)
|
52252
52313
|
return;
|
52253
52314
|
const dy = event.clientY - this.y;
|
52254
52315
|
const dx = event.clientX - this.x;
|
@@ -52256,15 +52317,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
52256
52317
|
const toPx = (num) => `${num}px`;
|
52257
52318
|
const threshold = 1;
|
52258
52319
|
if ((Math.abs(dy) + Math.abs(dx)) >= threshold) {
|
52259
|
-
const top = toNum(
|
52260
|
-
const left = toNum(
|
52261
|
-
if ((window.innerHeight / 2) - (top + dy) >= (
|
52262
|
-
&& (window.innerHeight / 2) + (top + dy) >= (
|
52263
|
-
|
52320
|
+
const top = toNum(modalEl.style.top);
|
52321
|
+
const left = toNum(modalEl.style.left);
|
52322
|
+
if ((window.innerHeight / 2) - (top + dy) >= (modalEl.offsetHeight / 2)
|
52323
|
+
&& (window.innerHeight / 2) + (top + dy) >= (modalEl.offsetHeight / 2)) {
|
52324
|
+
modalEl.style.top = toPx(top + dy);
|
52264
52325
|
}
|
52265
52326
|
if ((window.innerWidth / 2) + 2 * (left + dx) >= 4
|
52266
52327
|
&& (window.innerWidth / 2) - 2 * (left + dx) >= 0) {
|
52267
|
-
|
52328
|
+
modalEl.style.left = toPx(left + dx);
|
52268
52329
|
}
|
52269
52330
|
this.x = event.clientX;
|
52270
52331
|
this.y = event.clientY;
|
@@ -52329,7 +52390,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
52329
52390
|
"hook:mounted": function ($event) {
|
52330
52391
|
modal.draggable && _vm.registerMousedown(modal);
|
52331
52392
|
},
|
52332
|
-
"hook:destroyed":
|
52393
|
+
"hook:destroyed": function ($event) {
|
52394
|
+
return _vm.unregisterMousedown(modal)
|
52395
|
+
},
|
52333
52396
|
},
|
52334
52397
|
},
|
52335
52398
|
[
|
@@ -52392,7 +52455,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
52392
52455
|
/* style */
|
52393
52456
|
const __vue_inject_styles__$u = function (inject) {
|
52394
52457
|
if (!inject) return
|
52395
|
-
inject("data-v-
|
52458
|
+
inject("data-v-2a044826_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
|
52396
52459
|
|
52397
52460
|
};
|
52398
52461
|
/* scoped */
|
@@ -57598,7 +57661,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
57598
57661
|
this.beforeNodeState = {};
|
57599
57662
|
}
|
57600
57663
|
mounted() {
|
57601
|
-
this.setHeight();
|
57602
57664
|
this.instance.setTree(this.$refs.tree);
|
57603
57665
|
this.setAfterTitleMargin();
|
57604
57666
|
this.nodeChange();
|
@@ -57614,15 +57676,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
57614
57676
|
onNodeDrop(nodes, position, event) {
|
57615
57677
|
this.instance.nodeDrop(nodes, position, event, this.$el);
|
57616
57678
|
}
|
57617
|
-
setHeight() {
|
57618
|
-
const { grid } = this.$refs;
|
57619
|
-
if (this.instance.height) {
|
57620
|
-
grid.$el.style.height = this.$formatSize(this.instance.height);
|
57621
|
-
}
|
57622
|
-
if (this.instance.maxHeight) {
|
57623
|
-
grid.$el.style.maxHeight = this.$formatSize(this.instance.maxHeight);
|
57624
|
-
}
|
57625
|
-
}
|
57626
57679
|
onNodeSelect(nodes, event) {
|
57627
57680
|
const prevSelectCount = Object.keys(this.beforeNodeState).length;
|
57628
57681
|
this.beforeNodeState = {};
|
@@ -58240,7 +58293,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
58240
58293
|
{ "theme--light": _vm.$isLight(this) },
|
58241
58294
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
58242
58295
|
],
|
58243
|
-
style: [
|
58296
|
+
style: [
|
58297
|
+
_vm.cssColorVars,
|
58298
|
+
_vm.instance.gridHeight
|
58299
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
58300
|
+
: {},
|
58301
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
58302
|
+
],
|
58244
58303
|
attrs: {
|
58245
58304
|
id: _vm.instance.name,
|
58246
58305
|
"fixed-header": "",
|
@@ -59167,8 +59226,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
59167
59226
|
/* style */
|
59168
59227
|
const __vue_inject_styles__$1 = function (inject) {
|
59169
59228
|
if (!inject) return
|
59170
|
-
inject("data-v-
|
59171
|
-
,inject("data-v-
|
59229
|
+
inject("data-v-503b3624_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
59230
|
+
,inject("data-v-503b3624_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.zd-tree-grid.theme--light tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n height: 100%;\n display: inline-grid;\n justify-content: end;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n width: 200px;\n}", map: undefined, media: undefined });
|
59172
59231
|
|
59173
59232
|
};
|
59174
59233
|
/* scoped */
|
@@ -59392,7 +59451,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
59392
59451
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
59393
59452
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
59394
59453
|
],
|
59395
|
-
style: [
|
59454
|
+
style: [
|
59455
|
+
_vm.cssColorVars,
|
59456
|
+
_vm.instance.gridHeight
|
59457
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
59458
|
+
: {},
|
59459
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
59460
|
+
],
|
59396
59461
|
attrs: {
|
59397
59462
|
id: _vm.instance.name,
|
59398
59463
|
"fixed-header": "",
|
@@ -60424,105 +60489,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
60424
60489
|
],
|
60425
60490
|
1
|
60426
60491
|
)
|
60427
|
-
:
|
60428
|
-
|
60429
|
-
|
60430
|
-
|
60431
|
-
|
60432
|
-
|
60433
|
-
|
60434
|
-
|
60435
|
-
|
60436
|
-
|
60437
|
-
|
60438
|
-
|
60439
|
-
|
60440
|
-
|
60441
|
-
class: [
|
60442
|
-
"zd-table-cell-text",
|
60443
|
-
{
|
60444
|
-
"zd-table-cell-text-first":
|
60445
|
-
headerIndex ===
|
60446
|
-
0 ||
|
60447
|
-
(headerIndex ===
|
60448
|
-
1 &&
|
60449
|
-
_vm
|
60450
|
-
.instance
|
60451
|
-
.selectable),
|
60452
|
-
"zd-table-cell-text-editable":
|
60453
|
-
Object.assign(
|
60454
|
-
{},
|
60455
|
-
column,
|
60456
|
-
cellProps
|
60457
|
-
).editable,
|
60458
|
-
"overflow-hidden":
|
60459
|
-
column.overflow ===
|
60460
|
-
"hidden",
|
60461
|
-
"overflow-wrap":
|
60462
|
-
column.overflow ===
|
60463
|
-
"wrap",
|
60464
|
-
},
|
60465
|
-
!isNaN(
|
60466
|
-
column.overflow
|
60467
|
-
)
|
60468
|
-
? "overflow-clamp overflow-clamp-" +
|
60469
|
-
column.overflow
|
60470
|
-
: "",
|
60471
|
-
],
|
60472
|
-
style: {
|
60473
|
-
width:
|
60474
|
-
_vm.calcWidth(
|
60475
|
-
column,
|
60476
|
-
column.maxWidth ||
|
60477
|
-
column.minWidth
|
60478
|
-
) || "unset",
|
60479
|
-
"min-width":
|
60480
|
-
_vm.calcWidth(
|
60481
|
-
column,
|
60482
|
-
column.minWidth
|
60483
|
-
) || "unset",
|
60484
|
-
"max-width":
|
60485
|
-
_vm.calcWidth(
|
60486
|
-
column,
|
60487
|
-
column.maxWidth
|
60488
|
-
) || "unset",
|
60489
|
-
},
|
60490
|
-
on: {
|
60491
|
-
mouseenter:
|
60492
|
-
function (
|
60493
|
-
$event
|
60494
|
-
) {
|
60495
|
-
return _vm.checkOverflow(
|
60496
|
-
$event
|
60497
|
-
)
|
60498
|
-
},
|
60499
|
-
mouseleave:
|
60500
|
-
function (
|
60501
|
-
$event
|
60502
|
-
) {
|
60503
|
-
return _vm.removeTooltip()
|
60504
|
-
},
|
60505
|
-
},
|
60506
|
-
},
|
60507
|
-
[
|
60508
|
-
_c("span", {
|
60509
|
-
key: item.tree__searched
|
60510
|
-
? "a"
|
60511
|
-
: "b",
|
60512
|
-
domProps: {
|
60513
|
-
innerHTML:
|
60514
|
-
_vm._s(
|
60515
|
-
_vm.formatSearchResult(
|
60516
|
-
column.formatterByRow(
|
60517
|
-
item,
|
60518
|
-
cellProps
|
60519
|
-
)
|
60520
|
-
)
|
60521
|
-
),
|
60522
|
-
},
|
60523
|
-
}),
|
60524
|
-
]
|
60492
|
+
: _vm._e(),
|
60493
|
+
_vm._v(" "),
|
60494
|
+
_c("span", {
|
60495
|
+
key: item.tree__searched
|
60496
|
+
? "a"
|
60497
|
+
: "b",
|
60498
|
+
domProps: {
|
60499
|
+
innerHTML: _vm._s(
|
60500
|
+
_vm.formatSearchResult(
|
60501
|
+
column.formatterByRow(
|
60502
|
+
item,
|
60503
|
+
cellProps
|
60504
|
+
)
|
60505
|
+
)
|
60525
60506
|
),
|
60507
|
+
},
|
60508
|
+
}),
|
60526
60509
|
]
|
60527
60510
|
),
|
60528
60511
|
]
|
@@ -60755,8 +60738,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
60755
60738
|
/* style */
|
60756
60739
|
const __vue_inject_styles__ = function (inject) {
|
60757
60740
|
if (!inject) return
|
60758
|
-
inject("data-v-
|
60759
|
-
,inject("data-v-
|
60741
|
+
inject("data-v-bb9f421c_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
60742
|
+
,inject("data-v-bb9f421c_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n position: relative;\n top: -1rem;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n width: 100%;\n padding: 0 0.5rem;\n position: relative;\n display: block;\n height: 1.25rem;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
|
60760
60743
|
|
60761
60744
|
};
|
60762
60745
|
/* scoped */
|
@@ -60994,6 +60977,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
60994
60977
|
}
|
60995
60978
|
else {
|
60996
60979
|
activator = comp.activatorNode[0].elm;
|
60980
|
+
comp.isActive = false;
|
60997
60981
|
}
|
60998
60982
|
}
|
60999
60983
|
else if (e) {
|
@@ -61043,7 +61027,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
61043
61027
|
const event = e instanceof Event ? e : e.event;
|
61044
61028
|
comp.getActivator(event);
|
61045
61029
|
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
61046
|
-
comp.isActive =
|
61030
|
+
comp.isActive = true;
|
61031
|
+
};
|
61032
|
+
listeners.blur = (e) => {
|
61033
|
+
const event = e instanceof Event ? e : e.event;
|
61034
|
+
comp.getActivator(event);
|
61035
|
+
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
61036
|
+
comp.isActive = false;
|
61047
61037
|
};
|
61048
61038
|
}
|
61049
61039
|
return listeners;
|