@progress/kendo-vue-dateinputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/calendar/components/CalendarHeaderTitle.mjs

@@ -0,0 +1,50 @@
+/**
+ * @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 o, isVNode as i } from "vue";
+import { getDefaultSlots as r } from "@progress/kendo-vue-common";
+import { Button as l } from "@progress/kendo-vue-buttons";
+function n(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !i(t);
+}
+const m = /* @__PURE__ */ e({
+  name: "KendoHeaderTitle",
+  emits: {
+    click: null
+  },
+  props: {
+    id: String,
+    value: String,
+    view: Number
+  },
+  methods: {
+    handleClick(t) {
+      this.$emit("click", t);
+    }
+  },
+  /**
+   * @return
+   * Returns a `<button />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
+   */
+  render() {
+    const t = r(this);
+    return o(l, {
+      role: "link",
+      type: "button",
+      id: this.$props.id,
+      fillMode: "flat",
+      themeColor: "primary",
+      onClick: this.handleClick,
+      tabIndex: 0
+    }, n(t) ? t : {
+      default: () => [t]
+    });
+  }
+});
+export {
+  m as CalendarHeaderTitle
+};

package/calendar/components/CalendarWeekCell.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"),i=require("@progress/kendo-vue-common"),n=t.defineComponent({props:{id:String,value:Number,className:String},emits:{click:null},render(){const e=i.getDefaultSlots(this);return t.createVNode("td",{onClick:this.handleClick,id:this.$props.id},[this.$props.value!==void 0?this.$props.value:e])},methods:{handleClick(e){const{value:l}=this.$props;this.$emit("click",l,e)}}});exports.CalendarWeekCell=n;

package/calendar/components/CalendarWeekCell.mjs

@@ -0,0 +1,41 @@
+/**
+ * @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 i, createVNode as l } from "vue";
+import { getDefaultSlots as o } from "@progress/kendo-vue-common";
+const n = /* @__PURE__ */ i({
+  props: {
+    id: String,
+    value: Number,
+    className: String
+  },
+  emits: {
+    click: null
+  },
+  /**
+   * @return
+   * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
+   */
+  render() {
+    const e = o(this);
+    return l("td", {
+      onClick: this.handleClick,
+      id: this.$props.id
+    }, [this.$props.value !== void 0 ? this.$props.value : e]);
+  },
+  methods: {
+    handleClick(e) {
+      const {
+        value: t
+      } = this.$props;
+      this.$emit("click", t, e);
+    }
+  }
+});
+export {
+  n as CalendarWeekCell
+};

package/calendar/components/Header.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 i=require("vue"),b=require("@progress/kendo-vue-intl"),p=require("@progress/kendo-date-math"),l=require("@progress/kendo-vue-buttons"),V=require("./CalendarHeaderTitle.js"),n=require("../../messages/main.js"),o=require("../models/NavigationAction.js"),s=require("../../utils.js"),C=require("../../defaults.js"),a=require("@progress/kendo-vue-common"),c=require("@progress/kendo-svg-icons");function u(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const N=i.defineComponent({name:"KendoCalendarHeader",inheritAttrs:!1,inject:{kendoLocalizationService:{default:null}},emits:["titleclick","todayclick","nextclick","prevclick"],props:{activeView:{type:Number,required:!0},currentDate:{type:Date,required:!0},focusedDate:{type:Date,required:!0},headerTitle:{type:[String,Object,Function],default:function(){}},max:{type:Date,default:function(){return s.MAX_DATE}},min:{type:Date,default:function(){return C.MIN_DATE}},bus:Object,service:Object,rangeLength:{type:Number,default:1},tabIndex:{type:Number,default:0},onTodayClick:Function,onNextClick:Function,onPrevClick:Function,onTitleClick:Function},data(){return{currentRtl:!1}},mounted(){this.currentRtl=a.isRtl(this.$el)},computed:{navigate(){return this.$props.bus.canMoveUp(this.$props.activeView)},todayIsInRange(){return s.isInRange(s.getToday(),p.getDate(this.$props.min),p.getDate(this.$props.max))}},methods:{getTitle(){if(!this.$props.currentDate)return"";const e=this.$props.rangeLength-1,t=this.$props.service.title(this.$props.currentDate),r=this.$props.service.addToDate(this.$props.currentDate,e);return e<1||!this.$props.service.isInRange(r,this.$props.min,this.$props.max)?t:`${t} - ${this.$props.service.title(r)}`},handleTitleClick(e){this.navigate&&(this.$props.bus.moveUp(this.$props.activeView,e),this.$emit("titleclick",e))},canNavigate(e){if(!this.$props.service)return!1;const t=this.$props.service.move(this.$props.focusedDate,e);return this.$props.min<=t&&t<=this.$props.max||this.$props.service.isInSameView(t,this.$props.min)||this.$props.service.isInSameView(t,this.$props.max)},move(e){return this.clampDate(this.$props.service.move(this.$props.focusedDate,e))},clampDate(e){return s.dateInRange(e,this.$props.min,this.$props.max)},handleNextClick(e){const t={event:e,value:this.move(o.Action.NextView),target:this};this.$emit("nextclick",t)},handlePrevClick(e){const t={event:e,value:this.move(o.Action.PrevView),target:this};this.$emit("prevclick",t)},handleTodayClick(e){if(!this.todayIsInRange)return;this.$props.bus.moveToBottom(this.$props.activeView);const t={event:e,value:s.dateInRange(s.getToday(),this.$props.min,this.$props.max),target:this};this.$emit("todayclick",t)},todayKeyDown(e){const{keyCode:t}=e;t===a.Keys.enter&&this.handleTodayClick(e)}},setup(){return{kendoLocalizationService:i.inject("kendoLocalizationService",{})}},render(){this._localization=b.provideLocalizationService(this);const e=this._localization.toLanguageString(n.today,n.messages[n.today]),t=this.getTitle(),r=this._localization.toLanguageString(n.prevView,n.messages[n.prevView]),d=this._localization.toLanguageString(n.nextView,n.messages[n.nextView]),v=!this.canNavigate(o.Action.PrevView),g=!this.canNavigate(o.Action.NextView),m=a.classNames("k-calendar-title",{"k-disabled":!this.navigate}),k=a.classNames("k-calendar-nav-today",{"k-disabled":!this.todayIsInRange});let h;const $=i.createVNode(V.CalendarHeaderTitle,{value:t,view:this.$props.activeView,class:m,onClick:this.handleTitleClick},u(t)?t:{default:()=>[t]});h=a.getTemplate.call(this,{h:i.h,template:this.$props.headerTitle,defaultRendering:$});const f=i.createVNode(l.Button,{fillMode:"flat",themeColor:"base",class:k,tabIndex:this.$props.tabIndex,onKeydown:this.todayKeyDown,onClick:this.handleTodayClick},u(e)?e:{default:()=>[e]}),y=a.getTemplate.call(this,{h:i.h,defaultRendering:f});return i.createVNode("div",{class:"k-calendar-header k-hstack",style:this.$attrs.style},[h,i.createVNode("span",{class:"k-spacer"},null),i.createVNode("span",{class:"k-calendar-nav k-hstack"},[i.createVNode(l.Button,{type:"button",icon:this.currentRtl?"chevron-right":"chevron-left",svgIcon:this.currentRtl?c.chevronRightIcon:c.chevronLeftIcon,size:this.$props.size,fillMode:"flat",class:"k-calendar-nav-pre",disabled:v,"aria-label":r,title:r,onClick:this.handlePrevClick},null),y,i.createVNode(l.Button,{type:"button",icon:this.currentRtl?"chevron-left":"chevron-right",svgIcon:this.currentRtl?c.chevronLeftIcon:c.chevronRightIcon,size:this.$props.size,fillMode:"flat",class:"k-calendar-nav-next",disabled:g,"aria-label":d,title:d,onClick:this.handleNextClick},null)])])}});exports.Header=N;

package/calendar/components/Header.mjs

@@ -0,0 +1,221 @@
+/**
+ * @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 R, createVNode as i, h as c, isVNode as V } from "vue";
+import { provideLocalizationService as z } from "@progress/kendo-vue-intl";
+import { getDate as p } from "@progress/kendo-date-math";
+import { Button as n } from "@progress/kendo-vue-buttons";
+import { CalendarHeaderTitle as S } from "./CalendarHeaderTitle.mjs";
+import { today as h, messages as r, prevView as d, nextView as u } from "../../messages/main.mjs";
+import { Action as a } from "../models/NavigationAction.mjs";
+import { MAX_DATE as L, isInRange as j, getToday as m, dateInRange as v } from "../../utils.mjs";
+import { MIN_DATE as M } from "../../defaults.mjs";
+import { isRtl as _, Keys as P, classNames as f, getTemplate as g } from "@progress/kendo-vue-common";
+import { chevronRightIcon as $, chevronLeftIcon as k } from "@progress/kendo-svg-icons";
+function y(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !V(t);
+}
+const J = /* @__PURE__ */ N({
+  name: "KendoCalendarHeader",
+  inheritAttrs: !1,
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  emits: ["titleclick", "todayclick", "nextclick", "prevclick"],
+  props: {
+    activeView: {
+      type: Number,
+      required: !0
+    },
+    currentDate: {
+      type: Date,
+      required: !0
+    },
+    focusedDate: {
+      type: Date,
+      required: !0
+    },
+    headerTitle: {
+      type: [String, Object, Function],
+      default: function() {
+      }
+    },
+    max: {
+      type: Date,
+      default: function() {
+        return L;
+      }
+    },
+    min: {
+      type: Date,
+      default: function() {
+        return M;
+      }
+    },
+    bus: Object,
+    service: Object,
+    rangeLength: {
+      type: Number,
+      default: 1
+    },
+    tabIndex: {
+      type: Number,
+      default: 0
+    },
+    onTodayClick: Function,
+    onNextClick: Function,
+    onPrevClick: Function,
+    onTitleClick: Function
+  },
+  data() {
+    return {
+      currentRtl: !1
+    };
+  },
+  mounted() {
+    this.currentRtl = _(this.$el);
+  },
+  computed: {
+    navigate() {
+      return this.$props.bus.canMoveUp(this.$props.activeView);
+    },
+    todayIsInRange() {
+      return j(m(), p(this.$props.min), p(this.$props.max));
+    }
+  },
+  methods: {
+    getTitle() {
+      if (!this.$props.currentDate)
+        return "";
+      const t = this.$props.rangeLength - 1, e = this.$props.service.title(this.$props.currentDate), s = this.$props.service.addToDate(this.$props.currentDate, t);
+      return t < 1 || !this.$props.service.isInRange(s, this.$props.min, this.$props.max) ? e : `${e} - ${this.$props.service.title(s)}`;
+    },
+    handleTitleClick(t) {
+      this.navigate && (this.$props.bus.moveUp(this.$props.activeView, t), this.$emit("titleclick", t));
+    },
+    canNavigate(t) {
+      if (!this.$props.service)
+        return !1;
+      const e = this.$props.service.move(this.$props.focusedDate, t);
+      return this.$props.min <= e && e <= this.$props.max || this.$props.service.isInSameView(e, this.$props.min) || this.$props.service.isInSameView(e, this.$props.max);
+    },
+    move(t) {
+      return this.clampDate(this.$props.service.move(this.$props.focusedDate, t));
+    },
+    clampDate(t) {
+      return v(t, this.$props.min, this.$props.max);
+    },
+    handleNextClick(t) {
+      const e = {
+        event: t,
+        value: this.move(a.NextView),
+        target: this
+      };
+      this.$emit("nextclick", e);
+    },
+    handlePrevClick(t) {
+      const e = {
+        event: t,
+        value: this.move(a.PrevView),
+        target: this
+      };
+      this.$emit("prevclick", e);
+    },
+    handleTodayClick(t) {
+      if (!this.todayIsInRange)
+        return;
+      this.$props.bus.moveToBottom(this.$props.activeView);
+      const e = {
+        event: t,
+        value: v(m(), this.$props.min, this.$props.max),
+        target: this
+      };
+      this.$emit("todayclick", e);
+    },
+    todayKeyDown(t) {
+      const {
+        keyCode: e
+      } = t;
+      e === P.enter && this.handleTodayClick(t);
+    }
+  },
+  setup() {
+    return {
+      kendoLocalizationService: R("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    this._localization = z(this);
+    const t = this._localization.toLanguageString(h, r[h]), e = this.getTitle(), s = this._localization.toLanguageString(d, r[d]), o = this._localization.toLanguageString(u, r[u]), b = !this.canNavigate(a.PrevView), C = !this.canNavigate(a.NextView), x = f("k-calendar-title", {
+      "k-disabled": !this.navigate
+    }), D = f("k-calendar-nav-today", {
+      "k-disabled": !this.todayIsInRange
+    });
+    let l;
+    const T = i(S, {
+      value: e,
+      view: this.$props.activeView,
+      class: x,
+      onClick: this.handleTitleClick
+    }, y(e) ? e : {
+      default: () => [e]
+    });
+    l = g.call(this, {
+      h: c,
+      template: this.$props.headerTitle,
+      defaultRendering: T
+    });
+    const w = i(n, {
+      fillMode: "flat",
+      themeColor: "base",
+      class: D,
+      tabIndex: this.$props.tabIndex,
+      onKeydown: this.todayKeyDown,
+      onClick: this.handleTodayClick
+    }, y(t) ? t : {
+      default: () => [t]
+    }), I = g.call(this, {
+      h: c,
+      defaultRendering: w
+    });
+    return i("div", {
+      class: "k-calendar-header k-hstack",
+      style: this.$attrs.style
+    }, [l, i("span", {
+      class: "k-spacer"
+    }, null), i("span", {
+      class: "k-calendar-nav k-hstack"
+    }, [i(n, {
+      type: "button",
+      icon: this.currentRtl ? "chevron-right" : "chevron-left",
+      svgIcon: this.currentRtl ? $ : k,
+      size: this.$props.size,
+      fillMode: "flat",
+      class: "k-calendar-nav-pre",
+      disabled: b,
+      "aria-label": s,
+      title: s,
+      onClick: this.handlePrevClick
+    }, null), I, i(n, {
+      type: "button",
+      icon: this.currentRtl ? "chevron-left" : "chevron-right",
+      svgIcon: this.currentRtl ? k : $,
+      size: this.$props.size,
+      fillMode: "flat",
+      class: "k-calendar-nav-next",
+      disabled: C,
+      "aria-label": o,
+      title: o,
+      onClick: this.handleNextClick
+    }, null)])]);
+  }
+});
+export {
+  J as Header
+};

package/calendar/components/View.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 s=require("vue"),o=require("@progress/kendo-date-math"),f=require("@progress/kendo-vue-intl"),c=require("@progress/kendo-vue-common"),w=require("./CalendarCell.js"),D=require("./CalendarWeekCell.js"),h=require("../models/CalendarViewEnum.js"),d=require("../../utils.js"),S=require("../services/WeekNamesService.js");function y(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!s.isVNode(t)}const R=s.defineComponent({name:"KendoView",inject:{kendoIntlService:{default:null}},props:{activeRangeEnd:{type:String},activeView:{type:Number,required:!0},cell:[String,Function,Object],cellUID:{type:String,required:!0},direction:{type:String,default:"vertical"},isActive:{type:Boolean,default:void 0},focusedDate:{type:Date,required:!0},max:{type:Date,required:!0},min:{type:Date,required:!0},selectedDate:{type:[Date,Array,Object],default:function(){return d.getToday()}},selectionRange:Object,showWeekNumbers:{type:Boolean,default:!1},viewDate:{type:Date,required:!0},weekCell:[String,Function,Object],bus:Object,service:Object,onChange:Function,onWeekcellclick:Function,onCellenter:Function,onViewmousedown:Function},computed:{isHorizontal(){return this.$props.direction==="horizontal"},isMonthView(){return this.$props.activeView===h.CalendarViewEnum.month},weekNumber(){return!!(this.$props.showWeekNumbers&&this.$props.activeView===h.CalendarViewEnum.month)}},methods:{getWeekNumber(t){return this.weekNumber?o.weekInYear(t,this._intl.firstDay()):null},firstDate(t){const i=this.firstWeekDateContext(t);return i?i.value:null},firstWeekDateContext(t){if(!this.weekNumber)return null;let i=0,n=t[i];for(;!n&&i<t.length;)n=t[++i];return n},handleClick(t,i){const n={value:o.cloneDate(t),target:this,event:i};this.$emit("change",n)},handleWeekCellClick(t,i){const n={value:t,event:i};this.$emit("weekcellclick",n)},handleMouseDown(t,i){const n={value:o.cloneDate(t),target:this,event:i};this.$emit("viewmousedown",n)},handleMouseEnter(t){this.$emit("cellenter",o.cloneDate(t))},handleMouseLeave(t){this.$emit("cellleave",o.cloneDate(t))}},setup(){return{kendoIntlService:s.inject("kendoIntlService",{})}},render(){this._intl=f.provideIntlService(this),this._weekService=new S.WeekNamesService(this._intl);const t=r=>s.createVNode("td",{key:r,class:"k-calendar-td k-empty"},[s.createTextVNode(" ")]),i=d.getToday(),n=this.$props.isActive?this.$props.focusedDate:null,p=d.setTime(this.$props.viewDate,i),k=this.$props.service.data({cellUID:this.$props.cellUID,min:this.$props.min,max:this.$props.max,focusedDate:n,isActiveView:!this.$props.bus.canMoveDown(this.$props.activeView),selectedDate:this.$props.selectedDate,selectionRange:this.$props.selectionRange,viewDate:p}),g=function(r,e){if(!this.firstDate(r))return t(`week-cell-${e}`);const a=this.getWeekNumber(this.firstDate(r)),l=`kendo-vue-calendar-week-cell-${a}`,v=s.createVNode(D.CalendarWeekCell,{class:"k-calendar-td k-alt",value:a,onClick:this.handleWeekCellClick,key:l},y(a)?a:{default:()=>[a]});return c.getTemplate.call(this,{h:s.h,template:this.$props.weekCell,defaultRendering:v,defaultSlots:a,additionalListeners:{click:this.handleWeekCellClick},additionalProps:{value:a,key:l}})},m=function(r){return r.map(function(e,u){if(!e)return t(u);const a=`kendo-vue-calendar-cell-${e.value.getTime()}`,l=s.createVNode(w.CalendarCell,{"aria-selected":e.isSelected,formattedValue:e.formattedValue,id:e.id,isFocused:e.isFocused,isSelected:e.isSelected,isInRange:e.isInRange,isWeekend:e.isWeekend,isRangeStart:e.isRangeStart,isRangeMid:e.isRangeMid,isRangeEnd:e.isRangeEnd,isRangeSplitStart:e.isRangeSplitStart,isRangeSplitEnd:e.isRangeSplitEnd,isToday:e.isToday,title:e.title,value:e.value,isDisabled:!e.isInRange,view:this.$props.activeView,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,key:a},{default:()=>[e.formattedValue]});return c.getTemplate.call(this,{h:s.h,template:this.$props.cell,defaultRendering:l,defaultSlots:e.formattedValue,additionalListeners:{click:this.handleClick,mousedown:this.handleMouseDown,mouseenter:this.handleMouseEnter,mouseleave:this.handleMouseLeave},additionalProps:{formattedValue:e.formattedValue,id:e.id,isFocused:e.isFocused,isSelected:e.isSelected,isInRange:e.isInRange,isWeekend:e.isWeekend,isRangeStart:e.isRangeStart,isRangeMid:e.isRangeMid,isRangeEnd:e.isRangeEnd,isRangeSplitStart:e.isRangeSplitStart,isRangeSplitEnd:e.isRangeSplitEnd,isToday:e.isToday,title:e.title,value:e.value,isDisabled:!e.isInRange,view:this.$props.activeView,key:a}})},this)};return s.createVNode("tbody",{class:"k-calendar-tbody",role:"rowgroup"},[k.map(function(r,e){return s.createVNode("tr",{class:"k-calendar-tr",role:"row",key:e},[this.weekNumber&&g.call(this,r,e),m.call(this,r)])},this)])}});exports.View=R;

package/calendar/components/View.mjs

@@ -0,0 +1,260 @@
+/**
+ * @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 w, inject as D, createVNode as r, h as u, isVNode as S, createTextVNode as R } from "vue";
+import { weekInYear as y, cloneDate as l } from "@progress/kendo-date-math";
+import { provideIntlService as b } from "@progress/kendo-vue-intl";
+import { getTemplate as c } from "@progress/kendo-vue-common";
+import { CalendarCell as $ } from "./CalendarCell.mjs";
+import { CalendarWeekCell as C } from "./CalendarWeekCell.mjs";
+import { CalendarViewEnum as p } from "../models/CalendarViewEnum.mjs";
+import { getToday as h, setTime as V } from "../../utils.mjs";
+import { WeekNamesService as W } from "../services/WeekNamesService.mjs";
+function M(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !S(t);
+}
+const A = /* @__PURE__ */ w({
+  name: "KendoView",
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  props: {
+    activeRangeEnd: {
+      type: String
+    },
+    activeView: {
+      type: Number,
+      required: !0
+    },
+    cell: [String, Function, Object],
+    cellUID: {
+      type: String,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: "vertical"
+    },
+    isActive: {
+      type: Boolean,
+      default: void 0
+    },
+    focusedDate: {
+      type: Date,
+      required: !0
+    },
+    max: {
+      type: Date,
+      required: !0
+    },
+    min: {
+      type: Date,
+      required: !0
+    },
+    selectedDate: {
+      type: [Date, Array, Object],
+      default: function() {
+        return h();
+      }
+    },
+    selectionRange: Object,
+    showWeekNumbers: {
+      type: Boolean,
+      default: !1
+    },
+    viewDate: {
+      type: Date,
+      required: !0
+    },
+    weekCell: [String, Function, Object],
+    bus: Object,
+    service: Object,
+    onChange: Function,
+    onWeekcellclick: Function,
+    onCellenter: Function,
+    onViewmousedown: Function
+  },
+  computed: {
+    isHorizontal() {
+      return this.$props.direction === "horizontal";
+    },
+    isMonthView() {
+      return this.$props.activeView === p.month;
+    },
+    weekNumber() {
+      return !!(this.$props.showWeekNumbers && this.$props.activeView === p.month);
+    }
+  },
+  methods: {
+    getWeekNumber(t) {
+      return this.weekNumber ? y(t, this._intl.firstDay()) : null;
+    },
+    firstDate(t) {
+      const i = this.firstWeekDateContext(t);
+      return i ? i.value : null;
+    },
+    firstWeekDateContext(t) {
+      if (!this.weekNumber)
+        return null;
+      let i = 0, n = t[i];
+      for (; !n && i < t.length; )
+        n = t[++i];
+      return n;
+    },
+    handleClick(t, i) {
+      const n = {
+        value: l(t),
+        target: this,
+        event: i
+      };
+      this.$emit("change", n);
+    },
+    handleWeekCellClick(t, i) {
+      const n = {
+        value: t,
+        event: i
+      };
+      this.$emit("weekcellclick", n);
+    },
+    handleMouseDown(t, i) {
+      const n = {
+        value: l(t),
+        target: this,
+        event: i
+      };
+      this.$emit("viewmousedown", n);
+    },
+    handleMouseEnter(t) {
+      this.$emit("cellenter", l(t));
+    },
+    handleMouseLeave(t) {
+      this.$emit("cellleave", l(t));
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: D("kendoIntlService", {})
+    };
+  },
+  render() {
+    this._intl = b(this), this._weekService = new W(this._intl);
+    const t = (a) => r("td", {
+      key: a,
+      class: "k-calendar-td k-empty"
+    }, [R(" ")]), i = h(), n = this.$props.isActive ? this.$props.focusedDate : null, m = V(this.$props.viewDate, i), k = this.$props.service.data({
+      cellUID: this.$props.cellUID,
+      min: this.$props.min,
+      max: this.$props.max,
+      focusedDate: n,
+      isActiveView: !this.$props.bus.canMoveDown(this.$props.activeView),
+      selectedDate: this.$props.selectedDate,
+      selectionRange: this.$props.selectionRange,
+      viewDate: m
+    }), f = function(a, e) {
+      if (!this.firstDate(a))
+        return t(`week-cell-${e}`);
+      const s = this.getWeekNumber(this.firstDate(a)), o = `kendo-vue-calendar-week-cell-${s}`, v = r(C, {
+        class: "k-calendar-td k-alt",
+        value: s,
+        onClick: this.handleWeekCellClick,
+        key: o
+      }, M(s) ? s : {
+        default: () => [s]
+      });
+      return c.call(this, {
+        h: u,
+        template: this.$props.weekCell,
+        defaultRendering: v,
+        defaultSlots: s,
+        additionalListeners: {
+          click: this.handleWeekCellClick
+        },
+        additionalProps: {
+          value: s,
+          key: o
+        }
+      });
+    }, g = function(a) {
+      return a.map(function(e, d) {
+        if (!e)
+          return t(d);
+        const s = `kendo-vue-calendar-cell-${e.value.getTime()}`, o = r($, {
+          "aria-selected": e.isSelected,
+          formattedValue: e.formattedValue,
+          id: e.id,
+          isFocused: e.isFocused,
+          isSelected: e.isSelected,
+          isInRange: e.isInRange,
+          isWeekend: e.isWeekend,
+          isRangeStart: e.isRangeStart,
+          isRangeMid: e.isRangeMid,
+          isRangeEnd: e.isRangeEnd,
+          isRangeSplitStart: e.isRangeSplitStart,
+          isRangeSplitEnd: e.isRangeSplitEnd,
+          isToday: e.isToday,
+          title: e.title,
+          value: e.value,
+          isDisabled: !e.isInRange,
+          view: this.$props.activeView,
+          onClick: this.handleClick,
+          onMousedown: this.handleMouseDown,
+          onMouseenter: this.handleMouseEnter,
+          onMouseleave: this.handleMouseLeave,
+          key: s
+        }, {
+          default: () => [e.formattedValue]
+        });
+        return c.call(this, {
+          h: u,
+          template: this.$props.cell,
+          defaultRendering: o,
+          defaultSlots: e.formattedValue,
+          additionalListeners: {
+            click: this.handleClick,
+            mousedown: this.handleMouseDown,
+            mouseenter: this.handleMouseEnter,
+            mouseleave: this.handleMouseLeave
+          },
+          additionalProps: {
+            formattedValue: e.formattedValue,
+            id: e.id,
+            isFocused: e.isFocused,
+            isSelected: e.isSelected,
+            isInRange: e.isInRange,
+            isWeekend: e.isWeekend,
+            isRangeStart: e.isRangeStart,
+            isRangeMid: e.isRangeMid,
+            isRangeEnd: e.isRangeEnd,
+            isRangeSplitStart: e.isRangeSplitStart,
+            isRangeSplitEnd: e.isRangeSplitEnd,
+            isToday: e.isToday,
+            title: e.title,
+            value: e.value,
+            isDisabled: !e.isInRange,
+            view: this.$props.activeView,
+            key: s
+          }
+        });
+      }, this);
+    };
+    return r("tbody", {
+      class: "k-calendar-tbody",
+      role: "rowgroup"
+    }, [k.map(function(a, e) {
+      return r("tr", {
+        class: "k-calendar-tr",
+        role: "row",
+        key: e
+      }, [this.weekNumber && f.call(this, a, e), g.call(this, a)]);
+    }, this)]);
+  }
+});
+export {
+  A as View
+};

package/calendar/components/ViewList.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 s=require("vue"),l=require("@progress/kendo-date-math"),p=require("@progress/kendo-vue-intl"),m=require("./View.js"),w=require("../../utils.js"),i=require("../models/CalendarViewEnum.js"),r=require("@progress/kendo-vue-common"),k=1,v=5,$=s.defineComponent({name:"KendoViewList",inheritAttrs:!1,inject:{kendoIntlService:{default:null}},props:{allowReverse:Boolean,hasFocusedDate:Boolean,activeView:{type:Number,required:!0},bottomOffset:{type:Number},cell:[String,Function,Object],cellUID:{type:String,required:!0},dates:Array,focusedDate:{type:Date,required:!0},isActive:{type:Boolean,default:void 0},max:{type:Date,required:!0},min:{type:Date,required:!0},selectionRange:Object,showWeekNumbers:{type:Boolean,default:!1},take:{type:Number,default:v},value:{type:[Date,Array,Object]},views:{type:Number,default:k},viewHeight:Number,viewOffset:Number,bus:Object,dom:Object,weekCell:[String,Function,Object],service:Object,tabIndex:Number,shouldScroll:Boolean,onChange:Function,onWeekcellclick:Function,onWeeknameclick:Function,onCellenter:Function,onViewmousedown:Function,onListfocus:Function,onListblur:Function,onListkeydown:Function,onListmousedown:Function},data:function(){return{lastViewsCount:0,valueHasUpdated:!1,shouldScrollValue:!1}},computed:{weekNames(){this._intl=p.provideIntlService(this);const e=w.shiftWeekNames(this._intl.dateFormatNames({nameType:"short",type:"days"}),this._intl.firstDay());return this.weekNumber?[""].concat(e):e},weekNumber(){return!!(this.$props.showWeekNumbers&&this.$props.activeView===i.CalendarViewEnum.month)}},created(){this.lastView=this.$props.activeView,this.lastFocus=this.$props.focusedDate,this.shouldScrollValue=this.$props.shouldScroll},updated(){this.shouldScrollValue=!1,this.lastView=this.$props.activeView,this.$data.lastViewsCount=this.$props.views,this.indexToScroll=void 0},methods:{handleFocus(e){this.$emit("listfocus",e)},handleBlur(e){this.$emit("listblur",e)},handleKeyDown(e){this.$emit("listkeydown",e)},handleVirtualizationMount(e){},calculateHeights(){if(!this.$props.dom)return;const e=this.$props.activeView===i.CalendarViewEnum.month?this.$props.dom.scrollableContentHeight:this.$props.dom.scrollableYearContentHeight;this._bottomOffset=e-this.$props.dom.viewHeight(this.$props.activeView),this._viewOffset=-1*this.$props.dom.headerHeight,this._viewHeight=this.$props.dom.viewHeight(this.$props.activeView)||1},getTake(e,t){return Math.min(t-e,this.$props.take)},handleScrollAction(){},handleTodayClick(e){this.shouldScrollValue=!0,this.handleDateChange(e,!0)},handleMouseDown(e){const t={event:e.event,value:l.cloneDate(e.value),target:this};this.$emit("listmousedown",t)},handleDateChange(e,t=!1){const a={event:e.event,value:l.cloneDate(e.value),target:this,isTodayClick:t};this.$emit("change",a)},handleWeekCellClick(e){this.$emit("weekcellclick",e)},handleWeekNameClick(e,t){const a={value:t,event:e};this.$emit("weeknameclick",a)},handleCellEnter(e){this.$emit("cellenter",e)},rotateSelectionRange(e){if(e.start===null||e.end===null)return e;const t=e.end<e.start;return{start:t?e.end:e.start,end:t?e.start:e.end}}},setup(){return{kendoIntlService:s.inject("kendoIntlService",{})}},mounted(){this._calendarView=this.$refs.calendarView},render(){const e=this.$props.allowReverse?this.rotateSelectionRange(this.$props.selectionRange):this.$props.selectionRange,t=r.classNames("k-calendar-view","k-hstack k-align-items-start k-justify-content-center",{"k-calendar-monthview":this.$props.activeView===i.CalendarViewEnum.month,"k-calendar-yearview":this.$props.activeView===i.CalendarViewEnum.year,"k-calendar-decadeview":this.$props.activeView===i.CalendarViewEnum.decade,"k-calendar-centuryview":this.$props.activeView===i.CalendarViewEnum.century}),a=r.classNames("k-calendar-table"),c=function(o){return s.createVNode("thead",{class:"k-calendar-thead"},[s.createVNode("tr",{class:"k-calendar-tr"},[o.map((n,u)=>s.createVNode("th",{class:"k-calendar-th",key:u,onClick:d=>this.handleWeekNameClick(d,n)},[n]),this)])])},h=function(){const o=this.$props.cellUID;return this.$props.dates.map(function(n){return s.createVNode("table",{role:"grid","aria-label":this.$props.service.title(this.$props.focusedDate),"aria-live":"polite","aria-activedescendant":o+this.$props.focusedDate.getTime(),tabindex:this.$props.tabIndex,class:a,onKeydown:this.handleKeyDown},[this.$props.activeView===i.CalendarViewEnum.month&&c.call(this,this.weekNames),s.createVNode(m.View,{key:n.getTime(),activeView:this.$props.activeView,viewDate:n,min:this.$props.min,max:this.$props.max,cellUID:o,isActive:this.$props.isActive,focusedDate:this.$props.focusedDate,cell:this.$props.cell,selectionRange:e,selectedDate:this.$props.value,showWeekNumbers:this.weekNumber,onChange:this.handleDateChange,onWeekcellclick:this.handleWeekCellClick,onCellenter:this.handleCellEnter,onViewmousedown:this.handleMouseDown,bus:this.$props.bus,service:this.$props.service,weekCell:this.$props.weekCell},null)])},this)};return s.createVNode("div",{style:this.$attrs.style,class:t,onFocusin:this.handleFocus,onFocusout:this.handleBlur},[h.call(this)])}});exports.ViewList=$;