@progress/kendo-react-dateinputs 7.2.4-develop.3 → 7.3.0-develop.1

package/calendar/models/CalendarViewEnum.mjs

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+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 client";"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,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={start:null,end:null};exports.EMPTY_SELECTIONRANGE=e;

package/calendar/models/SelectionRange.mjs

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

package/calendar/services/CenturyViewService.mjs

@@ -0,0 +1,126 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { addDecades as c, addCenturies as g, firstDecadeOfCentury as E, lastDecadeOfCentury as I, firstYearOfDecade as o, durationInCenturies as d, 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, intersects as O, isInSelectionRange as _ } from "../../utils.mjs";
+const $ = [[]], T = 4, b = 3, G = {
+  [l.Left]: (i) => c(i, -1),
+  [l.Up]: (i) => c(i, -5),
+  [l.Right]: (i) => c(i, 1),
+  [l.Down]: (i) => c(i, 5),
+  [l.PrevView]: (i) => g(i, -1),
+  [l.NextView]: (i) => g(i, 1),
+  [l.FirstInView]: (i) => E(i),
+  [l.LastInView]: (i) => I(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: f,
+      selectionRange: h = M,
+      viewDate: F
+    } = e;
+    if (!F)
+      return $;
+    const q = m(0, T), S = E(F), R = I(F), A = N();
+    return m(0, b).map((V) => {
+      const L = c(S, V * T);
+      return q.map((C) => {
+        const n = this.normalize(c(L, C), a, s), y = this.isEqual(n, h.start), D = this.isEqual(n, h.end), Y = !y && !D && _(n, h), v = u && (Array.isArray(f) ? this.isSelectedFromArray(n, f, a, s) : w(f, a, s) && this.isEqual(n, f));
+        return O(n, S, R) ? {
+          formattedValue: this.value(n),
+          id: `${t}${n.getTime()}`,
+          isFocused: this.isEqual(n, r),
+          isSelected: v,
+          isWeekend: !1,
+          isInRange: w(n, a, s),
+          isRangeStart: y,
+          isRangeMid: Y,
+          isRangeEnd: D,
+          isRangeSplitEnd: Y && this.isEqual(n, R),
+          isRangeSplitStart: Y && this.isEqual(n, S),
+          isToday: this.isEqual(n, A),
+          title: this.cellTitle(n),
+          value: n
+        } : null;
+      });
+    });
+  }
+  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 d(e, t) === 0;
+  }
+  isRangeStart(e) {
+    return e.getFullYear() % 1e3 === 0;
+  }
+  move(e, t) {
+    const r = G[t];
+    return r ? r(e) : e;
+  }
+  cellTitle(e) {
+    return o(e).getFullYear().toString();
+  }
+  navigationTitle(e) {
+    return e ? E(e).getFullYear().toString() : "";
+  }
+  title(e) {
+    return e ? `${E(e).getFullYear()} - ${I(e).getFullYear()}` : "";
+  }
+  rowLength(e) {
+    return T;
+  }
+  skip(e, t) {
+    return d(t, e);
+  }
+  total(e, t) {
+    return d(e, t) + 1;
+  }
+  value(e) {
+    return e ? o(e).getFullYear().toString() : "";
+  }
+  viewDate(e, t, r = 1) {
+    return d(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,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../models/CalendarViewEnum.js"),n=require("../../utils.js"),m=require("@progress/kendo-react-common");class N{constructor(){this.calendarHeight=0,this.headerHeight=0,this.monthViewHeight=0,this.yearViewHeight=0,this.decadeViewHeight=0,this.centuryViewHeight=0,this.navigationItemHeight=0,this.scrollableContentHeight=0,this.scrollableYearContentHeight=0,this.calendarWidth=0,this.monthViewWidth=0,this.yearViewWidth=0,this.decadeViewWidth=0,this.centuryViewWidth=0,this.scrollableContentWidth=0,this.didCalculate=!1,this.hostContainer=null}ensureHeights(){this.calendarHeight===void 0&&this.calculateHeights()}calculateHeights(a){if(!m.canUseDOM)return;const s=n.domContainerFactory("div"),i=n.domContainerFactory("ul"),l=n.domContainerFactory("li"),p=n.domContainerFactory("td"),F=n.domContainerFactory("th"),w=n.domContainerFactory("tr"),D=n.domContainerFactory("tbody"),S=n.domContainerFactory("thead"),v=n.domContainerFactory("table"),C=()=>s(`
+            <span class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title">
+                <span className="k-button-text">March 2017</span>
+            </span>
+            <span class="k-spacer"></span>
+            <span class="k-calendar-nav k-hstack"><button class="k-calendar-nav-today">TODAY</button></span>
+        `,"k-calendar-header k-hstack"),M=()=>v([S([w([F("MO","k-calendar-th")],"k-calendar-tr")],"k-calendar-thead")],"k-calendar-table k-calendar-weekdays"),V=(t,e)=>new Array(t).fill("1").map(e),O=(t,e=1)=>v([D([w([p("1","k-calendar-td k-alt")])].concat(V(t,()=>w(V(e,c=>p(`<span class="k-link">${c}</span>`,"k-calendar-td")),"k-calendar-tr"))),"k-calendar-tbody")],"k-calendar-table"),k=t=>s(t,"k-content k-scrollable"),q=(t,e,c)=>s(c?[C(),M(),k([t,t])]:[C(),k([t,t])],e,{left:"-10000px",position:"absolute"}),$=(()=>{let t;return()=>m.canUseDOM?(t||(t=s([k([i([l("<span>FEB</span>")])])],"k-calendar-navigation",{left:"0px",position:"absolute"})),t):null})(),g=({cells:t,rows:e},c,E)=>{let y;return()=>m.canUseDOM?(y||(y=q(O(e,t),c,E)),y):null},d=t=>t.querySelector(".k-scrollable"),b=t=>{const e=d(t);return e.className=`${e.className} k-scrollable-horizontal`,t},H=g({cells:7,rows:6},"k-calendar-view k-calendar-monthview k-vstack",!0),f=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),z=()=>b(H()),Y=()=>b(f()),x=()=>b(W()),r=t=>parseFloat(window.getComputedStyle(t).height)||t.offsetHeight,h=t=>{const e=window.getComputedStyle(t);return parseFloat(e.width)+parseFloat(e.paddingLeft)+parseFloat(e.paddingRight)||t.offsetWidth},o=t=>t.querySelector("tbody");this.didCalculate=!0,a&&(this.hostContainer=a),this.batch(H(),t=>{const e=o(t);this.calendarHeight=r(t),this.monthViewHeight=r(e),this.headerHeight=r(e.children[0]),this.scrollableContentHeight=r(d(t))}),this.batch(z(),t=>{const e=o(t);this.calendarWidth=h(t),this.monthViewWidth=h(e),this.scrollableContentWidth=h(d(t))}),this.batch(f(),t=>{this.yearViewHeight=r(o(t)),this.scrollableYearContentHeight=r(d(t))}),this.batch(Y(),t=>{this.yearViewWidth=h(o(t))}),this.batch(W(),t=>{this.decadeViewHeight=r(o(t)),this.centuryViewHeight=this.decadeViewHeight}),this.batch(x(),t=>{this.decadeViewWidth=h(o(t)),this.centuryViewWidth=this.decadeViewWidth}),this.batch($(),t=>{this.navigationItemHeight=r(t.querySelector("li"))})}viewHeight(a){return this.viewDimension(a,"height")}viewWidth(a){return this.viewDimension(a,"width")}viewDimension(a,s){const i=s==="height"?"ViewHeight":"ViewWidth";switch(a){case u.CalendarViewEnum.month:return this[`month${i}`];case u.CalendarViewEnum.year:return this[`year${i}`];case u.CalendarViewEnum.decade:return this[`decade${i}`];case u.CalendarViewEnum.century:return this[`century${i}`];default:return 1}}batch(a,s){const i=this.hostContainer||document.body,l=i.appendChild(a);s(l),i.removeChild(l)}}exports.DOMService=N;

package/calendar/services/DOMService.mjs

@@ -0,0 +1,124 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { CalendarViewEnum as u } from "../models/CalendarViewEnum.mjs";
+import { domContainerFactory as s } from "../../utils.mjs";
+import { canUseDOM as y } from "@progress/kendo-react-common";
+class P {
+  constructor() {
+    this.calendarHeight = 0, this.headerHeight = 0, this.monthViewHeight = 0, this.yearViewHeight = 0, this.decadeViewHeight = 0, this.centuryViewHeight = 0, this.navigationItemHeight = 0, this.scrollableContentHeight = 0, this.scrollableYearContentHeight = 0, this.calendarWidth = 0, this.monthViewWidth = 0, this.yearViewWidth = 0, this.decadeViewWidth = 0, this.centuryViewWidth = 0, this.scrollableContentWidth = 0, this.didCalculate = !1, this.hostContainer = null;
+  }
+  ensureHeights() {
+    this.calendarHeight === void 0 && this.calculateHeights();
+  }
+  calculateHeights(i) {
+    if (!y)
+      return;
+    const n = s("div"), a = s("ul"), l = s("li"), v = s("td"), D = s("th"), w = s("tr"), F = s("tbody"), S = s("thead"), m = s("table"), H = () => n(
+      `
+            <span class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title">
+                <span className="k-button-text">March 2017</span>
+            </span>
+            <span class="k-spacer"></span>
+            <span class="k-calendar-nav k-hstack"><button class="k-calendar-nav-today">TODAY</button></span>
+        `,
+      "k-calendar-header k-hstack"
+    ), $ = () => m(
+      [
+        S([
+          w([D("MO", "k-calendar-th")], "k-calendar-tr")
+        ], "k-calendar-thead")
+      ],
+      "k-calendar-table k-calendar-weekdays"
+    ), V = (t, e) => new Array(t).fill("1").map(e), z = (t, e = 1) => m([
+      F(
+        [w(
+          [v("1", "k-calendar-td k-alt")]
+        )].concat(
+          V(
+            t,
+            () => w(V(e, (o) => v(`<span class="k-link">${o}</span>`, "k-calendar-td")), "k-calendar-tr")
+          )
+        ),
+        "k-calendar-tbody"
+      )
+    ], "k-calendar-table"), k = (t) => n(t, "k-content k-scrollable"), M = (t, e, o) => n(
+      o ? [
+        H(),
+        $(),
+        k([t, t])
+      ] : [
+        H(),
+        k([t, t])
+      ],
+      e,
+      { left: "-10000px", position: "absolute" }
+    ), x = /* @__PURE__ */ (() => {
+      let t;
+      return () => y ? (t || (t = n(
+        [k([a([l("<span>FEB</span>")])])],
+        "k-calendar-navigation",
+        { left: "0px", position: "absolute" }
+      )), t) : null;
+    })(), g = ({ cells: t, rows: e }, o, N) => {
+      let p;
+      return () => y ? (p || (p = M(z(e, t), o, N)), p) : null;
+    }, d = (t) => t.querySelector(".k-scrollable"), b = (t) => {
+      const e = d(t);
+      return e.className = `${e.className} k-scrollable-horizontal`, t;
+    }, f = g({ cells: 7, rows: 6 }, "k-calendar-view k-calendar-monthview k-vstack", !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), O = () => b(f()), Y = () => b(C()), q = () => b(W()), h = (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(f(), (t) => {
+      const e = r(t);
+      this.calendarHeight = h(t), this.monthViewHeight = h(e), this.headerHeight = h(e.children[0]), this.scrollableContentHeight = h(d(t));
+    }), this.batch(O(), (t) => {
+      const e = r(t);
+      this.calendarWidth = c(t), this.monthViewWidth = c(e), this.scrollableContentWidth = c(d(t));
+    }), this.batch(C(), (t) => {
+      this.yearViewHeight = h(r(t)), this.scrollableYearContentHeight = h(d(t));
+    }), this.batch(Y(), (t) => {
+      this.yearViewWidth = c(r(t));
+    }), this.batch(W(), (t) => {
+      this.decadeViewHeight = h(r(t)), this.centuryViewHeight = this.decadeViewHeight;
+    }), this.batch(q(), (t) => {
+      this.decadeViewWidth = c(r(t)), this.centuryViewWidth = this.decadeViewWidth;
+    }), this.batch(x(), (t) => {
+      this.navigationItemHeight = h(t.querySelector("li"));
+    });
+  }
+  viewHeight(i) {
+    return this.viewDimension(i, "height");
+  }
+  viewWidth(i) {
+    return this.viewDimension(i, "width");
+  }
+  viewDimension(i, n) {
+    const a = n === "height" ? "ViewHeight" : "ViewWidth";
+    switch (i) {
+      case u.month:
+        return this[`month${a}`];
+      case u.year:
+        return this[`year${a}`];
+      case u.decade:
+        return this[`decade${a}`];
+      case u.century:
+        return this[`century${a}`];
+      default:
+        return 1;
+    }
+  }
+  batch(i, n) {
+    const a = this.hostContainer || document.body, l = a.appendChild(i);
+    n(l), a.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@progress/kendo-date-math"),c=require("../models/NavigationAction.js"),y=require("../models/SelectionRange.js"),l=require("../../utils.js"),O=[[]],E=4,V=3,v={[c.Action.Left]:i=>r.addYears(i,-1),[c.Action.Up]:i=>r.addYears(i,-5),[c.Action.Right]:i=>r.addYears(i,1),[c.Action.Down]:i=>r.addYears(i,5),[c.Action.PrevView]:i=>r.addDecades(i,-1),[c.Action.NextView]:i=>r.addDecades(i,1),[c.Action.FirstInView]:i=>r.firstYearOfDecade(i),[c.Action.LastInView]:i=>r.lastYearOfDecade(i)};class m{addToDate(e,t){return r.addDecades(e,t)}datesList(e,t){return l.range(0,t).map(a=>r.addDecades(e,a))}data(e){const{cellUID:t,focusedDate:a,isActiveView:u,max:s,min:o,selectedDate:d,selectionRange:g=y.EMPTY_SELECTIONRANGE,viewDate:f}=e;if(!f)return O;const I=l.range(0,E),D=r.firstYearOfDecade(f),S=r.lastYearOfDecade(f),F=l.getToday();return l.range(0,V).map(w=>{const R=r.addYears(D,w*E);return I.map(T=>{const n=this.normalize(r.addYears(R,T),o,s),h=this.isEqual(n,g.start),A=this.isEqual(n,g.end),Y=!h&&!A&&l.isInSelectionRange(n,g),q=u&&(Array.isArray(d)?this.isSelectedFromArray(n,d,o,s):l.isInRange(d,o,s)&&this.isEqual(n,d));return l.intersects(n,D,S)?{formattedValue:this.value(n),id:`${t}${n.getTime()}`,isFocused:this.isEqual(n,a),isSelected:q,isWeekend:!1,isInRange:l.isInRange(n,o,s),isRangeStart:h,isRangeMid:Y,isRangeEnd:A,isRangeSplitEnd:Y&&this.isEqual(n,S),isRangeSplitStart:Y&&this.isEqual(n,D),isToday:this.isEqual(n,F),title:this.cellTitle(n),value:n}:null})})}isSelectedFromArray(e,t,a,u){let s=!1;return t.forEach(o=>{l.isInRange(e,a,u)&&this.isEqual(e,o)&&(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,o=!a||u<=a.getFullYear();return s&&o}isRangeStart(e){return e.getFullYear()%100===0}isInSameView(e,t){return r.durationInDecades(e,t)===0}move(e,t){const a=v[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 E}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=m;

package/calendar/services/DecadeViewService.mjs

@@ -0,0 +1,126 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { addYears as u, addDecades as c, firstYearOfDecade as f, lastYearOfDecade as T, durationInDecades as d, 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 S, getToday as N, isInRange as m, intersects as O, isInSelectionRange as _ } from "../../utils.mjs";
+const $ = [[]], w = 4, b = 3, C = {
+  [l.Left]: (i) => u(i, -1),
+  [l.Up]: (i) => u(i, -5),
+  [l.Right]: (i) => u(i, 1),
+  [l.Down]: (i) => u(i, 5),
+  [l.PrevView]: (i) => c(i, -1),
+  [l.NextView]: (i) => c(i, 1),
+  [l.FirstInView]: (i) => f(i),
+  [l.LastInView]: (i) => T(i)
+};
+class U {
+  addToDate(e, t) {
+    return c(e, t);
+  }
+  datesList(e, t) {
+    return S(0, t).map((r) => c(e, r));
+  }
+  data(e) {
+    const {
+      cellUID: t,
+      focusedDate: r,
+      isActiveView: o,
+      max: n,
+      min: a,
+      selectedDate: g,
+      selectionRange: E = M,
+      viewDate: h
+    } = e;
+    if (!h)
+      return $;
+    const q = S(0, w), Y = f(h), D = T(h), A = N();
+    return S(0, b).map((y) => {
+      const V = u(Y, y * w);
+      return q.map((L) => {
+        const s = this.normalize(u(V, L), a, n), I = this.isEqual(s, E.start), R = this.isEqual(s, E.end), F = !I && !R && _(s, E), v = o && (Array.isArray(g) ? this.isSelectedFromArray(s, g, a, n) : m(g, a, n) && this.isEqual(s, g));
+        return O(s, Y, D) ? {
+          formattedValue: this.value(s),
+          id: `${t}${s.getTime()}`,
+          isFocused: this.isEqual(s, r),
+          isSelected: v,
+          isWeekend: !1,
+          isInRange: m(s, a, n),
+          isRangeStart: I,
+          isRangeMid: F,
+          isRangeEnd: R,
+          isRangeSplitEnd: F && this.isEqual(s, D),
+          isRangeSplitStart: F && this.isEqual(s, Y),
+          isToday: this.isEqual(s, A),
+          title: this.cellTitle(s),
+          value: s
+        } : null;
+      });
+    });
+  }
+  isSelectedFromArray(e, t, r, o) {
+    let n = !1;
+    return t.forEach((a) => {
+      m(e, r, o) && this.isEqual(e, a) && (n = !0);
+    }), n;
+  }
+  isEqual(e, t) {
+    return !e || !t ? !1 : e.getFullYear() === 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() + 9;
+  }
+  isInRange(e, t, r) {
+    const o = e.getFullYear(), n = !t || t.getFullYear() <= o, a = !r || o <= r.getFullYear();
+    return n && a;
+  }
+  isRangeStart(e) {
+    return e.getFullYear() % 100 === 0;
+  }
+  isInSameView(e, t) {
+    return d(e, t) === 0;
+  }
+  move(e, t) {
+    const r = C[t];
+    return r ? r(e) : e;
+  }
+  cellTitle(e) {
+    return e.getFullYear().toString();
+  }
+  navigationTitle(e) {
+    return e ? f(e).getFullYear().toString() : "";
+  }
+  title(e) {
+    return e ? `${f(e).getFullYear()} - ${T(e).getFullYear()}` : "";
+  }
+  rowLength(e) {
+    return w;
+  }
+  skip(e, t) {
+    return d(t, e);
+  }
+  total(e, t) {
+    return d(e, t) + 1;
+  }
+  value(e) {
+    return e ? e.getFullYear().toString() : "";
+  }
+  viewDate(e, t, r = 1) {
+    return d(e, t) < r ? c(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 {
+  U as DecadeViewService
+};

package/calendar/services/MonthViewService.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-date-math"),l=require("../models/NavigationAction.js"),N=require("../models/SelectionRange.js"),u=require("../../utils.js"),b=[[]],f=7,v=6,p=6,O=0,V={[l.Action.Left]:r=>n.addDays(r,-1),[l.Action.Up]:r=>n.addWeeks(r,-1),[l.Action.Right]:r=>n.addDays(r,1),[l.Action.Down]:r=>n.addWeeks(r,1),[l.Action.PrevView]:r=>n.addMonths(r,-1),[l.Action.NextView]:r=>n.addMonths(r,1),[l.Action.FirstInView]:r=>n.firstDayOfMonth(r),[l.Action.LastInView]:r=>n.lastDayOfMonth(r)};class k{constructor(t){this.intl=t}addToDate(t,e){return n.addMonths(t,e)}datesList(t,e){return u.range(0,e).map(i=>n.addMonths(t,i))}data(t){const{cellUID:e,focusedDate:i,isActiveView:h,max:a,min:o,selectedDate:c,selectionRange:d=N.EMPTY_SELECTIONRANGE,viewDate:g}=t;if(!g)return b;const M=n.firstDayOfMonth(g),y=n.lastDayOfMonth(g),A=n.dayOfWeek(M,this.intl.firstDay(),-1),w=u.range(0,f),E=u.getToday();return u.range(0,v).map(T=>{const I=n.addDays(A,T*f);return w.map(R=>{const s=this.normalize(n.addDays(I,R),o,a);if(s<M||s>y)return null;const m=this.isEqual(s,d.start),S=this.isEqual(s,d.end),D=!m&&!S&&u.isInSelectionRange(s,d),q=h&&(Array.isArray(c)?this.isSelectedFromArray(s,c,o,a):u.isInRange(c,o,a)&&this.isEqual(s,c));return{formattedValue:this.value(s),id:`${e}${s.getTime()}`,isFocused:this.isEqual(s,i),isSelected:q,isInRange:u.isInRange(s,o,a),isWeekend:this.isWeekend(s),isRangeStart:m,isRangeMid:D,isRangeEnd:S,isRangeSplitStart:D&&this.isEqual(s,M),isRangeSplitEnd:D&&this.isEqual(s,y),isToday:this.isEqual(s,E),title:this.cellTitle(s),value:s}})})}isEqual(t,e){return!t||!e?!1:n.getDate(t).getTime()===n.getDate(e).getTime()}isSelectedFromArray(t,e,i,h){let a=!1;return e.forEach(o=>{u.isInRange(t,i,h)&&this.isEqual(t,o)&&(a=!0)}),a}isInArray(t,e){return!!e.length&&n.firstDayOfMonth(e[0])<=t&&t<=n.lastDayOfMonth(e[e.length-1])}isInRange(t,e,i){const h=n.getDate(t),a=!e||n.getDate(e)<=h,o=!i||h<=n.getDate(i);return a&&o}isInSameView(t,e){return n.durationInMonths(t,e)===0}isRangeStart(t){return!t.getMonth()}move(t,e){const i=V[e];return i?i(t):t}cellTitle(t){return this.intl.formatDate(t,"D")}navigationTitle(t){return t?this.isRangeStart(t)?t.getFullYear().toString():this.abbrMonthNames()[t.getMonth()]:""}title(t){return`${this.wideMonthNames()[t.getMonth()]} ${t.getFullYear()}`}rowLength(t){return f+(t?1:0)}skip(t,e){return n.durationInMonths(e,t)}total(t,e){return n.durationInMonths(t,e)+1}value(t){return t?t.getDate().toString():""}viewDate(t,e,i=1){return n.durationInMonths(t,e)<i?n.addMonths(t,-1):t}isWeekend(t){const e=t.getDay();return e===p||e===O}abbrMonthNames(){return this.intl.dateFormatNames({nameType:"abbreviated",type:"months"})}normalize(t,e,i){return t<e&&this.isEqual(t,e)?n.getDate(e):t>i&&this.isEqual(t,i)?n.getDate(i):t}wideMonthNames(){return this.intl.dateFormatNames({nameType:"wide",type:"months",standAlone:!0})}}exports.MonthViewService=k;