@progress/kendo-vue-scheduler 3.1.0 → 3.1.1-dev.202203151205

package/dist/es/components/ShowMoreItemsButton.js

@@ -7,8 +7,7 @@ import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-
 
 var ShowMoreItemsButtonVue2 = {
   name: 'KendoShowMoreItemsButton',
-  props: {
-    currentSlot: Object
+  props: {//  currentSlot: Object
   },
   inject: {
     kendoLocalizationService: {

package/dist/es/components/footer/bussiness-hours/{BussinessHours.d.ts → BusinessHours.d.ts}

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface BusinessHoursProps {
+    slotDuration?: number;
 }
 /** @hidden */
 export interface BusinessHoursHandle {

package/dist/es/components/footer/bussiness-hours/BusinessHours.js

@@ -0,0 +1,88 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { showFullDay, showWorkDay, messages } from '../../../messages';
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Button } from '@progress/kendo-vue-buttons';
+import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+
+var BusinessHoursVue2 = {
+  name: 'KendoBusinessHours',
+  // @ts-ignore
+  emits: {
+    click: null
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  props: {
+    slotDuration: Number
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    this.localization = provideLocalizationService(this);
+    return this.slotDuration && this.slotDuration < 24 * 60 ? // @ts-ignore  function children
+    h(ToolbarItem // ref={(item) => { if (item) { element.current = item.element; } }}
+    , {
+      "class": 'k-scheduler-navigation'
+    }, this.v3 ? function () {
+      return [defaultSlot ? defaultSlot : // @ts-ignore  function children
+      h(Button, {
+        tabIndex: -1,
+        attrs: _this.v3 ? undefined : {
+          tabIndex: -1
+        },
+        onClick: _this.handleShowWorkHoursClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleShowWorkHoursClick
+        }
+      }, _this.v3 ? function () {
+        return [h("span", {
+          "class": "k-icon k-i-clock"
+        }), "\xA0", _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])];
+      } : [h("span", {
+        "class": "k-icon k-i-clock"
+      }), "\xA0", _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])])];
+    } : [defaultSlot ? defaultSlot : h(Button, {
+      tabIndex: -1,
+      attrs: _this.v3 ? undefined : {
+        tabIndex: -1
+      },
+      onClick: _this.handleShowWorkHoursClick,
+      on: _this.v3 ? undefined : {
+        "click": _this.handleShowWorkHoursClick
+      }
+    }, _this.v3 ? function () {
+      return [h("span", {
+        "class": "k-icon k-i-clock"
+      }), "\xA0", _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])];
+    } : [h("span", {
+      "class": "k-icon k-i-clock"
+    }), "\xA0", _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])])]) : null;
+  },
+  methods: {
+    handleShowWorkHoursClick: function handleShowWorkHoursClick(e) {
+      this.$emit('click', e);
+    }
+  }
+};
+var BusinessHours = BusinessHoursVue2;
+export { BusinessHours, BusinessHoursVue2 };

package/dist/es/components/header/navigation/NavigationDatePicker.js

@@ -54,7 +54,7 @@ var NavigationDatePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var normalized = ZonedDate.fromLocalDate(this.$props.value, this.ks.timezone);
+    var normalized = ZonedDate.fromLocalDate(this.$props.value || this.ks.currentDate, this.ks.timezone);
     var value = getDate(normalized);
     return (// @ts-ignore
       h(DatePicker, {
@@ -64,8 +64,7 @@ var NavigationDatePickerVue2 = {
         dateInput: EMPTY_DATE_INPUT,
         attrs: this.v3 ? undefined : {
           dateInput: EMPTY_DATE_INPUT,
-          toggleButton: DatePickerToggleButton //      {...props}
-          ,
+          toggleButton: DatePickerToggleButton,
           value: value
         },
         toggleButton: DatePickerToggleButton,

package/dist/es/components/header/navigation/SchedulerNavigation.js

@@ -2,12 +2,23 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+import { Button, ButtonGroup } from '@progress/kendo-vue-buttons';
 import { ToolbarItem } from '@progress/kendo-vue-buttons';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { messages, today, previousTitle, nextTitle } from '../../../messages';
+import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
 
 var SchedulerNavigationVue2 = {
   name: 'KendoSchedulerNavigation',
   props: {},
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -17,13 +28,318 @@ var SchedulerNavigationVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
+    this.localization = provideLocalizationService(this);
+    var todayText = this.localization.toLanguageString(today, messages[today]);
+    var previousText = this.localization.toLanguageString(previousTitle, messages[previousTitle]);
+    var nextText = this.localization.toLanguageString(nextTitle, messages[nextTitle]);
     return (// @ts-ignore  function children
       h(ToolbarItem, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
+        return [// @ts-ignore  function children
+        h(ButtonGroup, {
+          "class": "k-scheduler-navigation"
+        }, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            role: "button",
+            attrs: _this.v3 ? undefined : {
+              role: "button",
+              tabIndex: -1,
+              title: todayText,
+              "aria-label": todayText
+            },
+            tabIndex: -1,
+            title: todayText,
+            "aria-label": todayText,
+            onClick: _this.handleTodayClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleTodayClick
+            }
+          }, _this.v3 ? function () {
+            return [todayText];
+          } : [todayText]), // @ts-ignore  function children
+          h(Button, {
+            role: "button",
+            attrs: _this.v3 ? undefined : {
+              role: "button",
+              tabIndex: -1,
+              title: previousText,
+              "aria-label": previousText
+            },
+            tabIndex: -1,
+            "class": "k-button-icon",
+            title: previousText,
+            "aria-label": previousText,
+            onClick: _this.handlePrevClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handlePrevClick
+            }
+          }, _this.v3 ? function () {
+            return [h("span", {
+              "class": "k-button-text"
+            }, [h("span", {
+              "class": "k-icon k-i-arrow-60-left"
+            })])];
+          } : [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-left"
+          })])]), // @ts-ignore  function children
+          h(Button, {
+            role: "button",
+            attrs: _this.v3 ? undefined : {
+              role: "button",
+              tabIndex: -1,
+              title: nextText,
+              "aria-label": nextText
+            },
+            tabIndex: -1,
+            "class": "k-button-icon",
+            title: nextText,
+            "aria-label": nextText,
+            onClick: _this.handleNextClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleNextClick
+            }
+          }, _this.v3 ? function () {
+            return [h("span", {
+              "class": "k-button-text"
+            }, [h("span", {
+              "class": "k-icon k-i-arrow-60-right"
+            })])];
+          } : [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-right"
+          })])])];
+        } : [h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: todayText,
+            "aria-label": todayText
+          },
+          tabIndex: -1,
+          title: todayText,
+          "aria-label": todayText,
+          onClick: _this.handleTodayClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleTodayClick
+          }
+        }, _this.v3 ? function () {
+          return [todayText];
+        } : [todayText]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: previousText,
+            "aria-label": previousText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: previousText,
+          "aria-label": previousText,
+          onClick: _this.handlePrevClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handlePrevClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-left"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-left"
+        })])]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: nextText,
+            "aria-label": nextText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: nextText,
+          "aria-label": nextText,
+          onClick: _this.handleNextClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleNextClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-right"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-right"
+        })])])])];
+      } : [h(ButtonGroup, {
+        "class": "k-scheduler-navigation"
+      }, _this.v3 ? function () {
+        return [h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: todayText,
+            "aria-label": todayText
+          },
+          tabIndex: -1,
+          title: todayText,
+          "aria-label": todayText,
+          onClick: _this.handleTodayClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleTodayClick
+          }
+        }, _this.v3 ? function () {
+          return [todayText];
+        } : [todayText]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: previousText,
+            "aria-label": previousText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: previousText,
+          "aria-label": previousText,
+          onClick: _this.handlePrevClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handlePrevClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-left"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-left"
+        })])]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: nextText,
+            "aria-label": nextText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: nextText,
+          "aria-label": nextText,
+          onClick: _this.handleNextClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleNextClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-right"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-right"
+        })])])];
+      } : [h(Button, {
+        role: "button",
+        attrs: _this.v3 ? undefined : {
+          role: "button",
+          tabIndex: -1,
+          title: todayText,
+          "aria-label": todayText
+        },
+        tabIndex: -1,
+        title: todayText,
+        "aria-label": todayText,
+        onClick: _this.handleTodayClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleTodayClick
+        }
+      }, _this.v3 ? function () {
+        return [todayText];
+      } : [todayText]), h(Button, {
+        role: "button",
+        attrs: _this.v3 ? undefined : {
+          role: "button",
+          tabIndex: -1,
+          title: previousText,
+          "aria-label": previousText
+        },
+        tabIndex: -1,
+        "class": "k-button-icon",
+        title: previousText,
+        "aria-label": previousText,
+        onClick: _this.handlePrevClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handlePrevClick
+        }
+      }, _this.v3 ? function () {
+        return [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-left"
+        })])];
+      } : [h("span", {
+        "class": "k-button-text"
+      }, [h("span", {
+        "class": "k-icon k-i-arrow-60-left"
+      })])]), h(Button, {
+        role: "button",
+        attrs: _this.v3 ? undefined : {
+          role: "button",
+          tabIndex: -1,
+          title: nextText,
+          "aria-label": nextText
+        },
+        tabIndex: -1,
+        "class": "k-button-icon",
+        title: nextText,
+        "aria-label": nextText,
+        onClick: _this.handleNextClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleNextClick
+        }
+      }, _this.v3 ? function () {
+        return [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-right"
+        })])];
+      } : [h("span", {
+        "class": "k-button-text"
+      }, [h("span", {
+        "class": "k-icon k-i-arrow-60-right"
+      })])])])])
     );
+  },
+  methods: {
+    handleTodayClick: function handleTodayClick(e) {
+      this.$emit('todayclick', e);
+    },
+    handlePrevClick: function handlePrevClick(e) {
+      this.$emit('prevclick', e);
+    },
+    handleNextClick: function handleNextClick(e) {
+      this.$emit('nextclick', e);
+    }
   }
 };
 var SchedulerNavigation = SchedulerNavigationVue2;

package/dist/es/components/header/view-selector/SchedulerViewSelector.js

@@ -3,7 +3,8 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 import { ToolbarItem } from '@progress/kendo-vue-buttons';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { ViewSelectorList } from './ViewSelectorList'; // tslint:enable:max-line-length
 
 var SchedulerViewSelectorVue2 = {
   name: 'KendoSchedulerViewSelector',
@@ -24,8 +25,8 @@ var SchedulerViewSelectorVue2 = {
       , {
         "class": 'k-scheduler-views'
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
+        return [h(ViewSelectorList)];
+      } : [h(ViewSelectorList)])
     );
   }
 };

package/dist/es/context/SchedulerResourceIteratorContext.js

@@ -44,9 +44,9 @@ var SchedulerResourceIteratorContextVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-    return this.$props.noWrap ? defaultSlot[0] : h("div", {
+    return defaultSlot ? this.$props.noWrap && defaultSlot ? defaultSlot[0] : h("div", {
       "class": "k-scheduler-cell k-group-cell"
-    }, [defaultSlot]);
+    }, [defaultSlot]) : null;
   }
 };
 var SchedulerResourceIteratorContext = SchedulerResourceIteratorContextVue2;

package/dist/es/items/SchedulerEditItem.js

@@ -19,6 +19,7 @@ var SchedulerEditItemVue2 = {
   name: 'KendoSchedulerEditItem',
   props: {
     tabIndex: Number,
+    item: [String, Function, Object],
     viewItem: [String, Function, Object],
     drag: [String, Function, Object],
     resize: [String, Function, Object],
@@ -89,7 +90,8 @@ var SchedulerEditItemVue2 = {
         showOccurrenceDialog: this.showOccurrenceDialog
       },
       currentTabIndex: this.$props.tabIndex,
-      item: null
+      currentItem: null //    item: null
+
     };
   },
   computed: {

package/dist/es/items/SchedulerItem.d.ts

@@ -177,6 +177,8 @@ export interface SchedulerItemProps extends Item {
     onResizeRelease?: (event: SchedulerItemDragEvent) => void;
     /** @hidden */
     maxSiblingsPerSlot?: number;
+    /** @hidden */
+    itemTitle?: string;
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerItem]({% slug api_scheduler_scheduleritem %}).

package/dist/es/items/SchedulerItem.js

@@ -87,7 +87,8 @@ var SchedulerItemVue2 = {
     dragHint: Boolean,
     resizeHint: Boolean,
     format: String,
-    maxSiblingsPerSlot: Number
+    maxSiblingsPerSlot: Number,
+    itemTitle: String
   },
   data: function data() {
     return {
@@ -265,7 +266,15 @@ var SchedulerItemVue2 = {
       onKeyup: this.handleKeyUp,
       "data-group-index": this.$props.group.index,
       "data-range-index": this.$props.range.index
-    }, [defaultSlot, !this.$props.resizeHint && h("span", {
+    }, [!this.$props.resizeHint && h("span", {
+      "class": "k-event-actions"
+    }, [this.$props.tail && h("span", {
+      "class": "k-icon k-i-arrow-60-left"
+    }), this.$props.isRecurring && !this.$props.isException && h("span", {
+      "class": "k-icon k-i-reload"
+    }), !this.$props.isRecurring && this.$props.isException && h("span", {
+      "class": "k-icon k-i-non-recurrence"
+    })]), defaultSlot, !this.$props.resizeHint && h("span", {
       "class": "k-event-actions"
     }, [editable.remove && h("a", {
       tabIndex: -1,