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

package/calendar/components/ViewList.mjs

@@ -0,0 +1,249 @@
+/**
+ * @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 p, inject as m, createVNode as i } from "vue";
+import { cloneDate as l } from "@progress/kendo-date-math";
+import { provideIntlService as w } from "@progress/kendo-vue-intl";
+import { View as k } from "./View.mjs";
+import { shiftWeekNames as v } from "../../utils.mjs";
+import { CalendarViewEnum as s } from "../models/CalendarViewEnum.mjs";
+import { classNames as r } from "@progress/kendo-vue-common";
+const $ = 1, f = 5, F = /* @__PURE__ */ p({
+  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: f
+    },
+    value: {
+      type: [Date, Array, Object]
+    },
+    views: {
+      type: Number,
+      default: $
+    },
+    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 = w(this);
+      const e = v(this._intl.dateFormatNames({
+        nameType: "short",
+        type: "days"
+      }), this._intl.firstDay());
+      return this.weekNumber ? [""].concat(e) : e;
+    },
+    weekNumber() {
+      return !!(this.$props.showWeekNumbers && this.$props.activeView === s.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 === s.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(e.value),
+        target: this
+      };
+      this.$emit("listmousedown", t);
+    },
+    handleDateChange(e, t = !1) {
+      const o = {
+        event: e.event,
+        value: l(e.value),
+        target: this,
+        isTodayClick: t
+      };
+      this.$emit("change", o);
+    },
+    handleWeekCellClick(e) {
+      this.$emit("weekcellclick", e);
+    },
+    handleWeekNameClick(e, t) {
+      const o = {
+        value: t,
+        event: e
+      };
+      this.$emit("weeknameclick", o);
+    },
+    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: m("kendoIntlService", {})
+    };
+  },
+  mounted() {
+    this._calendarView = this.$refs.calendarView;
+  },
+  render() {
+    const e = this.$props.allowReverse ? this.rotateSelectionRange(this.$props.selectionRange) : this.$props.selectionRange, t = r("k-calendar-view", "k-hstack k-align-items-start k-justify-content-center", {
+      "k-calendar-monthview": this.$props.activeView === s.month,
+      "k-calendar-yearview": this.$props.activeView === s.year,
+      "k-calendar-decadeview": this.$props.activeView === s.decade,
+      "k-calendar-centuryview": this.$props.activeView === s.century
+    }), o = r("k-calendar-table"), c = function(n) {
+      return i("thead", {
+        class: "k-calendar-thead"
+      }, [i("tr", {
+        class: "k-calendar-tr"
+      }, [n.map((a, u) => i("th", {
+        class: "k-calendar-th",
+        key: u,
+        onClick: (d) => this.handleWeekNameClick(d, a)
+      }, [a]), this)])]);
+    }, h = function() {
+      const n = this.$props.cellUID;
+      return this.$props.dates.map(function(a) {
+        return i("table", {
+          role: "grid",
+          "aria-label": this.$props.service.title(this.$props.focusedDate),
+          "aria-live": "polite",
+          "aria-activedescendant": n + this.$props.focusedDate.getTime(),
+          tabindex: this.$props.tabIndex,
+          class: o,
+          onKeydown: this.handleKeyDown
+        }, [this.$props.activeView === s.month && c.call(this, this.weekNames), i(k, {
+          key: a.getTime(),
+          activeView: this.$props.activeView,
+          viewDate: a,
+          min: this.$props.min,
+          max: this.$props.max,
+          cellUID: n,
+          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 i("div", {
+      style: this.$attrs.style,
+      class: t,
+      onFocusin: this.handleFocus,
+      onFocusout: this.handleBlur
+    }, [h.call(this)]);
+  }
+});
+export {
+  F as ViewList
+};

package/calendar/models/CalendarViewEnum.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"});var c=(t=>(t[t.month=0]="month",t[t.year=1]="year",t[t.decade=2]="decade",t[t.century=3]="century",t))(c||{});exports.CalendarViewEnum=c;

package/calendar/models/CalendarViewEnum.mjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+var c = /* @__PURE__ */ ((t) => (t[t.month = 0] = "month", t[t.year = 1] = "year", t[t.decade = 2] = "decade", t[t.century = 3] = "century", t))(c || {});
+export {
+  c as CalendarViewEnum
+};

package/calendar/models/NavigationAction.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"});var w=(e=>(e[e.Left=0]="Left",e[e.Right=1]="Right",e[e.Up=2]="Up",e[e.Down=3]="Down",e[e.PrevView=4]="PrevView",e[e.NextView=5]="NextView",e[e.FirstInView=6]="FirstInView",e[e.LastInView=7]="LastInView",e[e.LowerView=8]="LowerView",e[e.UpperView=9]="UpperView",e))(w||{});exports.Action=w;

package/calendar/models/NavigationAction.mjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+var w = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e[e.Up = 2] = "Up", e[e.Down = 3] = "Down", e[e.PrevView = 4] = "PrevView", e[e.NextView = 5] = "NextView", e[e.FirstInView = 6] = "FirstInView", e[e.LastInView = 7] = "LastInView", e[e.LowerView = 8] = "LowerView", e[e.UpperView = 9] = "UpperView", e))(w || {});
+export {
+  w as Action
+};

package/calendar/models/SelectionRange.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={start:null,end:null};exports.EMPTY_SELECTIONRANGE=t;

package/calendar/models/SelectionRange.mjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const l = { start: null, end: null };
+export {
+  l as EMPTY_SELECTIONRANGE
+};

package/calendar/services/BusViewService.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 a=require("./CenturyViewService.js"),c=require("./DecadeViewService.js"),s=require("./MonthViewService.js"),u=require("./YearViewService.js");require("@progress/kendo-vue-intl");const i=require("../models/CalendarViewEnum.js"),m={[i.CalendarViewEnum.month]:s.MonthViewService,[i.CalendarViewEnum.year]:u.YearViewService,[i.CalendarViewEnum.decade]:c.DecadeViewService,[i.CalendarViewEnum.century]:a.CenturyViewService},h=(r,e)=>{const t=i.CalendarViewEnum[i.CalendarViewEnum[r+e]];return t!==void 0?t:r};class w{constructor(e){this.bottom=i.CalendarViewEnum.month,this.top=i.CalendarViewEnum.century,this.onViewChanged=e}configure(e,t){this.bottom=e,this.top=t}service(e,t){return new m[`${e}`](t)}moveDown(e,t){this.move(e,-1,t)}moveUp(e,t){this.move(e,1,t)}moveToBottom(e){e!==this.bottom&&this.onViewChanged({view:this.bottom})}canMoveDown(e){return this.bottom<e}canMoveUp(e){return e<this.top}clamp(e){return e<this.bottom?this.bottom:e>this.top?this.top:e}move(e,t,o){const n=this.clamp(h(e,t));n!==e&&this.onViewChanged({view:n},o)}}exports.BusViewService=w;

package/calendar/services/BusViewService.mjs

@@ -0,0 +1,58 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CenturyViewService as m } from "./CenturyViewService.mjs";
+import { DecadeViewService as s } from "./DecadeViewService.mjs";
+import { MonthViewService as c } from "./MonthViewService.mjs";
+import { YearViewService as h } from "./YearViewService.mjs";
+import "@progress/kendo-vue-intl";
+import { CalendarViewEnum as o } from "../models/CalendarViewEnum.mjs";
+const a = {
+  [o.month]: c,
+  [o.year]: h,
+  [o.decade]: s,
+  [o.century]: m
+}, p = (i, t) => {
+  const e = o[o[i + t]];
+  return e !== void 0 ? e : i;
+};
+class b {
+  constructor(t) {
+    this.bottom = o.month, this.top = o.century, this.onViewChanged = t;
+  }
+  configure(t, e) {
+    this.bottom = t, this.top = e;
+  }
+  service(t, e) {
+    return new a[`${t}`](e);
+  }
+  moveDown(t, e) {
+    this.move(t, -1, e);
+  }
+  moveUp(t, e) {
+    this.move(t, 1, e);
+  }
+  moveToBottom(t) {
+    t !== this.bottom && this.onViewChanged({ view: this.bottom });
+  }
+  canMoveDown(t) {
+    return this.bottom < t;
+  }
+  canMoveUp(t) {
+    return t < this.top;
+  }
+  clamp(t) {
+    return t < this.bottom ? this.bottom : t > this.top ? this.top : t;
+  }
+  move(t, e, n) {
+    const r = this.clamp(p(t, e));
+    r !== t && this.onViewChanged({ view: r }, n);
+  }
+}
+export {
+  b as BusViewService
+};

package/calendar/services/CenturyViewService.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 r=require("@progress/kendo-date-math"),l=require("../models/NavigationAction.js"),R=require("../models/SelectionRange.js"),o=require("../../utils.js"),T=[[]],h=4,q=3,V={[l.Action.Left]:i=>r.addDecades(i,-1),[l.Action.Up]:i=>r.addDecades(i,-4),[l.Action.Right]:i=>r.addDecades(i,1),[l.Action.Down]:i=>r.addDecades(i,4),[l.Action.PrevView]:i=>r.addCenturies(i,-1),[l.Action.NextView]:i=>r.addCenturies(i,1),[l.Action.FirstInView]:i=>r.firstDecadeOfCentury(i),[l.Action.LastInView]:i=>r.lastDecadeOfCentury(i)};class m{addToDate(e,t){return r.addCenturies(e,t)}datesList(e,t){return o.range(0,t).map(n=>r.addCenturies(e,n))}data(e){const{cellUID:t,focusedDate:n,isActiveView:c,max:s,min:u,selectedDate:d,selectionRange:g=R.EMPTY_SELECTIONRANGE,viewDate:f}=e;if(!f)return T;const C=o.range(0,h),S=r.firstDecadeOfCentury(f),Y=r.lastDecadeOfCentury(f),I=o.getToday();return o.range(0,q).map(A=>{const w=r.addDecades(S,A*h);return C.map(F=>{const a=this.normalize(r.addDecades(w,F),u,s);if(!this.isInSameView(a,Y))return null;const E=this.isEqual(a,g.start),y=this.isEqual(a,g.end),D=!E&&!y&&o.isInSelectionRange(a,g),O=c&&(Array.isArray(d)?this.isSelectedFromArray(a,d,u,s):o.isInRange(d,u,s)&&this.isEqual(a,d));return{formattedValue:this.value(a),id:`${t}${a.getTime()}`,isFocused:this.isEqual(a,n),isSelected:O,isWeekend:!1,isInRange:o.isInRange(a,u,s),isRangeStart:E,isRangeMid:D,isRangeEnd:y,isRangeSplitEnd:D&&this.isEqual(a,Y),isRangeSplitStart:D&&this.isEqual(a,S),isToday:this.isEqual(a,I),title:this.cellTitle(a),value:a}})})}isSelectedFromArray(e,t,n,c){let s=!1;return t.forEach(u=>{o.isInRange(e,n,c)&&this.isEqual(e,u)&&(s=!0)}),s}isEqual(e,t){return!e||!t?!1:r.firstYearOfDecade(e).getFullYear()===r.firstYearOfDecade(t).getFullYear()}isInArray(e,t){if(!t.length)return!1;const n=e.getFullYear();return t[0].getFullYear()<=n&&n<=t[t.length-1].getFullYear()+99}isInRange(e,t,n){const c=r.firstYearOfDecade(e).getFullYear(),s=!t||r.firstYearOfDecade(t).getFullYear()<=c,u=!n||c<=r.firstYearOfDecade(n).getFullYear();return s&&u}isInSameView(e,t){return r.durationInCenturies(e,t)===0}isRangeStart(e){return e.getFullYear()%1e3===0}move(e,t){const n=V[t];return n?n(e):e}cellTitle(e){return r.firstYearOfDecade(e).getFullYear().toString()}navigationTitle(e){return e?r.firstDecadeOfCentury(e).getFullYear().toString():""}title(e){return e?`${r.firstDecadeOfCentury(e).getFullYear()} - ${r.lastDecadeOfCentury(e).getFullYear()}`:""}rowLength(e){return h}skip(e,t){return r.durationInCenturies(t,e)}total(e,t){return r.durationInCenturies(e,t)+1}value(e){return e?r.firstYearOfDecade(e).getFullYear().toString():""}viewDate(e,t,n=1){return r.durationInCenturies(e,t)<n?r.addCenturies(e,-1):e}normalize(e,t,n){return e<t&&this.isEqual(e,t)?r.cloneDate(t):e>n&&this.isEqual(e,n)?r.cloneDate(n):e}}exports.CenturyViewService=m;

package/calendar/services/CenturyViewService.mjs

@@ -0,0 +1,128 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { addDecades as c, addCenturies as g, firstDecadeOfCentury as h, lastDecadeOfCentury as T, firstYearOfDecade as o, durationInCenturies as f, cloneDate as p } from "@progress/kendo-date-math";
+import { Action as l } from "../models/NavigationAction.mjs";
+import { EMPTY_SELECTIONRANGE as M } from "../models/SelectionRange.mjs";
+import { range as m, getToday as N, isInRange as w, isInSelectionRange as O } from "../../utils.mjs";
+const _ = [[]], Y = 4, $ = 3, b = {
+  [l.Left]: (i) => c(i, -1),
+  [l.Up]: (i) => c(i, -4),
+  [l.Right]: (i) => c(i, 1),
+  [l.Down]: (i) => c(i, 4),
+  [l.PrevView]: (i) => g(i, -1),
+  [l.NextView]: (i) => g(i, 1),
+  [l.FirstInView]: (i) => h(i),
+  [l.LastInView]: (i) => T(i)
+};
+class W {
+  addToDate(e, t) {
+    return g(e, t);
+  }
+  datesList(e, t) {
+    return m(0, t).map((r) => g(e, r));
+  }
+  data(e) {
+    const {
+      cellUID: t,
+      focusedDate: r,
+      isActiveView: u,
+      max: s,
+      min: a,
+      selectedDate: d,
+      selectionRange: E = M,
+      viewDate: S
+    } = e;
+    if (!S)
+      return _;
+    const q = m(0, Y), D = h(S), I = T(S), A = N();
+    return m(0, $).map((V) => {
+      const L = c(D, V * Y);
+      return q.map((C) => {
+        const n = this.normalize(c(L, C), a, s);
+        if (!this.isInSameView(n, I))
+          return null;
+        const R = this.isEqual(n, E.start), y = this.isEqual(n, E.end), F = !R && !y && O(n, E), v = u && (Array.isArray(d) ? this.isSelectedFromArray(n, d, a, s) : w(d, a, s) && this.isEqual(n, d));
+        return {
+          formattedValue: this.value(n),
+          id: `${t}${n.getTime()}`,
+          isFocused: this.isEqual(n, r),
+          isSelected: v,
+          isWeekend: !1,
+          isInRange: w(n, a, s),
+          isRangeStart: R,
+          isRangeMid: F,
+          isRangeEnd: y,
+          isRangeSplitEnd: F && this.isEqual(n, I),
+          isRangeSplitStart: F && this.isEqual(n, D),
+          isToday: this.isEqual(n, A),
+          title: this.cellTitle(n),
+          value: n
+        };
+      });
+    });
+  }
+  isSelectedFromArray(e, t, r, u) {
+    let s = !1;
+    return t.forEach((a) => {
+      w(e, r, u) && this.isEqual(e, a) && (s = !0);
+    }), s;
+  }
+  isEqual(e, t) {
+    return !e || !t ? !1 : o(e).getFullYear() === o(t).getFullYear();
+  }
+  isInArray(e, t) {
+    if (!t.length)
+      return !1;
+    const r = e.getFullYear();
+    return t[0].getFullYear() <= r && r <= t[t.length - 1].getFullYear() + 99;
+  }
+  isInRange(e, t, r) {
+    const u = o(e).getFullYear(), s = !t || o(t).getFullYear() <= u, a = !r || u <= o(r).getFullYear();
+    return s && a;
+  }
+  isInSameView(e, t) {
+    return f(e, t) === 0;
+  }
+  isRangeStart(e) {
+    return e.getFullYear() % 1e3 === 0;
+  }
+  move(e, t) {
+    const r = b[t];
+    return r ? r(e) : e;
+  }
+  cellTitle(e) {
+    return o(e).getFullYear().toString();
+  }
+  navigationTitle(e) {
+    return e ? h(e).getFullYear().toString() : "";
+  }
+  title(e) {
+    return e ? `${h(e).getFullYear()} - ${T(e).getFullYear()}` : "";
+  }
+  rowLength(e) {
+    return Y;
+  }
+  skip(e, t) {
+    return f(t, e);
+  }
+  total(e, t) {
+    return f(e, t) + 1;
+  }
+  value(e) {
+    return e ? o(e).getFullYear().toString() : "";
+  }
+  viewDate(e, t, r = 1) {
+    return f(e, t) < r ? g(e, -1) : e;
+  }
+  normalize(e, t, r) {
+    return e < t && this.isEqual(e, t) ? p(t) : e > r && this.isEqual(e, r) ? p(r) : e;
+  }
+}
+export {
+  W as CenturyViewService
+};

package/calendar/services/DOMService.js

@@ -0,0 +1,11 @@
+/**
+ * @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 u=require("../models/CalendarViewEnum.js"),n=require("../../utils.js"),v=require("@progress/kendo-vue-common");class x{constructor(){this.didCalculate=!1}ensureHeights(){this.calendarHeight===void 0&&this.calculateHeights()}calculateHeights(i){if(!v.canUseDOM)return;const s=n.domContainerFactory("div"),a=n.domContainerFactory("ul"),l=n.domContainerFactory("li"),W=n.domContainerFactory("td"),C=n.domContainerFactory("th"),w=n.domContainerFactory("tr"),D=n.domContainerFactory("tbody"),S=n.domContainerFactory("thead"),b=n.domContainerFactory("table"),V=()=>s(`
+            <span class="k-calendar-title">March 2017</span>
+            <span class="k-calendar-today">TODAY</span>
+        `,"k-calendar-header"),M=()=>b([S([w([C("MO")])])]),f=(e,t)=>new Array(e).fill("1").map(t),O=(e,t=1)=>b([D([w([C("1")])].concat(f(e,()=>w(f(t,c=>W(`<span class="k-link">${c}</span>`))))))]),y=e=>s(e,"k-content k-scrollable"),q=(e,t,c)=>s(c?[V(),M(),y([e,e])]:[V(),y([e,e])],t,{left:"-10000px",position:"absolute"}),$=(()=>{let e;return()=>v.canUseDOM?(e||(e=s([y([a([l("<span>FEB</span>")])])],"k-calendar-navigation",{left:"0px",position:"absolute"})),e):null})(),g=({cells:e,rows:t},c,Y)=>{let p;return()=>v.canUseDOM?(p||(p=q(O(t,e),c,Y)),p):null},d=e=>e.querySelector(".k-scrollable"),m=e=>{const t=d(e);return t.className=`${t.className} k-scrollable-horizontal`,e},H=g({cells:7,rows:6},"k-calendar-view k-calendar-monthview",!0),k=g({cells:5,rows:3},"k-calendar-view k-calendar-yearview",!1),F=g({cells:5,rows:2},"k-calendar-view k-calendar-decadeview",!1),z=()=>m(H()),E=()=>m(k()),U=()=>m(F()),o=e=>parseFloat(window.getComputedStyle(e).height)||e.offsetHeight,h=e=>{const t=window.getComputedStyle(e);return parseFloat(t.width)+parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)||e.offsetWidth},r=e=>e.querySelector("tbody");this.didCalculate=!0,i&&(this.hostContainer=i),this.batch(H(),e=>{const t=r(e);this.calendarHeight=o(e),this.monthViewHeight=o(t),this.headerHeight=o(t.children[0]),this.scrollableContentHeight=o(d(e))}),this.batch(z(),e=>{const t=r(e);this.calendarWidth=h(e),this.monthViewWidth=h(t),this.scrollableContentWidth=h(d(e))}),this.batch(k(),e=>{this.yearViewHeight=o(r(e)),this.scrollableYearContentHeight=o(d(e))}),this.batch(E(),e=>{this.yearViewWidth=h(r(e))}),this.batch(F(),e=>{this.decadeViewHeight=o(r(e)),this.centuryViewHeight=this.decadeViewHeight}),this.batch(U(),e=>{this.decadeViewWidth=h(r(e)),this.centuryViewWidth=this.decadeViewWidth}),this.batch($(),e=>{this.navigationItemHeight=o(e.querySelector("li"))})}viewHeight(i){return this.viewDimension(i,"height")}viewWidth(i){return this.viewDimension(i,"width")}viewDimension(i,s){const a=s==="height"?"ViewHeight":"ViewWidth";switch(i){case u.CalendarViewEnum.month:return this[`month${a}`];case u.CalendarViewEnum.year:return this[`year${a}`];case u.CalendarViewEnum.decade:return this[`decade${a}`];case u.CalendarViewEnum.century:return this[`century${a}`];default:return 1}}batch(i,s){const a=this.hostContainer||document.body,l=a.appendChild(i);s(l),a.removeChild(l)}}exports.DOMService=x;

package/calendar/services/DOMService.mjs

@@ -0,0 +1,113 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CalendarViewEnum as w } from "../models/CalendarViewEnum.mjs";
+import { domContainerFactory as a } from "../../utils.mjs";
+import { canUseDOM as y } from "@progress/kendo-vue-common";
+class P {
+  constructor() {
+    this.didCalculate = !1;
+  }
+  ensureHeights() {
+    this.calendarHeight === void 0 && this.calculateHeights();
+  }
+  calculateHeights(i) {
+    if (!y)
+      return;
+    const n = a("div"), s = a("ul"), l = a("li"), D = a("td"), m = a("th"), u = a("tr"), F = a("tbody"), S = a("thead"), f = a("table"), H = () => n(
+      `
+            <span class="k-calendar-title">March 2017</span>
+            <span class="k-calendar-today">TODAY</span>
+        `,
+      "k-calendar-header"
+    ), $ = () => f(
+      [
+        S([
+          u([m("MO")])
+        ])
+      ]
+    ), V = (t, e) => new Array(t).fill("1").map(e), z = (t, e = 1) => f([
+      F(
+        [u([m("1")])].concat(
+          V(t, () => u(V(e, (h) => D(`<span class="k-link">${h}</span>`))))
+        )
+      )
+    ]), p = (t) => n(t, "k-content k-scrollable"), M = (t, e, h) => n(
+      h ? [
+        H(),
+        $(),
+        p([t, t])
+      ] : [
+        H(),
+        p([t, t])
+      ],
+      e,
+      { left: "-10000px", position: "absolute" }
+    ), O = /* @__PURE__ */ (() => {
+      let t;
+      return () => y ? (t || (t = n(
+        [p([s([l("<span>FEB</span>")])])],
+        "k-calendar-navigation",
+        { left: "0px", position: "absolute" }
+      )), t) : null;
+    })(), g = ({ cells: t, rows: e }, h, A) => {
+      let b;
+      return () => y ? (b || (b = M(z(e, t), h, A)), b) : null;
+    }, d = (t) => t.querySelector(".k-scrollable"), v = (t) => {
+      const e = d(t);
+      return e.className = `${e.className} k-scrollable-horizontal`, t;
+    }, k = g({ cells: 7, rows: 6 }, "k-calendar-view k-calendar-monthview", !0), C = g({ cells: 5, rows: 3 }, "k-calendar-view k-calendar-yearview", !1), W = g({ cells: 5, rows: 2 }, "k-calendar-view k-calendar-decadeview", !1), q = () => v(k()), x = () => v(C()), Y = () => v(W()), o = (t) => parseFloat(window.getComputedStyle(t).height) || t.offsetHeight, c = (t) => {
+      const e = window.getComputedStyle(t);
+      return parseFloat(e.width) + parseFloat(e.paddingLeft) + parseFloat(e.paddingRight) || t.offsetWidth;
+    }, r = (t) => t.querySelector("tbody");
+    this.didCalculate = !0, i && (this.hostContainer = i), this.batch(k(), (t) => {
+      const e = r(t);
+      this.calendarHeight = o(t), this.monthViewHeight = o(e), this.headerHeight = o(e.children[0]), this.scrollableContentHeight = o(d(t));
+    }), this.batch(q(), (t) => {
+      const e = r(t);
+      this.calendarWidth = c(t), this.monthViewWidth = c(e), this.scrollableContentWidth = c(d(t));
+    }), this.batch(C(), (t) => {
+      this.yearViewHeight = o(r(t)), this.scrollableYearContentHeight = o(d(t));
+    }), this.batch(x(), (t) => {
+      this.yearViewWidth = c(r(t));
+    }), this.batch(W(), (t) => {
+      this.decadeViewHeight = o(r(t)), this.centuryViewHeight = this.decadeViewHeight;
+    }), this.batch(Y(), (t) => {
+      this.decadeViewWidth = c(r(t)), this.centuryViewWidth = this.decadeViewWidth;
+    }), this.batch(O(), (t) => {
+      this.navigationItemHeight = o(t.querySelector("li"));
+    });
+  }
+  viewHeight(i) {
+    return this.viewDimension(i, "height");
+  }
+  viewWidth(i) {
+    return this.viewDimension(i, "width");
+  }
+  viewDimension(i, n) {
+    const s = n === "height" ? "ViewHeight" : "ViewWidth";
+    switch (i) {
+      case w.month:
+        return this[`month${s}`];
+      case w.year:
+        return this[`year${s}`];
+      case w.decade:
+        return this[`decade${s}`];
+      case w.century:
+        return this[`century${s}`];
+      default:
+        return 1;
+    }
+  }
+  batch(i, n) {
+    const s = this.hostContainer || document.body, l = s.appendChild(i);
+    n(l), s.removeChild(l);
+  }
+}
+export {
+  P as DOMService
+};

package/calendar/services/DecadeViewService.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 r=require("@progress/kendo-date-math"),o=require("../models/NavigationAction.js"),y=require("../models/SelectionRange.js"),c=require("../../utils.js"),O=[[]],Y=4,V=3,m={[o.Action.Left]:i=>r.addYears(i,-1),[o.Action.Up]:i=>r.addYears(i,-4),[o.Action.Right]:i=>r.addYears(i,1),[o.Action.Down]:i=>r.addYears(i,4),[o.Action.PrevView]:i=>r.addDecades(i,-1),[o.Action.NextView]:i=>r.addDecades(i,1),[o.Action.FirstInView]:i=>r.firstYearOfDecade(i),[o.Action.LastInView]:i=>r.lastYearOfDecade(i)};class v{addToDate(e,t){return r.addDecades(e,t)}datesList(e,t){return c.range(0,t).map(a=>r.addDecades(r.firstYearOfDecade(e),a))}data(e){const{cellUID:t,focusedDate:a,isActiveView:u,max:s,min:l,selectedDate:d,selectionRange:g=y.EMPTY_SELECTIONRANGE,viewDate:f}=e;if(!f)return O;const A=c.range(0,Y),h=r.firstYearOfDecade(f),S=r.lastYearOfDecade(f),w=c.getToday();return c.range(0,V).map(F=>{const R=r.addYears(h,F*Y);return A.map(T=>{const n=this.normalize(r.addYears(R,T),l,s);if(!this.isInSameView(n,S))return null;const E=this.isEqual(n,g.start),I=this.isEqual(n,g.end),D=!E&&!I&&c.isInSelectionRange(n,g),q=u&&(Array.isArray(d)?this.isSelectedFromArray(n,d,l,s):c.isInRange(d,l,s)&&this.isEqual(n,d));return{formattedValue:this.value(n),id:`${t}${n.getTime()}`,isFocused:this.isEqual(n,a),isSelected:q,isWeekend:!1,isInRange:c.isInRange(n,l,s),isRangeStart:E,isRangeMid:D,isRangeEnd:I,isRangeSplitEnd:D&&this.isEqual(n,S),isRangeSplitStart:D&&this.isEqual(n,h),isToday:this.isEqual(n,w),title:this.cellTitle(n),value:n}})})}isSelectedFromArray(e,t,a,u){let s=!1;return t.forEach(l=>{c.isInRange(e,a,u)&&this.isEqual(e,l)&&(s=!0)}),s}isEqual(e,t){return!e||!t?!1:e.getFullYear()===t.getFullYear()}isInArray(e,t){if(!t.length)return!1;const a=e.getFullYear();return t[0].getFullYear()<=a&&a<=t[t.length-1].getFullYear()+9}isInRange(e,t,a){const u=e.getFullYear(),s=!t||t.getFullYear()<=u,l=!a||u<=a.getFullYear();return s&&l}isRangeStart(e){return e.getFullYear()%100===0}isInSameView(e,t){return r.durationInDecades(e,t)===0}move(e,t){const a=m[t];return a?a(e):e}cellTitle(e){return e.getFullYear().toString()}navigationTitle(e){return e?r.firstYearOfDecade(e).getFullYear().toString():""}title(e){return e?`${r.firstYearOfDecade(e).getFullYear()} - ${r.lastYearOfDecade(e).getFullYear()}`:""}rowLength(e){return Y}skip(e,t){return r.durationInDecades(t,e)}total(e,t){return r.durationInDecades(e,t)+1}value(e){return e?e.getFullYear().toString():""}viewDate(e,t,a=1){return r.durationInDecades(e,t)<a?r.addDecades(e,-1):e}normalize(e,t,a){return e<t&&this.isEqual(e,t)?r.cloneDate(t):e>a&&this.isEqual(e,a)?r.cloneDate(a):e}}exports.DecadeViewService=v;