@progress/kendo-vue-scheduler 8.4.0-develop.2 → 8.4.0-develop.4

package/Scheduler.d.ts

@@ -717,12 +717,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
         name: string;
         step: number;
         editable: boolean | EditableProp;
+        slotDuration: number;
         numberOfDays: number;
         selectedDateFormat: string;
         selectedShortDateFormat: string;
         dateRange: DateRange | ((args: import('./models/SchedulerView').SchedulerViewDateRangeArgs) => DateRange);
         slotDivisions: number;
-        slotDuration: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         name: {
             type: PropType<string>;
@@ -927,12 +927,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
         columnWidth: number;
         dragItem: any;
         resizeItem: any;
+        slotDuration: number;
         numberOfDays: number;
         selectedDateFormat: string;
         selectedShortDateFormat: string;
         dateRange: DateRange | ((args: import('./models/SchedulerView').SchedulerViewDateRangeArgs) => DateRange);
         slotDivisions: number;
-        slotDuration: number;
         workWeekStart: import('@progress/kendo-date-math').Day;
         workWeekEnd: import('@progress/kendo-date-math').Day;
         currentTimeMarker: boolean;
@@ -1136,12 +1136,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
         step: number;
         startTime: string;
         editable: boolean;
+        slotDuration: number;
         numberOfDays: number;
         selectedDateFormat: string;
         selectedShortDateFormat: string;
         dateRange: DateRange | ((args: import('./models/SchedulerView').SchedulerViewDateRangeArgs) => DateRange);
         slotDivisions: number;
-        slotDuration: number;
         workWeekStart: import('@progress/kendo-date-math').Day;
         workWeekEnd: import('@progress/kendo-date-math').Day;
         currentTimeMarker: boolean;
@@ -1265,12 +1265,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
     }>, {
         name: string;
         editable: boolean;
+        slotDuration: number;
         numberOfDays: number;
         selectedDateFormat: string;
         selectedShortDateFormat: string;
         dateRange: DateRange | ((args: import('./models/SchedulerView').SchedulerViewDateRangeArgs) => DateRange);
         slotDivisions: number;
-        slotDuration: number;
         workWeekStart: import('@progress/kendo-date-math').Day;
         workWeekEnd: import('@progress/kendo-date-math').Day;
         showWorkHours: boolean;
@@ -1413,12 +1413,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
         itemsPerSlot: number;
         dragItem: any;
         resizeItem: any;
+        slotDuration: number;
         numberOfDays: number;
         selectedDateFormat: string;
         selectedShortDateFormat: string;
         dateRange: DateRange | ((args: import('./models/SchedulerView').SchedulerViewDateRangeArgs) => DateRange);
         slotDivisions: number;
-        slotDuration: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     getViewPropValue(view: any, propName: string, activeViewName: string): any;
     handleDataChange({ created, updated, deleted }: {

package/components/header/navigation/SchedulerNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("@progress/kendo-vue-buttons"),c=require("@progress/kendo-vue-common"),e=require("../../../messages/main.js"),r=require("@progress/kendo-vue-intl"),i=require("@progress/kendo-svg-icons");function s(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!o.isVNode(t)}const u=o.defineComponent({name:"KendoSchedulerNavigation",props:{isRtl:Boolean,onPrevclick:Function,onNextclick:Function,onTodayclick:Function},inject:{ks:{default:null},kendoLocalizationService:{default:null}},render(){c.getDefaultSlots(this),this.localization=r.provideLocalizationService(this);const t=this.localization.toLanguageString(e.today,e.messages[e.today]),l=this.localization.toLanguageString(e.previousTitle,e.messages[e.previousTitle]),a=this.localization.toLanguageString(e.nextTitle,e.messages[e.nextTitle]);return o.createVNode(n.ToolbarItem,null,{default:()=>[o.createVNode(n.ButtonGroup,{class:"k-scheduler-navigation"},{default:()=>[o.createVNode(n.Button,{role:"button",class:"k-nav-today",tabIndex:-1,title:t,"aria-label":t,onClick:this.handleTodayClick},s(t)?t:{default:()=>[t]}),o.createVNode(n.Button,{role:"button",tabIndex:-1,class:"k-button-icon k-nav-prev",icon:this.isRtl?"caret-alt-right":"caret-alt-left",svgIcon:this.isRtl?i.caretAltRightIcon:i.caretAltLeftIcon,title:l,"aria-label":l,onClick:this.handlePrevClick},null),o.createVNode(n.Button,{role:"button",tabIndex:-1,class:"k-button-icon k-nav-next",icon:this.isRtl?"caret-alt-left":"caret-alt-right",svgIcon:this.isRtl?i.caretAltLeftIcon:i.caretAltRightIcon,title:a,"aria-label":a,onClick:this.handleNextClick},null)]})]})},methods:{handleTodayClick(t){this.$emit("todayclick",t)},handlePrevClick(t){this.$emit("prevclick",t)},handleNextClick(t){this.$emit("nextclick",t)}}});exports.SchedulerNavigation=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("@progress/kendo-vue-buttons"),a=require("@progress/kendo-vue-common"),t=require("../../../messages/main.js"),r=require("@progress/kendo-vue-intl"),i=require("@progress/kendo-svg-icons");function s(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const u=o.defineComponent({name:"KendoSchedulerNavigation",props:{isRtl:Boolean,onPrevclick:Function,onNextclick:Function,onTodayclick:Function},inject:{ks:{default:null},kendoLocalizationService:{default:null}},render(){a.getDefaultSlots(this),this.localization=r.provideLocalizationService(this);const e=this.localization.toLanguageString(t.today,t.messages[t.today]),l=this.localization.toLanguageString(t.previousTitle,t.messages[t.previousTitle]),c=this.localization.toLanguageString(t.nextTitle,t.messages[t.nextTitle]);return o.createVNode(n.ToolbarItem,null,{default:()=>[o.createVNode(n.ButtonGroup,{class:"k-scheduler-navigation"},{default:()=>[o.createVNode(n.Button,{role:"button",class:"k-nav-today",tabIndex:-1,title:e,"aria-label":e,onClick:this.handleTodayClick},s(e)?e:{default:()=>[e]}),o.createVNode(n.Button,{role:"button",tabIndex:-1,class:"k-button-icon k-nav-prev",icon:this.isRtl?"chevron-right":"chevron-left",svgIcon:this.isRtl?i.chevronRightIcon:i.chevronLeftIcon,title:l,"aria-label":l,onClick:this.handlePrevClick},null),o.createVNode(n.Button,{role:"button",tabIndex:-1,class:"k-button-icon k-nav-next",icon:this.isRtl?"chevron-left":"chevron-right",svgIcon:this.isRtl?i.chevronLeftIcon:i.chevronRightIcon,title:c,"aria-label":c,onClick:this.handleNextClick},null)]})]})},methods:{handleTodayClick(e){this.$emit("todayclick",e)},handlePrevClick(e){this.$emit("prevclick",e)},handleNextClick(e){this.$emit("nextclick",e)}}});exports.SchedulerNavigation=u;

package/components/header/navigation/SchedulerNavigation.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as d, createVNode as e, isVNode as h } from "vue";
-import { ToolbarItem as k, ButtonGroup as g, Button as i } from "@progress/kendo-vue-buttons";
-import { getDefaultSlots as m } from "@progress/kendo-vue-common";
-import { today as a, messages as o, previousTitle as c, nextTitle as r } from "../../../messages/main.mjs";
-import { provideLocalizationService as f } from "@progress/kendo-vue-intl";
-import { caretAltRightIcon as s, caretAltLeftIcon as u } from "@progress/kendo-svg-icons";
-function p(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !h(t);
+import { defineComponent as u, createVNode as o, isVNode as d } from "vue";
+import { ToolbarItem as v, ButtonGroup as k, Button as e } from "@progress/kendo-vue-buttons";
+import { getDefaultSlots as g } from "@progress/kendo-vue-common";
+import { today as a, messages as i, previousTitle as c, nextTitle as r } from "../../../messages/main.mjs";
+import { provideLocalizationService as m } from "@progress/kendo-vue-intl";
+import { chevronRightIcon as s, chevronLeftIcon as h } from "@progress/kendo-svg-icons";
+function f(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !d(t);
 }
-const T = /* @__PURE__ */ d({
+const T = /* @__PURE__ */ u({
   name: "KendoSchedulerNavigation",
   props: {
     isRtl: Boolean,
@@ -31,38 +31,38 @@ const T = /* @__PURE__ */ d({
     }
   },
   render() {
-    m(this), this.localization = f(this);
-    const t = this.localization.toLanguageString(a, o[a]), l = this.localization.toLanguageString(c, o[c]), n = this.localization.toLanguageString(r, o[r]);
-    return e(k, null, {
-      default: () => [e(g, {
+    g(this), this.localization = m(this);
+    const t = this.localization.toLanguageString(a, i[a]), n = this.localization.toLanguageString(c, i[c]), l = this.localization.toLanguageString(r, i[r]);
+    return o(v, null, {
+      default: () => [o(k, {
         class: "k-scheduler-navigation"
       }, {
-        default: () => [e(i, {
+        default: () => [o(e, {
           role: "button",
           class: "k-nav-today",
           tabIndex: -1,
           title: t,
           "aria-label": t,
           onClick: this.handleTodayClick
-        }, p(t) ? t : {
+        }, f(t) ? t : {
           default: () => [t]
-        }), e(i, {
+        }), o(e, {
           role: "button",
           tabIndex: -1,
           class: "k-button-icon k-nav-prev",
-          icon: this.isRtl ? "caret-alt-right" : "caret-alt-left",
-          svgIcon: this.isRtl ? s : u,
-          title: l,
-          "aria-label": l,
+          icon: this.isRtl ? "chevron-right" : "chevron-left",
+          svgIcon: this.isRtl ? s : h,
+          title: n,
+          "aria-label": n,
           onClick: this.handlePrevClick
-        }, null), e(i, {
+        }, null), o(e, {
           role: "button",
           tabIndex: -1,
           class: "k-button-icon k-nav-next",
-          icon: this.isRtl ? "caret-alt-left" : "caret-alt-right",
-          svgIcon: this.isRtl ? u : s,
-          title: n,
-          "aria-label": n,
+          icon: this.isRtl ? "chevron-left" : "chevron-right",
+          svgIcon: this.isRtl ? h : s,
+          title: l,
+          "aria-label": l,
           onClick: this.handleNextClick
         }, null)]
       })]

package/components/header/view-selector/ViewSelectorList.d.ts

@@ -11,6 +11,7 @@
 declare const ViewSelectorList: import('vue').DefineComponent<{}, {}, {
     media: string;
 }, {}, {
+    handleViewChange(value: string): void;
     ddlChange(event: any): void;
     calculateMedia(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),u=require("@progress/kendo-vue-buttons"),m=require("./ViewSelectorItem.js"),h=require("@progress/kendo-vue-intl"),o=require("../../../messages/main.js"),c=require("@progress/kendo-vue-common");function w(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!i.isVNode(t)}const k=i.defineComponent({name:"KendoViewSelectorList",inject:{kendoLocalizationService:{default:null},ks:{default:null},setActiveViewName:{default:null}},mounted(){this.calculateMedia(),c.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.calculateMedia),this.ks.scheduler&&this.ks.scheduler.$el&&this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},data(){return{media:"desktop"}},render(){let t;const n=this.ks.views;this.localization=h.provideLocalizationService(this);const s=n.find(e=>e.name===this.ks.activeViewName),a="scheduler."+s.name+"ViewTitle";this.localization.toLanguageString(a,o.messages[a])||s.name;const d=function(){return i.createVNode("select",{"tab-index":-1,class:"k-views-dropdown k-dropdown k-picker k-picker-solid k-rounded-md k-picker-md","aria-label":this.localization.toLanguageString(o.dropdownlistSelectViewAriaLabel,o.messages[o.dropdownlistSelectViewAriaLabel]),onChange:this.ddlChange},[n.map(function(e){const r="scheduler."+e.name+"ViewTitle",l=this.localization.toLanguageString(r,o.messages[r])||e.name;return i.createVNode("option",{value:e.name||e.title||l,selected:e.name===this.ks.activeViewName},[e.title||l])},this)])};return s&&this.media==="mobile"?d.call(this):i.createVNode(u.ButtonGroup,{class:"k-toolbar-button-group k-scheduler-views"},w(t=n.map(function(e){return i.createVNode(m.ViewSelectorItem,{key:e.name,view:e},null)},this))?t:{default:()=>[t]})},methods:{ddlChange(t){this.setActiveViewName(t.target.value)},calculateMedia(){c.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 1024px)").matches?"desktop":"mobile")}}});exports.ViewSelectorList=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),u=require("@progress/kendo-vue-buttons"),m=require("@progress/kendo-vue-intl"),i=require("../../../messages/main.js"),r=require("@progress/kendo-vue-common"),h=s.defineComponent({name:"KendoViewSelectorList",inject:{kendoLocalizationService:{default:null},ks:{default:null},setActiveViewName:{default:null}},mounted(){this.calculateMedia(),r.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.calculateMedia),this.ks.scheduler&&this.ks.scheduler.$el&&this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},data(){return{media:"desktop"}},render(){const t=this.ks.views;this.localization=m.provideLocalizationService(this);const o=t.find(e=>e.name===this.ks.activeViewName),l="scheduler."+o.name+"ViewTitle";this.localization.toLanguageString(l,i.messages[l])||o.name;const c=function(){return s.createVNode("select",{"tab-index":-1,class:"k-views-dropdown k-dropdown k-picker k-picker-solid k-rounded-md k-picker-md","aria-label":this.localization.toLanguageString(i.dropdownlistSelectViewAriaLabel,i.messages[i.dropdownlistSelectViewAriaLabel]),onChange:this.ddlChange},[t.map(function(e){const a="scheduler."+e.name+"ViewTitle",n=this.localization.toLanguageString(a,i.messages[a])||e.name;return s.createVNode("option",{value:e.name||e.title||n,selected:e.name===this.ks.activeViewName},[e.title||n])},this)])},d=t.map(e=>{const a="scheduler."+e.name+"ViewTitle",n=this.localization.toLanguageString(a,i.messages[a])||e.name;return{value:e.name,text:e.title||n}});return o&&this.media==="mobile"?c.call(this):s.createVNode(u.SegmentedControl,{class:"k-toolbar-button-group k-scheduler-views",items:d,value:this.ks.activeViewName,onChange:this.handleViewChange},null)},methods:{handleViewChange(t){this.setActiveViewName(t)},ddlChange(t){this.setActiveViewName(t.target.value)},calculateMedia(){r.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 1024px)").matches?"desktop":"mobile")}}});exports.ViewSelectorList=h;

package/components/header/view-selector/ViewSelectorList.mjs

@@ -5,16 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as u, createVNode as i, isVNode as h } from "vue";
-import { ButtonGroup as w } from "@progress/kendo-vue-buttons";
-import { ViewSelectorItem as p } from "./ViewSelectorItem.mjs";
-import { provideLocalizationService as f } from "@progress/kendo-vue-intl";
-import { messages as a, dropdownlistSelectViewAriaLabel as c } from "../../../messages/main.mjs";
-import { canUseDOM as d } from "@progress/kendo-vue-common";
-function k(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !h(t);
-}
-const L = /* @__PURE__ */ u({
+import { defineComponent as h, createVNode as o } from "vue";
+import { SegmentedControl as u } from "@progress/kendo-vue-buttons";
+import { provideLocalizationService as w } from "@progress/kendo-vue-intl";
+import { messages as n, dropdownlistSelectViewAriaLabel as r } from "../../../messages/main.mjs";
+import { canUseDOM as c } from "@progress/kendo-vue-common";
+const V = /* @__PURE__ */ h({
   name: "KendoViewSelectorList",
   inject: {
     kendoLocalizationService: {
@@ -28,7 +24,7 @@ const L = /* @__PURE__ */ u({
     }
   },
   mounted() {
-    this.calculateMedia(), d && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.calculateMedia), this.ks.scheduler && this.ks.scheduler.$el && this.observer.observe(this.ks.scheduler.$el));
+    this.calculateMedia(), c && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.calculateMedia), this.ks.scheduler && this.ks.scheduler.$el && this.observer.observe(this.ks.scheduler.$el));
   },
   unmounted() {
     this.observer && this.observer.disconnect();
@@ -39,45 +35,49 @@ const L = /* @__PURE__ */ u({
     };
   },
   render() {
-    let t;
-    const o = this.ks.views;
-    this.localization = f(this);
-    const n = o.find((e) => e.name === this.ks.activeViewName), s = "scheduler." + n.name + "ViewTitle";
-    this.localization.toLanguageString(s, a[s]) || n.name;
-    const m = function() {
-      return i("select", {
+    const t = this.ks.views;
+    this.localization = w(this);
+    const s = t.find((e) => e.name === this.ks.activeViewName), l = "scheduler." + s.name + "ViewTitle";
+    this.localization.toLanguageString(l, n[l]) || s.name;
+    const d = function() {
+      return o("select", {
         "tab-index": -1,
         class: "k-views-dropdown k-dropdown k-picker k-picker-solid k-rounded-md k-picker-md",
-        "aria-label": this.localization.toLanguageString(c, a[c]),
+        "aria-label": this.localization.toLanguageString(r, n[r]),
         onChange: this.ddlChange
-      }, [o.map(function(e) {
-        const r = "scheduler." + e.name + "ViewTitle", l = this.localization.toLanguageString(r, a[r]) || e.name;
-        return i("option", {
-          value: e.name || e.title || l,
+      }, [t.map(function(e) {
+        const i = "scheduler." + e.name + "ViewTitle", a = this.localization.toLanguageString(i, n[i]) || e.name;
+        return o("option", {
+          value: e.name || e.title || a,
           selected: e.name === this.ks.activeViewName
-        }, [e.title || l]);
+        }, [e.title || a]);
       }, this)]);
-    };
-    return n && this.media === "mobile" ? m.call(this) : i(w, {
-      class: "k-toolbar-button-group k-scheduler-views"
-    }, k(t = o.map(function(e) {
-      return i(p, {
-        key: e.name,
-        view: e
-      }, null);
-    }, this)) ? t : {
-      default: () => [t]
+    }, m = t.map((e) => {
+      const i = "scheduler." + e.name + "ViewTitle", a = this.localization.toLanguageString(i, n[i]) || e.name;
+      return {
+        value: e.name,
+        text: e.title || a
+      };
     });
+    return s && this.media === "mobile" ? d.call(this) : o(u, {
+      class: "k-toolbar-button-group k-scheduler-views",
+      items: m,
+      value: this.ks.activeViewName,
+      onChange: this.handleViewChange
+    }, null);
   },
   methods: {
+    handleViewChange(t) {
+      this.setActiveViewName(t);
+    },
     ddlChange(t) {
       this.setActiveViewName(t.target.value);
     },
     calculateMedia() {
-      d && window.matchMedia && (this.media = window.matchMedia("(min-width: 1024px)").matches ? "desktop" : "mobile");
+      c && window.matchMedia && (this.media = window.matchMedia("(min-width: 1024px)").matches ? "desktop" : "mobile");
     }
   }
 });
 export {
-  L as ViewSelectorList
+  V as ViewSelectorList
 };