@zeedhi/zd-calendar-vue 1.4.3 → 1.6.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.
Files changed (4) hide show
  1. package/dist/calendar-vue.esm.js +13 -7
  2. package/dist/calendar-vue.umd.js +11 -5
  3. package/package.json +2 -2
  4. package/types/Calendar.d.ts +1 -0
package/dist/calendar-vue.esm.js CHANGED
@@ -1,6 +1,6 @@
1
- import { VersionService } from '@zeedhi/core';
1
+ import { I18n, VersionService } from '@zeedhi/core';
2
2
  import { Prop, Component } from 'vue-property-decorator';
3
- import { PropWatch, ZdComponentRender } from '@zeedhi/vuetify';
3
+ import { PropWatch, ZdComponentRender, setFillHeight } from '@zeedhi/vuetify';
4
4
  import { Calendar } from '@zeedhi/zd-calendar-common';
5
5
 
6
6
  /*! *****************************************************************************
@@ -53,6 +53,9 @@ let ZdCalendar = class ZdCalendar extends ZdComponentRender {
53
53
  return '';
54
54
  }
55
55
  mounted() {
56
+ if (this.instance.fillHeight) {
57
+ setFillHeight(this.$el);
58
+ }
56
59
  this.$refs.calendar.checkChange();
57
60
  const { value } = this.instance;
58
61
  this.instance.value = '';
@@ -234,6 +237,10 @@ __decorate([
234
237
  Prop({ type: Array, default: () => [] }),
235
238
  __metadata("design:type", Array)
236
239
  ], ZdCalendar.prototype, "calendarEvents", void 0);
240
+ __decorate([
241
+ Prop({ type: [Boolean, String], default: false }),
242
+ __metadata("design:type", Boolean)
243
+ ], ZdCalendar.prototype, "fillHeight", void 0);
237
244
  __decorate([
238
245
  Prop({ type: [String, Number], default: 0 }),
239
246
  __metadata("design:type", Object)
@@ -275,7 +282,7 @@ __decorate([
275
282
  __metadata("design:type", Object)
276
283
  ], ZdCalendar.prototype, "intervalWidth", void 0);
277
284
  __decorate([
278
- PropWatch({ type: String, default: 'pt-BR' }),
285
+ PropWatch({ type: String, default: I18n.instance.language }),
279
286
  __metadata("design:type", String)
280
287
  ], ZdCalendar.prototype, "locale", void 0);
281
288
  __decorate([
@@ -769,13 +776,12 @@ var __vue_render__ = function () {
769
776
  "show-week": _vm.instance.showWeek,
770
777
  "show-month-on-first-day": _vm.instance.showMonthOnFirstDay,
771
778
  "short-intervals": _vm.instance.shortIntervals,
772
- "short-weekday": _vm.instance.shortWeekday,
773
779
  "short-months": _vm.instance.shortMonths,
774
- "short-week-days": _vm.instance.shortWeekDays,
780
+ "short-weekdays": _vm.instance.shortWeekDays,
775
781
  locale: _vm.instance.locale,
776
782
  "locale-first-day-of-year": _vm.instance.localeFirstDayOfYear,
777
783
  "max-days": _vm.instance.maxDays,
778
- "min-week": _vm.instance.minWeek,
784
+ "min-weeks": _vm.instance.minWeeks,
779
785
  "month-format": _vm.instance.monthFormat,
780
786
  weekdays: _vm.instance.weekdays,
781
787
  },
@@ -925,7 +931,7 @@ __vue_render__._withStripped = true;
925
931
  /* style */
926
932
  const __vue_inject_styles__ = function (inject) {
927
933
  if (!inject) return
928
- inject("data-v-e1bad492_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar-content {\n display: flex;\n overflow: auto;\n height: 100%;\n}\n.zd-calendar .zd-toolbar-calendar {\n display: flex;\n flex: 0 1 auto;\n justify-items: center;\n justify-content: space-between;\n background-color: #fff;\n padding: 0.75rem 0.5rem;\n margin: 0;\n}\n.zd-calendar .zd-toolbar-calendar.theme--dark {\n background-color: #1e1e1e;\n}\n.zd-calendar .zd-toolbar-calendar div {\n align-items: center;\n display: flex;\n}\n@media screen and (max-width: 376px) {\n.zd-calendar .zd-toolbar-calendar {\n flex-direction: column;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-nav-title,\n .zd-calendar .zd-toolbar-calendar .zd-calendar-button-today {\n max-width: 100%;\n flex: 1;\n align-items: center;\n justify-content: space-between !important;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-button-today button {\n width: 100%;\n margin-right: 0px !important;\n}\n}\n.zd-calendar .zd-calendar-content-title .zd-calendar-title {\n display: flex;\n flex-direction: column;\n width: 154px;\n}", map: undefined, media: undefined });
934
+ inject("data-v-5dd5fddd_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar-content {\n display: flex;\n overflow: auto;\n height: 100%;\n}\n.zd-calendar .zd-toolbar-calendar {\n display: flex;\n flex: 0 1 auto;\n justify-items: center;\n justify-content: space-between;\n background-color: #fff;\n padding: 0.75rem 0.5rem;\n margin: 0;\n}\n.zd-calendar .zd-toolbar-calendar.theme--dark {\n background-color: #1e1e1e;\n}\n.zd-calendar .zd-toolbar-calendar div {\n align-items: center;\n display: flex;\n}\n@media screen and (max-width: 376px) {\n.zd-calendar .zd-toolbar-calendar {\n flex-direction: column;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-nav-title,\n .zd-calendar .zd-toolbar-calendar .zd-calendar-button-today {\n max-width: 100%;\n flex: 1;\n align-items: center;\n justify-content: space-between !important;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-button-today button {\n width: 100%;\n margin-right: 0px !important;\n}\n}\n.zd-calendar .zd-calendar-content-title .zd-calendar-title {\n display: flex;\n flex-direction: column;\n width: 154px;\n}", map: undefined, media: undefined });
929
935
 
930
936
  };
931
937
  /* scoped */
package/dist/calendar-vue.umd.js CHANGED
@@ -54,6 +54,9 @@
54
54
  return '';
55
55
  }
56
56
  mounted() {
57
+ if (this.instance.fillHeight) {
58
+ vuetify.setFillHeight(this.$el);
59
+ }
57
60
  this.$refs.calendar.checkChange();
58
61
  const { value } = this.instance;
59
62
  this.instance.value = '';
@@ -235,6 +238,10 @@
235
238
  vuePropertyDecorator.Prop({ type: Array, default: () => [] }),
236
239
  __metadata("design:type", Array)
237
240
  ], ZdCalendar.prototype, "calendarEvents", void 0);
241
+ __decorate([
242
+ vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
243
+ __metadata("design:type", Boolean)
244
+ ], ZdCalendar.prototype, "fillHeight", void 0);
238
245
  __decorate([
239
246
  vuePropertyDecorator.Prop({ type: [String, Number], default: 0 }),
240
247
  __metadata("design:type", Object)
@@ -276,7 +283,7 @@
276
283
  __metadata("design:type", Object)
277
284
  ], ZdCalendar.prototype, "intervalWidth", void 0);
278
285
  __decorate([
279
- vuetify.PropWatch({ type: String, default: 'pt-BR' }),
286
+ vuetify.PropWatch({ type: String, default: core.I18n.instance.language }),
280
287
  __metadata("design:type", String)
281
288
  ], ZdCalendar.prototype, "locale", void 0);
282
289
  __decorate([
@@ -770,13 +777,12 @@
770
777
  "show-week": _vm.instance.showWeek,
771
778
  "show-month-on-first-day": _vm.instance.showMonthOnFirstDay,
772
779
  "short-intervals": _vm.instance.shortIntervals,
773
- "short-weekday": _vm.instance.shortWeekday,
774
780
  "short-months": _vm.instance.shortMonths,
775
- "short-week-days": _vm.instance.shortWeekDays,
781
+ "short-weekdays": _vm.instance.shortWeekDays,
776
782
  locale: _vm.instance.locale,
777
783
  "locale-first-day-of-year": _vm.instance.localeFirstDayOfYear,
778
784
  "max-days": _vm.instance.maxDays,
779
- "min-week": _vm.instance.minWeek,
785
+ "min-weeks": _vm.instance.minWeeks,
780
786
  "month-format": _vm.instance.monthFormat,
781
787
  weekdays: _vm.instance.weekdays,
782
788
  },
@@ -926,7 +932,7 @@
926
932
  /* style */
927
933
  const __vue_inject_styles__ = function (inject) {
928
934
  if (!inject) return
929
- inject("data-v-e1bad492_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar-content {\n display: flex;\n overflow: auto;\n height: 100%;\n}\n.zd-calendar .zd-toolbar-calendar {\n display: flex;\n flex: 0 1 auto;\n justify-items: center;\n justify-content: space-between;\n background-color: #fff;\n padding: 0.75rem 0.5rem;\n margin: 0;\n}\n.zd-calendar .zd-toolbar-calendar.theme--dark {\n background-color: #1e1e1e;\n}\n.zd-calendar .zd-toolbar-calendar div {\n align-items: center;\n display: flex;\n}\n@media screen and (max-width: 376px) {\n.zd-calendar .zd-toolbar-calendar {\n flex-direction: column;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-nav-title,\n .zd-calendar .zd-toolbar-calendar .zd-calendar-button-today {\n max-width: 100%;\n flex: 1;\n align-items: center;\n justify-content: space-between !important;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-button-today button {\n width: 100%;\n margin-right: 0px !important;\n}\n}\n.zd-calendar .zd-calendar-content-title .zd-calendar-title {\n display: flex;\n flex-direction: column;\n width: 154px;\n}", map: undefined, media: undefined });
935
+ inject("data-v-5dd5fddd_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar-content {\n display: flex;\n overflow: auto;\n height: 100%;\n}\n.zd-calendar .zd-toolbar-calendar {\n display: flex;\n flex: 0 1 auto;\n justify-items: center;\n justify-content: space-between;\n background-color: #fff;\n padding: 0.75rem 0.5rem;\n margin: 0;\n}\n.zd-calendar .zd-toolbar-calendar.theme--dark {\n background-color: #1e1e1e;\n}\n.zd-calendar .zd-toolbar-calendar div {\n align-items: center;\n display: flex;\n}\n@media screen and (max-width: 376px) {\n.zd-calendar .zd-toolbar-calendar {\n flex-direction: column;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-nav-title,\n .zd-calendar .zd-toolbar-calendar .zd-calendar-button-today {\n max-width: 100%;\n flex: 1;\n align-items: center;\n justify-content: space-between !important;\n}\n.zd-calendar .zd-toolbar-calendar .zd-calendar-button-today button {\n width: 100%;\n margin-right: 0px !important;\n}\n}\n.zd-calendar .zd-calendar-content-title .zd-calendar-title {\n display: flex;\n flex-direction: column;\n width: 154px;\n}", map: undefined, media: undefined });
930
936
 
931
937
  };
932
938
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/zd-calendar-vue",
3
- "version": "1.4.3",
3
+ "version": "1.6.0",
4
4
  "description": "Powered by Zeedhi",
5
5
  "main": "dist/calendar-vue.umd.js",
6
6
  "module": "dist/calendar-vue.esm.js",
@@ -20,5 +20,5 @@
20
20
  "vue-class-component": "7.2.*",
21
21
  "vue-property-decorator": "9.1.*"
22
22
  },
23
- "gitHead": "9bc9479c3b9680f1cdefab0421424ab7a6c375cc"
23
+ "gitHead": "c7906e4b1b3265d005de47c64ccdd64689ea5d70"
24
24
  }
package/types/Calendar.d.ts CHANGED
@@ -27,6 +27,7 @@ export default class ZdCalendar extends ZdComponentRender {
27
27
  eventTextColor: string | Function;
28
28
  eventTimed: string | Function;
29
29
  calendarEvents: [];
30
+ fillHeight: boolean;
30
31
  firstInterval: number | string;
31
32
  firstTime: number | string | object;
32
33
  height: number | string;