@progress/kendo-vue-scheduler 9.3.0-develop.5 → 9.3.0-develop.7

package/items/SchedulerProportionalViewItem.mjs

@@ -0,0 +1,378 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as _, createVNode as i, Fragment as H, h as B } from "vue";
+import { SchedulerItem as j } from "./SchedulerItem.mjs";
+import { intersects as v, first as y, last as T, calculateProportionalOrder as C } from "../utils/main.mjs";
+import { getRect as D, setRect as N } from "../views/common/utils.mjs";
+import { BORDER_WIDTH as u } from "../constants/main.mjs";
+import { provideIntlService as K } from "@progress/kendo-vue-intl";
+import { SchedulerItemContent as k } from "./SchedulerItemContent.mjs";
+import { getDefaultSlots as U, Icon as d, getTemplate as V, canUseDOM as x } from "@progress/kendo-vue-common";
+import { chevronRightIcon as E, chevronLeftIcon as M, chevronUpIcon as G, arrowRotateCwIcon as O, arrowsNoRepeatIcon as F, chevronDownIcon as L } from "@progress/kendo-svg-icons";
+const q = 1, A = 12, se = /* @__PURE__ */ _({
+  name: "KendoSchedulerProportionalViewItem",
+  inheritAttrs: !1,
+  props: {
+    ignoreIsAllDay: Boolean,
+    item: [String, Function, Object],
+    uid: [String, Number],
+    start: Date,
+    end: Date,
+    originalStart: Date,
+    startTimezone: String,
+    endTimezone: String,
+    isAllDay: Boolean,
+    title: String,
+    description: String,
+    occurrenceId: String,
+    recurrenceExceptions: Array,
+    recurrenceRule: String,
+    recurrenceId: [String, Number],
+    dataItem: Object,
+    head: Boolean,
+    tail: Boolean,
+    order: Number,
+    zonedStart: Object,
+    zonedEnd: Object,
+    slots: Array,
+    group: Object,
+    range: Object,
+    isException: Boolean,
+    isRecurring: Boolean,
+    id: String,
+    tabIndex: Number,
+    className: String,
+    itemStyle: Object,
+    editable: [Object, Boolean],
+    readonly: Boolean,
+    selected: Boolean,
+    vertical: Boolean,
+    dragHint: Boolean,
+    resizeHint: Boolean,
+    format: String,
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: void 0
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: void 0
+    },
+    formItem: Object,
+    dragItem: Object,
+    resizeItem: Object,
+    removeItem: Object,
+    itemRef: Object,
+    onKeydown: Function,
+    onKeyup: Function,
+    onFocus: Function,
+    onMouseup: Function,
+    onMousedown: Function,
+    onClick: Function,
+    onDoubleclick: Function,
+    onRemoveclick: Function,
+    onPress: Function,
+    onDrag: Function,
+    onRelease: Function,
+    onResizepress: Function,
+    onResizeenddrag: Function,
+    onResizestartdrag: Function,
+    onResizerelease: Function
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  computed: {
+    itemTime() {
+      return this.$props.isAllDay ? this.intl.toString(this.$props.zonedStart, "t") : this.intl.format("{0:t} - {1:t}", this.$props.zonedStart, this.$props.zonedEnd);
+    },
+    itemTitle() {
+      return `(${this.itemTime}): ${this.$props.title}`;
+    },
+    formattedTime() {
+      return this.intl.format("{0:t} – {1:t}", this.$props.zonedStart, this.$props.zonedEnd);
+    }
+  },
+  data() {
+    return {
+      timeout: void 0,
+      display: !0,
+      visible: !1,
+      maxSiblingsPerSlot: 0
+    };
+  },
+  mounted() {
+    if (this.element = this.getElement(), !this.ks.scheduler || !this.ks.scheduler.$el)
+      return;
+    x && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
+    const e = this;
+    this.$nextTick(function() {
+      e.position();
+    });
+  },
+  updated() {
+    const e = this;
+    this.$nextTick(function() {
+      e.position();
+    }), !(!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) && x && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
+  },
+  unmounted() {
+    this.observer && this.observer.disconnect();
+  },
+  render() {
+    const e = U(this);
+    this.intl = K(this);
+    let s;
+    const n = i(j, {
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      item: this.item,
+      uid: this.uid,
+      start: this.start,
+      end: this.end,
+      originalStart: this.originalStart,
+      startTimezone: this.startTimezone,
+      endTimezone: this.endTimezone,
+      isAllDay: this.isAllDay,
+      title: this.title,
+      description: this.description,
+      occurrenceId: this.occurrenceId,
+      recurrenceExceptions: this.recurrenceExceptions,
+      recurrenceRule: this.recurrenceRule,
+      recurrenceId: this.recurrenceId,
+      dataItem: this.dataItem,
+      head: this.head,
+      tail: this.tail,
+      order: this.order,
+      zonedStart: this.zonedStart,
+      zonedEnd: this.zonedEnd,
+      slots: this.slots,
+      group: this.group,
+      range: this.range,
+      isException: this.isException,
+      isRecurring: this.isRecurring,
+      id: this.id,
+      tabIndex: this.tabIndex,
+      className: this.className,
+      itemStyle: {
+        visibility: this.visible ? void 0 : "hidden",
+        display: this.display ? void 0 : "none",
+        ...this.$props.itemStyle
+      },
+      editable: this.editable,
+      readonly: this.readonly,
+      selected: this.selected,
+      vertical: this.vertical,
+      dragHint: this.dragHint,
+      resizeHint: this.resizeHint,
+      format: this.format,
+      itemTitle: this.itemTitle,
+      showOccurrenceDialog: this.showOccurrenceDialog,
+      showRemoveDialog: this.showRemoveDialog,
+      formItem: this.formItem,
+      dragItem: this.dragItem,
+      resizeItem: this.resizeItem,
+      removeItem: this.removeItem,
+      maxSiblingsPerSlot: this.maxSiblingsPerSlot,
+      onKeydown: this.handleKeyDown,
+      onKeyup: this.handleKeyUp,
+      onFocus: this.handleFocus,
+      onMouseup: this.handleMouseUp,
+      onMousedown: this.handleMouseDown,
+      onClick: this.handleClick,
+      onDoubleclick: this.handleDoubleClick,
+      onRemoveclick: this.handleRemoveClick,
+      onPress: this.handlePress,
+      onDrag: this.handleDrag,
+      onRelease: this.handleRelease,
+      onResizepress: this.handleResizePress,
+      onResizeenddrag: this.handleResizeEndDrag,
+      onResizestartdrag: this.handleResizeStartDrag,
+      onResizerelease: this.handleResizeRelease
+    }, {
+      default: () => [!this.$props.resizeHint && i(H, null, [this.$props.tail && !this.$props.vertical && i("span", {
+        class: "k-event-continuation"
+      }, [i(d, {
+        name: this.ks.isRtl ? "chevron-right" : "chevron-left",
+        icon: this.ks.isRtl ? E : M
+      }, null)]), i("div", {
+        title: this.itemTitle
+      }, [this.$props.tail && this.$props.vertical && i("span", {
+        class: "k-event-continuation"
+      }, [i(d, {
+        name: "chevron-up",
+        icon: G
+      }, null)]), i(k, {
+        class: "k-event-title"
+      }, {
+        default: () => [this.$props.title]
+      }), !this.$props.isAllDay && i(k, {
+        class: "k-event-time"
+      }, {
+        default: () => [this.$props.isRecurring && !this.$props.isException && i("span", {
+          class: "k-event-recurrence-icon"
+        }, [i(d, {
+          name: "arrow-rotate-cw",
+          icon: O
+        }, null)]), !this.$props.isRecurring && this.$props.isException && i("span", {
+          class: "k-event-recurrence-icon"
+        }, [i(d, {
+          name: "arrows-no-repeat",
+          icon: F
+        }, null)]), this.formattedTime]
+      }), this.$props.head && this.$props.vertical && i("span", {
+        class: "k-event-continuation"
+      }, [i(d, {
+        name: "chevron-down",
+        icon: L
+      }, null)])]), (this.$props.isRecurring && !this.$props.isException || !this.$props.isRecurring && this.$props.isException) && i("span", {
+        class: "k-event-recurrence-icon"
+      }, [i(d, {
+        name: this.$props.isRecurring ? "arrow-rotate-cw" : "arrows-no-repeat",
+        icon: this.$props.isRecurring ? O : F
+      }, null)]), this.$props.head && !this.$props.vertical && i("span", {
+        class: "k-event-continuation"
+      }, [i(d, {
+        name: this.ks.isRtl ? "chevron-left" : "chevron-right",
+        icon: this.ks.isRtl ? M : E
+      }, null)])])]
+    });
+    return s = V.call(this, {
+      h: B,
+      template: this.$props.item,
+      defaultRendering: n,
+      defaultSlots: e,
+      additionalListeners: {
+        doubleclick: this.handleDoubleClick,
+        removeclick: this.handleRemoveClick,
+        press: this.handlePress,
+        drag: this.handleDrag,
+        release: this.handleRelease,
+        resizepress: this.handleResizePress,
+        resizeenddrag: this.handleResizeEndDrag,
+        resizestartdrag: this.handleResizeStartDrag,
+        resizerelease: this.handleResizeRelease
+      }
+    }), s;
+  },
+  methods: {
+    getElement() {
+      return this.$el.nodeType === 8 ? this.$el.parentElement : this.$el.nodeType === 3 ? this.$el.nextElementSibling : this.$el;
+    },
+    handleFocus(e) {
+      this.$emit("focus", e);
+    },
+    handleMouseDown(e) {
+      this.$emit("mousedown", e);
+    },
+    handleClick(e) {
+      this.$emit("click", e);
+    },
+    handleMouseUp(e) {
+      this.$emit("mouseup", e);
+    },
+    handleDoubleClick(e) {
+      this.$emit("doubleclick", e);
+    },
+    handleRemoveClick(e) {
+      this.$emit("removeclick", e);
+    },
+    handleKeyDown(e) {
+      this.$emit("keydown", e);
+    },
+    handleKeyUp(e) {
+      this.$emit("keyup", e);
+    },
+    handlePress(e) {
+      this.$emit("press", e);
+    },
+    handleDrag(e) {
+      this.$emit("drag", e);
+    },
+    handleRelease(e) {
+      this.$emit("release", e);
+    },
+    handleResizePress(e) {
+      this.$emit("resizepress", e);
+    },
+    handleResizeStartDrag(e) {
+      this.$emit("resizestartdrag", e);
+    },
+    handleResizeEndDrag(e) {
+      this.$emit("resizeenddrag", e);
+    },
+    handleResizeRelease(e) {
+      this.$emit("resizerelease", e);
+    },
+    calculateMostSiblings(e, s) {
+      let n = 0;
+      return s.forEach((a) => {
+        a._order !== void 0 && a._order !== null && n < a._order && (n = a._order);
+      }), n + 1;
+    },
+    getSiblings(e, s, n) {
+      const [a, r] = s, c = new Date(Math.min(r.cSlot.end.getTime() - n, Math.max(this.$props.start.getTime(), a.cSlot.start.getTime()))), $ = new Date(Math.max(c.getTime() + n, Math.min(this.$props.end.getTime(), r.cSlot.end.getTime())));
+      return e.filter((l) => {
+        const p = Math.max(Math.min(r.cSlot.end.getTime() - n, l.$props.start.getTime()), a.cSlot.start.getTime()), f = Math.min(Math.max(p + n, l.$props.end.getTime()), r.cSlot.end.getTime());
+        return l.$props.id !== this.$props.id && l.$props.group.index === this.$props.group.index && l.$props.range.index === this.$props.range.index && (this.$props.ignoreIsAllDay || l.$props.isAllDay === this.$props.isAllDay) && v(new Date(p), new Date(f), c, $) && v(a.cSlot.start, r.cSlot.end, l.$props.start, l.$props.end);
+      });
+    },
+    inSlot(e, s) {
+      return e.group.index === s.group.index && e.range.index === s.range.index && (e.range.isAllDay === void 0 || s.range.isAllDay === void 0 || e.range.isAllDay === s.range.isAllDay) && (this.$props.ignoreIsAllDay || e.isAllDay === s.isAllDay);
+    },
+    position() {
+      var w, I;
+      if (!this.element)
+        return;
+      const e = (this.bv.slots || []).filter((t) => t && this.inSlot(t.cSlot, this.$props)).sort((t, S) => t.cSlot.start.getTime() - S.cSlot.start.getTime()), s = e.filter((t) => v(t.cSlot.start, t.cSlot.end, this.$props.start, this.$props.end));
+      if (!this.element || !s.length)
+        return;
+      const n = y(e), a = T(e), r = y(s), c = T(s);
+      if (!r || !c || !n || !a)
+        return;
+      if (!v(r.cSlot.start, c.cSlot.end, this.$props.start, this.$props.end)) {
+        this.display = !1;
+        return;
+      }
+      const $ = [], l = D(r.$el), p = (this.$props.vertical ? l.height : l.width) / (r.cSlot.end.getTime() - r.cSlot.start.getTime()), f = (this.$props.vertical ? A : 8) / p, R = (Math.min(this.$props.start.getTime(), c.cSlot.end.getTime() - f) - r.cSlot.start.getTime()) * p, b = Math.floor(Math.min(this.$props.end.getTime(), c.cSlot.end.getTime()) - Math.max(this.$props.start.getTime(), r.cSlot.start.getTime())) * p;
+      (this.bv.items || []).forEach((t) => {
+        t && (t.$props.dragHint || t.$props.resizeHint || $.push(t));
+      });
+      const g = this.getSiblings($, [n, a], f), m = this.$props.resizeHint || this.$props.dragHint ? 0 : C(this, g);
+      let h = 1;
+      this.$props.resizeHint || this.$props.dragHint || (h = this.calculateMostSiblings(this, g), g.forEach((t) => {
+        t._maxSiblingsPerSlot && h < t._maxSiblingsPerSlot && (h = t._maxSiblingsPerSlot);
+      }), g.forEach((t) => {
+        t._maxSiblingsPerSlot !== void 0 && t._maxSiblingsPerSlot !== null && t._maxSiblingsPerSlot < h && (t._maxSiblingsPerSlot = h);
+      }));
+      let z = 0;
+      const o = l;
+      g.forEach((t) => {
+        let S = 0;
+        t._order !== void 0 && t._order !== null && t._order < m && (S = D(t.getElement()).top + D(t.getElement()).height - o.top - u * m + q), S > z && (z = S);
+      });
+      const P = 20;
+      o.width = this.$props.vertical ? o.width / h - u - P / h : b - u, this.$props.vertical ? o.height = b - u : (this.$props.resizeHint || this.$props.dragHint) && h <= 1 || (o.height = (I = (w = this.$props.itemStyle) == null ? void 0 : w.height) != null ? I : A), o.left = this.$props.vertical ? o.left + m + u * m * o.width : o.left + (R < 0 ? 0 : R), o.top = this.$props.vertical ? o.top + (R < 0 ? 0 : R) : o.top + z + u * m, this.maxSiblingsPerSlot = h, this._order = m, N(this.element, o), this.visible = !0, this.display = !0;
+    },
+    handleResize() {
+      this.timeout !== void 0 && window.cancelAnimationFrame(this.timeout), this.timeout = window.requestAnimationFrame(() => {
+        this.position();
+      });
+    }
+  }
+});
+export {
+  se as SchedulerProportionalViewItem
+};

package/items/SchedulerViewItem.d.ts

@@ -91,6 +91,7 @@ declare const SchedulerViewItem: import('vue').DefineComponent<import('vue').Ext
     className: PropType<string>;
     itemStyle: PropType<any>;
     editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
+    readonly: PropType<boolean>;
     selected: PropType<boolean>;
     vertical: PropType<boolean>;
     dragHint: PropType<boolean>;
@@ -134,6 +135,7 @@ declare const SchedulerViewItem: import('vue').DefineComponent<import('vue').Ext
 }, {
     itemTime(): any;
     itemTitle(): string;
+    formattedTime(): any;
 }, {
     getElement(): any;
     handleFocus(e: any): void;
@@ -195,6 +197,7 @@ declare const SchedulerViewItem: import('vue').DefineComponent<import('vue').Ext
     className: PropType<string>;
     itemStyle: PropType<any>;
     editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
+    readonly: PropType<boolean>;
     selected: PropType<boolean>;
     vertical: PropType<boolean>;
     dragHint: PropType<boolean>;

package/items/SchedulerViewItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),z=require("./SchedulerItem.js"),m=require("../utils/main.js"),u=require("../views/common/utils.js"),c=require("../constants/main.js"),D=require("@progress/kendo-vue-intl"),b=require("./SchedulerItemContent.js"),g=require("@progress/kendo-vue-common");function R(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!h.isVNode(e)}const I=1,v=h.defineComponent({name:"KendoSchedulerViewItem",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,item:[String,Function,Object],uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,itemRef:Object,onKeydown:Function,onKeyup:Function,onFocus:Function,onMouseup:Function,onMousedown:Function,onClick:Function,onDoubleclick:Function,onRemoveclick:Function,onPress:Function,onDrag:Function,onRelease:Function,onResizepress:Function,onResizeenddrag:Function,onResizestartdrag:Function,onResizerelease:Function},inject:{kendoIntlService:{default:null},ks:{default:null},bv:{default:null}},computed:{itemTime(){return this.$props.isAllDay?this.intl.toString(this.$props.zonedStart,"t"):this.intl.format("{0:t} - {1:t}",this.$props.zonedStart,this.$props.zonedEnd)},itemTitle(){return`(${this.itemTime}): ${this.$props.title}`}},data(){return{timeout:void 0,currentItem:null,viewItem:null,display:!0,visible:!1,maxSiblingsPerSlot:0}},mounted(){if(this.element=this.getElement(),!this.ks.scheduler||!this.ks.scheduler.$el)return;g.canUseDOM&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el));const e=this;this.$nextTick(function(){e.align(),e.position()})},updated(){const e=this;this.$nextTick(function(){e.align(),e.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||this.observer)&&g.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},render(){const e=g.getDefaultSlots(this);this.intl=D.provideIntlService(this);let t;const n=h.createVNode(z.SchedulerItem,{ignoreIsAllDay:this.ignoreIsAllDay,item:this.item,uid:this.uid,start:this.start,end:this.end,originalStart:this.originalStart,startTimezone:this.startTimezone,endTimezone:this.endTimezone,isAllDay:this.isAllDay,title:this.title,description:this.description,occurrenceId:this.occurrenceId,recurrenceExceptions:this.recurrenceExceptions,recurrenceRule:this.recurrenceRule,recurrenceId:this.recurrenceId,dataItem:this.dataItem,head:this.head,tail:this.tail,order:this.order,zonedStart:this.zonedStart,zonedEnd:this.zonedEnd,slots:this.slots,group:this.group,range:this.range,isException:this.isException,isRecurring:this.isRecurring,id:this.id,tabIndex:this.tabIndex,className:this.className,itemStyle:{visibility:this.visible?void 0:"hidden",display:this.display?void 0:"none",...this.$props.itemStyle},editable:this.editable,selected:this.selected,vertical:this.vertical,dragHint:this.dragHint,resizeHint:this.resizeHint,format:this.format,itemTitle:this.itemTitle,showOccurrenceDialog:this.showOccurrenceDialog,showRemoveDialog:this.showRemoveDialog,formItem:this.formItem,dragItem:this.dragItem,resizeItem:this.resizeItem,removeItem:this.removeItem,maxSiblingsPerSlot:this.maxSiblingsPerSlot,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onFocus:this.handleFocus,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onDoubleclick:this.handleDoubleClick,onRemoveclick:this.handleRemoveClick,onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,onResizepress:this.handleResizePress,onResizeenddrag:this.handleResizeEndDrag,onResizestartdrag:this.handleResizeStartDrag,onResizerelease:this.handleResizeRelease},{default:()=>[!this.$props.resizeHint&&h.createVNode("div",{title:this.itemTitle},[!this.$props.isAllDay&&h.createVNode(b.SchedulerItemContent,{title:this.itemTitle,class:"k-event-template k-event-time "},R(e)?e:{default:()=>[e]}),h.createVNode(b.SchedulerItemContent,{title:this.$props.title,class:"k-event-template"},R(e)?e:{default:()=>[e]})])]});return t=g.getTemplate.call(this,{h:h.h,template:this.$props.item,defaultRendering:n,defaultSlots:e,additionalListeners:{doubleclick:this.handleDoubleClick,removeclick:this.handleRemoveClick,press:this.handlePress,drag:this.handleDrag,release:this.handleRelease,resizepress:this.handleResizePress,resizeenddrag:this.handleResizeEndDrag,resizestartdrag:this.handleResizeStartDrag,resizerelease:this.handleResizeRelease}}),t},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.$emit("click",e)},handleMouseUp(e){this.$emit("mouseup",e)},handleMouseOver(e){this.$emit("mouseover",e)},handleMouseOut(e){this.$emit("mouseout",e)},handleMouseEnter(e){this.$emit("mouseenter",e)},handleMouseLeave(e){this.$emit("mouseleave",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleRemoveClick(e){this.$emit("removeclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleKeyPress(e){this.$emit("keypress",e)},handleKeyUp(e){this.$emit("keyup",e)},handlePress(e){this.$emit("press",e)},handleDrag(e){this.$emit("drag",e)},handleRelease(e){this.$emit("release",e)},handleResizePress(e){this.$emit("resizepress",e)},handleResizeStartDrag(e){this.$emit("resizestartdrag",e)},handleResizeEndDrag(e){this.$emit("resizeenddrag",e)},handleResizeRelease(e){this.$emit("resizerelease",e)},calculateMostSiblings(e,t){let n=1;return e.forEach(o=>{const i=t.filter(r=>this.inSlot(o.cSlot,r.$props));i.length>n&&(n=i.length)}),n},getSiblingsInAllSlots(e,t){return e.map(o=>t.filter(i=>this.inSlot(o.cSlot,i.$props)))},inSlot(e,t){return m.intersects(e.start,e.end,t.start,t.end)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(this.$props.ignoreIsAllDay||e.isAllDay===t.isAllDay)},align(){if(!this.element)return;const e=(this.bv.slots||[]).filter(i=>i&&this.inSlot(i.cSlot,this.$props));if(e.length===0){this.display=!1;return}const t=m.first(e.sort(function(i,r){return i.cSlot.start&&r.cSlot.start?i.cSlot.start.getTime()-r.cSlot.start.getTime():!0}));if(!t)return;const n=u.getRect(t.$el),o=t.$el;if(o&&!this.$props.vertical){const i=o.querySelector(".k-nav-day");if(i)n.top+=i.offsetTop+parseFloat(window.getComputedStyle(i).lineHeight||"0");else if(o.firstElementChild){const r=window.getComputedStyle(o),S=parseFloat(r.paddingTop||"0"),d=parseFloat(r.lineHeight||"0");d>0&&(n.top+=S+d)}}u.setRect(this.element,n)},position(){if(!this.element)return;const e=(this.bv.slots||[]).filter(l=>l&&this.inSlot(l.cSlot,this.$props)),t=[],n=[],o=[];(this.bv.items||[]).forEach(l=>{l&&(l.$props.dragHint?n.push(l):l.$props.resizeHint?o.push(l):t.push(l))});const i=this.$props.dragHint||this.$props.resizeHint?m.calculateOrder(this,this.$props.dragHint?n:o,e,this.$props.ignoreIsAllDay):this.$props.order||0;let r=this.$props.dragHint||this.$props.resizeHint?this.calculateMostSiblings(e,this.$props.dragHint?n:o):this.calculateMostSiblings(e,t);const S=this.getSiblingsInAllSlots(e,t);let d=0;const s=u.getRect(this.element);if(S.forEach(l=>{let $=0;l.sort(function(a,p){return a.$props.order-p.$props.order}).forEach(a=>{m.intersects(a.$props.start,a.$props.end,this.$props.start,this.$props.end)&&!(this.$props.dragHint||this.$props.resizeHint)&&a.$props.maxSiblingsPerSlot&&a.$props.maxSiblingsPerSlot>r&&a.getElement()!==this.element&&(r=a.$props.maxSiblingsPerSlot);const p=u.getRect(a.getElement());a.$props.order!==null&&a.$props.order<i&&($=(p.top||s.top)+p.height-s.top-c.BORDER_WIDTH*i+I)}),$>d&&(d=$)}),e.length===0){this.display=!1;return}const f=20;s.width=this.$props.vertical?s.width/r-c.BORDER_WIDTH-f/r:s.width*e.length-c.BORDER_WIDTH-f,s.height=this.$props.vertical?s.height*e.length-c.BORDER_WIDTH:(this.$props.resizeHint||this.$props.dragHint)&&r<=1?s.height:this.$props.itemStyle&&this.$props.itemStyle.height?this.$props.itemStyle.height:25,s.left=this.$props.vertical?s.left+i*s.width+c.BORDER_WIDTH*i:s.left,s.top=this.$props.vertical?s.top:s.top+d+c.BORDER_WIDTH*i,this.maxSiblingsPerSlot=r,u.setRect(this.element,s),this.visible=!0,this.display=!0},handleResize(){this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{this.align(),this.position()})}}});exports.SchedulerViewItem=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),H=require("./SchedulerItem.js"),S=require("../utils/main.js"),g=require("../views/common/utils.js"),u=require("../constants/main.js"),O=require("@progress/kendo-vue-intl"),y=require("./SchedulerItemContent.js"),c=require("@progress/kendo-vue-common"),d=require("@progress/kendo-svg-icons"),w=1,k=25,T=s.defineComponent({name:"KendoSchedulerViewItem",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,item:[String,Function,Object],uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],readonly:Boolean,selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,itemRef:Object,onKeydown:Function,onKeyup:Function,onFocus:Function,onMouseup:Function,onMousedown:Function,onClick:Function,onDoubleclick:Function,onRemoveclick:Function,onPress:Function,onDrag:Function,onRelease:Function,onResizepress:Function,onResizeenddrag:Function,onResizestartdrag:Function,onResizerelease:Function},inject:{kendoIntlService:{default:null},ks:{default:null},bv:{default:null}},computed:{itemTime(){return this.$props.isAllDay?this.intl.toString(this.$props.zonedStart,"t"):this.intl.format("{0:t} - {1:t}",this.$props.zonedStart,this.$props.zonedEnd)},itemTitle(){return`(${this.itemTime}): ${this.$props.title}`},formattedTime(){return this.intl.format("{0:t} – {1:t}",this.$props.zonedStart,this.$props.zonedEnd)}},data(){return{timeout:void 0,currentItem:null,viewItem:null,display:!0,visible:!1,maxSiblingsPerSlot:0}},mounted(){if(this.element=this.getElement(),!this.ks.scheduler||!this.ks.scheduler.$el)return;c.canUseDOM&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el));const e=this;this.$nextTick(function(){e.align(),e.position()})},updated(){const e=this;this.$nextTick(function(){e.align(),e.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||this.observer)&&c.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},render(){const e=c.getDefaultSlots(this);this.intl=O.provideIntlService(this);let t;const o=s.createVNode(H.SchedulerItem,{ignoreIsAllDay:this.ignoreIsAllDay,item:this.item,uid:this.uid,start:this.start,end:this.end,originalStart:this.originalStart,startTimezone:this.startTimezone,endTimezone:this.endTimezone,isAllDay:this.isAllDay,title:this.title,description:this.description,occurrenceId:this.occurrenceId,recurrenceExceptions:this.recurrenceExceptions,recurrenceRule:this.recurrenceRule,recurrenceId:this.recurrenceId,dataItem:this.dataItem,head:this.head,tail:this.tail,order:this.order,zonedStart:this.zonedStart,zonedEnd:this.zonedEnd,slots:this.slots,group:this.group,range:this.range,isException:this.isException,isRecurring:this.isRecurring,id:this.id,tabIndex:this.tabIndex,className:this.className,itemStyle:{visibility:this.visible?void 0:"hidden",display:this.display?void 0:"none",...this.$props.itemStyle},editable:this.editable,readonly:this.readonly,selected:this.selected,vertical:this.vertical,dragHint:this.dragHint,resizeHint:this.resizeHint,format:this.format,itemTitle:this.itemTitle,showOccurrenceDialog:this.showOccurrenceDialog,showRemoveDialog:this.showRemoveDialog,formItem:this.formItem,dragItem:this.dragItem,resizeItem:this.resizeItem,removeItem:this.removeItem,maxSiblingsPerSlot:this.maxSiblingsPerSlot,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onFocus:this.handleFocus,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onDoubleclick:this.handleDoubleClick,onRemoveclick:this.handleRemoveClick,onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,onResizepress:this.handleResizePress,onResizeenddrag:this.handleResizeEndDrag,onResizestartdrag:this.handleResizeStartDrag,onResizerelease:this.handleResizeRelease},{default:()=>[!this.$props.resizeHint&&s.createVNode(s.Fragment,null,[this.$props.tail&&!this.$props.vertical&&s.createVNode("span",{class:"k-event-continuation"},[s.createVNode(c.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?d.chevronRightIcon:d.chevronLeftIcon},null)]),s.createVNode("div",{title:this.itemTitle},[this.$props.tail&&this.$props.vertical&&s.createVNode("span",{class:"k-event-continuation"},[s.createVNode(c.Icon,{name:"chevron-up",icon:d.chevronUpIcon},null)]),s.createVNode(y.SchedulerItemContent,{class:"k-event-title"},{default:()=>[this.$props.title]}),!this.$props.isAllDay&&s.createVNode(y.SchedulerItemContent,{class:"k-event-time"},{default:()=>[this.$props.isRecurring&&!this.$props.isException&&s.createVNode("span",{class:"k-event-recurrence-icon"},[s.createVNode(c.Icon,{name:"arrow-rotate-cw",icon:d.arrowRotateCwIcon},null)]),!this.$props.isRecurring&&this.$props.isException&&s.createVNode("span",{class:"k-event-recurrence-icon"},[s.createVNode(c.Icon,{name:"arrows-no-repeat",icon:d.arrowsNoRepeatIcon},null)]),this.formattedTime]}),this.$props.head&&this.$props.vertical&&s.createVNode("span",{class:"k-event-continuation"},[s.createVNode(c.Icon,{name:"chevron-down",icon:d.chevronDownIcon},null)])]),(this.$props.isRecurring&&!this.$props.isException||!this.$props.isRecurring&&this.$props.isException)&&s.createVNode("span",{class:"k-event-recurrence-icon"},[s.createVNode(c.Icon,{name:this.$props.isRecurring?"arrow-rotate-cw":"arrows-no-repeat",icon:this.$props.isRecurring?d.arrowRotateCwIcon:d.arrowsNoRepeatIcon},null)]),this.$props.head&&!this.$props.vertical&&s.createVNode("span",{class:"k-event-continuation"},[s.createVNode(c.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?d.chevronLeftIcon:d.chevronRightIcon},null)])])]});return t=c.getTemplate.call(this,{h:s.h,template:this.$props.item,defaultRendering:o,defaultSlots:e,additionalListeners:{doubleclick:this.handleDoubleClick,removeclick:this.handleRemoveClick,press:this.handlePress,drag:this.handleDrag,release:this.handleRelease,resizepress:this.handleResizePress,resizeenddrag:this.handleResizeEndDrag,resizestartdrag:this.handleResizeStartDrag,resizerelease:this.handleResizeRelease}}),t},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.$emit("click",e)},handleMouseUp(e){this.$emit("mouseup",e)},handleMouseOver(e){this.$emit("mouseover",e)},handleMouseOut(e){this.$emit("mouseout",e)},handleMouseEnter(e){this.$emit("mouseenter",e)},handleMouseLeave(e){this.$emit("mouseleave",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleRemoveClick(e){this.$emit("removeclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleKeyPress(e){this.$emit("keypress",e)},handleKeyUp(e){this.$emit("keyup",e)},handlePress(e){this.$emit("press",e)},handleDrag(e){this.$emit("drag",e)},handleRelease(e){this.$emit("release",e)},handleResizePress(e){this.$emit("resizepress",e)},handleResizeStartDrag(e){this.$emit("resizestartdrag",e)},handleResizeEndDrag(e){this.$emit("resizeenddrag",e)},handleResizeRelease(e){this.$emit("resizerelease",e)},calculateMostSiblings(e,t){let o=1;return e.forEach(l=>{const i=t.filter(r=>this.inSlot(l.cSlot,r.$props));i.length>o&&(o=i.length)}),o},getSiblingsInAllSlots(e,t){return e.map(l=>t.filter(i=>this.inSlot(l.cSlot,i.$props)))},inSlot(e,t){return S.intersects(e.start,e.end,t.start,t.end)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(e.range.isAllDay===void 0||t.range.isAllDay===void 0||e.range.isAllDay===t.range.isAllDay)&&(this.$props.ignoreIsAllDay||e.isAllDay===t.isAllDay)},align(){if(!this.element)return;const e=(this.bv.slots||[]).filter(i=>i&&this.inSlot(i.cSlot,this.$props));if(e.length===0){this.display=!1;return}const t=S.first(e.sort(function(i,r){return i.cSlot.start&&r.cSlot.start?i.cSlot.start.getTime()-r.cSlot.start.getTime():!0}));if(!t)return;const o=g.getRect(t.$el),l=t.$el;if(l&&!this.$props.vertical){const i=l.querySelector(".k-nav-day");let r=0;if(i)r=i.offsetTop+parseFloat(window.getComputedStyle(i).lineHeight||"0");else if(l.firstElementChild){const $=window.getComputedStyle(l),p=parseFloat($.paddingTop||"0"),n=parseFloat($.lineHeight||"0");n>0&&(r=p+n)}o.top+=r,(this.$props.dragHint||this.$props.resizeHint)&&(o.height-=r)}g.setRect(this.element,o)},position(){var z,D;if(!this.element)return;const e=(this.bv.slots||[]).filter(a=>a&&this.inSlot(a.cSlot,this.$props)),t=[],o=[],l=[];(this.bv.items||[]).forEach(a=>{a&&(a.$props.dragHint?o.push(a):a.$props.resizeHint?l.push(a):t.push(a))});const i=this.$props.dragHint||this.$props.resizeHint?S.calculateOrder(this,this.$props.dragHint?o:l,e,this.$props.ignoreIsAllDay):this.$props.order||0;let r=this.$props.dragHint||this.$props.resizeHint?this.calculateMostSiblings(e,this.$props.dragHint?o:l):this.calculateMostSiblings(e,t);const $=this.getSiblingsInAllSlots(e,t);let p=0;const n=g.getRect(this.element),m=(z=this.$props.itemStyle)==null?void 0:z.height,R=typeof m=="number"?m:parseFloat(m),I=!this.$props.vertical&&(m==null||!Number.isNaN(R));if($.forEach(a=>{let v=0;a.sort(function(h,f){return h.$props.order-f.$props.order}).forEach(h=>{if(S.intersects(h.$props.start,h.$props.end,this.$props.start,this.$props.end)&&!(this.$props.dragHint||this.$props.resizeHint)&&h.$props.maxSiblingsPerSlot&&h.$props.maxSiblingsPerSlot>r&&h.getElement()!==this.element&&(r=h.$props.maxSiblingsPerSlot),!I){const f=g.getRect(h.getElement());h.$props.order!==null&&h.$props.order<i&&(v=(f.top||n.top)+f.height-n.top-u.BORDER_WIDTH*i+w)}}),v>p&&(p=v)}),I&&(p=i*((Number.isNaN(R)?k:R)+w)),e.length===0){this.display=!1;return}const b=20,E=((D=this.$props.itemStyle)==null?void 0:D.height)||k;n.width=this.$props.vertical?n.width/r-u.BORDER_WIDTH-b/r:n.width*e.length-u.BORDER_WIDTH-b,this.$props.vertical?n.height=n.height*e.length-u.BORDER_WIDTH:(this.$props.resizeHint||this.$props.dragHint)&&r<=1||(n.height=E),n.left=this.$props.vertical?n.left+i*n.width+u.BORDER_WIDTH*i:n.left,n.top=this.$props.vertical?n.top:n.top+p+u.BORDER_WIDTH*i,this.maxSiblingsPerSlot=r,this._order=i,g.setRect(this.element,n),this.visible=!0,this.display=!0},handleResize(){this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{this.align(),this.position()})}}});exports.SchedulerViewItem=T;