@zeedhi/vuetify 1.82.0 → 1.83.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
@@ -44088,7 +44088,7 @@ __vue_render__$17._withStripped = true;
|
|
44088
44088
|
/* style */
|
44089
44089
|
const __vue_inject_styles__$17 = function (inject) {
|
44090
44090
|
if (!inject) return
|
44091
|
-
inject("data-v-
|
44091
|
+
inject("data-v-88c7c92c_0", { source: ".zd-dropdown {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n padding: 2px;\n}\n.zd-dropdown .zd-dropdown-component {\n padding: 6px 14px;\n border-radius: var(--border);\n}\n.zd-dropdown-hover:hover {\n background-color: var(--v-grey-lighten5);\n}\n.zd-dropdown-cursor {\n cursor: var(--cursor);\n}\n.zd-dropdown-menu {\n margin: 0 !important;\n padding: 0 !important;\n box-shadow: var(--shadow-8);\n}", map: undefined, media: undefined });
|
44092
44092
|
|
44093
44093
|
};
|
44094
44094
|
/* scoped */
|
@@ -49156,6 +49156,10 @@ __vue_render__$W._withStripped = true;
|
|
49156
49156
|
* Grid cell content component
|
49157
49157
|
*/
|
49158
49158
|
let ZdGridCellContent = class ZdGridCellContent extends Vue {
|
49159
|
+
constructor() {
|
49160
|
+
super(...arguments);
|
49161
|
+
this.value = '';
|
49162
|
+
}
|
49159
49163
|
mouseenter(event) {
|
49160
49164
|
this.$emit('mouseenter', event);
|
49161
49165
|
}
|
@@ -49168,6 +49172,18 @@ let ZdGridCellContent = class ZdGridCellContent extends Vue {
|
|
49168
49172
|
get formattedValue() {
|
49169
49173
|
return this.column.formatterByRow(this.row, this.cellProps);
|
49170
49174
|
}
|
49175
|
+
changeValue() {
|
49176
|
+
this.value = this.formattedValue;
|
49177
|
+
}
|
49178
|
+
updateValue() {
|
49179
|
+
this.value = this.column.formatterByRow(this.row, this.cellProps);
|
49180
|
+
}
|
49181
|
+
mounted() {
|
49182
|
+
I18n.registerChangeListener(this.updateValue.bind(this));
|
49183
|
+
}
|
49184
|
+
destroyed() {
|
49185
|
+
I18n.unregisterChangeListener(this.updateValue.bind(this));
|
49186
|
+
}
|
49171
49187
|
};
|
49172
49188
|
__decorate([
|
49173
49189
|
Prop({ type: Object, required: true }),
|
@@ -49197,6 +49213,12 @@ __decorate([
|
|
49197
49213
|
Prop({ type: Boolean, default: true }),
|
49198
49214
|
__metadata("design:type", Boolean)
|
49199
49215
|
], ZdGridCellContent.prototype, "hasUsingCellText", void 0);
|
49216
|
+
__decorate([
|
49217
|
+
Watch('formattedValue', { immediate: true }),
|
49218
|
+
__metadata("design:type", Function),
|
49219
|
+
__metadata("design:paramtypes", []),
|
49220
|
+
__metadata("design:returntype", void 0)
|
49221
|
+
], ZdGridCellContent.prototype, "changeValue", null);
|
49200
49222
|
ZdGridCellContent = __decorate([
|
49201
49223
|
Component$1
|
49202
49224
|
], ZdGridCellContent);
|
@@ -49228,7 +49250,7 @@ var __vue_render__$V = function () {
|
|
49228
49250
|
},
|
49229
49251
|
[
|
49230
49252
|
_vm._t("default", function () {
|
49231
|
-
return [_vm._v(_vm._s(_vm.
|
49253
|
+
return [_vm._v(_vm._s(_vm.value))]
|
49232
49254
|
}),
|
49233
49255
|
],
|
49234
49256
|
2
|
@@ -49240,7 +49262,7 @@ __vue_render__$V._withStripped = true;
|
|
49240
49262
|
/* style */
|
49241
49263
|
const __vue_inject_styles__$V = function (inject) {
|
49242
49264
|
if (!inject) return
|
49243
|
-
inject("data-v-
|
49265
|
+
inject("data-v-550e69b7_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
49244
49266
|
|
49245
49267
|
};
|
49246
49268
|
/* scoped */
|
@@ -49659,12 +49681,6 @@ var __vue_render__$S = function () {
|
|
49659
49681
|
),
|
49660
49682
|
},
|
49661
49683
|
{ "zd-table-fixed-column-action": _vm.column.actionFixed },
|
49662
|
-
{
|
49663
|
-
"theme--dark":
|
49664
|
-
(_vm.$vuetify.theme.dark && !_vm.instance.light) ||
|
49665
|
-
_vm.instance.dark,
|
49666
|
-
},
|
49667
|
-
{ "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
|
49668
49684
|
],
|
49669
49685
|
cellStyle: _vm.cellStyle,
|
49670
49686
|
},
|
@@ -56677,7 +56693,7 @@ __vue_render__$j._withStripped = true;
|
|
56677
56693
|
/* style */
|
56678
56694
|
const __vue_inject_styles__$j = function (inject) {
|
56679
56695
|
if (!inject) return
|
56680
|
-
inject("data-v-50cfa309_0", { source: ".zd-select-tree-loading {\n margin-top: -
|
56696
|
+
inject("data-v-50cfa309_0", { source: ".zd-select-tree-loading {\n margin-top: -2px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow {\n color: rgba(0, 0, 0, 0.54);\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__tip {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.vue-treeselect__menu-container .vue-treeselect__tip .vue-treeselect__tip-text {\n font-size: var(--zd-font-body1-size);\n font-family: \"Roboto\", sans-serif;\n line-height: 2;\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__tip-text {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined });
|
56681
56697
|
|
56682
56698
|
};
|
56683
56699
|
/* scoped */
|
@@ -57067,7 +57083,7 @@ __vue_render__$i._withStripped = true;
|
|
57067
57083
|
/* style */
|
57068
57084
|
const __vue_inject_styles__$i = function (inject) {
|
57069
57085
|
if (!inject) return
|
57070
|
-
inject("data-v-211c8c44_0", { source: ".zd-select-tree-loading {\n margin-top: -
|
57086
|
+
inject("data-v-211c8c44_0", { source: ".zd-select-tree-loading {\n margin-top: -2px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow {\n color: rgba(0, 0, 0, 0.54);\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__tip {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.vue-treeselect__menu-container .vue-treeselect__tip .vue-treeselect__tip-text {\n font-size: var(--zd-font-body1-size);\n font-family: \"Roboto\", sans-serif;\n line-height: 2;\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__tip-text {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined })
|
57071
57087
|
,inject("data-v-211c8c44_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 37px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0 13px 0 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding: 0;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
|
57072
57088
|
|
57073
57089
|
};
|
package/dist/zd-vuetify.umd.js
CHANGED
@@ -44087,7 +44087,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
44087
44087
|
/* style */
|
44088
44088
|
const __vue_inject_styles__$17 = function (inject) {
|
44089
44089
|
if (!inject) return
|
44090
|
-
inject("data-v-
|
44090
|
+
inject("data-v-88c7c92c_0", { source: ".zd-dropdown {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n padding: 2px;\n}\n.zd-dropdown .zd-dropdown-component {\n padding: 6px 14px;\n border-radius: var(--border);\n}\n.zd-dropdown-hover:hover {\n background-color: var(--v-grey-lighten5);\n}\n.zd-dropdown-cursor {\n cursor: var(--cursor);\n}\n.zd-dropdown-menu {\n margin: 0 !important;\n padding: 0 !important;\n box-shadow: var(--shadow-8);\n}", map: undefined, media: undefined });
|
44091
44091
|
|
44092
44092
|
};
|
44093
44093
|
/* scoped */
|
@@ -49155,6 +49155,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
49155
49155
|
* Grid cell content component
|
49156
49156
|
*/
|
49157
49157
|
let ZdGridCellContent = class ZdGridCellContent extends Vue__default["default"] {
|
49158
|
+
constructor() {
|
49159
|
+
super(...arguments);
|
49160
|
+
this.value = '';
|
49161
|
+
}
|
49158
49162
|
mouseenter(event) {
|
49159
49163
|
this.$emit('mouseenter', event);
|
49160
49164
|
}
|
@@ -49167,6 +49171,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
49167
49171
|
get formattedValue() {
|
49168
49172
|
return this.column.formatterByRow(this.row, this.cellProps);
|
49169
49173
|
}
|
49174
|
+
changeValue() {
|
49175
|
+
this.value = this.formattedValue;
|
49176
|
+
}
|
49177
|
+
updateValue() {
|
49178
|
+
this.value = this.column.formatterByRow(this.row, this.cellProps);
|
49179
|
+
}
|
49180
|
+
mounted() {
|
49181
|
+
core.I18n.registerChangeListener(this.updateValue.bind(this));
|
49182
|
+
}
|
49183
|
+
destroyed() {
|
49184
|
+
core.I18n.unregisterChangeListener(this.updateValue.bind(this));
|
49185
|
+
}
|
49170
49186
|
};
|
49171
49187
|
__decorate([
|
49172
49188
|
vuePropertyDecorator.Prop({ type: Object, required: true }),
|
@@ -49196,6 +49212,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
49196
49212
|
vuePropertyDecorator.Prop({ type: Boolean, default: true }),
|
49197
49213
|
__metadata("design:type", Boolean)
|
49198
49214
|
], ZdGridCellContent.prototype, "hasUsingCellText", void 0);
|
49215
|
+
__decorate([
|
49216
|
+
vuePropertyDecorator.Watch('formattedValue', { immediate: true }),
|
49217
|
+
__metadata("design:type", Function),
|
49218
|
+
__metadata("design:paramtypes", []),
|
49219
|
+
__metadata("design:returntype", void 0)
|
49220
|
+
], ZdGridCellContent.prototype, "changeValue", null);
|
49199
49221
|
ZdGridCellContent = __decorate([
|
49200
49222
|
vuePropertyDecorator.Component
|
49201
49223
|
], ZdGridCellContent);
|
@@ -49227,7 +49249,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
49227
49249
|
},
|
49228
49250
|
[
|
49229
49251
|
_vm._t("default", function () {
|
49230
|
-
return [_vm._v(_vm._s(_vm.
|
49252
|
+
return [_vm._v(_vm._s(_vm.value))]
|
49231
49253
|
}),
|
49232
49254
|
],
|
49233
49255
|
2
|
@@ -49239,7 +49261,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
49239
49261
|
/* style */
|
49240
49262
|
const __vue_inject_styles__$V = function (inject) {
|
49241
49263
|
if (!inject) return
|
49242
|
-
inject("data-v-
|
49264
|
+
inject("data-v-550e69b7_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
49243
49265
|
|
49244
49266
|
};
|
49245
49267
|
/* scoped */
|
@@ -49658,12 +49680,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
49658
49680
|
),
|
49659
49681
|
},
|
49660
49682
|
{ "zd-table-fixed-column-action": _vm.column.actionFixed },
|
49661
|
-
{
|
49662
|
-
"theme--dark":
|
49663
|
-
(_vm.$vuetify.theme.dark && !_vm.instance.light) ||
|
49664
|
-
_vm.instance.dark,
|
49665
|
-
},
|
49666
|
-
{ "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
|
49667
49683
|
],
|
49668
49684
|
cellStyle: _vm.cellStyle,
|
49669
49685
|
},
|
@@ -56676,7 +56692,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
56676
56692
|
/* style */
|
56677
56693
|
const __vue_inject_styles__$j = function (inject) {
|
56678
56694
|
if (!inject) return
|
56679
|
-
inject("data-v-50cfa309_0", { source: ".zd-select-tree-loading {\n margin-top: -
|
56695
|
+
inject("data-v-50cfa309_0", { source: ".zd-select-tree-loading {\n margin-top: -2px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow {\n color: rgba(0, 0, 0, 0.54);\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__tip {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.vue-treeselect__menu-container .vue-treeselect__tip .vue-treeselect__tip-text {\n font-size: var(--zd-font-body1-size);\n font-family: \"Roboto\", sans-serif;\n line-height: 2;\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__tip-text {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined });
|
56680
56696
|
|
56681
56697
|
};
|
56682
56698
|
/* scoped */
|
@@ -57066,7 +57082,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
57066
57082
|
/* style */
|
57067
57083
|
const __vue_inject_styles__$i = function (inject) {
|
57068
57084
|
if (!inject) return
|
57069
|
-
inject("data-v-211c8c44_0", { source: ".zd-select-tree-loading {\n margin-top: -
|
57085
|
+
inject("data-v-211c8c44_0", { source: ".zd-select-tree-loading {\n margin-top: -2px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow {\n color: rgba(0, 0, 0, 0.54);\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__tip {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.vue-treeselect__menu-container .vue-treeselect__tip .vue-treeselect__tip-text {\n font-size: var(--zd-font-body1-size);\n font-family: \"Roboto\", sans-serif;\n line-height: 2;\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__tip-text {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined })
|
57070
57086
|
,inject("data-v-211c8c44_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 37px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0 13px 0 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding: 0;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
|
57071
57087
|
|
57072
57088
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@zeedhi/vuetify",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.83.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": "e3c34a4519294071d682b2503faa583b7e6d86fd"
|
55
55
|
}
|