@zeedhi/vuetify 1.79.1 → 1.80.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 +321 -119
- package/dist/zd-vuetify.umd.js +321 -119
- package/package.json +2 -2
- package/types/components/zd-alert/ZdAlert.d.ts +7 -2
- package/types/components/zd-apex-chart/ZdApexChart.d.ts +6 -0
- package/types/components/zd-collapse-card/ZdCollapseCard.d.ts +10 -10
- package/types/components/zd-date/ZdDate.d.ts +2 -0
- package/types/components/zd-date/ZdDateRange.d.ts +2 -0
- package/types/components/zd-modal/ZdModal.d.ts +7 -5
- package/types/components/zd-tabs/ZdTabs.d.ts +1 -0
- package/types/components/zd-text/ZdText.d.ts +8 -1
- package/types/utils/plugins/formatSizePlugin.d.ts +1 -1
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -37862,9 +37862,67 @@ var ZdComponent$1 = ZdComponent;
|
|
|
37862
37862
|
let ZdAlert = class ZdAlert extends ZdComponent$1 {
|
|
37863
37863
|
constructor() {
|
|
37864
37864
|
super();
|
|
37865
|
-
this.
|
|
37865
|
+
AlertService.instantiateManager(this.multiple);
|
|
37866
|
+
this.alerts = AlertService.alertsManager.visibleInstances;
|
|
37867
|
+
}
|
|
37868
|
+
arrangeStackItems() {
|
|
37869
|
+
const components = this.$refs.alerts;
|
|
37870
|
+
if (!Array.isArray(components))
|
|
37871
|
+
return;
|
|
37872
|
+
const totalShift = {
|
|
37873
|
+
'top-left': 0,
|
|
37874
|
+
'top-right': 0,
|
|
37875
|
+
'top-center': 0,
|
|
37876
|
+
'bottom-left': 0,
|
|
37877
|
+
'bottom-right': 0,
|
|
37878
|
+
'bottom-center': 0,
|
|
37879
|
+
};
|
|
37880
|
+
const calculateComponentOffset = (component) => {
|
|
37881
|
+
if (component instanceof Element)
|
|
37882
|
+
return;
|
|
37883
|
+
const element = component.$el;
|
|
37884
|
+
const content = element.querySelector('.v-snack__wrapper');
|
|
37885
|
+
if (!content)
|
|
37886
|
+
return;
|
|
37887
|
+
const vertical = component.top ? 'top' : 'bottom';
|
|
37888
|
+
let horizontal = 'center';
|
|
37889
|
+
if (component.right) {
|
|
37890
|
+
horizontal = 'right';
|
|
37891
|
+
}
|
|
37892
|
+
else if (component.left) {
|
|
37893
|
+
horizontal = 'left';
|
|
37894
|
+
}
|
|
37895
|
+
const totalShiftKey = `${vertical}-${horizontal}`;
|
|
37896
|
+
content.style[vertical] = this.$formatSize(totalShift[totalShiftKey]);
|
|
37897
|
+
const height = content.offsetHeight;
|
|
37898
|
+
const styles = window.getComputedStyle(content);
|
|
37899
|
+
const margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);
|
|
37900
|
+
totalShift[totalShiftKey] += height + margin;
|
|
37901
|
+
};
|
|
37902
|
+
components.forEach((component) => {
|
|
37903
|
+
this.$nextTick(() => calculateComponentOffset(component));
|
|
37904
|
+
});
|
|
37905
|
+
}
|
|
37906
|
+
changeAlerts() {
|
|
37907
|
+
this.$nextTick(this.arrangeStackItems);
|
|
37908
|
+
}
|
|
37909
|
+
remove(index) {
|
|
37910
|
+
AlertService.remove(index);
|
|
37911
|
+
}
|
|
37912
|
+
hide(index) {
|
|
37913
|
+
AlertService.hide(index);
|
|
37866
37914
|
}
|
|
37867
37915
|
};
|
|
37916
|
+
__decorate([
|
|
37917
|
+
PropWatch({ type: String, default: 'replace' }),
|
|
37918
|
+
__metadata("design:type", String)
|
|
37919
|
+
], ZdAlert.prototype, "multiple", void 0);
|
|
37920
|
+
__decorate([
|
|
37921
|
+
Watch('alerts'),
|
|
37922
|
+
__metadata("design:type", Function),
|
|
37923
|
+
__metadata("design:paramtypes", []),
|
|
37924
|
+
__metadata("design:returntype", void 0)
|
|
37925
|
+
], ZdAlert.prototype, "changeAlerts", null);
|
|
37868
37926
|
ZdAlert = __decorate([
|
|
37869
37927
|
Component$1,
|
|
37870
37928
|
__metadata("design:paramtypes", [])
|
|
@@ -38008,84 +38066,114 @@ var __vue_render__$1u = function () {
|
|
|
38008
38066
|
var _h = _vm.$createElement;
|
|
38009
38067
|
var _c = _vm._self._c || _h;
|
|
38010
38068
|
return _c(
|
|
38011
|
-
"
|
|
38012
|
-
{
|
|
38013
|
-
|
|
38014
|
-
|
|
38015
|
-
|
|
38016
|
-
top: _vm.alert.top,
|
|
38017
|
-
bottom: _vm.alert.bottom,
|
|
38018
|
-
left: _vm.alert.left,
|
|
38019
|
-
right: _vm.alert.right,
|
|
38020
|
-
timeout: _vm.alert.timeout,
|
|
38021
|
-
"multi-line": _vm.alert.multiLine,
|
|
38022
|
-
vertical: _vm.alert.vertical,
|
|
38023
|
-
color: _vm.alert.color,
|
|
38024
|
-
dark: _vm.alert.dark,
|
|
38025
|
-
light: _vm.alert.light,
|
|
38026
|
-
},
|
|
38027
|
-
scopedSlots: _vm._u([
|
|
38069
|
+
"div",
|
|
38070
|
+
{ staticClass: "zd-alert-wrapper" },
|
|
38071
|
+
_vm._l(_vm.alerts, function (alert, index) {
|
|
38072
|
+
return _c(
|
|
38073
|
+
"v-snackbar",
|
|
38028
38074
|
{
|
|
38029
|
-
key:
|
|
38030
|
-
|
|
38031
|
-
|
|
38032
|
-
|
|
38033
|
-
|
|
38034
|
-
|
|
38035
|
-
|
|
38036
|
-
|
|
38037
|
-
|
|
38038
|
-
|
|
38039
|
-
|
|
38040
|
-
|
|
38041
|
-
|
|
38042
|
-
|
|
38043
|
-
|
|
38044
|
-
|
|
38045
|
-
|
|
38046
|
-
|
|
38047
|
-
|
|
38048
|
-
|
|
38049
|
-
|
|
38050
|
-
|
|
38051
|
-
|
|
38052
|
-
|
|
38053
|
-
|
|
38054
|
-
|
|
38055
|
-
|
|
38056
|
-
|
|
38057
|
-
|
|
38058
|
-
|
|
38075
|
+
key: alert.id,
|
|
38076
|
+
ref: "alerts",
|
|
38077
|
+
refInFor: true,
|
|
38078
|
+
class: ["zd-alert", alert.cssClass],
|
|
38079
|
+
attrs: {
|
|
38080
|
+
id: alert.name,
|
|
38081
|
+
top: alert.top,
|
|
38082
|
+
bottom: alert.bottom,
|
|
38083
|
+
left: alert.left,
|
|
38084
|
+
right: alert.right,
|
|
38085
|
+
timeout: alert.timeout,
|
|
38086
|
+
"multi-line": alert.multiLine,
|
|
38087
|
+
vertical: alert.vertical,
|
|
38088
|
+
color: alert.color,
|
|
38089
|
+
dark: alert.dark,
|
|
38090
|
+
light: alert.light,
|
|
38091
|
+
},
|
|
38092
|
+
on: {
|
|
38093
|
+
"hook:mounted": _vm.arrangeStackItems,
|
|
38094
|
+
input: function ($event) {
|
|
38095
|
+
return _vm.remove(index)
|
|
38096
|
+
},
|
|
38097
|
+
},
|
|
38098
|
+
scopedSlots: _vm._u(
|
|
38099
|
+
[
|
|
38100
|
+
{
|
|
38101
|
+
key: "action",
|
|
38102
|
+
fn: function () {
|
|
38103
|
+
return [
|
|
38104
|
+
alert.showDismiss
|
|
38105
|
+
? _c(
|
|
38106
|
+
"v-btn",
|
|
38107
|
+
{
|
|
38108
|
+
class: [
|
|
38109
|
+
"zd-button",
|
|
38110
|
+
"zd-alert-dismiss",
|
|
38111
|
+
{
|
|
38112
|
+
"zd-alert-dismiss-buttons":
|
|
38113
|
+
alert.buttonsSlot.length,
|
|
38114
|
+
},
|
|
38115
|
+
],
|
|
38116
|
+
attrs: {
|
|
38117
|
+
dark: "",
|
|
38118
|
+
text: "",
|
|
38119
|
+
color: alert.dismissColor,
|
|
38120
|
+
},
|
|
38121
|
+
on: {
|
|
38122
|
+
click: function ($event) {
|
|
38123
|
+
return _vm.hide(index)
|
|
38124
|
+
},
|
|
38125
|
+
},
|
|
38126
|
+
},
|
|
38127
|
+
[
|
|
38128
|
+
_vm._v(
|
|
38129
|
+
"\n " +
|
|
38130
|
+
_vm._s(_vm.$t("DISMISS")) +
|
|
38131
|
+
"\n "
|
|
38132
|
+
),
|
|
38133
|
+
]
|
|
38134
|
+
)
|
|
38135
|
+
: _vm._e(),
|
|
38136
|
+
]
|
|
38137
|
+
},
|
|
38138
|
+
proxy: true,
|
|
38139
|
+
},
|
|
38140
|
+
],
|
|
38141
|
+
null,
|
|
38142
|
+
true
|
|
38143
|
+
),
|
|
38144
|
+
model: {
|
|
38145
|
+
value: alert.isVisible,
|
|
38146
|
+
callback: function ($$v) {
|
|
38147
|
+
_vm.$set(alert, "isVisible", $$v);
|
|
38148
|
+
},
|
|
38149
|
+
expression: "alert.isVisible",
|
|
38059
38150
|
},
|
|
38060
|
-
proxy: true,
|
|
38061
|
-
},
|
|
38062
|
-
]),
|
|
38063
|
-
model: {
|
|
38064
|
-
value: _vm.alert.isVisible,
|
|
38065
|
-
callback: function ($$v) {
|
|
38066
|
-
_vm.$set(_vm.alert, "isVisible", $$v);
|
|
38067
38151
|
},
|
|
38068
|
-
|
|
38069
|
-
|
|
38070
|
-
|
|
38071
|
-
|
|
38072
|
-
|
|
38073
|
-
|
|
38074
|
-
|
|
38075
|
-
|
|
38076
|
-
|
|
38077
|
-
|
|
38078
|
-
|
|
38079
|
-
|
|
38080
|
-
|
|
38081
|
-
|
|
38082
|
-
|
|
38083
|
-
|
|
38084
|
-
|
|
38085
|
-
|
|
38086
|
-
|
|
38087
|
-
|
|
38088
|
-
|
|
38152
|
+
[
|
|
38153
|
+
_c("span", {
|
|
38154
|
+
domProps: { innerHTML: _vm._s(_vm.$sanitize(_vm.$t(alert.text))) },
|
|
38155
|
+
}),
|
|
38156
|
+
_vm._v(" "),
|
|
38157
|
+
_vm._l(alert.buttonsSlot, function (btn, buttonIndex) {
|
|
38158
|
+
return _c(
|
|
38159
|
+
btn.component,
|
|
38160
|
+
_vm._b(
|
|
38161
|
+
{
|
|
38162
|
+
key: buttonIndex,
|
|
38163
|
+
tag: "component",
|
|
38164
|
+
staticClass: "zd-alert-buttons",
|
|
38165
|
+
},
|
|
38166
|
+
"component",
|
|
38167
|
+
btn,
|
|
38168
|
+
false
|
|
38169
|
+
)
|
|
38170
|
+
)
|
|
38171
|
+
}),
|
|
38172
|
+
],
|
|
38173
|
+
2
|
|
38174
|
+
)
|
|
38175
|
+
}),
|
|
38176
|
+
1
|
|
38089
38177
|
)
|
|
38090
38178
|
};
|
|
38091
38179
|
var __vue_staticRenderFns__$1u = [];
|
|
@@ -38094,7 +38182,7 @@ __vue_render__$1u._withStripped = true;
|
|
|
38094
38182
|
/* style */
|
|
38095
38183
|
const __vue_inject_styles__$1u = function (inject) {
|
|
38096
38184
|
if (!inject) return
|
|
38097
|
-
inject("data-v-
|
|
38185
|
+
inject("data-v-3f4c4dc6_0", { source: ".zd-alert-wrapper {\n position: fixed;\n height: 100%;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1000;\n}\n.zd-alert .v-snack__wrapper {\n transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), top 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n background: var(--v-grey-darken2);\n border-radius: var(--border);\n}\n.zd-alert .v-snack__content {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n padding: var(--spacing-4) var(--spacing-4);\n}\n.zd-alert .v-snack__content .v-btn.zd-alert-dismiss {\n color: var(--v-primary-base);\n}\n.zd-alert-dismiss {\n transition: none;\n}\n.zd-alert-dismiss .v-btn__content {\n transition: none;\n}\n.zd-alert-dismiss-buttons {\n margin-left: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
|
|
38098
38186
|
|
|
38099
38187
|
};
|
|
38100
38188
|
/* scoped */
|
|
@@ -38177,7 +38265,7 @@ function setFillHeight(element) {
|
|
|
38177
38265
|
parent.style.flexFlow = 'column';
|
|
38178
38266
|
Array.from(parent.children).forEach((child) => {
|
|
38179
38267
|
if (child === element) {
|
|
38180
|
-
child.style.flex = '1 1
|
|
38268
|
+
child.style.flex = '1 1 0';
|
|
38181
38269
|
child.style.overflowY = 'auto';
|
|
38182
38270
|
}
|
|
38183
38271
|
else {
|
|
@@ -38194,8 +38282,10 @@ let ZdApexChart = class ZdApexChart extends ZdComponentRender$1 {
|
|
|
38194
38282
|
constructor() {
|
|
38195
38283
|
super(...arguments);
|
|
38196
38284
|
this.instanceType = ApexChart;
|
|
38285
|
+
this.breakpoints = [];
|
|
38197
38286
|
}
|
|
38198
38287
|
mounted() {
|
|
38288
|
+
var _a, _b;
|
|
38199
38289
|
this.setApexChartTheme();
|
|
38200
38290
|
const updateFn = this.updateChart;
|
|
38201
38291
|
this.instance.setViewUpdate(updateFn);
|
|
@@ -38203,6 +38293,17 @@ let ZdApexChart = class ZdApexChart extends ZdComponentRender$1 {
|
|
|
38203
38293
|
if (this.instance.fillHeight) {
|
|
38204
38294
|
setFillHeight(this.$el);
|
|
38205
38295
|
}
|
|
38296
|
+
this.defaultOptions = Object.assign({}, this.$refs.instance.chart.w.config);
|
|
38297
|
+
this.breakpoints = ((_b = (_a = this.instance.options) === null || _a === void 0 ? void 0 : _a.parentResponsive) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.breakpoint - b.breakpoint)) || [];
|
|
38298
|
+
this.apexChartContainer = this.$refs.chartContainer;
|
|
38299
|
+
if (this.breakpoints.length) {
|
|
38300
|
+
this.resizeObserver = new ResizeObserver(this.handleResize);
|
|
38301
|
+
this.resizeObserver.observe(this.apexChartContainer);
|
|
38302
|
+
}
|
|
38303
|
+
}
|
|
38304
|
+
beforeDestroy() {
|
|
38305
|
+
var _a;
|
|
38306
|
+
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
38206
38307
|
}
|
|
38207
38308
|
updateChart(options) {
|
|
38208
38309
|
return new Promise((resolve) => {
|
|
@@ -38226,6 +38327,17 @@ let ZdApexChart = class ZdApexChart extends ZdComponentRender$1 {
|
|
|
38226
38327
|
} });
|
|
38227
38328
|
this.instance.options = newOptions;
|
|
38228
38329
|
}
|
|
38330
|
+
handleResize() {
|
|
38331
|
+
if (!this.breakpoints.length)
|
|
38332
|
+
return;
|
|
38333
|
+
const matchedOptions = this.breakpoints.find((bp) => this.apexChartContainer.clientWidth <= bp.breakpoint);
|
|
38334
|
+
if (matchedOptions) {
|
|
38335
|
+
this.instance.updateChart(matchedOptions.options);
|
|
38336
|
+
}
|
|
38337
|
+
else if (this.instance.options !== this.defaultOptions) {
|
|
38338
|
+
this.instance.updateChart(this.defaultOptions);
|
|
38339
|
+
}
|
|
38340
|
+
}
|
|
38229
38341
|
drillUp() {
|
|
38230
38342
|
this.instance.drillUp();
|
|
38231
38343
|
}
|
|
@@ -38298,6 +38410,7 @@ var __vue_render__$1t = function () {
|
|
|
38298
38410
|
return _c(
|
|
38299
38411
|
"div",
|
|
38300
38412
|
{
|
|
38413
|
+
ref: "chartContainer",
|
|
38301
38414
|
staticClass: "apexcharts-container",
|
|
38302
38415
|
style: {
|
|
38303
38416
|
height: _vm.$formatSize(_vm.instance.height),
|
|
@@ -38394,7 +38507,7 @@ __vue_render__$1t._withStripped = true;
|
|
|
38394
38507
|
/* style */
|
|
38395
38508
|
const __vue_inject_styles__$1t = function (inject) {
|
|
38396
38509
|
if (!inject) return
|
|
38397
|
-
inject("data-v-
|
|
38510
|
+
inject("data-v-51426e9c_0", { source: ".zd-apex-chart.zd-apex-chart-drilled svg text.apexcharts-title-text {\n transform: translateX(20px);\n}\n.zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-toolbar > div {\n transform: scale(0.8) !important;\n}\n.zd-apex-chart.theme--light .apexcharts-toolbar > div > .v-icon {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip {\n background: #fdfdfd !important;\n border: 1px solid #fdfdfd !important;\n color: #3b3b3b !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #eee !important;\n color: #3b3b3b !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--light .apexcharts-title-text {\n fill: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip {\n background: #eee !important;\n border: 1px solid #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-toolbar > div > .v-icon {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip {\n background: #1e1e1e !important;\n border: 1px solid #1e1e1e !important;\n color: #b8b8b8 !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #101010 !important;\n color: #b8b8b8 !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-title-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip {\n background: #101010 !important;\n border: 1px solid #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #252525 !important;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n position: relative;\n overflow: hidden !important;\n}\n.apexcharts-container .zd-apex-charts-drill-button {\n position: absolute;\n top: 0px;\n left: 0px;\n}", map: undefined, media: undefined });
|
|
38398
38511
|
|
|
38399
38512
|
};
|
|
38400
38513
|
/* scoped */
|
|
@@ -41876,12 +41989,7 @@ __decorate([
|
|
|
41876
41989
|
], ZdNumber.prototype, "align", void 0);
|
|
41877
41990
|
__decorate([
|
|
41878
41991
|
PropWatch({
|
|
41879
|
-
default: () => (Config.masks.numberMask || {
|
|
41880
|
-
decimalCharacter: ',',
|
|
41881
|
-
decimalCharacterAlternative: '.',
|
|
41882
|
-
decimalPlaces: 2,
|
|
41883
|
-
digitGroupSeparator: '.',
|
|
41884
|
-
}),
|
|
41992
|
+
default: () => (Config.masks.numberMask || {}),
|
|
41885
41993
|
}),
|
|
41886
41994
|
__metadata("design:type", Object)
|
|
41887
41995
|
], ZdNumber.prototype, "mask", void 0);
|
|
@@ -41972,7 +42080,7 @@ let ZdCurrency = class ZdCurrency extends __vue_component__$1e {
|
|
|
41972
42080
|
};
|
|
41973
42081
|
__decorate([
|
|
41974
42082
|
PropWatch({
|
|
41975
|
-
default: () => (Config.masks.currencyMask),
|
|
42083
|
+
default: () => (Object.assign(Object.assign({}, Config.masks.numberMask), Config.masks.currencyMask)),
|
|
41976
42084
|
}),
|
|
41977
42085
|
__metadata("design:type", Object)
|
|
41978
42086
|
], ZdCurrency.prototype, "mask", void 0);
|
|
@@ -42560,13 +42668,14 @@ let ZdDate = class ZdDate extends __vue_component__$1f {
|
|
|
42560
42668
|
this.instance.selectDate(date, event, this.$el);
|
|
42561
42669
|
}
|
|
42562
42670
|
getAllowedDates(date) {
|
|
42671
|
+
const parsedDate = this.instance.parseISODateValue(date);
|
|
42563
42672
|
if (typeof this.instance.allowedDates === 'function') {
|
|
42564
|
-
return this.instance.allowedDates(
|
|
42673
|
+
return this.instance.allowedDates(parsedDate);
|
|
42565
42674
|
}
|
|
42566
42675
|
if (typeof this.instance.allowedDates === 'undefined') {
|
|
42567
42676
|
return true;
|
|
42568
42677
|
}
|
|
42569
|
-
return this.instance.allowedDates.indexOf(
|
|
42678
|
+
return this.instance.allowedDates.indexOf(parsedDate) !== -1;
|
|
42570
42679
|
}
|
|
42571
42680
|
isPrintableKey(key) {
|
|
42572
42681
|
return !!key && key.length === 1;
|
|
@@ -42709,6 +42818,14 @@ __decorate([
|
|
|
42709
42818
|
PropWatch({ type: String, default: '' }),
|
|
42710
42819
|
__metadata("design:type", String)
|
|
42711
42820
|
], ZdDate.prototype, "helperValue", void 0);
|
|
42821
|
+
__decorate([
|
|
42822
|
+
PropWatch({ type: String, default: '' }),
|
|
42823
|
+
__metadata("design:type", String)
|
|
42824
|
+
], ZdDate.prototype, "max", void 0);
|
|
42825
|
+
__decorate([
|
|
42826
|
+
PropWatch({ type: String, default: '' }),
|
|
42827
|
+
__metadata("design:type", String)
|
|
42828
|
+
], ZdDate.prototype, "min", void 0);
|
|
42712
42829
|
ZdDate = __decorate([
|
|
42713
42830
|
Component$1
|
|
42714
42831
|
], ZdDate);
|
|
@@ -42844,6 +42961,8 @@ var __vue_render__$1b = function () {
|
|
|
42844
42961
|
showWeek: _vm.instance.showWeek,
|
|
42845
42962
|
type: _vm.instance.pickerType,
|
|
42846
42963
|
width: _vm.$isMobile() ? "290px" : _vm.instance.width,
|
|
42964
|
+
max: _vm.instance.formatISODateValue(_vm.instance.max),
|
|
42965
|
+
min: _vm.instance.formatISODateValue(_vm.instance.min),
|
|
42847
42966
|
},
|
|
42848
42967
|
false
|
|
42849
42968
|
),
|
|
@@ -42962,7 +43081,7 @@ __vue_render__$1b._withStripped = true;
|
|
|
42962
43081
|
/* style */
|
|
42963
43082
|
const __vue_inject_styles__$1b = function (inject) {
|
|
42964
43083
|
if (!inject) return
|
|
42965
|
-
inject("data-v-
|
|
43084
|
+
inject("data-v-34d81b8c_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 });
|
|
42966
43085
|
|
|
42967
43086
|
};
|
|
42968
43087
|
/* scoped */
|
|
@@ -43205,6 +43324,14 @@ __decorate([
|
|
|
43205
43324
|
PropWatch({ type: [String, Array], default: () => [] }),
|
|
43206
43325
|
__metadata("design:type", Object)
|
|
43207
43326
|
], ZdDateRange.prototype, "value", void 0);
|
|
43327
|
+
__decorate([
|
|
43328
|
+
PropWatch({ type: String, default: '' }),
|
|
43329
|
+
__metadata("design:type", String)
|
|
43330
|
+
], ZdDateRange.prototype, "max", void 0);
|
|
43331
|
+
__decorate([
|
|
43332
|
+
PropWatch({ type: String, default: '' }),
|
|
43333
|
+
__metadata("design:type", String)
|
|
43334
|
+
], ZdDateRange.prototype, "min", void 0);
|
|
43208
43335
|
ZdDateRange = __decorate([
|
|
43209
43336
|
Component$1
|
|
43210
43337
|
], ZdDateRange);
|
|
@@ -43346,6 +43473,12 @@ var __vue_render__$1a = function () {
|
|
|
43346
43473
|
showWeek: _vm.instance.showWeek,
|
|
43347
43474
|
type: _vm.instance.pickerType,
|
|
43348
43475
|
width: _vm.$isMobile() ? "290px" : _vm.instance.width,
|
|
43476
|
+
max: _vm.instance.formatISODateRangeValue(
|
|
43477
|
+
_vm.instance.max
|
|
43478
|
+
)[0],
|
|
43479
|
+
min: _vm.instance.formatISODateRangeValue(
|
|
43480
|
+
_vm.instance.min
|
|
43481
|
+
)[0],
|
|
43349
43482
|
},
|
|
43350
43483
|
false
|
|
43351
43484
|
),
|
|
@@ -43465,7 +43598,7 @@ __vue_render__$1a._withStripped = true;
|
|
|
43465
43598
|
/* style */
|
|
43466
43599
|
const __vue_inject_styles__$1a = function (inject) {
|
|
43467
43600
|
if (!inject) return
|
|
43468
|
-
inject("data-v-
|
|
43601
|
+
inject("data-v-137a58b0_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-range-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-range-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-range-helper-values-option {\n cursor: pointer;\n}\n.date-range-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
43469
43602
|
|
|
43470
43603
|
};
|
|
43471
43604
|
/* scoped */
|
|
@@ -47896,8 +48029,8 @@ __vue_render__$10._withStripped = true;
|
|
|
47896
48029
|
/* style */
|
|
47897
48030
|
const __vue_inject_styles__$10 = function (inject) {
|
|
47898
48031
|
if (!inject) return
|
|
47899
|
-
inject("data-v-04dca600_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
47900
|
-
,inject("data-v-
|
|
48032
|
+
inject("data-v-7baf3bdb_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
48033
|
+
,inject("data-v-7baf3bdb_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n max-height: 22px;\n}", map: undefined, media: undefined });
|
|
47901
48034
|
|
|
47902
48035
|
};
|
|
47903
48036
|
/* scoped */
|
|
@@ -53027,7 +53160,10 @@ var __vue_render__$z = function () {
|
|
|
53027
53160
|
ref: "ZdMenu",
|
|
53028
53161
|
class: ["zd-menu", _vm.instance.cssClass],
|
|
53029
53162
|
style: _vm.instance.cssStyle,
|
|
53030
|
-
attrs: {
|
|
53163
|
+
attrs: {
|
|
53164
|
+
name: _vm.instance.name,
|
|
53165
|
+
height: _vm.instance.app ? "100dvh" : "",
|
|
53166
|
+
},
|
|
53031
53167
|
model: {
|
|
53032
53168
|
value: _vm.instance.drawer,
|
|
53033
53169
|
callback: function ($$v) {
|
|
@@ -53156,7 +53292,7 @@ __vue_render__$z._withStripped = true;
|
|
|
53156
53292
|
/* style */
|
|
53157
53293
|
const __vue_inject_styles__$z = function (inject) {
|
|
53158
53294
|
if (!inject) return
|
|
53159
|
-
inject("data-v-
|
|
53295
|
+
inject("data-v-167893d6_0", { source: ".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 });
|
|
53160
53296
|
|
|
53161
53297
|
};
|
|
53162
53298
|
/* scoped */
|
|
@@ -53692,7 +53828,7 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
53692
53828
|
const el = (Array.isArray(ref) ? ref[0].$el : ref === null || ref === void 0 ? void 0 : ref.$el);
|
|
53693
53829
|
return el || null;
|
|
53694
53830
|
}
|
|
53695
|
-
|
|
53831
|
+
registerDragEvents(modal) {
|
|
53696
53832
|
const el = this.getModalEl(modal);
|
|
53697
53833
|
if (!el)
|
|
53698
53834
|
return;
|
|
@@ -53705,11 +53841,28 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
53705
53841
|
if (!this.dragHandle)
|
|
53706
53842
|
return;
|
|
53707
53843
|
this.dragHandle.addEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
53844
|
+
this.dragHandle.addEventListener('touchstart', this.dragStart.bind(this, modal), { passive: false });
|
|
53708
53845
|
}
|
|
53709
|
-
|
|
53846
|
+
unregisterDragEvents(modal) {
|
|
53710
53847
|
if (!this.dragHandle)
|
|
53711
53848
|
return;
|
|
53712
53849
|
this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
53850
|
+
this.dragHandle.removeEventListener('touchstart', this.dragStart.bind(this, modal));
|
|
53851
|
+
}
|
|
53852
|
+
isTouchEvent(event) {
|
|
53853
|
+
return 'touches' in event;
|
|
53854
|
+
}
|
|
53855
|
+
getEventCoordinates(event) {
|
|
53856
|
+
if (this.isTouchEvent(event)) {
|
|
53857
|
+
return {
|
|
53858
|
+
x: event.touches[0].clientX,
|
|
53859
|
+
y: event.touches[0].clientY,
|
|
53860
|
+
};
|
|
53861
|
+
}
|
|
53862
|
+
return {
|
|
53863
|
+
x: event.clientX,
|
|
53864
|
+
y: event.clientY,
|
|
53865
|
+
};
|
|
53713
53866
|
}
|
|
53714
53867
|
dragStart(modal, event) {
|
|
53715
53868
|
var _a, _b;
|
|
@@ -53717,26 +53870,35 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
53717
53870
|
return;
|
|
53718
53871
|
const dragHandle = (_a = modal.dragHandle) === null || _a === void 0 ? void 0 : _a.replace('.', '');
|
|
53719
53872
|
const targetElement = event.target;
|
|
53720
|
-
const isDragHandleInvalid = dragHandle && !targetElement.
|
|
53873
|
+
const isDragHandleInvalid = dragHandle && !targetElement.classList.contains(dragHandle);
|
|
53721
53874
|
if (isDragHandleInvalid) {
|
|
53722
53875
|
return;
|
|
53723
53876
|
}
|
|
53724
53877
|
const isEventTargetInvalid = event && event.target && !((_b = event.target
|
|
53725
|
-
.parentElement) === null || _b === void 0 ? void 0 : _b.
|
|
53878
|
+
.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(`zd-modal-card-${modal.name}`));
|
|
53726
53879
|
const isDragHandleMissing = !dragHandle;
|
|
53727
53880
|
if (isEventTargetInvalid && isDragHandleMissing) {
|
|
53728
53881
|
return;
|
|
53729
53882
|
}
|
|
53730
53883
|
this.modalDragged = modal;
|
|
53731
|
-
|
|
53732
|
-
this.
|
|
53733
|
-
|
|
53734
|
-
|
|
53884
|
+
const { x, y } = this.getEventCoordinates(event);
|
|
53885
|
+
this.x = x;
|
|
53886
|
+
this.y = y;
|
|
53887
|
+
if (this.isTouchEvent(event)) {
|
|
53888
|
+
document.addEventListener('touchmove', this.dragMove, { passive: false });
|
|
53889
|
+
document.addEventListener('touchend', this.dragEnd);
|
|
53890
|
+
}
|
|
53891
|
+
else {
|
|
53892
|
+
document.addEventListener('mousemove', this.dragMove);
|
|
53893
|
+
document.addEventListener('mouseup', this.dragEnd);
|
|
53894
|
+
}
|
|
53735
53895
|
}
|
|
53736
53896
|
dragEnd() {
|
|
53737
53897
|
this.modalDragged = undefined;
|
|
53738
53898
|
document.removeEventListener('mousemove', this.dragMove);
|
|
53739
53899
|
document.removeEventListener('mouseup', this.dragEnd);
|
|
53900
|
+
document.removeEventListener('touchmove', this.dragMove);
|
|
53901
|
+
document.removeEventListener('touchend', this.dragEnd);
|
|
53740
53902
|
}
|
|
53741
53903
|
dragMove(event) {
|
|
53742
53904
|
var _a;
|
|
@@ -53746,8 +53908,9 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
53746
53908
|
if (!modalEl)
|
|
53747
53909
|
return;
|
|
53748
53910
|
event.preventDefault();
|
|
53749
|
-
const
|
|
53750
|
-
const
|
|
53911
|
+
const { x, y } = this.getEventCoordinates(event);
|
|
53912
|
+
const dy = y - this.y;
|
|
53913
|
+
const dx = x - this.x;
|
|
53751
53914
|
const toNum = (str) => Number(str.slice(0, -2));
|
|
53752
53915
|
const toPx = (num) => `${num}px`;
|
|
53753
53916
|
const threshold = 1;
|
|
@@ -53762,8 +53925,8 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
53762
53925
|
&& (window.innerWidth / 2) - 2 * (left + dx) >= 0) {
|
|
53763
53926
|
modalEl.style.left = toPx(left + dx);
|
|
53764
53927
|
}
|
|
53765
|
-
this.x =
|
|
53766
|
-
this.y =
|
|
53928
|
+
this.x = x;
|
|
53929
|
+
this.y = y;
|
|
53767
53930
|
}
|
|
53768
53931
|
}
|
|
53769
53932
|
getContentClass(modal) {
|
|
@@ -53857,10 +54020,10 @@ var __vue_render__$u = function () {
|
|
|
53857
54020
|
style: modal.cssStyle,
|
|
53858
54021
|
on: {
|
|
53859
54022
|
"hook:mounted": function ($event) {
|
|
53860
|
-
modal.draggable && _vm.
|
|
54023
|
+
modal.draggable && _vm.registerDragEvents(modal);
|
|
53861
54024
|
},
|
|
53862
54025
|
"hook:destroyed": function ($event) {
|
|
53863
|
-
return _vm.
|
|
54026
|
+
return _vm.unregisterDragEvents(modal)
|
|
53864
54027
|
},
|
|
53865
54028
|
},
|
|
53866
54029
|
},
|
|
@@ -53924,7 +54087,7 @@ __vue_render__$u._withStripped = true;
|
|
|
53924
54087
|
/* style */
|
|
53925
54088
|
const __vue_inject_styles__$u = function (inject) {
|
|
53926
54089
|
if (!inject) return
|
|
53927
|
-
inject("data-v-
|
|
54090
|
+
inject("data-v-12867ee3_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n cursor: default;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n display: flex;\n flex: 1 1 auto;\n}", map: undefined, media: undefined });
|
|
53928
54091
|
|
|
53929
54092
|
};
|
|
53930
54093
|
/* scoped */
|
|
@@ -57690,6 +57853,9 @@ let ZdTabs = class ZdTabs extends ZdComponentRender$1 {
|
|
|
57690
57853
|
if (this.instance.fillHeight) {
|
|
57691
57854
|
setFillHeight(this.$el);
|
|
57692
57855
|
}
|
|
57856
|
+
I18n.registerChangeListener(() => {
|
|
57857
|
+
this.$refs.tabs.callSlider();
|
|
57858
|
+
});
|
|
57693
57859
|
}
|
|
57694
57860
|
};
|
|
57695
57861
|
__decorate([
|
|
@@ -57712,6 +57878,10 @@ __decorate([
|
|
|
57712
57878
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
57713
57879
|
__metadata("design:type", Object)
|
|
57714
57880
|
], ZdTabs.prototype, "fillHeight", void 0);
|
|
57881
|
+
__decorate([
|
|
57882
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
57883
|
+
__metadata("design:type", Boolean)
|
|
57884
|
+
], ZdTabs.prototype, "touchless", void 0);
|
|
57715
57885
|
__decorate([
|
|
57716
57886
|
Prop({ type: Array, default: () => [] }),
|
|
57717
57887
|
__metadata("design:type", Array)
|
|
@@ -57756,6 +57926,7 @@ var __vue_render__$c = function () {
|
|
|
57756
57926
|
_c(
|
|
57757
57927
|
"v-tabs",
|
|
57758
57928
|
{
|
|
57929
|
+
ref: "tabs",
|
|
57759
57930
|
attrs: {
|
|
57760
57931
|
"show-arrows": "",
|
|
57761
57932
|
dark: _vm.instance.dark,
|
|
@@ -57818,7 +57989,11 @@ var __vue_render__$c = function () {
|
|
|
57818
57989
|
_c(
|
|
57819
57990
|
"v-tabs-items",
|
|
57820
57991
|
{
|
|
57821
|
-
attrs: {
|
|
57992
|
+
attrs: {
|
|
57993
|
+
dark: _vm.instance.dark,
|
|
57994
|
+
light: _vm.instance.light,
|
|
57995
|
+
touchless: _vm.instance.touchless,
|
|
57996
|
+
},
|
|
57822
57997
|
model: {
|
|
57823
57998
|
value: _vm.instance.activeTab,
|
|
57824
57999
|
callback: function ($$v) {
|
|
@@ -57845,7 +58020,7 @@ var __vue_render__$c = function () {
|
|
|
57845
58020
|
},
|
|
57846
58021
|
],
|
|
57847
58022
|
key: index,
|
|
57848
|
-
attrs: { value: index },
|
|
58023
|
+
attrs: { value: index, parent: tab },
|
|
57849
58024
|
},
|
|
57850
58025
|
"zd-tab-item",
|
|
57851
58026
|
{
|
|
@@ -57874,11 +58049,11 @@ __vue_render__$c._withStripped = true;
|
|
|
57874
58049
|
/* style */
|
|
57875
58050
|
const __vue_inject_styles__$c = function (inject) {
|
|
57876
58051
|
if (!inject) return
|
|
57877
|
-
inject("data-v-
|
|
58052
|
+
inject("data-v-83547962_0", { source: ".zd-tabs[data-v-83547962] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar,\n.zd-tabs[data-v-83547962] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-83547962] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}\n.zd-tabs[data-v-83547962] .v-tabs {\n flex-grow: 0;\n}\n.zd-tabs[data-v-83547962] .v-tabs-items {\n flex-grow: 1;\n overflow-y: auto;\n}\n.zd-tabs[data-v-83547962] .v-tabs-items .v-window__container {\n height: 100% !important;\n}", map: undefined, media: undefined });
|
|
57878
58053
|
|
|
57879
58054
|
};
|
|
57880
58055
|
/* scoped */
|
|
57881
|
-
const __vue_scope_id__$c = "data-v-
|
|
58056
|
+
const __vue_scope_id__$c = "data-v-83547962";
|
|
57882
58057
|
/* module identifier */
|
|
57883
58058
|
const __vue_module_identifier__$c = undefined;
|
|
57884
58059
|
/* functional template */
|
|
@@ -58069,7 +58244,7 @@ var __vue_render__$a = function () {
|
|
|
58069
58244
|
return _c(
|
|
58070
58245
|
child.component,
|
|
58071
58246
|
_vm._b(
|
|
58072
|
-
{ key: index, tag: "component" },
|
|
58247
|
+
{ key: index, tag: "component", attrs: { parent: _vm.parent } },
|
|
58073
58248
|
"component",
|
|
58074
58249
|
child,
|
|
58075
58250
|
false
|
|
@@ -58091,11 +58266,11 @@ __vue_render__$a._withStripped = true;
|
|
|
58091
58266
|
/* style */
|
|
58092
58267
|
const __vue_inject_styles__$a = function (inject) {
|
|
58093
58268
|
if (!inject) return
|
|
58094
|
-
inject("data-v-
|
|
58269
|
+
inject("data-v-2fa11af6_0", { source: ".zd-tabs-tab-item[data-v-2fa11af6] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-2fa11af6] {\n padding: 0;\n}\n.zd-tabs .zd-tabs-tab-item[data-v-2fa11af6] {\n height: 100%;\n}\n.zd-tabs .zd-tabs-tab-item .container[data-v-2fa11af6] {\n height: 100%;\n}", map: undefined, media: undefined });
|
|
58095
58270
|
|
|
58096
58271
|
};
|
|
58097
58272
|
/* scoped */
|
|
58098
|
-
const __vue_scope_id__$a = "data-v-
|
|
58273
|
+
const __vue_scope_id__$a = "data-v-2fa11af6";
|
|
58099
58274
|
/* module identifier */
|
|
58100
58275
|
const __vue_module_identifier__$a = undefined;
|
|
58101
58276
|
/* functional template */
|
|
@@ -58246,6 +58421,29 @@ let ZdText = class ZdText extends ZdComponent$1 {
|
|
|
58246
58421
|
constructor() {
|
|
58247
58422
|
super(...arguments);
|
|
58248
58423
|
this.instanceType = Text;
|
|
58424
|
+
this.parentWidth = 0;
|
|
58425
|
+
}
|
|
58426
|
+
handleResize() {
|
|
58427
|
+
if (this.parentWidth && this.textResize.fontSize) {
|
|
58428
|
+
const proportion = this.parentElement.clientWidth / this.parentWidth;
|
|
58429
|
+
const MIN = this.textResize.min || 0;
|
|
58430
|
+
const MAX = this.textResize.max || Infinity;
|
|
58431
|
+
this.$el.style.fontSize = `${Math.min(Math.max(this.textResize.fontSize * proportion, MIN), MAX)}px`;
|
|
58432
|
+
}
|
|
58433
|
+
}
|
|
58434
|
+
mounted() {
|
|
58435
|
+
var _a;
|
|
58436
|
+
this.parentElement = this.$el.parentElement;
|
|
58437
|
+
if (this.instance.textResize) {
|
|
58438
|
+
this.$el.style.fontSize = `${this.instance.textResize.fontSize}px`;
|
|
58439
|
+
this.parentWidth = ((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
|
|
58440
|
+
this.resizeObserver = new ResizeObserver(this.handleResize);
|
|
58441
|
+
this.resizeObserver.observe(this.parentElement);
|
|
58442
|
+
}
|
|
58443
|
+
}
|
|
58444
|
+
destroyed() {
|
|
58445
|
+
var _a;
|
|
58446
|
+
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
58249
58447
|
}
|
|
58250
58448
|
};
|
|
58251
58449
|
__decorate([
|
|
@@ -58260,6 +58458,10 @@ __decorate([
|
|
|
58260
58458
|
PropWatch({ type: String, default: 'p' }),
|
|
58261
58459
|
__metadata("design:type", String)
|
|
58262
58460
|
], ZdText.prototype, "tag", void 0);
|
|
58461
|
+
__decorate([
|
|
58462
|
+
PropWatch({ type: Object, default: undefined }),
|
|
58463
|
+
__metadata("design:type", Object)
|
|
58464
|
+
], ZdText.prototype, "textResize", void 0);
|
|
58263
58465
|
ZdText = __decorate([
|
|
58264
58466
|
Component$1({
|
|
58265
58467
|
components: { ZdRender },
|
|
@@ -59204,8 +59406,8 @@ var __vue_render__$5 = function () {
|
|
|
59204
59406
|
nudgeRight: _vm.instance.right ? _vm.instance.nudge : undefined,
|
|
59205
59407
|
nudgeTop: _vm.instance.top ? _vm.instance.nudge : undefined,
|
|
59206
59408
|
openOnClick: _vm.instance.openOnClick,
|
|
59207
|
-
openOnFocus: _vm.instance.openOnFocus,
|
|
59208
|
-
openOnHover: _vm.instance.openOnHover,
|
|
59409
|
+
openOnFocus: !_vm.$isMobile() && _vm.instance.openOnFocus,
|
|
59410
|
+
openOnHover: !_vm.$isMobile() && _vm.instance.openOnHover,
|
|
59209
59411
|
right: _vm.instance.right,
|
|
59210
59412
|
top: _vm.instance.top,
|
|
59211
59413
|
},
|
|
@@ -59220,7 +59422,7 @@ __vue_render__$5._withStripped = true;
|
|
|
59220
59422
|
/* style */
|
|
59221
59423
|
const __vue_inject_styles__$5 = function (inject) {
|
|
59222
59424
|
if (!inject) return
|
|
59223
|
-
inject("data-v-
|
|
59425
|
+
inject("data-v-219472aa_0", { source: ".v-tooltip__content {\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
|
|
59224
59426
|
|
|
59225
59427
|
};
|
|
59226
59428
|
/* scoped */
|