@zeedhi/vuetify 1.84.1 → 1.85.1
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
@@ -42913,6 +42913,7 @@ var __vue_render__$1b = function () {
|
|
42913
42913
|
width: "290px",
|
42914
42914
|
persistent: "",
|
42915
42915
|
"content-class": "zd-mx-0",
|
42916
|
+
parent: _vm.instance,
|
42916
42917
|
},
|
42917
42918
|
model: {
|
42918
42919
|
value: _vm.instance.showDatePicker,
|
@@ -43079,7 +43080,7 @@ __vue_render__$1b._withStripped = true;
|
|
43079
43080
|
/* style */
|
43080
43081
|
const __vue_inject_styles__$1b = function (inject) {
|
43081
43082
|
if (!inject) return
|
43082
|
-
inject("data-v-
|
43083
|
+
inject("data-v-7d2512b2_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}\n.date-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-helper-values-option {\n cursor: pointer;\n}\n.date-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
43083
43084
|
|
43084
43085
|
};
|
43085
43086
|
/* scoped */
|
@@ -44012,7 +44013,7 @@ var __vue_render__$17 = function () {
|
|
44012
44013
|
_vm.instance.activator.component,
|
44013
44014
|
_vm._g(
|
44014
44015
|
_vm._b(
|
44015
|
-
{ tag: "component" },
|
44016
|
+
{ tag: "component", attrs: { parent: _vm.instance } },
|
44016
44017
|
"component",
|
44017
44018
|
_vm.instance.activator,
|
44018
44019
|
false
|
@@ -44058,6 +44059,7 @@ var __vue_render__$17 = function () {
|
|
44058
44059
|
},
|
44059
44060
|
],
|
44060
44061
|
attrs: {
|
44062
|
+
parent: _vm.instance,
|
44061
44063
|
cssStyle: Object.assign(
|
44062
44064
|
{},
|
44063
44065
|
_vm.$styleObject(child.cssStyle),
|
@@ -44086,7 +44088,7 @@ __vue_render__$17._withStripped = true;
|
|
44086
44088
|
/* style */
|
44087
44089
|
const __vue_inject_styles__$17 = function (inject) {
|
44088
44090
|
if (!inject) return
|
44089
|
-
inject("data-v-
|
44091
|
+
inject("data-v-a72721fe_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 });
|
44090
44092
|
|
44091
44093
|
};
|
44092
44094
|
/* scoped */
|
@@ -50772,7 +50774,7 @@ let ZdIterablePagination = class ZdIterablePagination extends ZdIterablePageComp
|
|
50772
50774
|
const { datasource } = this.instance.iterableComponent;
|
50773
50775
|
const compEvent = datasource.events.onChangePagination;
|
50774
50776
|
datasource.events.onChangePagination = ({ component }) => {
|
50775
|
-
const
|
50777
|
+
const paginationLength = this.instance.iterableComponent.datasource.getPaginationLength();
|
50776
50778
|
this.lengthChange(paginationLength);
|
50777
50779
|
if (compEvent) {
|
50778
50780
|
compEvent({ component });
|
@@ -50872,7 +50874,8 @@ var __vue_render__$L = function () {
|
|
50872
50874
|
"next-icon": _vm.$getIcon(_vm.instance.nextIcon),
|
50873
50875
|
color: "grey lighten-4",
|
50874
50876
|
circle: _vm.instance.circle,
|
50875
|
-
length:
|
50877
|
+
length:
|
50878
|
+
_vm.instance.iterableComponent.datasource.getPaginationLength(),
|
50876
50879
|
"total-visible": _vm.instance.maxButtons,
|
50877
50880
|
},
|
50878
50881
|
on: {
|
@@ -50898,7 +50901,7 @@ __vue_render__$L._withStripped = true;
|
|
50898
50901
|
/* style */
|
50899
50902
|
const __vue_inject_styles__$L = function (inject) {
|
50900
50903
|
if (!inject) return
|
50901
|
-
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 });
|
50902
50905
|
|
50903
50906
|
};
|
50904
50907
|
/* scoped */
|
@@ -54522,7 +54525,11 @@ var __vue_render__$q = function () {
|
|
54522
54525
|
return _c(
|
54523
54526
|
child.component,
|
54524
54527
|
_vm._b(
|
54525
|
-
{
|
54528
|
+
{
|
54529
|
+
key: index,
|
54530
|
+
tag: "component",
|
54531
|
+
attrs: { parent: _vm.instance },
|
54532
|
+
},
|
54526
54533
|
"component",
|
54527
54534
|
child,
|
54528
54535
|
false
|
@@ -55195,7 +55202,8 @@ let ZdSearch = class ZdSearch extends __vue_component__$1f {
|
|
55195
55202
|
this.instanceType = Search;
|
55196
55203
|
}
|
55197
55204
|
getSearchValue() {
|
55198
|
-
|
55205
|
+
var _a;
|
55206
|
+
return ((_a = this.instance.iterableComponent) === null || _a === void 0 ? void 0 : _a.datasource.search) || '';
|
55199
55207
|
}
|
55200
55208
|
};
|
55201
55209
|
__decorate([
|
@@ -55218,6 +55226,10 @@ __decorate([
|
|
55218
55226
|
PropWatch({ type: String, default: 'SEARCH' }),
|
55219
55227
|
__metadata("design:type", String)
|
55220
55228
|
], ZdSearch.prototype, "placeholder", void 0);
|
55229
|
+
__decorate([
|
55230
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
55231
|
+
__metadata("design:type", String)
|
55232
|
+
], ZdSearch.prototype, "lazyAttach", void 0);
|
55221
55233
|
ZdSearch = __decorate([
|
55222
55234
|
Component$1
|
55223
55235
|
], ZdSearch);
|
package/dist/zd-vuetify.umd.js
CHANGED
@@ -42912,6 +42912,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
42912
42912
|
width: "290px",
|
42913
42913
|
persistent: "",
|
42914
42914
|
"content-class": "zd-mx-0",
|
42915
|
+
parent: _vm.instance,
|
42915
42916
|
},
|
42916
42917
|
model: {
|
42917
42918
|
value: _vm.instance.showDatePicker,
|
@@ -43078,7 +43079,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
43078
43079
|
/* style */
|
43079
43080
|
const __vue_inject_styles__$1b = function (inject) {
|
43080
43081
|
if (!inject) return
|
43081
|
-
inject("data-v-
|
43082
|
+
inject("data-v-7d2512b2_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}\n.date-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-helper-values-option {\n cursor: pointer;\n}\n.date-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
43082
43083
|
|
43083
43084
|
};
|
43084
43085
|
/* scoped */
|
@@ -44011,7 +44012,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
44011
44012
|
_vm.instance.activator.component,
|
44012
44013
|
_vm._g(
|
44013
44014
|
_vm._b(
|
44014
|
-
{ tag: "component" },
|
44015
|
+
{ tag: "component", attrs: { parent: _vm.instance } },
|
44015
44016
|
"component",
|
44016
44017
|
_vm.instance.activator,
|
44017
44018
|
false
|
@@ -44057,6 +44058,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
44057
44058
|
},
|
44058
44059
|
],
|
44059
44060
|
attrs: {
|
44061
|
+
parent: _vm.instance,
|
44060
44062
|
cssStyle: Object.assign(
|
44061
44063
|
{},
|
44062
44064
|
_vm.$styleObject(child.cssStyle),
|
@@ -44085,7 +44087,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
44085
44087
|
/* style */
|
44086
44088
|
const __vue_inject_styles__$17 = function (inject) {
|
44087
44089
|
if (!inject) return
|
44088
|
-
inject("data-v-
|
44090
|
+
inject("data-v-a72721fe_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 });
|
44089
44091
|
|
44090
44092
|
};
|
44091
44093
|
/* scoped */
|
@@ -50771,7 +50773,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
50771
50773
|
const { datasource } = this.instance.iterableComponent;
|
50772
50774
|
const compEvent = datasource.events.onChangePagination;
|
50773
50775
|
datasource.events.onChangePagination = ({ component }) => {
|
50774
|
-
const
|
50776
|
+
const paginationLength = this.instance.iterableComponent.datasource.getPaginationLength();
|
50775
50777
|
this.lengthChange(paginationLength);
|
50776
50778
|
if (compEvent) {
|
50777
50779
|
compEvent({ component });
|
@@ -50871,7 +50873,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
50871
50873
|
"next-icon": _vm.$getIcon(_vm.instance.nextIcon),
|
50872
50874
|
color: "grey lighten-4",
|
50873
50875
|
circle: _vm.instance.circle,
|
50874
|
-
length:
|
50876
|
+
length:
|
50877
|
+
_vm.instance.iterableComponent.datasource.getPaginationLength(),
|
50875
50878
|
"total-visible": _vm.instance.maxButtons,
|
50876
50879
|
},
|
50877
50880
|
on: {
|
@@ -50897,7 +50900,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
50897
50900
|
/* style */
|
50898
50901
|
const __vue_inject_styles__$L = function (inject) {
|
50899
50902
|
if (!inject) return
|
50900
|
-
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 });
|
50901
50904
|
|
50902
50905
|
};
|
50903
50906
|
/* scoped */
|
@@ -54521,7 +54524,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
54521
54524
|
return _c(
|
54522
54525
|
child.component,
|
54523
54526
|
_vm._b(
|
54524
|
-
{
|
54527
|
+
{
|
54528
|
+
key: index,
|
54529
|
+
tag: "component",
|
54530
|
+
attrs: { parent: _vm.instance },
|
54531
|
+
},
|
54525
54532
|
"component",
|
54526
54533
|
child,
|
54527
54534
|
false
|
@@ -55194,7 +55201,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
55194
55201
|
this.instanceType = common.Search;
|
55195
55202
|
}
|
55196
55203
|
getSearchValue() {
|
55197
|
-
|
55204
|
+
var _a;
|
55205
|
+
return ((_a = this.instance.iterableComponent) === null || _a === void 0 ? void 0 : _a.datasource.search) || '';
|
55198
55206
|
}
|
55199
55207
|
};
|
55200
55208
|
__decorate([
|
@@ -55217,6 +55225,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
55217
55225
|
PropWatch({ type: String, default: 'SEARCH' }),
|
55218
55226
|
__metadata("design:type", String)
|
55219
55227
|
], ZdSearch.prototype, "placeholder", void 0);
|
55228
|
+
__decorate([
|
55229
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
55230
|
+
__metadata("design:type", String)
|
55231
|
+
], ZdSearch.prototype, "lazyAttach", void 0);
|
55220
55232
|
ZdSearch = __decorate([
|
55221
55233
|
vuePropertyDecorator.Component
|
55222
55234
|
], ZdSearch);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@zeedhi/vuetify",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.85.1",
|
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": "8714fb501407324dca7aa54fa608159c2c84e37b"
|
55
55
|
}
|