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

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/components/header/view-selector/ViewSelectorItem.js

@@ -3,7 +3,8 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 import { Button } from '@progress/kendo-vue-buttons';
-import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../../../messages'; // tslint:enable:max-line-length
 
 var ViewSelectorItemVue2 = {
   name: 'KendoViewSelectorItem',
@@ -32,12 +33,9 @@ var ViewSelectorItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var localization = provideLocalizationService(this);
-    var title = this.$props.view.title || this.$props.view.name; // const title = React.useMemo(
-    //     () => typeof props.view.title === 'function'
-    //         ? props.view.title.call(undefined, localization)
-    //         : props.view.title,
-    //     [props.view.title, localization]);
-
+    var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
+    var name = localization.toLanguageString(nameTitle, messages[nameTitle]);
+    var title = this.$props.view.title || name;
     return (// @ts-ignore function children
       h(Button, {
         role: "button",

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

@@ -22,11 +22,16 @@ var gh = allVue.h; // import { useSchedulerViewsContext } from '../../../main';
 // import { useLocalization } from '@progress/kendo-vue-intl';
 
 import { DropDownButton, ButtonGroup } from '@progress/kendo-vue-buttons';
-import { ViewSelectorItem } from './ViewSelectorItem'; // tslint:enable:max-line-length
+import { ViewSelectorItem } from './ViewSelectorItem';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../../../messages'; // tslint:enable:max-line-length
 
 var ViewSelectorListVue2 = {
   name: 'KendoViewSelectorList',
   inject: {
+    kendoLocalizationService: {
+      default: null
+    },
     ks: {
       default: null
     },
@@ -69,13 +74,13 @@ var ViewSelectorListVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var views = this.ks.views; // useSchedulerViewsContext();
-    //  const [activeViewName, setActiveViewName] = useSchedulerActiveViewContext();
-
+    var views = this.ks.views;
+    this.localization = provideLocalizationService(this);
     var activeView = views.find(function (v) {
       return v.name === _this.ks.activeViewName;
-    }); // const localization = useLocalization();
-
+    });
+    var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
+    var activeName = this.localization.toLanguageString(activeNameTitle, messages[activeNameTitle]);
     return h("div", {
       "class": "k-scheduler-views-wrapper"
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
@@ -94,26 +99,27 @@ var ViewSelectorListVue2 = {
         },
         textField: "title",
         items: views.map(function (v) {
+          var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+          var name = this.localization.toLanguageString(nameTitle, messages[nameTitle]);
           return __assign(__assign({}, v.props), {
             selected: v.name === this.ks.activeViewName,
             name: v.name,
-            title: v.title || v.name
+            title: v.title || name
           });
         }, this),
-        text: // {typeof activeView.props.title === 'function'
-        //               ? activeView.props.title.call(undefined, localization)
-        //  : 
-        activeView.title || activeView.name
+        text: activeView.title || activeName
       },
       textField: "title",
       items: views.map(function (v) {
+        var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+        var name = this.localization.toLanguageString(nameTitle, messages[nameTitle]);
         return __assign(__assign({}, v.props), {
           selected: v.name === this.ks.activeViewName,
           name: v.name,
-          title: v.title || v.name
+          title: v.title || name
         });
       }, this),
-      text: activeView.title || activeView.name
+      text: activeView.title || activeName
     }, this.v3 ? function () {
       return [h("span", {
         "class": "k-icon k-i-arrow-60-down"

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: {
@@ -457,14 +459,13 @@ var SchedulerEditItemVue2 = {
       this.$emit('click', event);
     },
     handleDoubleClick: function handleDoubleClick(event) {
-      if (this.onDoubleClickAction) {
-        var actions = this.onDoubleClickAction(event, this.props, this.currentState);
-
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
-        }
+      if (this.onDoubleClickAction) {//        const actions = this.onDoubleClickAction(event, this.props, this.currentState);
+        //        if (actions) {
+        // Array.isArray(actions) 
+        //     ? actions.filter(Boolean).map((action) => action &&
+        //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+        //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        //        }
       }
 
       this.$emit('doubleclick', event);

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 %}).