@zeedhi/vuetify 1.46.0 → 1.47.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 +340 -184
- package/dist/zd-vuetify.umd.js +339 -183
- package/package.json +2 -2
- package/types/components/zd-date/ZdDate.d.ts +24 -19
- package/types/components/zd-date/ZdDateRange.d.ts +24 -19
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -27913,7 +27913,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
27913
27913
|
});
|
|
27914
27914
|
|
|
27915
27915
|
// Styles
|
|
27916
|
-
mixins(Themeable
|
|
27916
|
+
var VTimeline = mixins(Themeable
|
|
27917
27917
|
/* @vue/component */
|
|
27918
27918
|
).extend({
|
|
27919
27919
|
name: 'v-timeline',
|
|
@@ -27954,7 +27954,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
27954
27954
|
const baseMixins$1 = mixins(Colorable, Themeable
|
|
27955
27955
|
/* @vue/component */
|
|
27956
27956
|
);
|
|
27957
|
-
baseMixins$1.extend().extend({
|
|
27957
|
+
var VTimelineItem = baseMixins$1.extend().extend({
|
|
27958
27958
|
name: 'v-timeline-item',
|
|
27959
27959
|
inject: ['timeline'],
|
|
27960
27960
|
props: {
|
|
@@ -30391,7 +30391,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
30391
30391
|
},
|
|
30392
30392
|
],
|
|
30393
30393
|
ref: "instance",
|
|
30394
|
-
class: [
|
|
30394
|
+
class: [
|
|
30395
|
+
"zd-apex-chart",
|
|
30396
|
+
_vm.instance.cssClass,
|
|
30397
|
+
{ "theme--dark": _vm.$isDark(this) },
|
|
30398
|
+
{ "theme--light": _vm.$isLight(this) },
|
|
30399
|
+
],
|
|
30395
30400
|
style: _vm.instance.cssStyle,
|
|
30396
30401
|
attrs: {
|
|
30397
30402
|
type: _vm.instance.chartType,
|
|
@@ -30400,6 +30405,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
30400
30405
|
height: _vm.instance.height,
|
|
30401
30406
|
name: _vm.instance.name,
|
|
30402
30407
|
width: _vm.instance.width,
|
|
30408
|
+
dark: _vm.instance.dark,
|
|
30409
|
+
light: _vm.instance.light,
|
|
30410
|
+
},
|
|
30411
|
+
on: {
|
|
30412
|
+
updated: function ($event) {
|
|
30413
|
+
return _vm.setApexChartTheme()
|
|
30414
|
+
},
|
|
30403
30415
|
},
|
|
30404
30416
|
}),
|
|
30405
30417
|
_vm._v(" "),
|
|
@@ -30430,7 +30442,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
30430
30442
|
/* style */
|
|
30431
30443
|
const __vue_inject_styles__$1m = function (inject) {
|
|
30432
30444
|
if (!inject) return
|
|
30433
|
-
inject("data-v-
|
|
30445
|
+
inject("data-v-02c50976_0", { source: ".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-text {\n fill: #3b3b3b !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 height: 100%;\n}", map: undefined, media: undefined });
|
|
30434
30446
|
|
|
30435
30447
|
};
|
|
30436
30448
|
/* scoped */
|
|
@@ -34323,7 +34335,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34323
34335
|
}
|
|
34324
34336
|
onSelectDate(date, event) {
|
|
34325
34337
|
this.instance.selectDate(date, event, this.$el);
|
|
34326
|
-
this.instance.change(event, this.$refs.instance.$el);
|
|
34327
34338
|
}
|
|
34328
34339
|
getAllowedDates(date) {
|
|
34329
34340
|
if (typeof this.instance.allowedDates === 'function') {
|
|
@@ -34380,6 +34391,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34380
34391
|
get getDateMask() {
|
|
34381
34392
|
return this.instance.updateMask();
|
|
34382
34393
|
}
|
|
34394
|
+
helperValuesOptionClick({ component }) {
|
|
34395
|
+
const helper = component.name.split('_helpervalue_')[1];
|
|
34396
|
+
const value = core.DateHelper.getValue(helper, this.instance.dateFormat);
|
|
34397
|
+
this.instance.value = value;
|
|
34398
|
+
this.instance.helperValue = helper;
|
|
34399
|
+
this.instance.change(undefined, this.$el);
|
|
34400
|
+
this.instance.helperValue = helper; // o change remove o valor, por isso precisa adicionar novamente
|
|
34401
|
+
this.instance.updateHelperHint();
|
|
34402
|
+
}
|
|
34403
|
+
getLabel(name) {
|
|
34404
|
+
return core.DateHelper.getLabel(name);
|
|
34405
|
+
}
|
|
34383
34406
|
};
|
|
34384
34407
|
__decorate([
|
|
34385
34408
|
PropWatch({
|
|
@@ -34460,6 +34483,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34460
34483
|
PropWatch({ type: String }),
|
|
34461
34484
|
__metadata("design:type", Object)
|
|
34462
34485
|
], ZdDate.prototype, "inputFormat", void 0);
|
|
34486
|
+
__decorate([
|
|
34487
|
+
PropWatch({ type: [String, Array], default: () => [] }),
|
|
34488
|
+
__metadata("design:type", Object)
|
|
34489
|
+
], ZdDate.prototype, "helperOptions", void 0);
|
|
34490
|
+
__decorate([
|
|
34491
|
+
PropWatch({ type: String, default: '' }),
|
|
34492
|
+
__metadata("design:type", String)
|
|
34493
|
+
], ZdDate.prototype, "helperValue", void 0);
|
|
34463
34494
|
ZdDate = __decorate([
|
|
34464
34495
|
vuePropertyDecorator.Component
|
|
34465
34496
|
], ZdDate);
|
|
@@ -34474,104 +34505,154 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34474
34505
|
var _h = _vm.$createElement;
|
|
34475
34506
|
var _c = _vm._self._c || _h;
|
|
34476
34507
|
return _c(
|
|
34477
|
-
"
|
|
34508
|
+
"zd-tag",
|
|
34478
34509
|
{
|
|
34479
|
-
directives: [
|
|
34480
|
-
{
|
|
34481
|
-
name: "show",
|
|
34482
|
-
rawName: "v-show",
|
|
34483
|
-
value: _vm.instance.isVisible,
|
|
34484
|
-
expression: "instance.isVisible",
|
|
34485
|
-
},
|
|
34486
|
-
],
|
|
34487
|
-
staticClass: "zd-date-menu-activator",
|
|
34488
34510
|
attrs: {
|
|
34489
|
-
|
|
34490
|
-
|
|
34491
|
-
|
|
34492
|
-
|
|
34493
|
-
transition: "scale-transition",
|
|
34494
|
-
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34495
|
-
"close-on-content-click": false,
|
|
34496
|
-
},
|
|
34497
|
-
scopedSlots: _vm._u([
|
|
34498
|
-
{
|
|
34499
|
-
key: "activator",
|
|
34500
|
-
fn: function (ref) {
|
|
34501
|
-
var on = ref.on;
|
|
34502
|
-
return [
|
|
34503
|
-
_c("zd-text-input", {
|
|
34504
|
-
ref: "instance",
|
|
34505
|
-
attrs: {
|
|
34506
|
-
name: _vm.instance.name + "_text-input",
|
|
34507
|
-
mask: _vm.getDateMask,
|
|
34508
|
-
"instance-object": _vm.instance,
|
|
34509
|
-
events: _vm.getEvents(on),
|
|
34510
|
-
autofill: false,
|
|
34511
|
-
},
|
|
34512
|
-
}),
|
|
34513
|
-
]
|
|
34514
|
-
},
|
|
34515
|
-
},
|
|
34516
|
-
]),
|
|
34517
|
-
model: {
|
|
34518
|
-
value: _vm.instance.showDatePicker,
|
|
34519
|
-
callback: function ($$v) {
|
|
34520
|
-
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34521
|
-
},
|
|
34522
|
-
expression: "instance.showDatePicker",
|
|
34511
|
+
name: _vm.instance.name + "_helperspan",
|
|
34512
|
+
tag: "span",
|
|
34513
|
+
cssClass: "zd-display-flex",
|
|
34514
|
+
grid: _vm.instance.grid,
|
|
34523
34515
|
},
|
|
34524
34516
|
},
|
|
34525
34517
|
[
|
|
34526
|
-
_vm._v(" "),
|
|
34527
34518
|
_c(
|
|
34528
|
-
"v-
|
|
34529
|
-
|
|
34530
|
-
|
|
34531
|
-
|
|
34532
|
-
|
|
34533
|
-
|
|
34534
|
-
|
|
34535
|
-
|
|
34536
|
-
expression: "instance.isVisible",
|
|
34537
|
-
},
|
|
34538
|
-
],
|
|
34539
|
-
ref: "picker",
|
|
34540
|
-
attrs: { "no-title": "" },
|
|
34541
|
-
on: {
|
|
34542
|
-
"hook:mounted": _vm.pickerMounted,
|
|
34543
|
-
"hook:destroyed": _vm.pickerDestroyed,
|
|
34544
|
-
"click:date": _vm.onSelectDate,
|
|
34545
|
-
change: function ($event) {
|
|
34546
|
-
return _vm.onChangeDatePicker()
|
|
34547
|
-
},
|
|
34519
|
+
"v-menu",
|
|
34520
|
+
{
|
|
34521
|
+
directives: [
|
|
34522
|
+
{
|
|
34523
|
+
name: "show",
|
|
34524
|
+
rawName: "v-show",
|
|
34525
|
+
value: _vm.instance.isVisible,
|
|
34526
|
+
expression: "instance.isVisible",
|
|
34548
34527
|
},
|
|
34549
|
-
|
|
34550
|
-
|
|
34551
|
-
|
|
34552
|
-
|
|
34528
|
+
],
|
|
34529
|
+
staticClass: "zd-date-menu-activator",
|
|
34530
|
+
attrs: {
|
|
34531
|
+
id: _vm.instance.name,
|
|
34532
|
+
"offset-overflow": "",
|
|
34533
|
+
"offset-y": "",
|
|
34534
|
+
"min-width": _vm.instance.width,
|
|
34535
|
+
transition: "scale-transition",
|
|
34536
|
+
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34537
|
+
"close-on-content-click": false,
|
|
34538
|
+
},
|
|
34539
|
+
scopedSlots: _vm._u([
|
|
34540
|
+
{
|
|
34541
|
+
key: "activator",
|
|
34542
|
+
fn: function (ref) {
|
|
34543
|
+
var on = ref.on;
|
|
34544
|
+
return [
|
|
34545
|
+
_c("zd-text-input", {
|
|
34546
|
+
ref: "instance",
|
|
34547
|
+
attrs: {
|
|
34548
|
+
name: _vm.instance.name + "_text-input",
|
|
34549
|
+
mask: _vm.getDateMask,
|
|
34550
|
+
"instance-object": _vm.instance,
|
|
34551
|
+
events: _vm.getEvents(on),
|
|
34552
|
+
autofill: false,
|
|
34553
|
+
},
|
|
34554
|
+
}),
|
|
34555
|
+
]
|
|
34553
34556
|
},
|
|
34554
|
-
expression: "instance.isoValue",
|
|
34555
34557
|
},
|
|
34558
|
+
]),
|
|
34559
|
+
model: {
|
|
34560
|
+
value: _vm.instance.showDatePicker,
|
|
34561
|
+
callback: function ($$v) {
|
|
34562
|
+
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34563
|
+
},
|
|
34564
|
+
expression: "instance.showDatePicker",
|
|
34556
34565
|
},
|
|
34557
|
-
|
|
34558
|
-
|
|
34559
|
-
|
|
34560
|
-
|
|
34561
|
-
|
|
34562
|
-
|
|
34563
|
-
|
|
34564
|
-
|
|
34565
|
-
|
|
34566
|
-
|
|
34567
|
-
|
|
34568
|
-
|
|
34569
|
-
|
|
34570
|
-
|
|
34571
|
-
|
|
34572
|
-
|
|
34573
|
-
|
|
34566
|
+
},
|
|
34567
|
+
[
|
|
34568
|
+
_vm._v(" "),
|
|
34569
|
+
_c(
|
|
34570
|
+
"v-date-picker",
|
|
34571
|
+
_vm._b(
|
|
34572
|
+
{
|
|
34573
|
+
directives: [
|
|
34574
|
+
{
|
|
34575
|
+
name: "show",
|
|
34576
|
+
rawName: "v-show",
|
|
34577
|
+
value: _vm.instance.isVisible,
|
|
34578
|
+
expression: "instance.isVisible",
|
|
34579
|
+
},
|
|
34580
|
+
],
|
|
34581
|
+
ref: "picker",
|
|
34582
|
+
attrs: { "no-title": "" },
|
|
34583
|
+
on: {
|
|
34584
|
+
"hook:mounted": _vm.pickerMounted,
|
|
34585
|
+
"hook:destroyed": _vm.pickerDestroyed,
|
|
34586
|
+
"click:date": _vm.onSelectDate,
|
|
34587
|
+
change: function ($event) {
|
|
34588
|
+
return _vm.onChangeDatePicker()
|
|
34589
|
+
},
|
|
34590
|
+
},
|
|
34591
|
+
model: {
|
|
34592
|
+
value: _vm.instance.isoValue,
|
|
34593
|
+
callback: function ($$v) {
|
|
34594
|
+
_vm.$set(_vm.instance, "isoValue", $$v);
|
|
34595
|
+
},
|
|
34596
|
+
expression: "instance.isoValue",
|
|
34597
|
+
},
|
|
34598
|
+
},
|
|
34599
|
+
"v-date-picker",
|
|
34600
|
+
{
|
|
34601
|
+
allowedDates: _vm.getAllowedDates,
|
|
34602
|
+
color: _vm.instance.color,
|
|
34603
|
+
dark: _vm.instance.dark,
|
|
34604
|
+
firstDayOfWeek: _vm.instance.firstDayOfWeek,
|
|
34605
|
+
fullWidth: _vm.instance.fullWidth,
|
|
34606
|
+
light: _vm.instance.light,
|
|
34607
|
+
locale: _vm.instance.locale,
|
|
34608
|
+
scrollable: _vm.instance.scrollable,
|
|
34609
|
+
showDatePicker: _vm.instance.showDatePicker,
|
|
34610
|
+
showWeek: _vm.instance.showWeek,
|
|
34611
|
+
type: _vm.instance.pickerType,
|
|
34612
|
+
width: _vm.instance.width,
|
|
34613
|
+
},
|
|
34614
|
+
false
|
|
34615
|
+
)
|
|
34616
|
+
),
|
|
34617
|
+
],
|
|
34618
|
+
1
|
|
34574
34619
|
),
|
|
34620
|
+
_vm._v(" "),
|
|
34621
|
+
_vm.instance.helperOptions && _vm.instance.helperOptions.length
|
|
34622
|
+
? _c(
|
|
34623
|
+
"zd-dropdown",
|
|
34624
|
+
{
|
|
34625
|
+
attrs: {
|
|
34626
|
+
name: _vm.instance.name + "_helperdropdown",
|
|
34627
|
+
"offset-y": "",
|
|
34628
|
+
activator: {
|
|
34629
|
+
name: _vm.instance.name + "_helperbutton",
|
|
34630
|
+
component: "ZdButton",
|
|
34631
|
+
iconName: "magnify",
|
|
34632
|
+
icon: true,
|
|
34633
|
+
small: true,
|
|
34634
|
+
cssClass:
|
|
34635
|
+
"date-helper-values-button " +
|
|
34636
|
+
(_vm.instance.showLabel !== false ? "with-label" : ""),
|
|
34637
|
+
},
|
|
34638
|
+
},
|
|
34639
|
+
},
|
|
34640
|
+
_vm._l(_vm.instance.helperOptions, function (value) {
|
|
34641
|
+
return _c("zd-text", {
|
|
34642
|
+
key: value,
|
|
34643
|
+
attrs: {
|
|
34644
|
+
name: _vm.instance.name + "_helpervalue_" + value,
|
|
34645
|
+
cssClass: "date-helper-values-option zd-dropdown-component",
|
|
34646
|
+
text: _vm.getLabel(value),
|
|
34647
|
+
events: {
|
|
34648
|
+
click: _vm.helperValuesOptionClick,
|
|
34649
|
+
},
|
|
34650
|
+
},
|
|
34651
|
+
})
|
|
34652
|
+
}),
|
|
34653
|
+
1
|
|
34654
|
+
)
|
|
34655
|
+
: _vm._e(),
|
|
34575
34656
|
],
|
|
34576
34657
|
1
|
|
34577
34658
|
)
|
|
@@ -34582,7 +34663,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34582
34663
|
/* style */
|
|
34583
34664
|
const __vue_inject_styles__$14 = function (inject) {
|
|
34584
34665
|
if (!inject) return
|
|
34585
|
-
inject("data-v-
|
|
34666
|
+
inject("data-v-5275ad42_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 });
|
|
34586
34667
|
|
|
34587
34668
|
};
|
|
34588
34669
|
/* scoped */
|
|
@@ -34729,6 +34810,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34729
34810
|
get getDateMask() {
|
|
34730
34811
|
return this.instance.updateMask();
|
|
34731
34812
|
}
|
|
34813
|
+
helperValuesOptionClick({ component }) {
|
|
34814
|
+
const helper = component.name.split('_helpervalue_')[1];
|
|
34815
|
+
const value = core.DateHelper.getValue(helper, this.instance.dateFormat);
|
|
34816
|
+
this.instance.value = value;
|
|
34817
|
+
this.instance.helperValue = helper;
|
|
34818
|
+
this.instance.change(undefined, this.$el);
|
|
34819
|
+
this.instance.helperValue = helper; // o change remove o valor, por isso precisa adicionar novamente
|
|
34820
|
+
this.instance.updateHelperHint();
|
|
34821
|
+
}
|
|
34822
|
+
getLabel(name) {
|
|
34823
|
+
return core.DateHelper.getLabel(name);
|
|
34824
|
+
}
|
|
34732
34825
|
};
|
|
34733
34826
|
__decorate([
|
|
34734
34827
|
PropWatch({ type: String, default: 'calendar' }),
|
|
@@ -34806,6 +34899,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34806
34899
|
PropWatch({ type: String }),
|
|
34807
34900
|
__metadata("design:type", Object)
|
|
34808
34901
|
], ZdDateRange.prototype, "inputFormat", void 0);
|
|
34902
|
+
__decorate([
|
|
34903
|
+
PropWatch({ type: [String, Array], default: () => [] }),
|
|
34904
|
+
__metadata("design:type", Object)
|
|
34905
|
+
], ZdDateRange.prototype, "helperOptions", void 0);
|
|
34906
|
+
__decorate([
|
|
34907
|
+
PropWatch({ type: String, default: '' }),
|
|
34908
|
+
__metadata("design:type", String)
|
|
34909
|
+
], ZdDateRange.prototype, "helperValue", void 0);
|
|
34809
34910
|
ZdDateRange = __decorate([
|
|
34810
34911
|
vuePropertyDecorator.Component
|
|
34811
34912
|
], ZdDateRange);
|
|
@@ -34820,102 +34921,153 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34820
34921
|
var _h = _vm.$createElement;
|
|
34821
34922
|
var _c = _vm._self._c || _h;
|
|
34822
34923
|
return _c(
|
|
34823
|
-
"
|
|
34924
|
+
"zd-tag",
|
|
34824
34925
|
{
|
|
34825
|
-
directives: [
|
|
34826
|
-
{
|
|
34827
|
-
name: "show",
|
|
34828
|
-
rawName: "v-show",
|
|
34829
|
-
value: _vm.instance.isVisible,
|
|
34830
|
-
expression: "instance.isVisible",
|
|
34831
|
-
},
|
|
34832
|
-
],
|
|
34833
|
-
staticClass: "zd-date-menu-activator",
|
|
34834
34926
|
attrs: {
|
|
34835
|
-
|
|
34836
|
-
|
|
34837
|
-
|
|
34838
|
-
|
|
34839
|
-
transition: "scale-transition",
|
|
34840
|
-
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34841
|
-
"close-on-content-click": false,
|
|
34842
|
-
},
|
|
34843
|
-
scopedSlots: _vm._u([
|
|
34844
|
-
{
|
|
34845
|
-
key: "activator",
|
|
34846
|
-
fn: function (ref) {
|
|
34847
|
-
var on = ref.on;
|
|
34848
|
-
return [
|
|
34849
|
-
_c("zd-text-input", {
|
|
34850
|
-
ref: "instance",
|
|
34851
|
-
attrs: {
|
|
34852
|
-
name: _vm.instance.name + "_text-input",
|
|
34853
|
-
mask: _vm.getDateMask,
|
|
34854
|
-
"instance-object": _vm.instance,
|
|
34855
|
-
events: _vm.getEvents(on),
|
|
34856
|
-
autofill: false,
|
|
34857
|
-
},
|
|
34858
|
-
}),
|
|
34859
|
-
]
|
|
34860
|
-
},
|
|
34861
|
-
},
|
|
34862
|
-
]),
|
|
34863
|
-
model: {
|
|
34864
|
-
value: _vm.instance.showDatePicker,
|
|
34865
|
-
callback: function ($$v) {
|
|
34866
|
-
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34867
|
-
},
|
|
34868
|
-
expression: "instance.showDatePicker",
|
|
34927
|
+
name: _vm.instance.name + "_helperspan",
|
|
34928
|
+
tag: "span",
|
|
34929
|
+
cssClass: "zd-display-flex",
|
|
34930
|
+
grid: _vm.instance.grid,
|
|
34869
34931
|
},
|
|
34870
34932
|
},
|
|
34871
34933
|
[
|
|
34872
|
-
_vm._v(" "),
|
|
34873
34934
|
_c(
|
|
34874
|
-
"v-
|
|
34875
|
-
|
|
34876
|
-
|
|
34877
|
-
|
|
34878
|
-
|
|
34879
|
-
|
|
34880
|
-
|
|
34881
|
-
|
|
34882
|
-
expression: "instance.isVisible",
|
|
34883
|
-
},
|
|
34884
|
-
],
|
|
34885
|
-
ref: "picker",
|
|
34886
|
-
attrs: { "no-title": "", range: "" },
|
|
34887
|
-
on: {
|
|
34888
|
-
"hook:mounted": _vm.pickerMounted,
|
|
34889
|
-
"hook:destroyed": _vm.pickerDestroyed,
|
|
34890
|
-
change: function ($event) {
|
|
34891
|
-
return _vm.onChangeDatePicker()
|
|
34892
|
-
},
|
|
34935
|
+
"v-menu",
|
|
34936
|
+
{
|
|
34937
|
+
directives: [
|
|
34938
|
+
{
|
|
34939
|
+
name: "show",
|
|
34940
|
+
rawName: "v-show",
|
|
34941
|
+
value: _vm.instance.isVisible,
|
|
34942
|
+
expression: "instance.isVisible",
|
|
34893
34943
|
},
|
|
34894
|
-
|
|
34895
|
-
|
|
34896
|
-
|
|
34897
|
-
|
|
34944
|
+
],
|
|
34945
|
+
staticClass: "zd-date-menu-activator",
|
|
34946
|
+
attrs: {
|
|
34947
|
+
id: _vm.instance.name,
|
|
34948
|
+
"offset-overflow": "",
|
|
34949
|
+
"offset-y": "",
|
|
34950
|
+
"min-width": _vm.instance.width,
|
|
34951
|
+
transition: "scale-transition",
|
|
34952
|
+
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34953
|
+
"close-on-content-click": false,
|
|
34954
|
+
},
|
|
34955
|
+
scopedSlots: _vm._u([
|
|
34956
|
+
{
|
|
34957
|
+
key: "activator",
|
|
34958
|
+
fn: function (ref) {
|
|
34959
|
+
var on = ref.on;
|
|
34960
|
+
return [
|
|
34961
|
+
_c("zd-text-input", {
|
|
34962
|
+
ref: "instance",
|
|
34963
|
+
attrs: {
|
|
34964
|
+
name: _vm.instance.name + "_text-input",
|
|
34965
|
+
mask: _vm.getDateMask,
|
|
34966
|
+
"instance-object": _vm.instance,
|
|
34967
|
+
events: _vm.getEvents(on),
|
|
34968
|
+
autofill: false,
|
|
34969
|
+
},
|
|
34970
|
+
}),
|
|
34971
|
+
]
|
|
34898
34972
|
},
|
|
34899
|
-
expression: "instance.isoRangeValue",
|
|
34900
34973
|
},
|
|
34974
|
+
]),
|
|
34975
|
+
model: {
|
|
34976
|
+
value: _vm.instance.showDatePicker,
|
|
34977
|
+
callback: function ($$v) {
|
|
34978
|
+
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34979
|
+
},
|
|
34980
|
+
expression: "instance.showDatePicker",
|
|
34901
34981
|
},
|
|
34902
|
-
|
|
34903
|
-
|
|
34904
|
-
|
|
34905
|
-
|
|
34906
|
-
|
|
34907
|
-
|
|
34908
|
-
|
|
34909
|
-
|
|
34910
|
-
|
|
34911
|
-
|
|
34912
|
-
|
|
34913
|
-
|
|
34914
|
-
|
|
34915
|
-
|
|
34916
|
-
|
|
34917
|
-
|
|
34982
|
+
},
|
|
34983
|
+
[
|
|
34984
|
+
_vm._v(" "),
|
|
34985
|
+
_c(
|
|
34986
|
+
"v-date-picker",
|
|
34987
|
+
_vm._b(
|
|
34988
|
+
{
|
|
34989
|
+
directives: [
|
|
34990
|
+
{
|
|
34991
|
+
name: "show",
|
|
34992
|
+
rawName: "v-show",
|
|
34993
|
+
value: _vm.instance.isVisible,
|
|
34994
|
+
expression: "instance.isVisible",
|
|
34995
|
+
},
|
|
34996
|
+
],
|
|
34997
|
+
ref: "picker",
|
|
34998
|
+
attrs: { "no-title": "", range: "" },
|
|
34999
|
+
on: {
|
|
35000
|
+
"hook:mounted": _vm.pickerMounted,
|
|
35001
|
+
"hook:destroyed": _vm.pickerDestroyed,
|
|
35002
|
+
change: function ($event) {
|
|
35003
|
+
return _vm.onChangeDatePicker()
|
|
35004
|
+
},
|
|
35005
|
+
},
|
|
35006
|
+
model: {
|
|
35007
|
+
value: _vm.instance.isoRangeValue,
|
|
35008
|
+
callback: function ($$v) {
|
|
35009
|
+
_vm.$set(_vm.instance, "isoRangeValue", $$v);
|
|
35010
|
+
},
|
|
35011
|
+
expression: "instance.isoRangeValue",
|
|
35012
|
+
},
|
|
35013
|
+
},
|
|
35014
|
+
"v-date-picker",
|
|
35015
|
+
{
|
|
35016
|
+
color: _vm.instance.color,
|
|
35017
|
+
dark: _vm.instance.dark,
|
|
35018
|
+
firstDayOfWeek: _vm.instance.firstDayOfWeek,
|
|
35019
|
+
fullWidth: _vm.instance.fullWidth,
|
|
35020
|
+
light: _vm.instance.light,
|
|
35021
|
+
locale: _vm.instance.locale,
|
|
35022
|
+
scrollable: _vm.instance.scrollable,
|
|
35023
|
+
showDatePicker: _vm.instance.showDatePicker,
|
|
35024
|
+
showWeek: _vm.instance.showWeek,
|
|
35025
|
+
type: _vm.instance.pickerType,
|
|
35026
|
+
width: _vm.instance.width,
|
|
35027
|
+
},
|
|
35028
|
+
false
|
|
35029
|
+
)
|
|
35030
|
+
),
|
|
35031
|
+
],
|
|
35032
|
+
1
|
|
34918
35033
|
),
|
|
35034
|
+
_vm._v(" "),
|
|
35035
|
+
_vm.instance.helperOptions && _vm.instance.helperOptions.length
|
|
35036
|
+
? _c(
|
|
35037
|
+
"zd-dropdown",
|
|
35038
|
+
{
|
|
35039
|
+
attrs: {
|
|
35040
|
+
name: _vm.instance.name + "_helperdropdown",
|
|
35041
|
+
"offset-y": "",
|
|
35042
|
+
activator: {
|
|
35043
|
+
name: _vm.instance.name + "_helperbutton",
|
|
35044
|
+
component: "ZdButton",
|
|
35045
|
+
iconName: "magnify",
|
|
35046
|
+
icon: true,
|
|
35047
|
+
small: true,
|
|
35048
|
+
cssClass:
|
|
35049
|
+
"date-range-helper-values-button " +
|
|
35050
|
+
(_vm.instance.showLabel !== false ? "with-label" : ""),
|
|
35051
|
+
},
|
|
35052
|
+
},
|
|
35053
|
+
},
|
|
35054
|
+
_vm._l(_vm.instance.helperOptions, function (value) {
|
|
35055
|
+
return _c("zd-text", {
|
|
35056
|
+
key: value,
|
|
35057
|
+
attrs: {
|
|
35058
|
+
name: _vm.instance.name + "_helpervalue_" + value,
|
|
35059
|
+
cssClass:
|
|
35060
|
+
"date-range-helper-values-option zd-dropdown-component",
|
|
35061
|
+
text: _vm.getLabel(value),
|
|
35062
|
+
events: {
|
|
35063
|
+
click: _vm.helperValuesOptionClick,
|
|
35064
|
+
},
|
|
35065
|
+
},
|
|
35066
|
+
})
|
|
35067
|
+
}),
|
|
35068
|
+
1
|
|
35069
|
+
)
|
|
35070
|
+
: _vm._e(),
|
|
34919
35071
|
],
|
|
34920
35072
|
1
|
|
34921
35073
|
)
|
|
@@ -34926,7 +35078,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
34926
35078
|
/* style */
|
|
34927
35079
|
const __vue_inject_styles__$13 = function (inject) {
|
|
34928
35080
|
if (!inject) return
|
|
34929
|
-
inject("data-v-
|
|
35081
|
+
inject("data-v-1ca32689_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 });
|
|
34930
35082
|
|
|
34931
35083
|
};
|
|
34932
35084
|
/* scoped */
|
|
@@ -47197,8 +47349,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
47197
47349
|
{
|
|
47198
47350
|
name: "show",
|
|
47199
47351
|
rawName: "v-show",
|
|
47200
|
-
value:
|
|
47201
|
-
|
|
47352
|
+
value:
|
|
47353
|
+
tab.isVisible && index === _vm.instance.activeTab,
|
|
47354
|
+
expression:
|
|
47355
|
+
"tab.isVisible && index === instance.activeTab",
|
|
47202
47356
|
},
|
|
47203
47357
|
],
|
|
47204
47358
|
key: index,
|
|
@@ -47230,11 +47384,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
47230
47384
|
/* style */
|
|
47231
47385
|
const __vue_inject_styles__$c = function (inject) {
|
|
47232
47386
|
if (!inject) return
|
|
47233
|
-
inject("data-v-
|
|
47387
|
+
inject("data-v-62da8a0f_0", { source: ".zd-tabs[data-v-62da8a0f] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar,\n.zd-tabs[data-v-62da8a0f] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs {\n flex-grow: 0;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-items {\n flex-grow: 1;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-items .v-window__container {\n height: 100% !important;\n}", map: undefined, media: undefined });
|
|
47234
47388
|
|
|
47235
47389
|
};
|
|
47236
47390
|
/* scoped */
|
|
47237
|
-
const __vue_scope_id__$c = "data-v-
|
|
47391
|
+
const __vue_scope_id__$c = "data-v-62da8a0f";
|
|
47238
47392
|
/* module identifier */
|
|
47239
47393
|
const __vue_module_identifier__$c = undefined;
|
|
47240
47394
|
/* functional template */
|
|
@@ -51436,6 +51590,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
51436
51590
|
VTabsItems,
|
|
51437
51591
|
VTextarea,
|
|
51438
51592
|
VTextField,
|
|
51593
|
+
VTimeline,
|
|
51594
|
+
VTimelineItem,
|
|
51439
51595
|
VTimePicker,
|
|
51440
51596
|
VTooltip,
|
|
51441
51597
|
VToolbar,
|