@zeedhi/vuetify 1.85.0 → 1.86.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 +110 -43
- package/dist/zd-vuetify.umd.js +110 -43
- package/package.json +2 -2
- package/types/components/zd-iterable/zd-search/ZdSearch.d.ts +1 -0
- package/types/components/zd-menu/ZdMenu.d.ts +1 -0
- package/types/components/zd-menu/ZdMenuGroup.d.ts +1 -0
- package/types/components/zd-menu/ZdMenuLink.d.ts +2 -0
- package/types/components/zd-select/ZdSelect.d.ts +2 -0
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -48188,7 +48188,7 @@ __decorate([
|
|
|
48188
48188
|
__metadata("design:type", Boolean)
|
|
48189
48189
|
], ZdHeader.prototype, "fixed", void 0);
|
|
48190
48190
|
__decorate([
|
|
48191
|
-
PropWatch({ type: [Number, String], default: '
|
|
48191
|
+
PropWatch({ type: [Number, String], default: '' }),
|
|
48192
48192
|
__metadata("design:type", Object)
|
|
48193
48193
|
], ZdHeader.prototype, "height", void 0);
|
|
48194
48194
|
__decorate([
|
|
@@ -50901,7 +50901,7 @@ __vue_render__$L._withStripped = true;
|
|
|
50901
50901
|
/* style */
|
|
50902
50902
|
const __vue_inject_styles__$L = function (inject) {
|
|
50903
50903
|
if (!inject) return
|
|
50904
|
-
inject("data-v-
|
|
50904
|
+
inject("data-v-eab50c5e_0", { source: ".zd-iterable-pagination {\n padding: 0;\n margin-left: 0;\n display: flex;\n gap: 0;\n align-items: center;\n width: 100%;\n}\n.zd-iterable-pagination .v-pagination {\n width: auto;\n}\n.zd-iterable-pagination .v-pagination.theme--dark .v-pagination__item--active {\n color: #fff;\n background: #282828 !important;\n border-color: #282828 !important;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation {\n box-shadow: none;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n background-color: transparent;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation, .zd-iterable-pagination .v-pagination .v-pagination__more {\n margin: 0 var(--spacing-1);\n height: 2rem;\n width: 2rem;\n white-space: nowrap;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation {\n border: solid var(--regular) var(--v-grey-lighten3);\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation .v-icon {\n font-size: var(--icon-size);\n}\n.zd-iterable-pagination .v-pagination li:first-child .v-pagination__navigation {\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-iterable-pagination .v-pagination li:last-child .v-pagination__navigation {\n margin: 0 0 0 var(--spacing-1);\n}", map: undefined, media: undefined });
|
|
50905
50905
|
|
|
50906
50906
|
};
|
|
50907
50907
|
/* scoped */
|
|
@@ -51010,6 +51010,22 @@ let ZdSelect = class ZdSelect extends __vue_component__$1f {
|
|
|
51010
51010
|
this.componentRef.isMenuActive = !this.instance.readonly && !this.instance.disabled;
|
|
51011
51011
|
this.focus(event);
|
|
51012
51012
|
}
|
|
51013
|
+
selectKeydown(event) {
|
|
51014
|
+
if (this.instance.autoSelection
|
|
51015
|
+
&& this.instance.search
|
|
51016
|
+
&& this.instance.datasource.data.length === 1
|
|
51017
|
+
&& event.key === 'Tab') {
|
|
51018
|
+
const vSelect = this.$refs.instance;
|
|
51019
|
+
const vMenu = vSelect === null || vSelect === void 0 ? void 0 : vSelect.$refs.menu;
|
|
51020
|
+
const menuTile = vMenu.tiles[0];
|
|
51021
|
+
if (menuTile) {
|
|
51022
|
+
this.$nextTick(() => {
|
|
51023
|
+
menuTile.click();
|
|
51024
|
+
});
|
|
51025
|
+
}
|
|
51026
|
+
}
|
|
51027
|
+
this.instance.keydown(event, this.$el);
|
|
51028
|
+
}
|
|
51013
51029
|
formattedDataText(item) {
|
|
51014
51030
|
return this.instance.formatter(item);
|
|
51015
51031
|
}
|
|
@@ -51070,6 +51086,10 @@ __decorate([
|
|
|
51070
51086
|
PropWatch({ type: [Boolean, String], default: true }),
|
|
51071
51087
|
__metadata("design:type", Object)
|
|
51072
51088
|
], ZdSelect.prototype, "autocomplete", void 0);
|
|
51089
|
+
__decorate([
|
|
51090
|
+
PropWatch({ type: [Boolean, String], default: true }),
|
|
51091
|
+
__metadata("design:type", Object)
|
|
51092
|
+
], ZdSelect.prototype, "autoSelection", void 0);
|
|
51073
51093
|
__decorate([
|
|
51074
51094
|
PropWatch({ type: [String, Array], default: () => ([]) }),
|
|
51075
51095
|
__metadata("design:type", Array)
|
|
@@ -51246,7 +51266,7 @@ var __vue_render__$K = function () {
|
|
|
51246
51266
|
return _vm.instance.keyup($event)
|
|
51247
51267
|
},
|
|
51248
51268
|
keydown: function ($event) {
|
|
51249
|
-
return _vm.
|
|
51269
|
+
return _vm.selectKeydown($event)
|
|
51250
51270
|
},
|
|
51251
51271
|
"update:searchInput": function ($event) {
|
|
51252
51272
|
return _vm.$set(_vm.instance, "search", $event)
|
|
@@ -51423,7 +51443,7 @@ __vue_render__$K._withStripped = true;
|
|
|
51423
51443
|
/* style */
|
|
51424
51444
|
const __vue_inject_styles__$K = function (inject) {
|
|
51425
51445
|
if (!inject) return
|
|
51426
|
-
inject("data-v-
|
|
51446
|
+
inject("data-v-092dd822_0", { source: ".zd-select .v-input__control .v-input__slot .v-select__slot {\n position: static;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-top: 5px;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-inner {\n padding-left: 0;\n padding-right: 0;\n}\n.zd-select.zd-select-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.zd-select.zd-select-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.zd-select.zd-select-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.zd-select .v-select__selections {\n padding: 0;\n width: 172px;\n overflow: hidden;\n white-space: nowrap;\n flex-wrap: nowrap;\n text-overflow: ellipsis;\n}\n.zd-select .v-select__selections .v-select__selection {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n margin: 0;\n max-width: none;\n}\n.zd-select .v-select__selections .v-select__selection--disabled {\n opacity: 0.5;\n}\n.zd-select.zd-dense .v-input__append-inner, .zd-select.zd-dense .v-input__prepend-inner {\n margin-top: 0;\n}\n.zd-select-append-item .v-list-item__content {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-size);\n color: var(--v-primary-base);\n}\n.v-menu__content.zd-select-menu {\n box-shadow: var(--shadow-2);\n}\n.v-menu__content.zd-select-menu .v-select-list {\n padding: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__content {\n padding: var(--spacing-2) 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item:not(.theme--dark) {\n color: var(--zd-font-color);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__title {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled .v-list-item__title {\n opacity: 0.5;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled.primary--text .v-list-item__title {\n color: inherit;\n}\n.v-menu__content.zd-select-menu.zd-dense .v-list-item {\n height: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu.zd-select-align-left .v-list-item__content .v-list-item__title {\n text-align: left;\n}\n.v-menu__content.zd-select-menu.zd-select-align-center .v-list-item__content .v-list-item__title {\n text-align: center;\n}\n.v-menu__content.zd-select-menu.zd-select-align-right .v-list-item__content .v-list-item__title {\n text-align: right;\n}", map: undefined, media: undefined });
|
|
51427
51447
|
|
|
51428
51448
|
};
|
|
51429
51449
|
/* scoped */
|
|
@@ -51754,7 +51774,6 @@ var __vue_render__$H = function () {
|
|
|
51754
51774
|
color: _vm.instance.color,
|
|
51755
51775
|
elevation: _vm.instance.elevation,
|
|
51756
51776
|
expand: _vm.instance.expand,
|
|
51757
|
-
tile: _vm.instance.tile,
|
|
51758
51777
|
height: _vm.instance.height,
|
|
51759
51778
|
minHeight: _vm.instance.minHeight,
|
|
51760
51779
|
maxHeight: _vm.instance.maxHeight,
|
|
@@ -51801,7 +51820,7 @@ __vue_render__$H._withStripped = true;
|
|
|
51801
51820
|
/* style */
|
|
51802
51821
|
const __vue_inject_styles__$H = function (inject) {
|
|
51803
51822
|
if (!inject) return
|
|
51804
|
-
inject("data-v-
|
|
51823
|
+
inject("data-v-2c0c830c_0", { source: ".zd-list {\n overflow: auto;\n}\n.zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n flex-direction: column;\n justify-content: center;\n align-self: center;\n height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
|
|
51805
51824
|
|
|
51806
51825
|
};
|
|
51807
51826
|
/* scoped */
|
|
@@ -51997,6 +52016,18 @@ var __vue_render__$F = function () {
|
|
|
51997
52016
|
click: function ($event) {
|
|
51998
52017
|
return _vm.click($event)
|
|
51999
52018
|
},
|
|
52019
|
+
focus: function ($event) {
|
|
52020
|
+
return _vm.focus($event)
|
|
52021
|
+
},
|
|
52022
|
+
blur: function ($event) {
|
|
52023
|
+
return _vm.blur($event)
|
|
52024
|
+
},
|
|
52025
|
+
mouseenter: function ($event) {
|
|
52026
|
+
return _vm.mouseenter($event)
|
|
52027
|
+
},
|
|
52028
|
+
mouseleave: function ($event) {
|
|
52029
|
+
return _vm.mouseleave($event)
|
|
52030
|
+
},
|
|
52000
52031
|
},
|
|
52001
52032
|
},
|
|
52002
52033
|
[
|
|
@@ -52171,6 +52202,18 @@ var __vue_render__$E = function () {
|
|
|
52171
52202
|
click: function ($event) {
|
|
52172
52203
|
return _vm.click($event)
|
|
52173
52204
|
},
|
|
52205
|
+
focus: function ($event) {
|
|
52206
|
+
return _vm.focus($event)
|
|
52207
|
+
},
|
|
52208
|
+
blur: function ($event) {
|
|
52209
|
+
return _vm.blur($event)
|
|
52210
|
+
},
|
|
52211
|
+
mouseenter: function ($event) {
|
|
52212
|
+
return _vm.mouseenter($event)
|
|
52213
|
+
},
|
|
52214
|
+
mouseleave: function ($event) {
|
|
52215
|
+
return _vm.mouseleave($event)
|
|
52216
|
+
},
|
|
52174
52217
|
},
|
|
52175
52218
|
scopedSlots: _vm._u(
|
|
52176
52219
|
[
|
|
@@ -52298,7 +52341,7 @@ __vue_render__$E._withStripped = true;
|
|
|
52298
52341
|
/* style */
|
|
52299
52342
|
const __vue_inject_styles__$E = function (inject) {
|
|
52300
52343
|
if (!inject) return
|
|
52301
|
-
inject("data-v-
|
|
52344
|
+
inject("data-v-3a515040_0", { source: ".zd-list-group .group-list {\n background-color: inherit;\n}\n.zd-list-group.v-list-item--two-line > .v-list-item, .zd-list-group.v-list-item--three-line > .v-list-item {\n min-height: inherit;\n}", map: undefined, media: undefined });
|
|
52302
52345
|
|
|
52303
52346
|
};
|
|
52304
52347
|
/* scoped */
|
|
@@ -53105,6 +53148,10 @@ let ZdMenu = class ZdMenu extends ZdComponentRender$1 {
|
|
|
53105
53148
|
}
|
|
53106
53149
|
}
|
|
53107
53150
|
}
|
|
53151
|
+
get checkMiniVariant() {
|
|
53152
|
+
return ((!this.instance.opened && this.instance.mini) || (this.instance.miniState && !this.instance.mouseOver
|
|
53153
|
+
&& (this.instance.miniState && this.$refs.ZdMenu && !this.$refs.ZdMenu.isMobile)) || (this.instance.miniState && this.instance.mini));
|
|
53154
|
+
}
|
|
53108
53155
|
};
|
|
53109
53156
|
__decorate([
|
|
53110
53157
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -53230,6 +53277,7 @@ var __vue_render__$z = function () {
|
|
|
53230
53277
|
_c(
|
|
53231
53278
|
"v-tooltip",
|
|
53232
53279
|
{
|
|
53280
|
+
staticClass: "zd-menu-tooltip",
|
|
53233
53281
|
attrs: {
|
|
53234
53282
|
right: "",
|
|
53235
53283
|
"position-x": _vm.instance.tooltipPosition.x,
|
|
@@ -53275,14 +53323,7 @@ var __vue_render__$z = function () {
|
|
|
53275
53323
|
fixed: _vm.instance.fixed,
|
|
53276
53324
|
floating: _vm.instance.floating,
|
|
53277
53325
|
"mini-variant-width": _vm.instance.miniWidth,
|
|
53278
|
-
"mini-variant":
|
|
53279
|
-
(!_vm.instance.opened && _vm.instance.mini) ||
|
|
53280
|
-
(_vm.instance.miniState &&
|
|
53281
|
-
!_vm.instance.mouseOver &&
|
|
53282
|
-
_vm.instance.miniState &&
|
|
53283
|
-
_vm.$refs.ZdMenu &&
|
|
53284
|
-
!_vm.$refs.ZdMenu.isMobile) ||
|
|
53285
|
-
(_vm.instance.miniState && _vm.instance.mini),
|
|
53326
|
+
"mini-variant": _vm.checkMiniVariant,
|
|
53286
53327
|
"mobile-breakpoint": _vm.instance.mobileBreakpoint,
|
|
53287
53328
|
temporary: _vm.instance.temporary,
|
|
53288
53329
|
width: _vm.instance.width,
|
|
@@ -53359,7 +53400,10 @@ var __vue_render__$z = function () {
|
|
|
53359
53400
|
key: item.name,
|
|
53360
53401
|
tag: "component",
|
|
53361
53402
|
class: _vm.instance.mini ? "menu-item-mini" : "",
|
|
53362
|
-
attrs: {
|
|
53403
|
+
attrs: {
|
|
53404
|
+
miniVariant: _vm.checkMiniVariant,
|
|
53405
|
+
"parent-menu": _vm.instance,
|
|
53406
|
+
},
|
|
53363
53407
|
},
|
|
53364
53408
|
"component",
|
|
53365
53409
|
item,
|
|
@@ -53386,7 +53430,7 @@ __vue_render__$z._withStripped = true;
|
|
|
53386
53430
|
/* style */
|
|
53387
53431
|
const __vue_inject_styles__$z = function (inject) {
|
|
53388
53432
|
if (!inject) return
|
|
53389
|
-
inject("data-v-
|
|
53433
|
+
inject("data-v-6229dc52_0", { source: ".zd-menu-tooltip {\n z-index: 999;\n}\n.zd-menu .v-list .v-list-item .v-list-item__title {\n font-weight: var(--zd-font-body1-weight);\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n margin-bottom: 10px;\n display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n justify-content: inherit;\n}\n.zd-menu.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {\n display: block !important;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
|
|
53390
53434
|
|
|
53391
53435
|
};
|
|
53392
53436
|
/* scoped */
|
|
@@ -53460,6 +53504,14 @@ __decorate([
|
|
|
53460
53504
|
Prop(),
|
|
53461
53505
|
__metadata("design:type", MenuGroup)
|
|
53462
53506
|
], ZdMenuLink.prototype, "parentGroup", void 0);
|
|
53507
|
+
__decorate([
|
|
53508
|
+
Prop(),
|
|
53509
|
+
__metadata("design:type", Boolean)
|
|
53510
|
+
], ZdMenuLink.prototype, "miniVariant", void 0);
|
|
53511
|
+
__decorate([
|
|
53512
|
+
PropWatch({ type: Number, default: 1 }),
|
|
53513
|
+
__metadata("design:type", Number)
|
|
53514
|
+
], ZdMenuLink.prototype, "menuLevel", void 0);
|
|
53463
53515
|
ZdMenuLink = __decorate([
|
|
53464
53516
|
Component$1
|
|
53465
53517
|
], ZdMenuLink);
|
|
@@ -53480,8 +53532,9 @@ var __vue_render__$y = function () {
|
|
|
53480
53532
|
{
|
|
53481
53533
|
name: "show",
|
|
53482
53534
|
rawName: "v-show",
|
|
53483
|
-
value:
|
|
53484
|
-
|
|
53535
|
+
value:
|
|
53536
|
+
_vm.instance.isVisible && !(_vm.miniVariant && _vm.menuLevel !== 1),
|
|
53537
|
+
expression: "instance.isVisible && !(miniVariant && menuLevel !== 1)",
|
|
53485
53538
|
},
|
|
53486
53539
|
],
|
|
53487
53540
|
staticClass: "zd-menu-link",
|
|
@@ -53527,11 +53580,11 @@ __vue_render__$y._withStripped = true;
|
|
|
53527
53580
|
/* style */
|
|
53528
53581
|
const __vue_inject_styles__$y = function (inject) {
|
|
53529
53582
|
if (!inject) return
|
|
53530
|
-
inject("data-v-
|
|
53583
|
+
inject("data-v-a9b0e756_0", { source: ".zd-menu-link .zd-menu-link-icon[data-v-a9b0e756] {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}", map: undefined, media: undefined });
|
|
53531
53584
|
|
|
53532
53585
|
};
|
|
53533
53586
|
/* scoped */
|
|
53534
|
-
const __vue_scope_id__$y = "data-v-
|
|
53587
|
+
const __vue_scope_id__$y = "data-v-a9b0e756";
|
|
53535
53588
|
/* module identifier */
|
|
53536
53589
|
const __vue_module_identifier__$y = undefined;
|
|
53537
53590
|
/* functional template */
|
|
@@ -53608,6 +53661,10 @@ __decorate([
|
|
|
53608
53661
|
Prop(),
|
|
53609
53662
|
__metadata("design:type", MenuGroup)
|
|
53610
53663
|
], ZdMenuGroup.prototype, "parentGroup", void 0);
|
|
53664
|
+
__decorate([
|
|
53665
|
+
Prop(),
|
|
53666
|
+
__metadata("design:type", Boolean)
|
|
53667
|
+
], ZdMenuGroup.prototype, "miniVariant", void 0);
|
|
53611
53668
|
ZdMenuGroup = __decorate([
|
|
53612
53669
|
Component$1
|
|
53613
53670
|
], ZdMenuGroup);
|
|
@@ -53628,8 +53685,9 @@ var __vue_render__$x = function () {
|
|
|
53628
53685
|
{
|
|
53629
53686
|
name: "show",
|
|
53630
53687
|
rawName: "v-show",
|
|
53631
|
-
value:
|
|
53632
|
-
|
|
53688
|
+
value:
|
|
53689
|
+
_vm.instance.isVisible && !(_vm.miniVariant && _vm.menuLevel !== 1),
|
|
53690
|
+
expression: "instance.isVisible && !(miniVariant && menuLevel !== 1)",
|
|
53633
53691
|
},
|
|
53634
53692
|
],
|
|
53635
53693
|
staticClass: "zd-menu-group",
|
|
@@ -53699,6 +53757,7 @@ var __vue_render__$x = function () {
|
|
|
53699
53757
|
"parent-menu": _vm.instance.parentMenu,
|
|
53700
53758
|
"parent-group": _vm.instance,
|
|
53701
53759
|
"menu-level": _vm.menuLevel + 1,
|
|
53760
|
+
miniVariant: _vm.miniVariant,
|
|
53702
53761
|
"sub-group": "",
|
|
53703
53762
|
"no-action": "",
|
|
53704
53763
|
},
|
|
@@ -53721,7 +53780,7 @@ __vue_render__$x._withStripped = true;
|
|
|
53721
53780
|
/* style */
|
|
53722
53781
|
const __vue_inject_styles__$x = function (inject) {
|
|
53723
53782
|
if (!inject) return
|
|
53724
|
-
inject("data-v-
|
|
53783
|
+
inject("data-v-24208f06_0", { source: ".zd-menu-group .v-list-group__header .v-list-group__header__prepend-icon {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}\n.zd-menu-group .zd-menu-group-arrow-icon {\n position: absolute;\n top: 10px;\n font-size: 18px;\n transform: rotate(-90deg);\n}\n.zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 48px;\n}\n.zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 58px;\n}\n.zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 68px;\n}\n.zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 78px;\n}", map: undefined, media: undefined });
|
|
53725
53784
|
|
|
53726
53785
|
};
|
|
53727
53786
|
/* scoped */
|
|
@@ -55202,7 +55261,8 @@ let ZdSearch = class ZdSearch extends __vue_component__$1f {
|
|
|
55202
55261
|
this.instanceType = Search;
|
|
55203
55262
|
}
|
|
55204
55263
|
getSearchValue() {
|
|
55205
|
-
|
|
55264
|
+
var _a;
|
|
55265
|
+
return ((_a = this.instance.iterableComponent) === null || _a === void 0 ? void 0 : _a.datasource.search) || '';
|
|
55206
55266
|
}
|
|
55207
55267
|
};
|
|
55208
55268
|
__decorate([
|
|
@@ -55225,6 +55285,10 @@ __decorate([
|
|
|
55225
55285
|
PropWatch({ type: String, default: 'SEARCH' }),
|
|
55226
55286
|
__metadata("design:type", String)
|
|
55227
55287
|
], ZdSearch.prototype, "placeholder", void 0);
|
|
55288
|
+
__decorate([
|
|
55289
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
55290
|
+
__metadata("design:type", String)
|
|
55291
|
+
], ZdSearch.prototype, "lazyAttach", void 0);
|
|
55228
55292
|
ZdSearch = __decorate([
|
|
55229
55293
|
Component$1
|
|
55230
55294
|
], ZdSearch);
|
|
@@ -58809,23 +58873,26 @@ var __vue_render__$7 = function () {
|
|
|
58809
58873
|
"zd-text-align-" +
|
|
58810
58874
|
(_vm.instance.reverse ? "right" : _vm.instance.align),
|
|
58811
58875
|
],
|
|
58812
|
-
style:
|
|
58813
|
-
|
|
58814
|
-
|
|
58815
|
-
|
|
58816
|
-
|
|
58817
|
-
|
|
58818
|
-
|
|
58819
|
-
|
|
58820
|
-
|
|
58821
|
-
|
|
58822
|
-
|
|
58823
|
-
|
|
58824
|
-
|
|
58825
|
-
|
|
58826
|
-
|
|
58827
|
-
|
|
58828
|
-
|
|
58876
|
+
style: [
|
|
58877
|
+
{
|
|
58878
|
+
height:
|
|
58879
|
+
_vm.instance.fillHeight ||
|
|
58880
|
+
_vm.instance.cssClass.indexOf("zd-form-child") !== -1
|
|
58881
|
+
? undefined
|
|
58882
|
+
: _vm.$formatSize(_vm.instance.height),
|
|
58883
|
+
minHeight:
|
|
58884
|
+
_vm.instance.minHeight ||
|
|
58885
|
+
_vm.instance.cssClass.indexOf("zd-form-child") !== -1
|
|
58886
|
+
? undefined
|
|
58887
|
+
: _vm.$formatSize(_vm.instance.minHeight),
|
|
58888
|
+
maxHeight:
|
|
58889
|
+
_vm.instance.maxHeight ||
|
|
58890
|
+
_vm.instance.cssClass.indexOf("zd-form-child") !== -1
|
|
58891
|
+
? undefined
|
|
58892
|
+
: _vm.$formatSize(_vm.instance.maxHeight),
|
|
58893
|
+
},
|
|
58894
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
58895
|
+
],
|
|
58829
58896
|
attrs: {
|
|
58830
58897
|
id: _vm.instance.name,
|
|
58831
58898
|
name: _vm.instance.name,
|
|
@@ -58919,7 +58986,7 @@ __vue_render__$7._withStripped = true;
|
|
|
58919
58986
|
/* style */
|
|
58920
58987
|
const __vue_inject_styles__$7 = function (inject) {
|
|
58921
58988
|
if (!inject) return
|
|
58922
|
-
inject("data-v-
|
|
58989
|
+
inject("data-v-5c3828da_0", { source: ".v-input.zd-textarea {\n height: 100%;\n overflow-x: hidden;\n}\n.v-input.zd-textarea > .v-input__control {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: auto;\n flex: 1 1 auto;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot .v-text-field__slot {\n height: -webkit-fill-available;\n}\n.v-input.zd-textarea > .v-input__control > .v-text-field__details {\n flex: 0 0 auto;\n}\n.v-input.zd-textarea textarea {\n margin: var(--spacing-2);\n line-height: unset;\n}\n.v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-textarea.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-textarea.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.v-input.zd-textarea .v-input__append-inner, .v-input.zd-textarea .v-input__prepend-inner {\n align-self: flex-start;\n margin-top: var(--spacing-2);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon {\n height: var(--icon-size-small);\n width: var(--icon-size-small);\n min-width: var(--icon-size-small);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon .v-icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__append-inner,\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__prepend-inner {\n margin-top: 0;\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot textarea {\n margin-top: 0;\n margin-bottom: 0;\n}", map: undefined, media: undefined });
|
|
58923
58990
|
|
|
58924
58991
|
};
|
|
58925
58992
|
/* scoped */
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -48187,7 +48187,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
48187
48187
|
__metadata("design:type", Boolean)
|
|
48188
48188
|
], ZdHeader.prototype, "fixed", void 0);
|
|
48189
48189
|
__decorate([
|
|
48190
|
-
PropWatch({ type: [Number, String], default: '
|
|
48190
|
+
PropWatch({ type: [Number, String], default: '' }),
|
|
48191
48191
|
__metadata("design:type", Object)
|
|
48192
48192
|
], ZdHeader.prototype, "height", void 0);
|
|
48193
48193
|
__decorate([
|
|
@@ -50900,7 +50900,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
50900
50900
|
/* style */
|
|
50901
50901
|
const __vue_inject_styles__$L = function (inject) {
|
|
50902
50902
|
if (!inject) return
|
|
50903
|
-
inject("data-v-
|
|
50903
|
+
inject("data-v-eab50c5e_0", { source: ".zd-iterable-pagination {\n padding: 0;\n margin-left: 0;\n display: flex;\n gap: 0;\n align-items: center;\n width: 100%;\n}\n.zd-iterable-pagination .v-pagination {\n width: auto;\n}\n.zd-iterable-pagination .v-pagination.theme--dark .v-pagination__item--active {\n color: #fff;\n background: #282828 !important;\n border-color: #282828 !important;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation {\n box-shadow: none;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n background-color: transparent;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation, .zd-iterable-pagination .v-pagination .v-pagination__more {\n margin: 0 var(--spacing-1);\n height: 2rem;\n width: 2rem;\n white-space: nowrap;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation {\n border: solid var(--regular) var(--v-grey-lighten3);\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation .v-icon {\n font-size: var(--icon-size);\n}\n.zd-iterable-pagination .v-pagination li:first-child .v-pagination__navigation {\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-iterable-pagination .v-pagination li:last-child .v-pagination__navigation {\n margin: 0 0 0 var(--spacing-1);\n}", map: undefined, media: undefined });
|
|
50904
50904
|
|
|
50905
50905
|
};
|
|
50906
50906
|
/* scoped */
|
|
@@ -51009,6 +51009,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51009
51009
|
this.componentRef.isMenuActive = !this.instance.readonly && !this.instance.disabled;
|
|
51010
51010
|
this.focus(event);
|
|
51011
51011
|
}
|
|
51012
|
+
selectKeydown(event) {
|
|
51013
|
+
if (this.instance.autoSelection
|
|
51014
|
+
&& this.instance.search
|
|
51015
|
+
&& this.instance.datasource.data.length === 1
|
|
51016
|
+
&& event.key === 'Tab') {
|
|
51017
|
+
const vSelect = this.$refs.instance;
|
|
51018
|
+
const vMenu = vSelect === null || vSelect === void 0 ? void 0 : vSelect.$refs.menu;
|
|
51019
|
+
const menuTile = vMenu.tiles[0];
|
|
51020
|
+
if (menuTile) {
|
|
51021
|
+
this.$nextTick(() => {
|
|
51022
|
+
menuTile.click();
|
|
51023
|
+
});
|
|
51024
|
+
}
|
|
51025
|
+
}
|
|
51026
|
+
this.instance.keydown(event, this.$el);
|
|
51027
|
+
}
|
|
51012
51028
|
formattedDataText(item) {
|
|
51013
51029
|
return this.instance.formatter(item);
|
|
51014
51030
|
}
|
|
@@ -51069,6 +51085,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51069
51085
|
PropWatch({ type: [Boolean, String], default: true }),
|
|
51070
51086
|
__metadata("design:type", Object)
|
|
51071
51087
|
], ZdSelect.prototype, "autocomplete", void 0);
|
|
51088
|
+
__decorate([
|
|
51089
|
+
PropWatch({ type: [Boolean, String], default: true }),
|
|
51090
|
+
__metadata("design:type", Object)
|
|
51091
|
+
], ZdSelect.prototype, "autoSelection", void 0);
|
|
51072
51092
|
__decorate([
|
|
51073
51093
|
PropWatch({ type: [String, Array], default: () => ([]) }),
|
|
51074
51094
|
__metadata("design:type", Array)
|
|
@@ -51245,7 +51265,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51245
51265
|
return _vm.instance.keyup($event)
|
|
51246
51266
|
},
|
|
51247
51267
|
keydown: function ($event) {
|
|
51248
|
-
return _vm.
|
|
51268
|
+
return _vm.selectKeydown($event)
|
|
51249
51269
|
},
|
|
51250
51270
|
"update:searchInput": function ($event) {
|
|
51251
51271
|
return _vm.$set(_vm.instance, "search", $event)
|
|
@@ -51422,7 +51442,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51422
51442
|
/* style */
|
|
51423
51443
|
const __vue_inject_styles__$K = function (inject) {
|
|
51424
51444
|
if (!inject) return
|
|
51425
|
-
inject("data-v-
|
|
51445
|
+
inject("data-v-092dd822_0", { source: ".zd-select .v-input__control .v-input__slot .v-select__slot {\n position: static;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-top: 5px;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-inner {\n padding-left: 0;\n padding-right: 0;\n}\n.zd-select.zd-select-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.zd-select.zd-select-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.zd-select.zd-select-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.zd-select .v-select__selections {\n padding: 0;\n width: 172px;\n overflow: hidden;\n white-space: nowrap;\n flex-wrap: nowrap;\n text-overflow: ellipsis;\n}\n.zd-select .v-select__selections .v-select__selection {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n margin: 0;\n max-width: none;\n}\n.zd-select .v-select__selections .v-select__selection--disabled {\n opacity: 0.5;\n}\n.zd-select.zd-dense .v-input__append-inner, .zd-select.zd-dense .v-input__prepend-inner {\n margin-top: 0;\n}\n.zd-select-append-item .v-list-item__content {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-size);\n color: var(--v-primary-base);\n}\n.v-menu__content.zd-select-menu {\n box-shadow: var(--shadow-2);\n}\n.v-menu__content.zd-select-menu .v-select-list {\n padding: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__content {\n padding: var(--spacing-2) 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item:not(.theme--dark) {\n color: var(--zd-font-color);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__title {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled .v-list-item__title {\n opacity: 0.5;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled.primary--text .v-list-item__title {\n color: inherit;\n}\n.v-menu__content.zd-select-menu.zd-dense .v-list-item {\n height: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu.zd-select-align-left .v-list-item__content .v-list-item__title {\n text-align: left;\n}\n.v-menu__content.zd-select-menu.zd-select-align-center .v-list-item__content .v-list-item__title {\n text-align: center;\n}\n.v-menu__content.zd-select-menu.zd-select-align-right .v-list-item__content .v-list-item__title {\n text-align: right;\n}", map: undefined, media: undefined });
|
|
51426
51446
|
|
|
51427
51447
|
};
|
|
51428
51448
|
/* scoped */
|
|
@@ -51753,7 +51773,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51753
51773
|
color: _vm.instance.color,
|
|
51754
51774
|
elevation: _vm.instance.elevation,
|
|
51755
51775
|
expand: _vm.instance.expand,
|
|
51756
|
-
tile: _vm.instance.tile,
|
|
51757
51776
|
height: _vm.instance.height,
|
|
51758
51777
|
minHeight: _vm.instance.minHeight,
|
|
51759
51778
|
maxHeight: _vm.instance.maxHeight,
|
|
@@ -51800,7 +51819,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51800
51819
|
/* style */
|
|
51801
51820
|
const __vue_inject_styles__$H = function (inject) {
|
|
51802
51821
|
if (!inject) return
|
|
51803
|
-
inject("data-v-
|
|
51822
|
+
inject("data-v-2c0c830c_0", { source: ".zd-list {\n overflow: auto;\n}\n.zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n flex-direction: column;\n justify-content: center;\n align-self: center;\n height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
|
|
51804
51823
|
|
|
51805
51824
|
};
|
|
51806
51825
|
/* scoped */
|
|
@@ -51996,6 +52015,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51996
52015
|
click: function ($event) {
|
|
51997
52016
|
return _vm.click($event)
|
|
51998
52017
|
},
|
|
52018
|
+
focus: function ($event) {
|
|
52019
|
+
return _vm.focus($event)
|
|
52020
|
+
},
|
|
52021
|
+
blur: function ($event) {
|
|
52022
|
+
return _vm.blur($event)
|
|
52023
|
+
},
|
|
52024
|
+
mouseenter: function ($event) {
|
|
52025
|
+
return _vm.mouseenter($event)
|
|
52026
|
+
},
|
|
52027
|
+
mouseleave: function ($event) {
|
|
52028
|
+
return _vm.mouseleave($event)
|
|
52029
|
+
},
|
|
51999
52030
|
},
|
|
52000
52031
|
},
|
|
52001
52032
|
[
|
|
@@ -52170,6 +52201,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52170
52201
|
click: function ($event) {
|
|
52171
52202
|
return _vm.click($event)
|
|
52172
52203
|
},
|
|
52204
|
+
focus: function ($event) {
|
|
52205
|
+
return _vm.focus($event)
|
|
52206
|
+
},
|
|
52207
|
+
blur: function ($event) {
|
|
52208
|
+
return _vm.blur($event)
|
|
52209
|
+
},
|
|
52210
|
+
mouseenter: function ($event) {
|
|
52211
|
+
return _vm.mouseenter($event)
|
|
52212
|
+
},
|
|
52213
|
+
mouseleave: function ($event) {
|
|
52214
|
+
return _vm.mouseleave($event)
|
|
52215
|
+
},
|
|
52173
52216
|
},
|
|
52174
52217
|
scopedSlots: _vm._u(
|
|
52175
52218
|
[
|
|
@@ -52297,7 +52340,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52297
52340
|
/* style */
|
|
52298
52341
|
const __vue_inject_styles__$E = function (inject) {
|
|
52299
52342
|
if (!inject) return
|
|
52300
|
-
inject("data-v-
|
|
52343
|
+
inject("data-v-3a515040_0", { source: ".zd-list-group .group-list {\n background-color: inherit;\n}\n.zd-list-group.v-list-item--two-line > .v-list-item, .zd-list-group.v-list-item--three-line > .v-list-item {\n min-height: inherit;\n}", map: undefined, media: undefined });
|
|
52301
52344
|
|
|
52302
52345
|
};
|
|
52303
52346
|
/* scoped */
|
|
@@ -53104,6 +53147,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53104
53147
|
}
|
|
53105
53148
|
}
|
|
53106
53149
|
}
|
|
53150
|
+
get checkMiniVariant() {
|
|
53151
|
+
return ((!this.instance.opened && this.instance.mini) || (this.instance.miniState && !this.instance.mouseOver
|
|
53152
|
+
&& (this.instance.miniState && this.$refs.ZdMenu && !this.$refs.ZdMenu.isMobile)) || (this.instance.miniState && this.instance.mini));
|
|
53153
|
+
}
|
|
53107
53154
|
};
|
|
53108
53155
|
__decorate([
|
|
53109
53156
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -53229,6 +53276,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53229
53276
|
_c(
|
|
53230
53277
|
"v-tooltip",
|
|
53231
53278
|
{
|
|
53279
|
+
staticClass: "zd-menu-tooltip",
|
|
53232
53280
|
attrs: {
|
|
53233
53281
|
right: "",
|
|
53234
53282
|
"position-x": _vm.instance.tooltipPosition.x,
|
|
@@ -53274,14 +53322,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53274
53322
|
fixed: _vm.instance.fixed,
|
|
53275
53323
|
floating: _vm.instance.floating,
|
|
53276
53324
|
"mini-variant-width": _vm.instance.miniWidth,
|
|
53277
|
-
"mini-variant":
|
|
53278
|
-
(!_vm.instance.opened && _vm.instance.mini) ||
|
|
53279
|
-
(_vm.instance.miniState &&
|
|
53280
|
-
!_vm.instance.mouseOver &&
|
|
53281
|
-
_vm.instance.miniState &&
|
|
53282
|
-
_vm.$refs.ZdMenu &&
|
|
53283
|
-
!_vm.$refs.ZdMenu.isMobile) ||
|
|
53284
|
-
(_vm.instance.miniState && _vm.instance.mini),
|
|
53325
|
+
"mini-variant": _vm.checkMiniVariant,
|
|
53285
53326
|
"mobile-breakpoint": _vm.instance.mobileBreakpoint,
|
|
53286
53327
|
temporary: _vm.instance.temporary,
|
|
53287
53328
|
width: _vm.instance.width,
|
|
@@ -53358,7 +53399,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53358
53399
|
key: item.name,
|
|
53359
53400
|
tag: "component",
|
|
53360
53401
|
class: _vm.instance.mini ? "menu-item-mini" : "",
|
|
53361
|
-
attrs: {
|
|
53402
|
+
attrs: {
|
|
53403
|
+
miniVariant: _vm.checkMiniVariant,
|
|
53404
|
+
"parent-menu": _vm.instance,
|
|
53405
|
+
},
|
|
53362
53406
|
},
|
|
53363
53407
|
"component",
|
|
53364
53408
|
item,
|
|
@@ -53385,7 +53429,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53385
53429
|
/* style */
|
|
53386
53430
|
const __vue_inject_styles__$z = function (inject) {
|
|
53387
53431
|
if (!inject) return
|
|
53388
|
-
inject("data-v-
|
|
53432
|
+
inject("data-v-6229dc52_0", { source: ".zd-menu-tooltip {\n z-index: 999;\n}\n.zd-menu .v-list .v-list-item .v-list-item__title {\n font-weight: var(--zd-font-body1-weight);\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n margin-bottom: 10px;\n display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n justify-content: inherit;\n}\n.zd-menu.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {\n display: block !important;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
|
|
53389
53433
|
|
|
53390
53434
|
};
|
|
53391
53435
|
/* scoped */
|
|
@@ -53459,6 +53503,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53459
53503
|
vuePropertyDecorator.Prop(),
|
|
53460
53504
|
__metadata("design:type", common.MenuGroup)
|
|
53461
53505
|
], ZdMenuLink.prototype, "parentGroup", void 0);
|
|
53506
|
+
__decorate([
|
|
53507
|
+
vuePropertyDecorator.Prop(),
|
|
53508
|
+
__metadata("design:type", Boolean)
|
|
53509
|
+
], ZdMenuLink.prototype, "miniVariant", void 0);
|
|
53510
|
+
__decorate([
|
|
53511
|
+
PropWatch({ type: Number, default: 1 }),
|
|
53512
|
+
__metadata("design:type", Number)
|
|
53513
|
+
], ZdMenuLink.prototype, "menuLevel", void 0);
|
|
53462
53514
|
ZdMenuLink = __decorate([
|
|
53463
53515
|
vuePropertyDecorator.Component
|
|
53464
53516
|
], ZdMenuLink);
|
|
@@ -53479,8 +53531,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53479
53531
|
{
|
|
53480
53532
|
name: "show",
|
|
53481
53533
|
rawName: "v-show",
|
|
53482
|
-
value:
|
|
53483
|
-
|
|
53534
|
+
value:
|
|
53535
|
+
_vm.instance.isVisible && !(_vm.miniVariant && _vm.menuLevel !== 1),
|
|
53536
|
+
expression: "instance.isVisible && !(miniVariant && menuLevel !== 1)",
|
|
53484
53537
|
},
|
|
53485
53538
|
],
|
|
53486
53539
|
staticClass: "zd-menu-link",
|
|
@@ -53526,11 +53579,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53526
53579
|
/* style */
|
|
53527
53580
|
const __vue_inject_styles__$y = function (inject) {
|
|
53528
53581
|
if (!inject) return
|
|
53529
|
-
inject("data-v-
|
|
53582
|
+
inject("data-v-a9b0e756_0", { source: ".zd-menu-link .zd-menu-link-icon[data-v-a9b0e756] {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}", map: undefined, media: undefined });
|
|
53530
53583
|
|
|
53531
53584
|
};
|
|
53532
53585
|
/* scoped */
|
|
53533
|
-
const __vue_scope_id__$y = "data-v-
|
|
53586
|
+
const __vue_scope_id__$y = "data-v-a9b0e756";
|
|
53534
53587
|
/* module identifier */
|
|
53535
53588
|
const __vue_module_identifier__$y = undefined;
|
|
53536
53589
|
/* functional template */
|
|
@@ -53607,6 +53660,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53607
53660
|
vuePropertyDecorator.Prop(),
|
|
53608
53661
|
__metadata("design:type", common.MenuGroup)
|
|
53609
53662
|
], ZdMenuGroup.prototype, "parentGroup", void 0);
|
|
53663
|
+
__decorate([
|
|
53664
|
+
vuePropertyDecorator.Prop(),
|
|
53665
|
+
__metadata("design:type", Boolean)
|
|
53666
|
+
], ZdMenuGroup.prototype, "miniVariant", void 0);
|
|
53610
53667
|
ZdMenuGroup = __decorate([
|
|
53611
53668
|
vuePropertyDecorator.Component
|
|
53612
53669
|
], ZdMenuGroup);
|
|
@@ -53627,8 +53684,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53627
53684
|
{
|
|
53628
53685
|
name: "show",
|
|
53629
53686
|
rawName: "v-show",
|
|
53630
|
-
value:
|
|
53631
|
-
|
|
53687
|
+
value:
|
|
53688
|
+
_vm.instance.isVisible && !(_vm.miniVariant && _vm.menuLevel !== 1),
|
|
53689
|
+
expression: "instance.isVisible && !(miniVariant && menuLevel !== 1)",
|
|
53632
53690
|
},
|
|
53633
53691
|
],
|
|
53634
53692
|
staticClass: "zd-menu-group",
|
|
@@ -53698,6 +53756,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53698
53756
|
"parent-menu": _vm.instance.parentMenu,
|
|
53699
53757
|
"parent-group": _vm.instance,
|
|
53700
53758
|
"menu-level": _vm.menuLevel + 1,
|
|
53759
|
+
miniVariant: _vm.miniVariant,
|
|
53701
53760
|
"sub-group": "",
|
|
53702
53761
|
"no-action": "",
|
|
53703
53762
|
},
|
|
@@ -53720,7 +53779,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
53720
53779
|
/* style */
|
|
53721
53780
|
const __vue_inject_styles__$x = function (inject) {
|
|
53722
53781
|
if (!inject) return
|
|
53723
|
-
inject("data-v-
|
|
53782
|
+
inject("data-v-24208f06_0", { source: ".zd-menu-group .v-list-group__header .v-list-group__header__prepend-icon {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}\n.zd-menu-group .zd-menu-group-arrow-icon {\n position: absolute;\n top: 10px;\n font-size: 18px;\n transform: rotate(-90deg);\n}\n.zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 48px;\n}\n.zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 58px;\n}\n.zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 68px;\n}\n.zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 78px;\n}", map: undefined, media: undefined });
|
|
53724
53783
|
|
|
53725
53784
|
};
|
|
53726
53785
|
/* scoped */
|
|
@@ -55201,7 +55260,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55201
55260
|
this.instanceType = common.Search;
|
|
55202
55261
|
}
|
|
55203
55262
|
getSearchValue() {
|
|
55204
|
-
|
|
55263
|
+
var _a;
|
|
55264
|
+
return ((_a = this.instance.iterableComponent) === null || _a === void 0 ? void 0 : _a.datasource.search) || '';
|
|
55205
55265
|
}
|
|
55206
55266
|
};
|
|
55207
55267
|
__decorate([
|
|
@@ -55224,6 +55284,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55224
55284
|
PropWatch({ type: String, default: 'SEARCH' }),
|
|
55225
55285
|
__metadata("design:type", String)
|
|
55226
55286
|
], ZdSearch.prototype, "placeholder", void 0);
|
|
55287
|
+
__decorate([
|
|
55288
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
55289
|
+
__metadata("design:type", String)
|
|
55290
|
+
], ZdSearch.prototype, "lazyAttach", void 0);
|
|
55227
55291
|
ZdSearch = __decorate([
|
|
55228
55292
|
vuePropertyDecorator.Component
|
|
55229
55293
|
], ZdSearch);
|
|
@@ -58808,23 +58872,26 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58808
58872
|
"zd-text-align-" +
|
|
58809
58873
|
(_vm.instance.reverse ? "right" : _vm.instance.align),
|
|
58810
58874
|
],
|
|
58811
|
-
style:
|
|
58812
|
-
|
|
58813
|
-
|
|
58814
|
-
|
|
58815
|
-
|
|
58816
|
-
|
|
58817
|
-
|
|
58818
|
-
|
|
58819
|
-
|
|
58820
|
-
|
|
58821
|
-
|
|
58822
|
-
|
|
58823
|
-
|
|
58824
|
-
|
|
58825
|
-
|
|
58826
|
-
|
|
58827
|
-
|
|
58875
|
+
style: [
|
|
58876
|
+
{
|
|
58877
|
+
height:
|
|
58878
|
+
_vm.instance.fillHeight ||
|
|
58879
|
+
_vm.instance.cssClass.indexOf("zd-form-child") !== -1
|
|
58880
|
+
? undefined
|
|
58881
|
+
: _vm.$formatSize(_vm.instance.height),
|
|
58882
|
+
minHeight:
|
|
58883
|
+
_vm.instance.minHeight ||
|
|
58884
|
+
_vm.instance.cssClass.indexOf("zd-form-child") !== -1
|
|
58885
|
+
? undefined
|
|
58886
|
+
: _vm.$formatSize(_vm.instance.minHeight),
|
|
58887
|
+
maxHeight:
|
|
58888
|
+
_vm.instance.maxHeight ||
|
|
58889
|
+
_vm.instance.cssClass.indexOf("zd-form-child") !== -1
|
|
58890
|
+
? undefined
|
|
58891
|
+
: _vm.$formatSize(_vm.instance.maxHeight),
|
|
58892
|
+
},
|
|
58893
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
58894
|
+
],
|
|
58828
58895
|
attrs: {
|
|
58829
58896
|
id: _vm.instance.name,
|
|
58830
58897
|
name: _vm.instance.name,
|
|
@@ -58918,7 +58985,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58918
58985
|
/* style */
|
|
58919
58986
|
const __vue_inject_styles__$7 = function (inject) {
|
|
58920
58987
|
if (!inject) return
|
|
58921
|
-
inject("data-v-
|
|
58988
|
+
inject("data-v-5c3828da_0", { source: ".v-input.zd-textarea {\n height: 100%;\n overflow-x: hidden;\n}\n.v-input.zd-textarea > .v-input__control {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: auto;\n flex: 1 1 auto;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot .v-text-field__slot {\n height: -webkit-fill-available;\n}\n.v-input.zd-textarea > .v-input__control > .v-text-field__details {\n flex: 0 0 auto;\n}\n.v-input.zd-textarea textarea {\n margin: var(--spacing-2);\n line-height: unset;\n}\n.v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-textarea.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-textarea.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.v-input.zd-textarea .v-input__append-inner, .v-input.zd-textarea .v-input__prepend-inner {\n align-self: flex-start;\n margin-top: var(--spacing-2);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon {\n height: var(--icon-size-small);\n width: var(--icon-size-small);\n min-width: var(--icon-size-small);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon .v-icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__append-inner,\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__prepend-inner {\n margin-top: 0;\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot textarea {\n margin-top: 0;\n margin-bottom: 0;\n}", map: undefined, media: undefined });
|
|
58922
58989
|
|
|
58923
58990
|
};
|
|
58924
58991
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.86.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": "89783b5af970c40b374c1cc9b04444a22feda4fd"
|
|
55
55
|
}
|
|
@@ -12,6 +12,7 @@ export default class ZdSelect extends ZdTextInput {
|
|
|
12
12
|
dataDisabled: string;
|
|
13
13
|
returnObject: boolean;
|
|
14
14
|
autocomplete: boolean | string;
|
|
15
|
+
autoSelection: boolean | string;
|
|
15
16
|
disabledItems: any[];
|
|
16
17
|
preventLoadOnFocus?: boolean;
|
|
17
18
|
datasource: IDatasource;
|
|
@@ -45,6 +46,7 @@ export default class ZdSelect extends ZdTextInput {
|
|
|
45
46
|
selectInput(value: any): void;
|
|
46
47
|
selectBlur(event: Event): void;
|
|
47
48
|
selectFocus(event?: Event): void;
|
|
49
|
+
selectKeydown(event: KeyboardEvent): void;
|
|
48
50
|
formattedDataText(item: IDictionary<any>): any;
|
|
49
51
|
get menuClass(): string;
|
|
50
52
|
loadMore(): void;
|