@zeedhi/vuetify 1.91.0 → 1.93.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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import VueI18Next from '@panter/vue-i18next';
|
|
2
|
-
import { Metadata, Config, I18n, Mask, DateHelper, Router, KeyMap, FormatterParserProvider, dayjs, VersionService } from '@zeedhi/core';
|
|
2
|
+
import { Metadata, Utils, Config, I18n, Mask, DateHelper, Router, KeyMap, FormatterParserProvider, dayjs, VersionService } from '@zeedhi/core';
|
|
3
3
|
import VueApexCharts from 'vue-apexcharts';
|
|
4
4
|
import SlVueTree from 'sl-vue-tree';
|
|
5
5
|
import 'sl-vue-tree/dist/sl-vue-tree-minimal.css';
|
|
@@ -41664,7 +41664,11 @@ let ZdTextInput = class ZdTextInput extends ZdInput$1 {
|
|
|
41664
41664
|
return clone;
|
|
41665
41665
|
}
|
|
41666
41666
|
get maskProp() {
|
|
41667
|
-
|
|
41667
|
+
if (this.vMaskProp === undefined)
|
|
41668
|
+
return () => this.instance.getMaskValue();
|
|
41669
|
+
if (typeof this.vMaskProp === 'function')
|
|
41670
|
+
return this.vMaskProp();
|
|
41671
|
+
return this.vMaskProp;
|
|
41668
41672
|
}
|
|
41669
41673
|
mounted() {
|
|
41670
41674
|
if (this.$el.querySelector) {
|
|
@@ -41750,6 +41754,10 @@ __decorate([
|
|
|
41750
41754
|
PropWatch({ type: [String, Number], default: null }),
|
|
41751
41755
|
__metadata("design:type", Object)
|
|
41752
41756
|
], ZdTextInput.prototype, "value", void 0);
|
|
41757
|
+
__decorate([
|
|
41758
|
+
PropWatch({ type: [String, Object] }),
|
|
41759
|
+
__metadata("design:type", Object)
|
|
41760
|
+
], ZdTextInput.prototype, "vMaskProp", void 0);
|
|
41753
41761
|
ZdTextInput = __decorate([
|
|
41754
41762
|
Component$1
|
|
41755
41763
|
], ZdTextInput);
|
|
@@ -41971,8 +41979,13 @@ let ZdNumber = class ZdNumber extends __vue_component__$1h {
|
|
|
41971
41979
|
const inputRef = this.$el.getElementsByTagName('input')[0];
|
|
41972
41980
|
this.instance.autoNumericObj = new AutoNumeric(inputRef, Object.assign(Object.assign({}, this.instance.mask), { emptyInputBehavior: 'null' }));
|
|
41973
41981
|
inputRef.inputMode = 'numeric';
|
|
41982
|
+
if (Utils.isMobile()) {
|
|
41983
|
+
inputRef.addEventListener('keydown', this.alterMask);
|
|
41984
|
+
}
|
|
41974
41985
|
}
|
|
41975
41986
|
beforeDestroy() {
|
|
41987
|
+
const inputRef = this.$el.getElementsByTagName('input')[0];
|
|
41988
|
+
inputRef.removeEventListener('keydown', this.alterMask);
|
|
41976
41989
|
if (this.autoNumericInit) {
|
|
41977
41990
|
this.instance.autoNumericObj.remove();
|
|
41978
41991
|
}
|
|
@@ -41982,6 +41995,14 @@ let ZdNumber = class ZdNumber extends __vue_component__$1h {
|
|
|
41982
41995
|
this.$emit('input', this.instance.parser(value));
|
|
41983
41996
|
this.instance.input(undefined, this.$el);
|
|
41984
41997
|
}
|
|
41998
|
+
alterMask(event) {
|
|
41999
|
+
const inputRef = this.$el.getElementsByTagName('input')[0];
|
|
42000
|
+
if (event.key !== 'Unidentified') {
|
|
42001
|
+
return;
|
|
42002
|
+
}
|
|
42003
|
+
event === null || event === void 0 ? void 0 : event.preventDefault();
|
|
42004
|
+
inputRef.value += this.instance.mask.decimalCharacter;
|
|
42005
|
+
}
|
|
41985
42006
|
};
|
|
41986
42007
|
__decorate([
|
|
41987
42008
|
PropWatch({ type: String, default: 'right' }),
|
|
@@ -42025,6 +42046,7 @@ var __vue_render__$1g = function () {
|
|
|
42025
42046
|
class: ["zd-number"],
|
|
42026
42047
|
attrs: {
|
|
42027
42048
|
id: _vm.instance.name,
|
|
42049
|
+
"v-mask-prop": null,
|
|
42028
42050
|
name: "number",
|
|
42029
42051
|
"instance-object": _vm.instance,
|
|
42030
42052
|
},
|
|
@@ -43702,8 +43724,24 @@ var __vue_render__$1b = function () {
|
|
|
43702
43724
|
)
|
|
43703
43725
|
: _vm._e(),
|
|
43704
43726
|
_vm._v(
|
|
43705
|
-
"\n " + _vm._s(_vm.$t(_vm.dialog.title)) + "\n
|
|
43727
|
+
"\n " + _vm._s(_vm.$t(_vm.dialog.title)) + "\n "
|
|
43706
43728
|
),
|
|
43729
|
+
_c("v-spacer"),
|
|
43730
|
+
_vm._v(" "),
|
|
43731
|
+
_vm.dialog.exit === true
|
|
43732
|
+
? _c(
|
|
43733
|
+
"v-icon",
|
|
43734
|
+
{
|
|
43735
|
+
staticClass: "exit zd-float-right",
|
|
43736
|
+
on: {
|
|
43737
|
+
click: function ($event) {
|
|
43738
|
+
return _vm.dialog.hide()
|
|
43739
|
+
},
|
|
43740
|
+
},
|
|
43741
|
+
},
|
|
43742
|
+
[_vm._v(_vm._s(_vm.$getIcon("close")))]
|
|
43743
|
+
)
|
|
43744
|
+
: _vm._e(),
|
|
43707
43745
|
],
|
|
43708
43746
|
1
|
|
43709
43747
|
)
|
|
@@ -43754,7 +43792,7 @@ __vue_render__$1b._withStripped = true;
|
|
|
43754
43792
|
/* style */
|
|
43755
43793
|
const __vue_inject_styles__$1b = function (inject) {
|
|
43756
43794
|
if (!inject) return
|
|
43757
|
-
inject("data-v-
|
|
43795
|
+
inject("data-v-7c872d6e_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n padding: var(--spacing-4);\n padding-bottom: 0;\n color: var(--zd-font-color);\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n width: var(--icon-size);\n height: var(--icon-size);\n margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n padding: var(--spacing-4);\n padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n margin-left: var(--spacing-2);\n}\n.exit {\n color: var(--v-primary-base);\n}", map: undefined, media: undefined });
|
|
43758
43796
|
|
|
43759
43797
|
};
|
|
43760
43798
|
/* scoped */
|
|
@@ -48400,8 +48438,8 @@ __vue_render__$12._withStripped = true;
|
|
|
48400
48438
|
/* style */
|
|
48401
48439
|
const __vue_inject_styles__$12 = function (inject) {
|
|
48402
48440
|
if (!inject) return
|
|
48403
|
-
inject("data-v-7f950016_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\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 flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\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.text-center .zd-table-header-cell {\n justify-content: center;\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-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-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.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\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 })
|
|
48404
|
-
,inject("data-v-
|
|
48441
|
+
inject("data-v-076f1e80_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\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 flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\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.text-center .zd-table-header-cell {\n justify-content: center;\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-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-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.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\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 })
|
|
48442
|
+
,inject("data-v-076f1e80_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 flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-grid-cell-content, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-grid-cell-content {\n flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .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: flex;\n flex: 1;\n height: 20px;\n flex-direction: column;\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 {\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:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text: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 max-height: 22px;\n}", map: undefined, media: undefined });
|
|
48405
48443
|
|
|
48406
48444
|
};
|
|
48407
48445
|
/* scoped */
|
|
@@ -49235,7 +49273,7 @@ var __vue_render__$Z = function () {
|
|
|
49235
49273
|
_vm._b(
|
|
49236
49274
|
{ key: "" + child.name + _vm.rowKey, tag: "component" },
|
|
49237
49275
|
"component",
|
|
49238
|
-
|
|
49276
|
+
child,
|
|
49239
49277
|
false
|
|
49240
49278
|
)
|
|
49241
49279
|
)
|
|
@@ -49249,7 +49287,7 @@ __vue_render__$Z._withStripped = true;
|
|
|
49249
49287
|
/* style */
|
|
49250
49288
|
const __vue_inject_styles__$Z = function (inject) {
|
|
49251
49289
|
if (!inject) return
|
|
49252
|
-
inject("data-v-
|
|
49290
|
+
inject("data-v-2048ccf3_0", { source: "\n.zd-grid-action {\n height: 100%;\n display: flex;\n}\n", map: undefined, media: undefined });
|
|
49253
49291
|
|
|
49254
49292
|
};
|
|
49255
49293
|
/* scoped */
|
|
@@ -49764,7 +49802,7 @@ __decorate([
|
|
|
49764
49802
|
__metadata("design:type", Array)
|
|
49765
49803
|
], ZdGridEditableCellContent.prototype, "cssClass", void 0);
|
|
49766
49804
|
__decorate([
|
|
49767
|
-
Watch('row'),
|
|
49805
|
+
Watch('row', { immediate: true }),
|
|
49768
49806
|
__metadata("design:type", Function),
|
|
49769
49807
|
__metadata("design:paramtypes", []),
|
|
49770
49808
|
__metadata("design:returntype", void 0)
|
|
@@ -49798,7 +49836,7 @@ var __vue_render__$V = function () {
|
|
|
49798
49836
|
})
|
|
49799
49837
|
: _vm._e(),
|
|
49800
49838
|
_vm._v(" "),
|
|
49801
|
-
_vm.edited
|
|
49839
|
+
_vm.editable && _vm.edited
|
|
49802
49840
|
? _c(
|
|
49803
49841
|
"span",
|
|
49804
49842
|
{ staticClass: "zd-table-cell-edit-icon" },
|
|
@@ -49861,7 +49899,7 @@ __vue_render__$V._withStripped = true;
|
|
|
49861
49899
|
/* style */
|
|
49862
49900
|
const __vue_inject_styles__$V = function (inject) {
|
|
49863
49901
|
if (!inject) return
|
|
49864
|
-
inject("data-v-
|
|
49902
|
+
inject("data-v-3b67b61c_0", { source: "\n.zd-grid-editable-cell-content {\n height: 100%;\n align-content: center;\n display: flex;\n flex-flow: row wrap;\n}\n", map: undefined, media: undefined });
|
|
49865
49903
|
|
|
49866
49904
|
};
|
|
49867
49905
|
/* scoped */
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -41663,7 +41663,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41663
41663
|
return clone;
|
|
41664
41664
|
}
|
|
41665
41665
|
get maskProp() {
|
|
41666
|
-
|
|
41666
|
+
if (this.vMaskProp === undefined)
|
|
41667
|
+
return () => this.instance.getMaskValue();
|
|
41668
|
+
if (typeof this.vMaskProp === 'function')
|
|
41669
|
+
return this.vMaskProp();
|
|
41670
|
+
return this.vMaskProp;
|
|
41667
41671
|
}
|
|
41668
41672
|
mounted() {
|
|
41669
41673
|
if (this.$el.querySelector) {
|
|
@@ -41749,6 +41753,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41749
41753
|
PropWatch({ type: [String, Number], default: null }),
|
|
41750
41754
|
__metadata("design:type", Object)
|
|
41751
41755
|
], ZdTextInput.prototype, "value", void 0);
|
|
41756
|
+
__decorate([
|
|
41757
|
+
PropWatch({ type: [String, Object] }),
|
|
41758
|
+
__metadata("design:type", Object)
|
|
41759
|
+
], ZdTextInput.prototype, "vMaskProp", void 0);
|
|
41752
41760
|
ZdTextInput = __decorate([
|
|
41753
41761
|
vuePropertyDecorator.Component
|
|
41754
41762
|
], ZdTextInput);
|
|
@@ -41970,8 +41978,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41970
41978
|
const inputRef = this.$el.getElementsByTagName('input')[0];
|
|
41971
41979
|
this.instance.autoNumericObj = new common.AutoNumeric(inputRef, Object.assign(Object.assign({}, this.instance.mask), { emptyInputBehavior: 'null' }));
|
|
41972
41980
|
inputRef.inputMode = 'numeric';
|
|
41981
|
+
if (core.Utils.isMobile()) {
|
|
41982
|
+
inputRef.addEventListener('keydown', this.alterMask);
|
|
41983
|
+
}
|
|
41973
41984
|
}
|
|
41974
41985
|
beforeDestroy() {
|
|
41986
|
+
const inputRef = this.$el.getElementsByTagName('input')[0];
|
|
41987
|
+
inputRef.removeEventListener('keydown', this.alterMask);
|
|
41975
41988
|
if (this.autoNumericInit) {
|
|
41976
41989
|
this.instance.autoNumericObj.remove();
|
|
41977
41990
|
}
|
|
@@ -41981,6 +41994,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41981
41994
|
this.$emit('input', this.instance.parser(value));
|
|
41982
41995
|
this.instance.input(undefined, this.$el);
|
|
41983
41996
|
}
|
|
41997
|
+
alterMask(event) {
|
|
41998
|
+
const inputRef = this.$el.getElementsByTagName('input')[0];
|
|
41999
|
+
if (event.key !== 'Unidentified') {
|
|
42000
|
+
return;
|
|
42001
|
+
}
|
|
42002
|
+
event === null || event === void 0 ? void 0 : event.preventDefault();
|
|
42003
|
+
inputRef.value += this.instance.mask.decimalCharacter;
|
|
42004
|
+
}
|
|
41984
42005
|
};
|
|
41985
42006
|
__decorate([
|
|
41986
42007
|
PropWatch({ type: String, default: 'right' }),
|
|
@@ -42024,6 +42045,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42024
42045
|
class: ["zd-number"],
|
|
42025
42046
|
attrs: {
|
|
42026
42047
|
id: _vm.instance.name,
|
|
42048
|
+
"v-mask-prop": null,
|
|
42027
42049
|
name: "number",
|
|
42028
42050
|
"instance-object": _vm.instance,
|
|
42029
42051
|
},
|
|
@@ -43701,8 +43723,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43701
43723
|
)
|
|
43702
43724
|
: _vm._e(),
|
|
43703
43725
|
_vm._v(
|
|
43704
|
-
"\n " + _vm._s(_vm.$t(_vm.dialog.title)) + "\n
|
|
43726
|
+
"\n " + _vm._s(_vm.$t(_vm.dialog.title)) + "\n "
|
|
43705
43727
|
),
|
|
43728
|
+
_c("v-spacer"),
|
|
43729
|
+
_vm._v(" "),
|
|
43730
|
+
_vm.dialog.exit === true
|
|
43731
|
+
? _c(
|
|
43732
|
+
"v-icon",
|
|
43733
|
+
{
|
|
43734
|
+
staticClass: "exit zd-float-right",
|
|
43735
|
+
on: {
|
|
43736
|
+
click: function ($event) {
|
|
43737
|
+
return _vm.dialog.hide()
|
|
43738
|
+
},
|
|
43739
|
+
},
|
|
43740
|
+
},
|
|
43741
|
+
[_vm._v(_vm._s(_vm.$getIcon("close")))]
|
|
43742
|
+
)
|
|
43743
|
+
: _vm._e(),
|
|
43706
43744
|
],
|
|
43707
43745
|
1
|
|
43708
43746
|
)
|
|
@@ -43753,7 +43791,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43753
43791
|
/* style */
|
|
43754
43792
|
const __vue_inject_styles__$1b = function (inject) {
|
|
43755
43793
|
if (!inject) return
|
|
43756
|
-
inject("data-v-
|
|
43794
|
+
inject("data-v-7c872d6e_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n padding: var(--spacing-4);\n padding-bottom: 0;\n color: var(--zd-font-color);\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n width: var(--icon-size);\n height: var(--icon-size);\n margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n padding: var(--spacing-4);\n padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n margin-left: var(--spacing-2);\n}\n.exit {\n color: var(--v-primary-base);\n}", map: undefined, media: undefined });
|
|
43757
43795
|
|
|
43758
43796
|
};
|
|
43759
43797
|
/* scoped */
|
|
@@ -48399,8 +48437,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
48399
48437
|
/* style */
|
|
48400
48438
|
const __vue_inject_styles__$12 = function (inject) {
|
|
48401
48439
|
if (!inject) return
|
|
48402
|
-
inject("data-v-7f950016_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\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 flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\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.text-center .zd-table-header-cell {\n justify-content: center;\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-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-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.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\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 })
|
|
48403
|
-
,inject("data-v-
|
|
48440
|
+
inject("data-v-076f1e80_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\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 flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\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.text-center .zd-table-header-cell {\n justify-content: center;\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-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-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.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\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 })
|
|
48441
|
+
,inject("data-v-076f1e80_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 flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-grid-cell-content, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-grid-cell-content {\n flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .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: flex;\n flex: 1;\n height: 20px;\n flex-direction: column;\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 {\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:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text: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 max-height: 22px;\n}", map: undefined, media: undefined });
|
|
48404
48442
|
|
|
48405
48443
|
};
|
|
48406
48444
|
/* scoped */
|
|
@@ -49234,7 +49272,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
49234
49272
|
_vm._b(
|
|
49235
49273
|
{ key: "" + child.name + _vm.rowKey, tag: "component" },
|
|
49236
49274
|
"component",
|
|
49237
|
-
|
|
49275
|
+
child,
|
|
49238
49276
|
false
|
|
49239
49277
|
)
|
|
49240
49278
|
)
|
|
@@ -49248,7 +49286,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
49248
49286
|
/* style */
|
|
49249
49287
|
const __vue_inject_styles__$Z = function (inject) {
|
|
49250
49288
|
if (!inject) return
|
|
49251
|
-
inject("data-v-
|
|
49289
|
+
inject("data-v-2048ccf3_0", { source: "\n.zd-grid-action {\n height: 100%;\n display: flex;\n}\n", map: undefined, media: undefined });
|
|
49252
49290
|
|
|
49253
49291
|
};
|
|
49254
49292
|
/* scoped */
|
|
@@ -49763,7 +49801,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
49763
49801
|
__metadata("design:type", Array)
|
|
49764
49802
|
], ZdGridEditableCellContent.prototype, "cssClass", void 0);
|
|
49765
49803
|
__decorate([
|
|
49766
|
-
vuePropertyDecorator.Watch('row'),
|
|
49804
|
+
vuePropertyDecorator.Watch('row', { immediate: true }),
|
|
49767
49805
|
__metadata("design:type", Function),
|
|
49768
49806
|
__metadata("design:paramtypes", []),
|
|
49769
49807
|
__metadata("design:returntype", void 0)
|
|
@@ -49797,7 +49835,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
49797
49835
|
})
|
|
49798
49836
|
: _vm._e(),
|
|
49799
49837
|
_vm._v(" "),
|
|
49800
|
-
_vm.edited
|
|
49838
|
+
_vm.editable && _vm.edited
|
|
49801
49839
|
? _c(
|
|
49802
49840
|
"span",
|
|
49803
49841
|
{ staticClass: "zd-table-cell-edit-icon" },
|
|
@@ -49860,7 +49898,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
49860
49898
|
/* style */
|
|
49861
49899
|
const __vue_inject_styles__$V = function (inject) {
|
|
49862
49900
|
if (!inject) return
|
|
49863
|
-
inject("data-v-
|
|
49901
|
+
inject("data-v-3b67b61c_0", { source: "\n.zd-grid-editable-cell-content {\n height: 100%;\n align-content: center;\n display: flex;\n flex-flow: row wrap;\n}\n", map: undefined, media: undefined });
|
|
49864
49902
|
|
|
49865
49903
|
};
|
|
49866
49904
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.93.0",
|
|
4
4
|
"description": "Zeedhi Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@types/prismjs": "1.26.*",
|
|
52
52
|
"@types/sortablejs": "1.15.*"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "2c26178029cabda01c5fa562f2ed143ef83e82dc"
|
|
55
55
|
}
|
|
@@ -14,6 +14,7 @@ export default class ZdTextInput extends ZdInput {
|
|
|
14
14
|
valueWithSuffix: boolean | string;
|
|
15
15
|
type: string;
|
|
16
16
|
value: string | number;
|
|
17
|
+
vMaskProp: (() => any[]) | null;
|
|
17
18
|
instance: TextInput;
|
|
18
19
|
instanceType: typeof TextInput;
|
|
19
20
|
appendIconClick(event: Event): void;
|
|
@@ -22,7 +23,7 @@ export default class ZdTextInput extends ZdInput {
|
|
|
22
23
|
prependOuterIconClick(event: Event): void;
|
|
23
24
|
private updateInstanceValue;
|
|
24
25
|
private cloneClickEvent;
|
|
25
|
-
get maskProp(): () => any;
|
|
26
|
+
get maskProp(): any[] | (() => any) | null;
|
|
26
27
|
mounted(): void;
|
|
27
28
|
blur(event: Event): void;
|
|
28
29
|
setBlur(): void;
|