@progress/kendo-vue-scheduler 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/components/SchedulerOccurrenceDialog.mjs

@@ -0,0 +1,96 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as M, inject as v, createVNode as t, isVNode as O } from "vue";
+import { Dialog as k, DialogActionsBar as R } from "@progress/kendo-vue-dialogs";
+import { provideLocalizationService as D } from "@progress/kendo-vue-intl";
+import { messages as z, editorOccurrence as j, editorSeries as I, editorRecurringConfirmation as L, editorRecurringDialogTitle as T, deleteOccurrence as b, deleteSeries as y, deleteRecurringDialogTitle as B, deleteRecurringConfirmation as $ } from "../messages/main.mjs";
+import { guid as F } from "@progress/kendo-vue-common";
+import { Button as r } from "@progress/kendo-vue-buttons";
+function s(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+}
+const K = /* @__PURE__ */ M({
+  name: "KendoSchedulerOccurrenceDialog",
+  props: {
+    dataItem: Object,
+    isRemove: Boolean,
+    onClose: Function,
+    onOccurrenceclose: Function,
+    onSeriesclose: Function
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  created() {
+    this.dialogId = F();
+  },
+  mounted() {
+    setTimeout(() => {
+      const e = document.getElementById(this.dialogId);
+      e && e.focus();
+    }, 10);
+  },
+  setup() {
+    return {
+      kendoLocalizationService: v("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const {
+      isRemove: e
+    } = this.$props, l = D(this), o = (c) => l.toLanguageString(c, z[c]), a = o(j), d = o(I), u = o(L), g = o(T), m = o(b), p = o(y), f = o(B), h = o($), S = e ? f : g, C = e ? h : u, i = e ? m : a, n = e ? p : d;
+    return t(k, {
+      title: S,
+      appendTo: "body",
+      wrapperId: this.dialogId,
+      onClose: this.handleClose
+    }, {
+      default: () => [C, t(R, null, {
+        default: () => [t(r, {
+          onClick: this.handleOccurrenceClick
+        }, s(i) ? i : {
+          default: () => [i]
+        }), t(r, {
+          onClick: this.handleSeriesClick
+        }, s(n) ? n : {
+          default: () => [n]
+        })]
+      })]
+    });
+  },
+  methods: {
+    handleClose({
+      event: e
+    }) {
+      this.$emit("close", {
+        event: e,
+        value: null
+        // target: target.current
+      });
+    },
+    handleSeriesClick(e) {
+      this.$emit("seriesclose", {
+        event: e,
+        value: null
+        // target: target.current
+      });
+    },
+    handleOccurrenceClick(e) {
+      this.$emit("occurrenceclose", {
+        event: e,
+        value: null
+        // target: target.current
+      });
+    }
+  }
+});
+export {
+  K as SchedulerOccurrenceDialog
+};

package/components/SchedulerRemoveDialog.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("@progress/kendo-vue-dialogs"),s=require("@progress/kendo-vue-intl"),o=require("../messages/main.js"),l=require("@progress/kendo-vue-buttons"),u=require("@progress/kendo-vue-common");function r(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const g=t.defineComponent({name:"KendoSchedulerRemoveDialog",props:{dataItem:Object,onClose:Function,onCancel:Function,onConfirm:Function},inject:{kendoLocalizationService:{default:null}},created(){this.dialogId=u.guid()},mounted(){setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&e.focus()},10)},setup(){return{kendoLocalizationService:t.inject("kendoLocalizationService",{})}},render(){const e=s.provideLocalizationService(this),n=e.toLanguageString(o.editorCancel,o.messages[o.editorCancel]),i=e.toLanguageString(o.editorDelete,o.messages[o.editorDelete]),c=e.toLanguageString(o.deleteConfirmation,o.messages[o.deleteConfirmation]),d=e.toLanguageString(o.deleteDialogTitle,o.messages[o.deleteDialogTitle]);return t.createVNode(a.Dialog,{title:d,appendTo:"body",wrapperId:this.dialogId,onClose:this.handleClose},{default:()=>[c,t.createVNode(a.DialogActionsBar,null,{default:()=>[t.createVNode(l.Button,{onClick:this.handleCancel},r(n)?n:{default:()=>[n]}),t.createVNode(l.Button,{onClick:this.handleConfirm},r(i)?i:{default:()=>[i]})]})]})},methods:{handleClose({event:e}){this.$emit("close",{event:e})},handleCancel(e){this.$emit("cancel",{event:e,value:null})},handleConfirm(e){this.$emit("confirm",{event:e,value:null})}}});exports.SchedulerRemoveDialog=g;

package/components/SchedulerRemoveDialog.mjs

@@ -0,0 +1,89 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as g, inject as f, createVNode as o, isVNode as p } from "vue";
+import { Dialog as h, DialogActionsBar as C } from "@progress/kendo-vue-dialogs";
+import { provideLocalizationService as v } from "@progress/kendo-vue-intl";
+import { editorCancel as a, messages as t, editorDelete as l, deleteConfirmation as r, deleteDialogTitle as c } from "../messages/main.mjs";
+import { Button as d } from "@progress/kendo-vue-buttons";
+import { guid as S } from "@progress/kendo-vue-common";
+function s(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
+}
+const b = /* @__PURE__ */ g({
+  name: "KendoSchedulerRemoveDialog",
+  props: {
+    dataItem: Object,
+    onClose: Function,
+    onCancel: Function,
+    onConfirm: Function
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  created() {
+    this.dialogId = S();
+  },
+  mounted() {
+    setTimeout(() => {
+      const e = document.getElementById(this.dialogId);
+      e && e.focus();
+    }, 10);
+  },
+  setup() {
+    return {
+      kendoLocalizationService: f("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const e = v(this), n = e.toLanguageString(a, t[a]), i = e.toLanguageString(l, t[l]), m = e.toLanguageString(r, t[r]), u = e.toLanguageString(c, t[c]);
+    return o(h, {
+      title: u,
+      appendTo: "body",
+      wrapperId: this.dialogId,
+      onClose: this.handleClose
+    }, {
+      default: () => [m, o(C, null, {
+        default: () => [o(d, {
+          onClick: this.handleCancel
+        }, s(n) ? n : {
+          default: () => [n]
+        }), o(d, {
+          onClick: this.handleConfirm
+        }, s(i) ? i : {
+          default: () => [i]
+        })]
+      })]
+    });
+  },
+  methods: {
+    handleClose({
+      event: e
+    }) {
+      this.$emit("close", {
+        event: e
+      });
+    },
+    handleCancel(e) {
+      this.$emit("cancel", {
+        event: e,
+        value: null
+      });
+    },
+    handleConfirm(e) {
+      this.$emit("confirm", {
+        event: e,
+        value: null
+      });
+    }
+  }
+});
+export {
+  b as SchedulerRemoveDialog
+};

package/components/ShowMoreItemsButton.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@progress/kendo-vue-buttons"),n=require("@progress/kendo-vue-common"),r=require("@progress/kendo-svg-icons"),i=e.defineComponent({name:"KendoShowMoreItemsButton",props:{onClick:Function},inject:{kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:e.inject("kendoLocalizationService",{})}},render(){return e.createVNode(t.Button,{tabIndex:-1,class:"k-more-events",onClick:this.handleClick},{default:()=>[e.createVNode(n.Icon,{name:"more-horizontal",icon:r.moreHorizontalIcon},null)]})},methods:{handleClick(o){this.$emit("click",{target:{slot:this.currentSlot},event:o})}}});exports.ShowMoreItemsButton=i;

package/components/ShowMoreItemsButton.mjs

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as t, inject as n, createVNode as e } from "vue";
+import { Button as i } from "@progress/kendo-vue-buttons";
+import { Icon as r } from "@progress/kendo-vue-common";
+import { moreHorizontalIcon as c } from "@progress/kendo-svg-icons";
+const s = /* @__PURE__ */ t({
+  name: "KendoShowMoreItemsButton",
+  props: {
+    //  currentSlot: Object
+    onClick: Function
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  setup() {
+    return {
+      kendoLocalizationService: n("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    return e(i, {
+      tabIndex: -1,
+      class: "k-more-events",
+      onClick: this.handleClick
+    }, {
+      default: () => [e(r, {
+        name: "more-horizontal",
+        icon: c
+      }, null)]
+    });
+  },
+  methods: {
+    handleClick(o) {
+      this.$emit("click", {
+        target: {
+          slot: this.currentSlot
+        },
+        event: o
+      });
+    }
+  }
+});
+export {
+  s as ShowMoreItemsButton
+};

package/components/TimeHeaderCell.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("@progress/kendo-vue-intl"),i=require("@progress/kendo-vue-common"),a=e.defineComponent({name:"KendoTimeHeaderCell",props:{as:[String,Function,Object],format:{type:[String,Object],default:"t"},date:[Date,Object],start:[Date,Object],end:[Date,Object]},inject:{kendoIntlService:{default:null}},setup(){return{kendoIntlService:e.inject("kendoIntlService",{})}},render(){const t=o.provideIntlService(this).formatDate(this.$props.date,this.$props.format),r=i.getTemplate.call(this,{h:e.h,template:this.$props.as,defaultRendering:t,additionalProps:{default:t,date:this.$props.date,format:this.$props.format}});return e.createVNode("div",{class:"k-scheduler-cell k-heading-cell"},[r])}});exports.TimeHeaderCell=a;

package/components/TimeHeaderCell.mjs

@@ -0,0 +1,51 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as n, inject as o, h as a, createVNode as i } from "vue";
+import { provideIntlService as d } from "@progress/kendo-vue-intl";
+import { getTemplate as l } from "@progress/kendo-vue-common";
+const m = /* @__PURE__ */ n({
+  name: "KendoTimeHeaderCell",
+  props: {
+    as: [String, Function, Object],
+    format: {
+      type: [String, Object],
+      default: "t"
+    },
+    date: [Date, Object],
+    start: [Date, Object],
+    end: [Date, Object]
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: o("kendoIntlService", {})
+    };
+  },
+  render() {
+    const e = d(this).formatDate(this.$props.date, this.$props.format), r = l.call(this, {
+      h: a,
+      template: this.$props.as,
+      defaultRendering: e,
+      additionalProps: {
+        default: e,
+        date: this.$props.date,
+        format: this.$props.format
+      }
+    });
+    return i("div", {
+      class: "k-scheduler-cell k-heading-cell"
+    }, [r]);
+  }
+});
+export {
+  m as TimeHeaderCell
+};

package/components/footer/SchedulerFooter.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),t=require("@progress/kendo-vue-common"),r=require("@progress/kendo-vue-buttons");function n(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const u=o.defineComponent({name:"KendoSchedulerFooter",render(){const e=t.getDefaultSlots(this);return o.createVNode(r.Toolbar,{class:"k-scheduler-footer",style:{boxShadow:"none"}},n(e)?e:{default:()=>[e]})}});exports.SchedulerFooter=u;

package/components/footer/SchedulerFooter.mjs

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as e, createVNode as t, isVNode as r } from "vue";
+import { getDefaultSlots as n } from "@progress/kendo-vue-common";
+import { Toolbar as l } from "@progress/kendo-vue-buttons";
+function c(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !r(o);
+}
+const u = /* @__PURE__ */ e({
+  name: "KendoSchedulerFooter",
+  render() {
+    const o = n(this);
+    return t(l, {
+      class: "k-scheduler-footer",
+      style: {
+        boxShadow: "none"
+      }
+    }, c(o) ? o : {
+      default: () => [o]
+    });
+  }
+});
+export {
+  u as SchedulerFooter
+};

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

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("../../../messages/main.js"),n=require("@progress/kendo-vue-buttons"),i=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-intl"),r=require("@progress/kendo-svg-icons");function u(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!t.isVNode(o)}const c=t.defineComponent({name:"KendoBusinessHours",emits:{click:null},inject:{ks:{default:null},kendoLocalizationService:{default:null}},props:{slotDuration:Number},render(){let o;const s=i.getDefaultSlots(this);return this.localization=l.provideLocalizationService(this),this.slotDuration&&this.slotDuration<24*60?t.createVNode(n.ToolbarItem,{class:"k-scheduler-navigation"},{default:()=>[s||t.createVNode(n.Button,{tabIndex:-1,icon:"clock",svgIcon:r.clockIcon,onClick:this.handleShowWorkHoursClick},u(o=this.localization.toLanguageString(this.ks.showWorkHours?e.showFullDay:e.showWorkDay,e.messages[this.ks.showWorkHours?e.showFullDay:e.showWorkDay]))?o:{default:()=>[o]})]}):null},methods:{handleShowWorkHoursClick(o){this.$emit("click",o)}}});exports.BusinessHours=c;

package/components/footer/bussiness-hours/BusinessHours.mjs

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as l, createVNode as i, isVNode as r } from "vue";
+import { showFullDay as e, showWorkDay as s, messages as n } from "../../../messages/main.mjs";
+import { ToolbarItem as a, Button as c } from "@progress/kendo-vue-buttons";
+import { getDefaultSlots as u } from "@progress/kendo-vue-common";
+import { provideLocalizationService as h } from "@progress/kendo-vue-intl";
+import { clockIcon as m } from "@progress/kendo-svg-icons";
+function d(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !r(o);
+}
+const w = /* @__PURE__ */ l({
+  name: "KendoBusinessHours",
+  emits: {
+    click: null
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  props: {
+    slotDuration: Number
+  },
+  render() {
+    let o;
+    const t = u(this);
+    return this.localization = h(this), this.slotDuration && this.slotDuration < 24 * 60 ? i(a, {
+      class: "k-scheduler-navigation"
+    }, {
+      default: () => [t || i(c, {
+        tabIndex: -1,
+        icon: "clock",
+        svgIcon: m,
+        onClick: this.handleShowWorkHoursClick
+      }, d(o = this.localization.toLanguageString(this.ks.showWorkHours ? e : s, n[this.ks.showWorkHours ? e : s])) ? o : {
+        default: () => [o]
+      })]
+    }) : null;
+  },
+  methods: {
+    handleShowWorkHoursClick(o) {
+      this.$emit("click", o);
+    }
+  }
+});
+export {
+  w as BusinessHours
+};

package/components/header/SchedulerHeader.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("@progress/kendo-vue-common"),r=require("@progress/kendo-vue-buttons");function n(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const u=t.defineComponent({name:"KendoSchedulerHeader",render(){const e=o.getDefaultSlots(this);return t.createVNode(r.Toolbar,{class:"k-scheduler-toolbar"},n(e)?e:{default:()=>[e]})}});exports.SchedulerHeader=u;

package/components/header/SchedulerHeader.mjs

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as t, createVNode as o, isVNode as r } from "vue";
+import { getDefaultSlots as n } from "@progress/kendo-vue-common";
+import { Toolbar as l } from "@progress/kendo-vue-buttons";
+function c(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
+}
+const i = /* @__PURE__ */ t({
+  name: "KendoSchedulerHeader",
+  render() {
+    const e = n(this);
+    return o(l, {
+      class: "k-scheduler-toolbar"
+    }, c(e) ? e : {
+      default: () => [e]
+    });
+  }
+});
+export {
+  i as SchedulerHeader
+};

package/components/header/navigation/NavigationDatePicker.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),c=require("@progress/kendo-vue-dateinputs"),i=require("@progress/kendo-date-math"),h=require("@progress/kendo-vue-popup"),l=require("@progress/kendo-vue-intl"),m=require("@progress/kendo-vue-buttons"),f=require("../../../utils/main.js"),t=require("@progress/kendo-vue-common"),k=require("@progress/kendo-svg-icons"),p=n.defineComponent({name:"KendoNavigationDatePicker",props:{value:[Date,Object],onChange:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},created(){this.buttonId=t.guid(),this._popupId="popup"+t.guid()},data(){return{hasMounted:!1,show:!1,focused:!1,media:"desktop"}},mounted(){this.buttonRef=this.$refs.button,this.calculateMedia(),t.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.calculateMedia),this.ks.scheduler&&this.ks.scheduler.$el&&this.observer.observe(this.ks.scheduler.$el)),this.hasMounted=!0},unmounted(){this.observer&&this.observer.disconnect()},updated(){this.show&&this.focused&&this.$refs.calendar&&this.$refs.calendar.focus()},render(){const e=i.ZonedDate.fromLocalDate(this.$props.value||this.ks.currentDate,this.ks.timezone),s=i.getDate(e),a=this.show,o=this.ks.dateRange.end.getTime()-this.ks.dateRange.start.getTime()>i.MS_PER_DAY*27,d=l.provideIntlService(this),r=d.format(this.ks.dateFormat,o?this.ks.currentDate:this.ks.dateRange.zonedStart,o?this.ks.currentDate:this.ks.dateRange.zonedEnd.addDays(-1)),u=d.format(this.ks.shortDateFormat,o?this.ks.currentDate:this.ks.dateRange.zonedStart,o?this.ks.currentDate:this.ks.dateRange.zonedEnd.addDays(-1));return n.createVNode(m.Button,{ref:"button",id:this.buttonId,onFocus:this.onFocus,onBlur:this.onBlur,fillMode:"flat",class:"k-nav-current","aria-live":"polite",tabIndex:-1,icon:"calendar",svgIcon:k.calendarIcon,onClick:this.handleClick},{default:()=>[this.media==="desktop"?r:u,n.createVNode(h.Popup,{id:this._popupId,anchor:this.buttonId,show:a},{default:()=>[this.hasMounted&&n.createVNode(c.Calendar,{ref:"calendar",onBlur:this.onCalendarBlur,onChange:this.handleChange,onKeydown:this.calendarKeydown,value:s},null)]})]})},methods:{handleChange(e){const s=i.ZonedDate.fromUTCDate(f.toUTCDateTime(e.value),this.ks.timezone);this.$emit("change",{...e,value:s}),this.hideAndFocusButton()},handleClick(){this.show=!this.show},onFocus(){clearTimeout(this._blurTimeout),this.focused=!0},onBlur(){this.focused=!1},onCalendarBlur(){clearTimeout(this._blurTimeout),this.createBlurTimeout()},createBlurTimeout(){const e=this;this._blurTimeout=setTimeout(()=>{this.focused=!1;const s=document.activeElement&&document.activeElement.closest(`#${e._popupId}`);t.canUseDOM&&document.activeElement!==e.$refs.button.$el&&!s&&(e.show=!1)},200)},calendarKeydown(e){e.keyCode===t.Keys.esc&&this.hideAndFocusButton()},hideAndFocusButton(){this.show=!1,this.$refs.button.focus()},calculateMedia(){t.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 1024px)").matches?"desktop":"mobile")}}});exports.NavigationDatePicker=p;

package/components/header/navigation/NavigationDatePicker.mjs

@@ -0,0 +1,122 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as c, createVNode as o } from "vue";
+import { Calendar as l } from "@progress/kendo-vue-dateinputs";
+import { ZonedDate as r, getDate as m, MS_PER_DAY as f } from "@progress/kendo-date-math";
+import { Popup as p } from "@progress/kendo-vue-popup";
+import { provideIntlService as k } from "@progress/kendo-vue-intl";
+import { Button as v } from "@progress/kendo-vue-buttons";
+import { toUTCDateTime as w } from "../../../utils/main.mjs";
+import { guid as d, canUseDOM as i, Keys as b } from "@progress/kendo-vue-common";
+import { calendarIcon as g } from "@progress/kendo-svg-icons";
+const F = /* @__PURE__ */ c({
+  name: "KendoNavigationDatePicker",
+  props: {
+    value: [Date, Object],
+    onChange: Function
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  created() {
+    this.buttonId = d(), this._popupId = "popup" + d();
+  },
+  data() {
+    return {
+      hasMounted: !1,
+      show: !1,
+      focused: !1,
+      media: "desktop"
+    };
+  },
+  mounted() {
+    this.buttonRef = this.$refs.button, this.calculateMedia(), i && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.calculateMedia), this.ks.scheduler && this.ks.scheduler.$el && this.observer.observe(this.ks.scheduler.$el)), this.hasMounted = !0;
+  },
+  unmounted() {
+    this.observer && this.observer.disconnect();
+  },
+  updated() {
+    this.show && this.focused && this.$refs.calendar && this.$refs.calendar.focus();
+  },
+  render() {
+    const t = r.fromLocalDate(this.$props.value || this.ks.currentDate, this.ks.timezone), e = m(t), n = this.show, s = this.ks.dateRange.end.getTime() - this.ks.dateRange.start.getTime() > f * 27, a = k(this), h = a.format(this.ks.dateFormat, s ? this.ks.currentDate : this.ks.dateRange.zonedStart, s ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1)), u = a.format(this.ks.shortDateFormat, s ? this.ks.currentDate : this.ks.dateRange.zonedStart, s ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    return o(v, {
+      ref: "button",
+      id: this.buttonId,
+      onFocus: this.onFocus,
+      onBlur: this.onBlur,
+      fillMode: "flat",
+      class: "k-nav-current",
+      "aria-live": "polite",
+      tabIndex: -1,
+      icon: "calendar",
+      svgIcon: g,
+      onClick: this.handleClick
+    }, {
+      default: () => [this.media === "desktop" ? h : u, o(p, {
+        id: this._popupId,
+        anchor: this.buttonId,
+        show: n
+      }, {
+        default: () => [this.hasMounted && o(l, {
+          ref: "calendar",
+          onBlur: this.onCalendarBlur,
+          onChange: this.handleChange,
+          onKeydown: this.calendarKeydown,
+          value: e
+        }, null)]
+      })]
+    });
+  },
+  methods: {
+    handleChange(t) {
+      const e = r.fromUTCDate(w(t.value), this.ks.timezone);
+      this.$emit("change", {
+        ...t,
+        value: e
+      }), this.hideAndFocusButton();
+    },
+    handleClick() {
+      this.show = !this.show;
+    },
+    onFocus() {
+      clearTimeout(this._blurTimeout), this.focused = !0;
+    },
+    onBlur() {
+      this.focused = !1;
+    },
+    onCalendarBlur() {
+      clearTimeout(this._blurTimeout), this.createBlurTimeout();
+    },
+    createBlurTimeout() {
+      const t = this;
+      this._blurTimeout = setTimeout(() => {
+        this.focused = !1;
+        const e = document.activeElement && document.activeElement.closest(`#${t._popupId}`);
+        i && document.activeElement !== t.$refs.button.$el && !e && (t.show = !1);
+      }, 200);
+    },
+    calendarKeydown(t) {
+      t.keyCode === b.esc && this.hideAndFocusButton();
+    },
+    hideAndFocusButton() {
+      this.show = !1, this.$refs.button.focus();
+    },
+    calculateMedia() {
+      i && window.matchMedia && (this.media = window.matchMedia("(min-width: 1024px)").matches ? "desktop" : "mobile");
+    }
+  }
+});
+export {
+  F as NavigationDatePicker
+};

package/components/header/navigation/SchedulerNavigation.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;