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

package/items/SchedulerItem.mjs

@@ -5,17 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as m, h as p, createVNode as t } from "vue";
-import { COLLECTION_ACTION as n, formatEventTime as u } from "../utils/main.mjs";
-import { getDefaultSlots as c, getTemplate as g, Draggable as i, Icon as r } from "@progress/kendo-vue-common";
-import { provideIntlService as $, provideLocalizationService as b } from "@progress/kendo-vue-intl";
-import { deleteTitle as o, messages as k } from "../messages/main.mjs";
-import { SchedulerOccurrenceDialog as f } from "../components/SchedulerOccurrenceDialog.mjs";
-import { SchedulerRemoveDialog as z } from "../components/SchedulerRemoveDialog.mjs";
-import { SchedulerForm as v } from "../components/SchedulerForm.mjs";
-import { chevronRightIcon as a, chevronLeftIcon as h, arrowRotateCwIcon as S, arrowsNoRepeatIcon as C, xIcon as R } from "@progress/kendo-svg-icons";
-import { useEditable as I } from "../hooks/useEditable.mjs";
-const H = /* @__PURE__ */ m({
+import { defineComponent as n, h as o, createVNode as t } from "vue";
+import { COLLECTION_ACTION as r, formatEventTime as a } from "../utils/main.mjs";
+import { getDefaultSlots as h, getTemplate as d, Draggable as i } from "@progress/kendo-vue-common";
+import { provideIntlService as u } from "@progress/kendo-vue-intl";
+import { SchedulerOccurrenceDialog as m } from "../components/SchedulerOccurrenceDialog.mjs";
+import { SchedulerRemoveDialog as p } from "../components/SchedulerRemoveDialog.mjs";
+import { SchedulerForm as c } from "../components/SchedulerForm.mjs";
+import { useEditable as g } from "../hooks/useEditable.mjs";
+const C = /* @__PURE__ */ n({
   name: "KendoSchedulerItem",
   inheritAttrs: !1,
   emits: {
@@ -74,6 +72,7 @@ const H = /* @__PURE__ */ m({
     className: String,
     itemStyle: Object,
     editable: [Object, Boolean],
+    readonly: Boolean,
     selected: Boolean,
     vertical: Boolean,
     dragHint: Boolean,
@@ -132,11 +131,31 @@ const H = /* @__PURE__ */ m({
     },
     ksRemoveConfirm: {
       default: null
+    },
+    ksRemoveDialogCancel: {
+      default: null
+    },
+    ksDeleteItem: {
+      default: null
+    },
+    ksFormDelete: {
+      default: null
+    },
+    ksIsSeries: {
+      default: null
     }
   },
   computed: {
     currentEditable() {
-      return I(this.$props.editable);
+      const e = g(this.$props.editable);
+      return this.$props.readonly ? {
+        add: !1,
+        edit: !1,
+        drag: !1,
+        resize: !1,
+        remove: !1,
+        select: e.select
+      } : e;
     },
     resource() {
       return this.$props.group.resources.find((e) => !!(e.colorField && e[e.colorField] !== "" && e[e.colorField] !== void 0));
@@ -151,6 +170,7 @@ const H = /* @__PURE__ */ m({
       return {
         "k-event": !this.$props.resizeHint,
         "k-selected": this.$props.selected && this.currentEditable.select,
+        "k-readonly": !this.$props.resizeHint && !!this.$props.readonly,
         "k-event-drag-hint": this.$props.dragHint,
         "k-scheduler-marquee": this.$props.resizeHint,
         "k-marquee": this.$props.resizeHint,
@@ -160,22 +180,24 @@ const H = /* @__PURE__ */ m({
       };
     },
     eventLabel() {
-      return `${u(this.intl, this.$props.zonedStart, this.$props.zonedEnd, this.$props.isAllDay)}, ${this.$props.title}`;
+      return `${a(this.intl, this.$props.zonedStart, this.$props.zonedEnd, this.$props.isAllDay)}, ${this.$props.title}`;
     },
     computedStyle() {
+      var e;
       return {
         cursor: "pointer",
         userSelect: "none",
         borderColor: this.$props.resizeHint ? void 0 : this.color,
         backgroundColor: this.$props.resizeHint ? void 0 : this.color,
         touchAction: "none",
-        ...this.$props.itemStyle
+        ...this.$props.itemStyle,
+        containerType: this.$props.resizeHint ? void 0 : ((e = this.$props.itemStyle) == null ? void 0 : e.height) === "auto" ? "normal" : "size"
       };
     }
   },
   created() {
     this.setItems({
-      type: n.add,
+      type: r.add,
       item: this
     });
   },
@@ -184,15 +206,15 @@ const H = /* @__PURE__ */ m({
   },
   unmounted() {
     this.setItems({
-      type: n.remove,
+      type: r.remove,
       item: this
     });
   },
   render() {
-    const e = c(this);
-    this.intl = $(this);
-    const l = b(this).toLanguageString(o, k[o]), d = g.call(this, {
-      h: p,
+    const e = h(this);
+    this.intl = u(this);
+    const s = d.call(this, {
+      h: o,
       template: this.bv.viewProps.resizeHint,
       additionalProps: {
         dataItem: this.dataItem,
@@ -206,120 +228,95 @@ const H = /* @__PURE__ */ m({
       onRelease: this.handleRelease,
       ref: "draggable"
     }, {
-      default: () => [t("div", {
-        id: this.$props.id,
-        style: this.computedStyle,
-        tabindex: this.currentTabIndex,
-        class: this.itemClassName,
-        role: "button",
-        "aria-label": this.eventLabel,
-        onFocusin: this.handleFocus,
-        onBlur: this.handleBlur,
-        onMouseup: this.handleMouseUp,
-        onMousedown: this.handleMouseDown,
-        onClick: this.handleClick,
-        onMouseover: this.handleMouseOver,
-        onMouseout: this.handleMouseOut,
-        onMouseenter: this.handleMouseEnter,
-        onMouseleave: this.handleMouseLeave,
-        onDblclick: this.handleDoubleClick,
-        onKeydown: this.handleKeyDown,
-        onKeypress: this.handleKeyPress,
-        onKeyup: this.handleKeyUp,
-        "data-group-index": this.$props.group.index,
-        "data-range-index": this.$props.range.index
-      }, [!this.$props.resizeHint && t("span", {
-        class: "k-event-actions"
-      }, [this.$props.tail && t(r, {
-        name: this.ks.isRtl ? "chevron-right" : "chevron-left",
-        icon: this.ks.isRtl ? a : h,
-        size: "medium"
-      }, null), this.$props.isRecurring && !this.$props.isException && t(r, {
-        name: "arrow-rotate-cw",
-        icon: S,
-        size: "medium"
-      }, null), !this.$props.isRecurring && this.$props.isException && t(r, {
-        name: "arrows-no-repeat",
-        icon: C,
-        size: "medium"
-      }, null)]), this.formItem && !this.showOccurrenceDialog && this.currentEditable.edit && t(v, {
-        dataItem: this.formItem,
-        onSubmit: this.handleFormSubmit,
-        onClose: this.handleFormClose,
-        onCancel: this.handleFormCancel
-      }, null), this.showOccurrenceDialog && this.currentEditable.edit && t(f, {
-        dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
-        isRemove: !!this.removeItem,
-        onClose: this.ksCancel,
-        onOccurrenceclose: this.ksOccurrenceClick,
-        onSeriesclose: this.ksSeriesClick
-      }, null), this.showRemoveDialog && this.removeItem && this.currentEditable.remove && t(z, {
-        dataItem: this.removeItem,
-        onClose: this.ksCancel,
-        onCancel: this.ksCancel,
-        onConfirm: this.ksRemoveConfirm
-      }, null), e, !this.$props.resizeHint && t("span", {
-        class: "k-event-actions"
-      }, [this.currentEditable.remove && t("a", {
-        tabindex: -1,
-        "aria-hidden": "true",
-        class: "k-link k-event-delete",
-        title: l,
-        "aria-label": l,
-        onClick: this.handleRemoveClick
-      }, [t(r, {
-        name: "x",
-        icon: R,
-        size: "medium"
-      }, null)]), this.$props.head && t(r, {
-        name: this.ks.isRtl ? "chevron-left" : "chevron-right",
-        icon: this.ks.isRtl ? h : a,
-        size: "medium"
-      }, null)]), this.currentEditable.resize && this.$props.vertical && [t(i, {
-        onPress: this.handleResizePress,
-        onDrag: this.handleResizeStartDrag,
-        onRelease: this.handleResizeRelease
-      }, {
-        default: () => [t("span", {
-          class: "k-resize-handle k-resize-n"
-        }, null)]
-      }), t(i, {
-        onPress: this.handleResizePress,
-        onDrag: this.handleResizeEndDrag,
-        onRelease: this.handleResizeRelease
-      }, {
-        default: () => [t("span", {
-          class: "k-resize-handle k-resize-s"
-        }, null)]
-      })], this.currentEditable.resize && !this.$props.vertical && [t(i, {
-        onPress: this.handleResizePress,
-        onDrag: this.handleResizeStartDrag,
-        onRelease: this.handleResizeRelease
-      }, {
-        default: () => [t("span", {
-          class: "k-resize-handle k-resize-w"
-        }, null)]
-      }), t(i, {
-        onPress: this.handleResizePress,
-        onDrag: this.handleResizeEndDrag,
-        onRelease: this.handleResizeRelease
-      }, {
-        default: () => [t("span", {
-          class: "k-resize-handle k-resize-e"
-        }, null)]
-      })], this.$props.resizeHint ? this.bv.viewProps.resizeHint ? d : [t("div", {
-        class: "k-marquee-color",
-        style: {
-          borderColor: this.color,
-          backgroundColor: this.color
-        }
-      }, null), t("div", {
-        class: "k-marquee-text"
-      }, [!this.$props.tail && t("div", {
-        class: "k-label-top"
-      }, [this.intl.formatDate(this.$props.zonedStart, this.$props.format)]), !this.$props.head && t("div", {
-        class: "k-label-bottom"
-      }, [this.intl.formatDate(this.$props.zonedEnd, this.$props.format)])])] : null])]
+      default: () => {
+        var l;
+        return [t("div", {
+          id: this.$props.id,
+          style: this.computedStyle,
+          tabindex: this.currentTabIndex,
+          class: this.itemClassName,
+          role: "button",
+          "aria-label": this.eventLabel,
+          "aria-disabled": this.$props.readonly ? !0 : void 0,
+          onFocusin: this.handleFocus,
+          onBlur: this.handleBlur,
+          onMouseup: this.handleMouseUp,
+          onMousedown: this.handleMouseDown,
+          onClick: this.handleClick,
+          onMouseover: this.handleMouseOver,
+          onMouseout: this.handleMouseOut,
+          onMouseenter: this.handleMouseEnter,
+          onMouseleave: this.handleMouseLeave,
+          onDblclick: this.handleDoubleClick,
+          onKeydown: this.handleKeyDown,
+          onKeypress: this.handleKeyPress,
+          onKeyup: this.handleKeyUp,
+          "data-group-index": this.$props.group.index,
+          "data-range-index": this.$props.range.index
+        }, [this.formItem && !this.showOccurrenceDialog && this.currentEditable.edit && t(c, {
+          dataItem: this.formItem,
+          onSubmit: this.handleFormSubmit,
+          onClose: this.handleFormClose,
+          onCancel: this.handleFormCancel,
+          onDelete: this.currentEditable.remove ? this.handleEditDialogDelete : void 0
+        }, null), this.showOccurrenceDialog && this.currentEditable.edit && t(m, {
+          dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
+          isRemove: !!this.removeItem,
+          onClose: this.ksCancel,
+          onOccurrenceclick: this.ksOccurrenceClick,
+          onSeriesclick: this.ksSeriesClick
+        }, null), this.showRemoveDialog && this.removeItem && this.currentEditable.remove && t(p, {
+          dataItem: this.removeItem,
+          isSeries: (l = this.ksIsSeries) == null ? void 0 : l.call(this),
+          onClose: this.ksRemoveDialogCancel,
+          onCancel: this.ksRemoveDialogCancel,
+          onConfirm: this.ksRemoveConfirm
+        }, null), e, this.currentEditable.resize && this.$props.vertical && [t(i, {
+          onPress: this.handleResizePress,
+          onDrag: this.handleResizeStartDrag,
+          onRelease: this.handleResizeRelease
+        }, {
+          default: () => [t("span", {
+            class: "k-resize-handle k-resize-n"
+          }, null)]
+        }), t(i, {
+          onPress: this.handleResizePress,
+          onDrag: this.handleResizeEndDrag,
+          onRelease: this.handleResizeRelease
+        }, {
+          default: () => [t("span", {
+            class: "k-resize-handle k-resize-s"
+          }, null)]
+        })], this.currentEditable.resize && !this.$props.vertical && [t(i, {
+          onPress: this.handleResizePress,
+          onDrag: this.handleResizeStartDrag,
+          onRelease: this.handleResizeRelease
+        }, {
+          default: () => [t("span", {
+            class: "k-resize-handle k-resize-w"
+          }, null)]
+        }), t(i, {
+          onPress: this.handleResizePress,
+          onDrag: this.handleResizeEndDrag,
+          onRelease: this.handleResizeRelease
+        }, {
+          default: () => [t("span", {
+            class: "k-resize-handle k-resize-e"
+          }, null)]
+        })], this.$props.resizeHint ? this.bv.viewProps.resizeHint ? s : [t("div", {
+          class: "k-marquee-color",
+          style: {
+            borderColor: this.color,
+            backgroundColor: this.color
+          }
+        }, null), t("div", {
+          class: "k-marquee-text"
+        }, [!this.$props.tail && t("div", {
+          class: "k-label-top"
+        }, [this.intl.formatDate(this.$props.zonedStart, this.$props.format)]), !this.$props.head && t("div", {
+          class: "k-label-bottom"
+        }, [this.intl.formatDate(this.$props.zonedEnd, this.$props.format)])])] : null])];
+      }
     });
   },
   methods: {
@@ -429,6 +426,8 @@ const H = /* @__PURE__ */ m({
       });
     },
     handleDoubleClick(e) {
+      if (this.$props.readonly)
+        return;
       const s = {
         event: e,
         target: {
@@ -571,9 +570,28 @@ const H = /* @__PURE__ */ m({
     },
     handleFormCancel(e) {
       this.ksCancel(e), this.$emit("cancel", e);
+    },
+    handleEditDialogSave(e) {
+      const s = {
+        value: e,
+        event: null,
+        target: this
+      };
+      this.ksFormSubmit(s), this.$emit("formsubmit", s);
+    },
+    handleEditDialogCancel() {
+      const e = {
+        value: null,
+        event: null,
+        target: this
+      };
+      this.ksCancel(e), this.$emit("cancel", e);
+    },
+    handleEditDialogDelete(e) {
+      this.ksFormDelete && this.ksFormDelete(e);
     }
   }
 });
 export {
-  H as SchedulerItem
+  C as SchedulerItem
 };

package/items/SchedulerProportionalViewItem.d.ts

@@ -0,0 +1,183 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerItemProps } from './SchedulerItem';
+import { SchedulerSlotProps } from '../slots/SchedulerSlot';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ *
+ * Represents a customized `viewItem` component which positions itself proportionally to the duration of the item.
+ */
+declare const SchedulerProportionalViewItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    ignoreIsAllDay: PropType<boolean>;
+    item: PropType<any>;
+    uid: PropType<string | number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    originalStart: PropType<Date>;
+    startTimezone: PropType<string>;
+    endTimezone: PropType<string>;
+    isAllDay: PropType<boolean>;
+    title: PropType<string>;
+    description: PropType<string>;
+    occurrenceId: PropType<string>;
+    recurrenceExceptions: PropType<Date[]>;
+    recurrenceRule: PropType<string>;
+    recurrenceId: PropType<string | number>;
+    dataItem: PropType<any>;
+    head: PropType<boolean>;
+    tail: PropType<boolean>;
+    order: PropType<number>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    slots: PropType<import('../models/Slot').Slot[]>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    isException: PropType<boolean>;
+    isRecurring: PropType<boolean>;
+    id: PropType<string>;
+    tabIndex: PropType<number>;
+    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>;
+    resizeHint: PropType<boolean>;
+    format: PropType<string>;
+    showOccurrenceDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    showRemoveDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    formItem: PropType<object>;
+    dragItem: PropType<object>;
+    resizeItem: PropType<object>;
+    removeItem: PropType<object>;
+    itemRef: PropType<any>;
+    onKeydown: PropType<(e: any) => void>;
+    onKeyup: PropType<(e: any) => void>;
+    onFocus: PropType<(e: any) => void>;
+    onMouseup: PropType<(e: any) => void>;
+    onMousedown: PropType<(e: any) => void>;
+    onClick: PropType<(e: any) => void>;
+    onDoubleclick: PropType<(e: any) => void>;
+    onRemoveclick: PropType<(e: any) => void>;
+    onPress: PropType<(e: any) => void>;
+    onDrag: PropType<(e: any) => void>;
+    onRelease: PropType<(e: any) => void>;
+    onResizepress: PropType<(e: any) => void>;
+    onResizeenddrag: PropType<(e: any) => void>;
+    onResizestartdrag: PropType<(e: any) => void>;
+    onResizerelease: PropType<(e: any) => void>;
+}>, {}, {
+    timeout: number;
+    display: boolean;
+    visible: boolean;
+    maxSiblingsPerSlot: number;
+}, {
+    itemTime(): any;
+    itemTitle(): string;
+    formattedTime(): any;
+}, {
+    getElement(): any;
+    handleFocus(e: any): void;
+    handleMouseDown(e: any): void;
+    handleClick(e: any): void;
+    handleMouseUp(e: any): void;
+    handleDoubleClick(e: any): void;
+    handleRemoveClick(e: any): void;
+    handleKeyDown(e: any): void;
+    handleKeyUp(e: any): void;
+    handlePress(e: any): void;
+    handleDrag(e: any): void;
+    handleRelease(e: any): void;
+    handleResizePress(e: any): void;
+    handleResizeStartDrag(e: any): void;
+    handleResizeEndDrag(e: any): void;
+    handleResizeRelease(e: any): void;
+    calculateMostSiblings(current: any, _siblings: any[]): number;
+    getSiblings(items: any[], range: [any, any], minDistance: number): any[];
+    inSlot(slot: SchedulerSlotProps, current: SchedulerItemProps): any;
+    position(): void;
+    handleResize(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    ignoreIsAllDay: PropType<boolean>;
+    item: PropType<any>;
+    uid: PropType<string | number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    originalStart: PropType<Date>;
+    startTimezone: PropType<string>;
+    endTimezone: PropType<string>;
+    isAllDay: PropType<boolean>;
+    title: PropType<string>;
+    description: PropType<string>;
+    occurrenceId: PropType<string>;
+    recurrenceExceptions: PropType<Date[]>;
+    recurrenceRule: PropType<string>;
+    recurrenceId: PropType<string | number>;
+    dataItem: PropType<any>;
+    head: PropType<boolean>;
+    tail: PropType<boolean>;
+    order: PropType<number>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    slots: PropType<import('../models/Slot').Slot[]>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    isException: PropType<boolean>;
+    isRecurring: PropType<boolean>;
+    id: PropType<string>;
+    tabIndex: PropType<number>;
+    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>;
+    resizeHint: PropType<boolean>;
+    format: PropType<string>;
+    showOccurrenceDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    showRemoveDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    formItem: PropType<object>;
+    dragItem: PropType<object>;
+    resizeItem: PropType<object>;
+    removeItem: PropType<object>;
+    itemRef: PropType<any>;
+    onKeydown: PropType<(e: any) => void>;
+    onKeyup: PropType<(e: any) => void>;
+    onFocus: PropType<(e: any) => void>;
+    onMouseup: PropType<(e: any) => void>;
+    onMousedown: PropType<(e: any) => void>;
+    onClick: PropType<(e: any) => void>;
+    onDoubleclick: PropType<(e: any) => void>;
+    onRemoveclick: PropType<(e: any) => void>;
+    onPress: PropType<(e: any) => void>;
+    onDrag: PropType<(e: any) => void>;
+    onRelease: PropType<(e: any) => void>;
+    onResizepress: PropType<(e: any) => void>;
+    onResizeenddrag: PropType<(e: any) => void>;
+    onResizestartdrag: PropType<(e: any) => void>;
+    onResizerelease: PropType<(e: any) => void>;
+}>> & Readonly<{}>, {
+    showOccurrenceDialog: boolean;
+    showRemoveDialog: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SchedulerProportionalViewItem };

package/items/SchedulerProportionalViewItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),E=require("./SchedulerItem.js"),p=require("../utils/main.js"),D=require("../views/common/utils.js"),S=require("../constants/main.js"),O=require("@progress/kendo-vue-intl"),y=require("./SchedulerItemContent.js"),c=require("@progress/kendo-vue-common"),h=require("@progress/kendo-svg-icons"),M=1,k=12,N=i.defineComponent({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;c.canUseDOM&&(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)&&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 s;const n=i.createVNode(E.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&&i.createVNode(i.Fragment,null,[this.$props.tail&&!this.$props.vertical&&i.createVNode("span",{class:"k-event-continuation"},[i.createVNode(c.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?h.chevronRightIcon:h.chevronLeftIcon},null)]),i.createVNode("div",{title:this.itemTitle},[this.$props.tail&&this.$props.vertical&&i.createVNode("span",{class:"k-event-continuation"},[i.createVNode(c.Icon,{name:"chevron-up",icon:h.chevronUpIcon},null)]),i.createVNode(y.SchedulerItemContent,{class:"k-event-title"},{default:()=>[this.$props.title]}),!this.$props.isAllDay&&i.createVNode(y.SchedulerItemContent,{class:"k-event-time"},{default:()=>[this.$props.isRecurring&&!this.$props.isException&&i.createVNode("span",{class:"k-event-recurrence-icon"},[i.createVNode(c.Icon,{name:"arrow-rotate-cw",icon:h.arrowRotateCwIcon},null)]),!this.$props.isRecurring&&this.$props.isException&&i.createVNode("span",{class:"k-event-recurrence-icon"},[i.createVNode(c.Icon,{name:"arrows-no-repeat",icon:h.arrowsNoRepeatIcon},null)]),this.formattedTime]}),this.$props.head&&this.$props.vertical&&i.createVNode("span",{class:"k-event-continuation"},[i.createVNode(c.Icon,{name:"chevron-down",icon:h.chevronDownIcon},null)])]),(this.$props.isRecurring&&!this.$props.isException||!this.$props.isRecurring&&this.$props.isException)&&i.createVNode("span",{class:"k-event-recurrence-icon"},[i.createVNode(c.Icon,{name:this.$props.isRecurring?"arrow-rotate-cw":"arrows-no-repeat",icon:this.$props.isRecurring?h.arrowRotateCwIcon:h.arrowsNoRepeatIcon},null)]),this.$props.head&&!this.$props.vertical&&i.createVNode("span",{class:"k-event-continuation"},[i.createVNode(c.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?h.chevronLeftIcon:h.chevronRightIcon},null)])])]});return s=c.getTemplate.call(this,{h:i.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}}),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(l=>{l._order!==void 0&&l._order!==null&&n<l._order&&(n=l._order)}),n+1},getSiblings(e,s,n){const[l,r]=s,u=new Date(Math.min(r.cSlot.end.getTime()-n,Math.max(this.$props.start.getTime(),l.cSlot.start.getTime()))),R=new Date(Math.max(u.getTime()+n,Math.min(this.$props.end.getTime(),r.cSlot.end.getTime())));return e.filter(a=>{const m=Math.max(Math.min(r.cSlot.end.getTime()-n,a.$props.start.getTime()),l.cSlot.start.getTime()),v=Math.min(Math.max(m+n,a.$props.end.getTime()),r.cSlot.end.getTime());return a.$props.id!==this.$props.id&&a.$props.group.index===this.$props.group.index&&a.$props.range.index===this.$props.range.index&&(this.$props.ignoreIsAllDay||a.$props.isAllDay===this.$props.isAllDay)&&p.intersects(new Date(m),new Date(v),u,R)&&p.intersects(l.cSlot.start,r.cSlot.end,a.$props.start,a.$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 b,T;if(!this.element)return;const e=(this.bv.slots||[]).filter(t=>t&&this.inSlot(t.cSlot,this.$props)).sort((t,f)=>t.cSlot.start.getTime()-f.cSlot.start.getTime()),s=e.filter(t=>p.intersects(t.cSlot.start,t.cSlot.end,this.$props.start,this.$props.end));if(!this.element||!s.length)return;const n=p.first(e),l=p.last(e),r=p.first(s),u=p.last(s);if(!r||!u||!n||!l)return;if(!p.intersects(r.cSlot.start,u.cSlot.end,this.$props.start,this.$props.end)){this.display=!1;return}const R=[],a=D.getRect(r.$el),m=(this.$props.vertical?a.height:a.width)/(r.cSlot.end.getTime()-r.cSlot.start.getTime()),v=(this.$props.vertical?k:8)/m,I=(Math.min(this.$props.start.getTime(),u.cSlot.end.getTime()-v)-r.cSlot.start.getTime())*m,w=Math.floor(Math.min(this.$props.end.getTime(),u.cSlot.end.getTime())-Math.max(this.$props.start.getTime(),r.cSlot.start.getTime()))*m;(this.bv.items||[]).forEach(t=>{t&&(t.$props.dragHint||t.$props.resizeHint||R.push(t))});const $=this.getSiblings(R,[n,l],v),g=this.$props.resizeHint||this.$props.dragHint?0:p.calculateProportionalOrder(this,$);let d=1;this.$props.resizeHint||this.$props.dragHint||(d=this.calculateMostSiblings(this,$),$.forEach(t=>{t._maxSiblingsPerSlot&&d<t._maxSiblingsPerSlot&&(d=t._maxSiblingsPerSlot)}),$.forEach(t=>{t._maxSiblingsPerSlot!==void 0&&t._maxSiblingsPerSlot!==null&&t._maxSiblingsPerSlot<d&&(t._maxSiblingsPerSlot=d)}));let z=0;const o=a;$.forEach(t=>{let f=0;t._order!==void 0&&t._order!==null&&t._order<g&&(f=D.getRect(t.getElement()).top+D.getRect(t.getElement()).height-o.top-S.BORDER_WIDTH*g+M),f>z&&(z=f)});const x=20;o.width=this.$props.vertical?o.width/d-S.BORDER_WIDTH-x/d:w-S.BORDER_WIDTH,this.$props.vertical?o.height=w-S.BORDER_WIDTH:(this.$props.resizeHint||this.$props.dragHint)&&d<=1||(o.height=(T=(b=this.$props.itemStyle)==null?void 0:b.height)!=null?T:k),o.left=this.$props.vertical?o.left+g+S.BORDER_WIDTH*g*o.width:o.left+(I<0?0:I),o.top=this.$props.vertical?o.top+(I<0?0:I):o.top+z+S.BORDER_WIDTH*g,this.maxSiblingsPerSlot=d,this._order=g,D.setRect(this.element,o),this.visible=!0,this.display=!0},handleResize(){this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{this.position()})}}});exports.SchedulerProportionalViewItem=N;