@zeedhi/zd-calendar-vue 1.7.1 → 1.7.2

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 +12 -3
  2. package/dist/calendar-vue.umd.js +12 -3
  3. package/package.json +2 -2
  4. package/types/Calendar.d.ts +1 -0
package/dist/calendar-vue.esm.js CHANGED
@@ -185,6 +185,10 @@ __decorate([
185
185
  Prop({ type: [String, Function], default: undefined }),
186
186
  __metadata("design:type", Object)
187
187
  ], ZdCalendar.prototype, "categoryText", void 0);
188
+ __decorate([
189
+ PropWatch({ type: [String, Number], default: 600 }),
190
+ __metadata("design:type", Object)
191
+ ], ZdCalendar.prototype, "contentHeight", void 0);
188
192
  __decorate([
189
193
  PropWatch({ type: String, default: 'primary' }),
190
194
  __metadata("design:type", String)
@@ -529,7 +533,7 @@ var __vue_render__ = function () {
529
533
  return _c(
530
534
  "v-sheet",
531
535
  {
532
- staticClass: "fill-height zd-calendar",
536
+ class: ["fill-height", "zd-calendar", _vm.instance.cssClass],
533
537
  attrs: { height: _vm.instance.height },
534
538
  },
535
539
  [
@@ -755,7 +759,12 @@ var __vue_render__ = function () {
755
759
  [
756
760
  _c(
757
761
  "v-sheet",
758
- { attrs: { "min-height": 600, width: "100%" } },
762
+ {
763
+ attrs: {
764
+ "min-height": _vm.instance.contentHeight,
765
+ width: "100%",
766
+ },
767
+ },
759
768
  [
760
769
  _c("v-calendar", {
761
770
  ref: "calendar",
@@ -1062,7 +1071,7 @@ __vue_render__._withStripped = true;
1062
1071
  /* style */
1063
1072
  const __vue_inject_styles__ = function (inject) {
1064
1073
  if (!inject) return
1065
- inject("data-v-25f678fe_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar .v-btn--fab {\n z-index: 2;\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 });
1074
+ inject("data-v-48471c28_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar .v-btn--fab {\n z-index: 2;\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 });
1066
1075
 
1067
1076
  };
1068
1077
  /* scoped */
package/dist/calendar-vue.umd.js CHANGED
@@ -186,6 +186,10 @@
186
186
  vuePropertyDecorator.Prop({ type: [String, Function], default: undefined }),
187
187
  __metadata("design:type", Object)
188
188
  ], ZdCalendar.prototype, "categoryText", void 0);
189
+ __decorate([
190
+ vuetify.PropWatch({ type: [String, Number], default: 600 }),
191
+ __metadata("design:type", Object)
192
+ ], ZdCalendar.prototype, "contentHeight", void 0);
189
193
  __decorate([
190
194
  vuetify.PropWatch({ type: String, default: 'primary' }),
191
195
  __metadata("design:type", String)
@@ -530,7 +534,7 @@
530
534
  return _c(
531
535
  "v-sheet",
532
536
  {
533
- staticClass: "fill-height zd-calendar",
537
+ class: ["fill-height", "zd-calendar", _vm.instance.cssClass],
534
538
  attrs: { height: _vm.instance.height },
535
539
  },
536
540
  [
@@ -756,7 +760,12 @@
756
760
  [
757
761
  _c(
758
762
  "v-sheet",
759
- { attrs: { "min-height": 600, width: "100%" } },
763
+ {
764
+ attrs: {
765
+ "min-height": _vm.instance.contentHeight,
766
+ width: "100%",
767
+ },
768
+ },
760
769
  [
761
770
  _c("v-calendar", {
762
771
  ref: "calendar",
@@ -1063,7 +1072,7 @@
1063
1072
  /* style */
1064
1073
  const __vue_inject_styles__ = function (inject) {
1065
1074
  if (!inject) return
1066
- inject("data-v-25f678fe_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar .v-btn--fab {\n z-index: 2;\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 });
1075
+ inject("data-v-48471c28_0", { source: ".zd-calendar {\n display: flex;\n flex-direction: column;\n}\n.zd-calendar .v-btn--fab {\n z-index: 2;\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 });
1067
1076
 
1068
1077
  };
1069
1078
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/zd-calendar-vue",
3
- "version": "1.7.1",
3
+ "version": "1.7.2",
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": "62fc3dc159f0e936e6a4c1ded69880d28b537743"
23
+ "gitHead": "d637ed14bed381857cfad6fec496e0e7819bda0b"
24
24
  }
package/types/Calendar.d.ts CHANGED
@@ -9,6 +9,7 @@ export default class ZdCalendar extends ZdComponentRender {
9
9
  categoryHideDynamic: boolean | string;
10
10
  categoryShowAll: boolean | string;
11
11
  categoryText: string | Function;
12
+ contentHeight: number | string;
12
13
  color: string;
13
14
  dayFormat: Function | null;
14
15
  end: string | number | Date;