@progress/kendo-vue-scheduler 10.2.0-develop.1 → 10.2.0-develop.11

package/editors/ResourceEditor.d.ts

@@ -38,7 +38,9 @@ declare const ResourceEditor: import('vue').DefineComponent<import('vue').Extrac
     visited: PropType<boolean>;
     valid: PropType<boolean>;
     name: PropType<string>;
-}>, {}, {}, {}, {
+}>, {
+    getResourceColor: (color?: string) => string;
+}, {}, {}, {
     handleChange(event: DropDownListChangeEvent | MultiSelectChangeEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: any;

package/editors/ResourceEditor.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 a=require("vue"),n=require("@progress/kendo-vue-dropdowns"),m=require("../utils/main.js"),h=a.defineComponent({name:"KendoResourceEditor",emits:{change:null},props:{resource:Object,dataItems:Array,textField:String,valueField:String,colorField:String,multiple:Boolean,validationMessage:String,ariaLabel:String,value:[String,Number,Object],touched:Boolean,modified:Boolean,visited:Boolean,valid:Boolean,name:String},render(){const{colorField:t,textField:i,valueField:o}=this.$props,r=Array.isArray(this.$props.value)?this.$props.dataItems.filter(l=>this.$props.value.some(s=>l[this.$props.valueField]===s)):this.$props.dataItems.find(l=>l[this.$props.valueField]===this.$props.value),d=this.$props.multiple?n.MultiSelect:n.DropDownList,u=function(l,s,e){return a.createVNode("span",{class:"k-input-inner"},[t&&e.value&&a.createVNode("span",{key:1,class:"k-scheduler-mark",style:{backgroundColor:e.value[t],marginRight:e.value[o]?"8px":"4px"}},null),e.value&&e.value[i]])},c=function(l,s,e,p){return a.createVNode("li",{class:{"k-item":!0,...e.itemClass},onClick:p.onClick},[t&&a.createVNode("span",{key:1,class:"k-scheduler-mark",style:{backgroundColor:e.dataItem[t],marginRight:m.isPresent(e.dataItem[o])?"8px":"4px"}},null),e.dataItem[i]])};return a.createVNode(d,{value:r,onChange:this.handleChange,dataItems:this.$props.dataItems,textField:this.$props.textField,dataItemKey:this.$props.valueField,valid:this.$props.valid,validationMessage:this.$props.validationMessage,ariaLabel:this.$props.ariaLabel,itemRender:c,valueRender:u},null)},methods:{handleChange(t){const i=t.component.$props.dataItemKey,o=this.$props.multiple?(t.value||[]).map(r=>r[i]):t.value[i];this.$emit("change",{value:o})}}});exports.ResourceEditor=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),n=require("@progress/kendo-vue-dropdowns"),u=require("../utils/main.js"),v=a.defineComponent({name:"KendoResourceEditor",setup(){return{getResourceColor:u.useSchedulerResourceColor()}},emits:{change:null},props:{resource:Object,dataItems:Array,textField:String,valueField:String,colorField:String,multiple:Boolean,validationMessage:String,ariaLabel:String,value:[String,Number,Object],touched:Boolean,modified:Boolean,visited:Boolean,valid:Boolean,name:String},render(){const{colorField:t,textField:o,valueField:r}=this.$props,i=this.getResourceColor,d=Array.isArray(this.$props.value)?this.$props.dataItems.filter(l=>this.$props.value.some(s=>l[this.$props.valueField]===s)):this.$props.dataItems.find(l=>l[this.$props.valueField]===this.$props.value),c=this.$props.multiple?n.MultiSelect:n.DropDownList,p=function(l,s,e){return a.createVNode("span",{class:"k-input-inner"},[t&&e.value&&a.createVNode("span",{key:1,class:"k-scheduler-mark",style:{backgroundColor:i(e.value[t]),marginRight:e.value[r]?"8px":"4px"}},null),e.value&&e.value[o]])},m=function(l,s,e,h){return a.createVNode("li",{class:{"k-item":!0,...e.itemClass},onClick:h.onClick},[t&&a.createVNode("span",{key:1,class:"k-scheduler-mark",style:{backgroundColor:i(e.dataItem[t]),marginRight:u.isPresent(e.dataItem[r])?"8px":"4px"}},null),e.dataItem[o]])};return a.createVNode(c,{value:d,onChange:this.handleChange,dataItems:this.$props.dataItems,textField:this.$props.textField,dataItemKey:this.$props.valueField,valid:this.$props.valid,validationMessage:this.$props.validationMessage,ariaLabel:this.$props.ariaLabel,itemRender:m,valueRender:p},null)},methods:{handleChange(t){const o=t.component.$props.dataItemKey,r=this.$props.multiple?(t.value||[]).map(i=>i[o]):t.value[o];this.$emit("change",{value:r})}}});exports.ResourceEditor=v;

package/editors/ResourceEditor.mjs

@@ -5,11 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as m, createVNode as l } from "vue";
-import { MultiSelect as c, DropDownList as h } from "@progress/kendo-vue-dropdowns";
-import { isPresent as v } from "../utils/main.mjs";
-const F = /* @__PURE__ */ m({
+import { defineComponent as c, createVNode as i } from "vue";
+import { MultiSelect as h, DropDownList as v } from "@progress/kendo-vue-dropdowns";
+import { useSchedulerResourceColor as g, isPresent as $ } from "../utils/main.mjs";
+const R = /* @__PURE__ */ c({
   name: "KendoResourceEditor",
+  setup() {
+    return {
+      getResourceColor: g()
+    };
+  },
   emits: {
     change: null
   },
@@ -33,36 +38,36 @@ const F = /* @__PURE__ */ m({
     const {
       colorField: t,
       textField: a,
-      valueField: s
-    } = this.$props, o = Array.isArray(this.$props.value) ? this.$props.dataItems.filter((i) => this.$props.value.some((r) => i[this.$props.valueField] === r)) : this.$props.dataItems.find((i) => i[this.$props.valueField] === this.$props.value), n = this.$props.multiple ? c : h, d = function(i, r, e) {
-      return l("span", {
+      valueField: o
+    } = this.$props, r = this.getResourceColor, n = Array.isArray(this.$props.value) ? this.$props.dataItems.filter((l) => this.$props.value.some((s) => l[this.$props.valueField] === s)) : this.$props.dataItems.find((l) => l[this.$props.valueField] === this.$props.value), u = this.$props.multiple ? h : v, d = function(l, s, e) {
+      return i("span", {
         class: "k-input-inner"
-      }, [t && e.value && l("span", {
+      }, [t && e.value && i("span", {
         key: 1,
         class: "k-scheduler-mark",
         style: {
-          backgroundColor: e.value[t],
-          marginRight: e.value[s] ? "8px" : "4px"
+          backgroundColor: r(e.value[t]),
+          marginRight: e.value[o] ? "8px" : "4px"
         }
       }, null), e.value && e.value[a]]);
-    }, u = function(i, r, e, p) {
-      return l("li", {
+    }, p = function(l, s, e, m) {
+      return i("li", {
         class: {
           "k-item": !0,
           ...e.itemClass
         },
-        onClick: p.onClick
-      }, [t && l("span", {
+        onClick: m.onClick
+      }, [t && i("span", {
         key: 1,
         class: "k-scheduler-mark",
         style: {
-          backgroundColor: e.dataItem[t],
-          marginRight: v(e.dataItem[s]) ? "8px" : "4px"
+          backgroundColor: r(e.dataItem[t]),
+          marginRight: $(e.dataItem[o]) ? "8px" : "4px"
         }
       }, null), e.dataItem[a]]);
     };
-    return l(n, {
-      value: o,
+    return i(u, {
+      value: n,
       onChange: this.handleChange,
       dataItems: this.$props.dataItems,
       textField: this.$props.textField,
@@ -70,19 +75,19 @@ const F = /* @__PURE__ */ m({
       valid: this.$props.valid,
       validationMessage: this.$props.validationMessage,
       ariaLabel: this.$props.ariaLabel,
-      itemRender: u,
+      itemRender: p,
       valueRender: d
     }, null);
   },
   methods: {
     handleChange(t) {
-      const a = t.component.$props.dataItemKey, s = this.$props.multiple ? (t.value || []).map((o) => o[a]) : t.value[a];
+      const a = t.component.$props.dataItemKey, o = this.$props.multiple ? (t.value || []).map((r) => r[a]) : t.value[a];
       this.$emit("change", {
-        value: s
+        value: o
       });
     }
   }
 });
 export {
-  F as ResourceEditor
+  R as ResourceEditor
 };

package/editors/SchedulerFormEditor.d.ts

@@ -975,7 +975,9 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             visited: import('vue').PropType<boolean>;
             valid: import('vue').PropType<boolean>;
             name: import('vue').PropType<string>;
-        }>, {}, {}, {}, {
+        }>, {
+            getResourceColor: (color?: string) => string;
+        }, {}, {}, {
             handleChange(event: import('@progress/kendo-vue-dropdowns').DropDownListChangeEvent | import('@progress/kendo-vue-dropdowns').MultiSelectChangeEvent): void;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             change: any;
@@ -1882,7 +1884,9 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             visited: import('vue').PropType<boolean>;
             valid: import('vue').PropType<boolean>;
             name: import('vue').PropType<string>;
-        }>, {}, {}, {}, {
+        }>, {
+            getResourceColor: (color?: string) => string;
+        }, {}, {}, {
             handleChange(event: import('@progress/kendo-vue-dropdowns').DropDownListChangeEvent | import('@progress/kendo-vue-dropdowns').MultiSelectChangeEvent): void;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             change: any;

package/items/SchedulerItem.d.ts

@@ -42,8 +42,9 @@ export interface SchedulerItemProps extends Item {
      * The SchedulerItem applies the following default styles:
      *  - `cursor`: `pointer`
      *  - `userSelect`: `none`
-     *  - `borderColor`: `props.color`
-     *  - `borderColor`: `props.color`
+     *  - `--kendo-scheduler-event-color`: the color resolved from the matching entry in
+     *    `props.group.resources` whose `colorField` is set (requires a Kendo theme that
+     *    consumes this CSS variable; see https://github.com/telerik/kendo-themes/pull/6204)
      *  - `pointerEvents`: `none` - if `props.dragHint` or `props.resizeHint` is set to `true`
      */
     itemStyle?: any;

package/items/SchedulerItem.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 t=require("vue"),r=require("../utils/main.js"),i=require("@progress/kendo-vue-common"),n=require("@progress/kendo-vue-intl"),o=require("../components/SchedulerOccurrenceDialog.js"),a=require("../components/SchedulerRemoveDialog.js"),h=require("../components/SchedulerForm.js"),d=require("../hooks/useEditable.js"),u=t.defineComponent({name:"KendoSchedulerItem",inheritAttrs:!1,emits:{focus:null,blur:null,mousedown:null,mouseup:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,click:null,doubleclick:null,removeclick:null,keydown:null,keypress:null,keyup:null,press:null,drag:null,release:null,resizepress:null,resizestartdrag:null,resizeenddrag:null,resizerelease:null,cancel:null,close:null,formsubmit:null},props:{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,maxSiblingsPerSlot:Number,itemTitle:String,formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,ignoreIsAllDay:Boolean,item:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0}},inject:{ks:{default:null},bv:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null},setItems:{default:null},itemClick:{default:null},itemDoubleClick:{default:null},ksMobile:{default:null},ksCancel:{default:null},ksFormSubmit:{default:null},ksOccurrenceClick:{default:null},ksSeriesClick:{default:null},ksRemoveConfirm:{default:null},ksRemoveDialogCancel:{default:null},ksDeleteItem:{default:null},ksFormDelete:{default:null},ksIsSeries:{default:null}},computed:{currentEditable(){const e=d.useEditable(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))},color(){return this.resource&&this.resource.colorField&&this.resource[this.resource.colorField]},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},itemClassName(){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,"k-first":this.$props.resizeHint&&!this.$props.tail,"k-last":this.$props.resizeHint&&!this.$props.head,[this.$props.className]:this.$props.className}},eventLabel(){return`${r.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay)}, ${this.$props.title}`},resizeHandleStyle(){var e;return this.$props.selected&&this.currentEditable.select&&((e=this.ksMobile)!=null&&e.call(this))?{visibility:"visible"}:void 0},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,containerType:this.$props.resizeHint?void 0:((e=this.$props.itemStyle)==null?void 0:e.height)==="auto"?"normal":"size"}}},created(){this.setItems({type:r.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:r.COLLECTION_ACTION.remove,item:this})},render(){const e=i.getDefaultSlots(this);this.intl=n.provideIntlService(this);const s=i.getTemplate.call(this,{h:t.h,template:this.bv.viewProps.resizeHint,additionalProps:{dataItem:this.dataItem,color:this.color,itemClassName:this.itemClassName}});return t.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,ref:"draggable"},{default:()=>{var l;return[t.createVNode("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.createVNode(h.SchedulerForm,{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.createVNode(o.SchedulerOccurrenceDialog,{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.createVNode(a.SchedulerRemoveDialog,{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.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-n",style:this.resizeHandleStyle},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-s",style:this.resizeHandleStyle},null)]})],this.currentEditable.resize&&!this.$props.vertical&&[t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-w",style:this.resizeHandleStyle},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-e",style:this.resizeHandleStyle},null)]})],this.$props.resizeHint?this.bv.viewProps.resizeHint?s:[t.createVNode("div",{class:"k-marquee-color",style:{borderColor:this.color,backgroundColor:this.color}},null),t.createVNode("div",{class:"k-marquee-text"},[!this.$props.tail&&t.createVNode("div",{class:"k-label-top"},[this.intl.formatDate(this.$props.zonedStart,this.$props.format)]),!this.$props.head&&t.createVNode("div",{class:"k-label-bottom"},[this.intl.formatDate(this.$props.zonedEnd,this.$props.format)])])]:null])]}})},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.$props},element:this.element}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseDown(e){this.$emit("mousedown",{event:e,target:{props:{...this.$props},element:this.element}})},handleClick(e){var l;const s={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("click",s),this.itemClick(s),(l=this.ksMobile)!=null&&l.call(this)&&this.$props.selected&&this.handleDoubleClick(e)},handleMouseUp(e){this.$emit("mouseup",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.$props},element:this.element}})},handleDoubleClick(e){if(this.$props.readonly)return;const s={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("doubleclick",s),this.itemDoubleClick(s)},handleRemoveClick(e){this.$emit("removeclick",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.$props},element:this.element}})},handlePress(e){this.currentEditable.drag&&this.$emit("press",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleDrag(e){this.currentEditable.drag&&this.$emit("drag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleRelease(e){this.currentEditable.drag&&this.$emit("release",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizePress(e){this.$emit("resizepress",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeStartDrag(e){this.$emit("resizestartdrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeEndDrag(e){this.$emit("resizeenddrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeRelease(e){this.$emit("resizerelease",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleFormClose(e){this.ksCancel(e),this.$emit("close",e)},handleFormSubmit(e){this.ksFormSubmit(e),this.$emit("formsubmit",e)},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)}}});exports.SchedulerItem=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("../utils/main.js"),i=require("@progress/kendo-vue-common"),n=require("@progress/kendo-vue-intl"),o=require("../components/SchedulerOccurrenceDialog.js"),a=require("../components/SchedulerRemoveDialog.js"),h=require("../components/SchedulerForm.js"),d=require("../hooks/useEditable.js"),u=t.defineComponent({name:"KendoSchedulerItem",inheritAttrs:!1,emits:{focus:null,blur:null,mousedown:null,mouseup:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,click:null,doubleclick:null,removeclick:null,keydown:null,keypress:null,keyup:null,press:null,drag:null,release:null,resizepress:null,resizestartdrag:null,resizeenddrag:null,resizerelease:null,cancel:null,close:null,formsubmit:null},props:{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,maxSiblingsPerSlot:Number,itemTitle:String,formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,ignoreIsAllDay:Boolean,item:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0}},inject:{ks:{default:null},bv:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null},setItems:{default:null},itemClick:{default:null},itemDoubleClick:{default:null},ksMobile:{default:null},ksCancel:{default:null},ksFormSubmit:{default:null},ksOccurrenceClick:{default:null},ksSeriesClick:{default:null},ksRemoveConfirm:{default:null},ksRemoveDialogCancel:{default:null},ksDeleteItem:{default:null},ksFormDelete:{default:null},ksIsSeries:{default:null}},computed:{currentEditable(){const e=d.useEditable(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))},color(){return this.resource&&this.resource.colorField&&this.resource[this.resource.colorField]},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},itemClassName(){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,"k-first":this.$props.resizeHint&&!this.$props.tail,"k-last":this.$props.resizeHint&&!this.$props.head,[this.$props.className]:this.$props.className}},eventLabel(){return`${r.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay)}, ${this.$props.title}`},resizeHandleStyle(){var e;return this.$props.selected&&this.currentEditable.select&&((e=this.ksMobile)!=null&&e.call(this))?{visibility:"visible"}:void 0},computedStyle(){var e;return{cursor:"pointer",userSelect:"none",...this.color?{[this.$props.resizeHint?"--kendo-marquee-color":"--kendo-scheduler-event-color"]:this.color}:void 0,touchAction:"none",...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:r.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:r.COLLECTION_ACTION.remove,item:this})},render(){const e=i.getDefaultSlots(this);this.intl=n.provideIntlService(this);const s=i.getTemplate.call(this,{h:t.h,template:this.bv.viewProps.resizeHint,additionalProps:{dataItem:this.dataItem,color:this.color,itemClassName:this.itemClassName}});return t.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,ref:"draggable"},{default:()=>{var l;return[t.createVNode("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.createVNode(h.SchedulerForm,{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.createVNode(o.SchedulerOccurrenceDialog,{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.createVNode(a.SchedulerRemoveDialog,{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.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-n",style:this.resizeHandleStyle},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-s",style:this.resizeHandleStyle},null)]})],this.currentEditable.resize&&!this.$props.vertical&&[t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-w",style:this.resizeHandleStyle},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-e",style:this.resizeHandleStyle},null)]})],this.$props.resizeHint?this.bv.viewProps.resizeHint?s:[t.createVNode("div",{key:"color",class:"k-marquee-color"},null),t.createVNode("div",{key:"text",class:"k-marquee-text"},[!this.$props.tail&&t.createVNode("div",{class:"k-label-top"},[this.intl.formatDate(this.$props.zonedStart,this.$props.format)]),!this.$props.head&&t.createVNode("div",{class:"k-label-bottom"},[this.intl.formatDate(this.$props.zonedEnd,this.$props.format)])])]:null])]}})},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.$props},element:this.element}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseDown(e){this.$emit("mousedown",{event:e,target:{props:{...this.$props},element:this.element}})},handleClick(e){var l;const s={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("click",s),this.itemClick(s),(l=this.ksMobile)!=null&&l.call(this)&&this.$props.selected&&this.handleDoubleClick(e)},handleMouseUp(e){this.$emit("mouseup",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.$props},element:this.element}})},handleDoubleClick(e){if(this.$props.readonly)return;const s={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("doubleclick",s),this.itemDoubleClick(s)},handleRemoveClick(e){this.$emit("removeclick",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.$props},element:this.element}})},handlePress(e){this.currentEditable.drag&&this.$emit("press",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleDrag(e){this.currentEditable.drag&&this.$emit("drag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleRelease(e){this.currentEditable.drag&&this.$emit("release",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizePress(e){this.$emit("resizepress",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeStartDrag(e){this.$emit("resizestartdrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeEndDrag(e){this.$emit("resizeenddrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeRelease(e){this.$emit("resizerelease",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleFormClose(e){this.ksCancel(e),this.$emit("close",e)},handleFormSubmit(e){this.ksFormSubmit(e),this.$emit("formsubmit",e)},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)}}});exports.SchedulerItem=u;

package/items/SchedulerItem.mjs

@@ -196,8 +196,9 @@ const y = /* @__PURE__ */ n({
       return {
         cursor: "pointer",
         userSelect: "none",
-        borderColor: this.$props.resizeHint ? void 0 : this.color,
-        backgroundColor: this.$props.resizeHint ? void 0 : this.color,
+        ...this.color ? {
+          [this.$props.resizeHint ? "--kendo-marquee-color" : "--kendo-scheduler-event-color"]: this.color
+        } : void 0,
         touchAction: "none",
         ...this.$props.itemStyle,
         containerType: this.$props.resizeHint ? void 0 : ((e = this.$props.itemStyle) == null ? void 0 : e.height) === "auto" ? "normal" : "size"
@@ -317,12 +318,10 @@ const y = /* @__PURE__ */ n({
             style: this.resizeHandleStyle
           }, null)]
         })], this.$props.resizeHint ? this.bv.viewProps.resizeHint ? s : [t("div", {
-          class: "k-marquee-color",
-          style: {
-            borderColor: this.color,
-            backgroundColor: this.color
-          }
+          key: "color",
+          class: "k-marquee-color"
         }, null), t("div", {
+          key: "text",
           class: "k-marquee-text"
         }, [!this.$props.tail && t("div", {
           class: "k-label-top"

package/package-metadata.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 e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1791973026,version:"10.2.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1793637516,version:"10.2.0-develop.11",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1791973026,
-  version: "10.2.0-develop.1",
+  publishDate: 1793637516,
+  version: "10.2.0-develop.11",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-scheduler",
-  "version": "10.2.0-develop.1",
+  "version": "10.2.0-develop.11",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,17 +26,17 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.5.13",
     "@progress/kendo-drawing": "^1.20.1",
-    "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "10.2.0-develop.1",
-    "@progress/kendo-vue-buttons": "10.2.0-develop.1",
-    "@progress/kendo-vue-dateinputs": "10.2.0-develop.1",
-    "@progress/kendo-vue-dialogs": "10.2.0-develop.1",
-    "@progress/kendo-vue-dropdowns": "10.2.0-develop.1",
-    "@progress/kendo-vue-form": "10.2.0-develop.1",
-    "@progress/kendo-vue-inputs": "10.2.0-develop.1",
-    "@progress/kendo-vue-intl": "10.2.0-develop.1",
-    "@progress/kendo-vue-popup": "10.2.0-develop.1",
-    "@progress/kendo-vue-tooltip": "10.2.0-develop.1",
+    "@progress/kendo-licensing": "^1.12.0",
+    "@progress/kendo-vue-common": "10.2.0-develop.11",
+    "@progress/kendo-vue-buttons": "10.2.0-develop.11",
+    "@progress/kendo-vue-dateinputs": "10.2.0-develop.11",
+    "@progress/kendo-vue-dialogs": "10.2.0-develop.11",
+    "@progress/kendo-vue-dropdowns": "10.2.0-develop.11",
+    "@progress/kendo-vue-form": "10.2.0-develop.11",
+    "@progress/kendo-vue-inputs": "10.2.0-develop.11",
+    "@progress/kendo-vue-intl": "10.2.0-develop.11",
+    "@progress/kendo-vue-popup": "10.2.0-develop.11",
+    "@progress/kendo-vue-tooltip": "10.2.0-develop.11",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "vue": "^3.0.2"
   },
@@ -61,7 +61,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1791973026,
+      "publishDate": 1793637516,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/tasks/SchedulerTask.d.ts

@@ -98,7 +98,9 @@ declare const SchedulerTask: import('vue').DefineComponent<import('vue').Extract
         default: any;
     };
     onRemoveclick: PropType<(event: SchedulerTaskMouseEvent) => void>;
-}>, {}, {}, {}, {
+}>, {
+    getResourceColor: (color?: string) => string;
+}, {}, {}, {
     handleRemoveClick(event: any): void;
     handleClick(event: any): void;
     handleDoubleClick(event: any): void;

package/tasks/SchedulerTask.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 e=require("vue"),u=require("@progress/kendo-vue-intl"),c=require("../messages/main.js"),i=require("@progress/kendo-vue-common"),h=require("../components/SchedulerOccurrenceDialog.js"),k=require("../components/SchedulerRemoveDialog.js"),s=require("@progress/kendo-svg-icons"),m=require("../hooks/useEditable.js"),p=e.defineComponent({name:"KendoSchedulerTask",props:{refTo:[Function,Object],id:String,tabIndex:Number,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,isAllDay:Boolean,uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,removeItem:Object,editable:[Object,Boolean],readonly:Boolean,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},isSeries:{type:Boolean,default:void 0},onRemoveclick:Function},inject:{kendoLocalizationService:{default:null},taskClick:{default:null},taskDoubleClick:{default:null},ksCancel:{default:null},ksSeriesClick:{default:null},ksOccurrenceClick:{default:null},ksRemoveConfirm:{default:null}},created(){this.task=null},render(){const o=i.getDefaultSlots(this),t=m.useEditable(this.$props.editable),d=this.$props.readonly?{remove:!1,select:t.select}:t,a=u.provideLocalizationService(this).toLanguageString(c.deleteTitle,c.messages[c.deleteTitle]),l=this.$props.group.resources.find(r=>!!(r.colorField&&r[r.colorField]!==void 0)),n=l&&l.colorField&&l[l.colorField];return e.createVNode("div",{id:this.$props.id,class:"k-task",tabindex:this.$props.tabIndex||void 0,onClick:this.handleClick,onDblclick:this.handleDoubleClick},[n&&e.createVNode("span",{class:"k-scheduler-mark",style:{color:n,backgroundColor:n}},null),this.$props.isRecurring&&e.createVNode(i.Icon,{name:"arrow-rotate-cw",icon:s.arrowRotateCwIcon},null),this.$props.isException&&e.createVNode(i.Icon,{name:"arrows-no-repeat",icon:s.arrowsNoRepeatIcon},null),e.createVNode("span",{class:"k-scheduler-task-text"},[this.$props.title]),o,d.remove&&e.createVNode("a",{class:"k-link k-event-delete",title:a,"aria-label":a,onClick:this.handleRemoveClick},[e.createVNode(i.Icon,{name:"x",icon:s.xIcon},null)]),this.showOccurrenceDialog&&e.createVNode(h.SchedulerOccurrenceDialog,{dataItem:this.removeItem,isRemove:this.removeItem!==null,onClose:this.ksCancel,onOccurrenceclick:this.ksOccurrenceClick,onSeriesclick:this.ksSeriesClick},null),this.showRemoveDialog&&e.createVNode(k.SchedulerRemoveDialog,{dataItem:this.removeItem,isSeries:this.isSeries,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null)])},methods:{handleRemoveClick(o){this.$emit("removeclick",{event:o,target:this.task})},handleClick(o){const t={event:o,target:{props:{...this.$props},element:this.$el}};this.$emit("click",t),this.taskClick(t)},handleDoubleClick(o){const t={event:o,target:{props:{...this.$props},element:this.$el}};this.$emit("doubleclick",t),this.taskDoubleClick(t)}}});exports.SchedulerTask=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@progress/kendo-vue-intl"),c=require("../messages/main.js"),r=require("@progress/kendo-vue-common"),h=require("../components/SchedulerOccurrenceDialog.js"),k=require("../components/SchedulerRemoveDialog.js"),m=require("../utils/main.js"),s=require("@progress/kendo-svg-icons"),p=require("../hooks/useEditable.js"),g=e.defineComponent({name:"KendoSchedulerTask",setup(){return{getResourceColor:m.useSchedulerResourceColor()}},props:{refTo:[Function,Object],id:String,tabIndex:Number,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,isAllDay:Boolean,uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,removeItem:Object,editable:[Object,Boolean],readonly:Boolean,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},isSeries:{type:Boolean,default:void 0},onRemoveclick:Function},inject:{kendoLocalizationService:{default:null},taskClick:{default:null},taskDoubleClick:{default:null},ksCancel:{default:null},ksSeriesClick:{default:null},ksOccurrenceClick:{default:null},ksRemoveConfirm:{default:null}},created(){this.task=null},render(){const o=r.getDefaultSlots(this),t=p.useEditable(this.$props.editable),d=this.$props.readonly?{remove:!1,select:t.select}:t,a=u.provideLocalizationService(this).toLanguageString(c.deleteTitle,c.messages[c.deleteTitle]),i=this.$props.group.resources.find(l=>!!(l.colorField&&l[l.colorField]!==""&&l[l.colorField]!==void 0)),n=this.getResourceColor(i&&i.colorField&&i[i.colorField]);return e.createVNode("div",{id:this.$props.id,class:"k-task",tabindex:this.$props.tabIndex||void 0,onClick:this.handleClick,onDblclick:this.handleDoubleClick},[n&&e.createVNode("span",{class:"k-scheduler-mark",style:{color:n,backgroundColor:n}},null),this.$props.isRecurring&&e.createVNode(r.Icon,{name:"arrow-rotate-cw",icon:s.arrowRotateCwIcon},null),this.$props.isException&&e.createVNode(r.Icon,{name:"arrows-no-repeat",icon:s.arrowsNoRepeatIcon},null),e.createVNode("span",{class:"k-scheduler-task-text"},[this.$props.title]),o,d.remove&&e.createVNode("a",{class:"k-link k-event-delete",title:a,"aria-label":a,onClick:this.handleRemoveClick},[e.createVNode(r.Icon,{name:"x",icon:s.xIcon},null)]),this.showOccurrenceDialog&&e.createVNode(h.SchedulerOccurrenceDialog,{dataItem:this.removeItem,isRemove:this.removeItem!==null,onClose:this.ksCancel,onOccurrenceclick:this.ksOccurrenceClick,onSeriesclick:this.ksSeriesClick},null),this.showRemoveDialog&&e.createVNode(k.SchedulerRemoveDialog,{dataItem:this.removeItem,isSeries:this.isSeries,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null)])},methods:{handleRemoveClick(o){this.$emit("removeclick",{event:o,target:this.task})},handleClick(o){const t={event:o,target:{props:{...this.$props},element:this.$el}};this.$emit("click",t),this.taskClick(t)},handleDoubleClick(o){const t={event:o,target:{props:{...this.$props},element:this.$el}};this.$emit("doubleclick",t),this.taskDoubleClick(t)}}});exports.SchedulerTask=g;

package/tasks/SchedulerTask.mjs

@@ -7,14 +7,20 @@
  */
 import { defineComponent as d, createVNode as e } from "vue";
 import { provideLocalizationService as u } from "@progress/kendo-vue-intl";
-import { deleteTitle as a, messages as m } from "../messages/main.mjs";
-import { getDefaultSlots as h, Icon as r } from "@progress/kendo-vue-common";
+import { deleteTitle as c, messages as m } from "../messages/main.mjs";
+import { getDefaultSlots as h, Icon as n } from "@progress/kendo-vue-common";
 import { SchedulerOccurrenceDialog as k } from "../components/SchedulerOccurrenceDialog.mjs";
 import { SchedulerRemoveDialog as p } from "../components/SchedulerRemoveDialog.mjs";
-import { arrowRotateCwIcon as g, arrowsNoRepeatIcon as f, xIcon as b } from "@progress/kendo-svg-icons";
-import { useEditable as C } from "../hooks/useEditable.mjs";
-const x = /* @__PURE__ */ d({
+import { useSchedulerResourceColor as g } from "../utils/main.mjs";
+import { arrowRotateCwIcon as f, arrowsNoRepeatIcon as C, xIcon as b } from "@progress/kendo-svg-icons";
+import { useEditable as S } from "../hooks/useEditable.mjs";
+const y = /* @__PURE__ */ d({
   name: "KendoSchedulerTask",
+  setup() {
+    return {
+      getResourceColor: g()
+    };
+  },
   props: {
     refTo: [Function, Object],
     id: String,
@@ -87,36 +93,36 @@ const x = /* @__PURE__ */ d({
     this.task = null;
   },
   render() {
-    const o = h(this), t = C(this.$props.editable), c = this.$props.readonly ? {
+    const t = h(this), o = S(this.$props.editable), a = this.$props.readonly ? {
       remove: !1,
-      select: t.select
-    } : t, s = u(this).toLanguageString(a, m[a]), i = this.$props.group.resources.find((n) => !!(n.colorField && n[n.colorField] !== void 0)), l = i && i.colorField && i[i.colorField];
+      select: o.select
+    } : o, s = u(this).toLanguageString(c, m[c]), i = this.$props.group.resources.find((l) => !!(l.colorField && l[l.colorField] !== "" && l[l.colorField] !== void 0)), r = this.getResourceColor(i && i.colorField && i[i.colorField]);
     return e("div", {
       id: this.$props.id,
       class: "k-task",
       tabindex: this.$props.tabIndex || void 0,
       onClick: this.handleClick,
       onDblclick: this.handleDoubleClick
-    }, [l && e("span", {
+    }, [r && e("span", {
       class: "k-scheduler-mark",
       style: {
-        color: l,
-        backgroundColor: l
+        color: r,
+        backgroundColor: r
       }
-    }, null), this.$props.isRecurring && e(r, {
+    }, null), this.$props.isRecurring && e(n, {
       name: "arrow-rotate-cw",
-      icon: g
-    }, null), this.$props.isException && e(r, {
-      name: "arrows-no-repeat",
       icon: f
+    }, null), this.$props.isException && e(n, {
+      name: "arrows-no-repeat",
+      icon: C
     }, null), e("span", {
       class: "k-scheduler-task-text"
-    }, [this.$props.title]), o, c.remove && e("a", {
+    }, [this.$props.title]), t, a.remove && e("a", {
       class: "k-link k-event-delete",
       title: s,
       "aria-label": s,
       onClick: this.handleRemoveClick
-    }, [e(r, {
+    }, [e(n, {
       name: "x",
       icon: b
     }, null)]), this.showOccurrenceDialog && e(k, {
@@ -134,15 +140,15 @@ const x = /* @__PURE__ */ d({
     }, null)]);
   },
   methods: {
-    handleRemoveClick(o) {
+    handleRemoveClick(t) {
       this.$emit("removeclick", {
-        event: o,
+        event: t,
         target: this.task
       });
     },
-    handleClick(o) {
-      const t = {
-        event: o,
+    handleClick(t) {
+      const o = {
+        event: t,
         target: {
           props: {
             ...this.$props
@@ -150,11 +156,11 @@ const x = /* @__PURE__ */ d({
           element: this.$el
         }
       };
-      this.$emit("click", t), this.taskClick(t);
+      this.$emit("click", o), this.taskClick(o);
     },
-    handleDoubleClick(o) {
-      const t = {
-        event: o,
+    handleDoubleClick(t) {
+      const o = {
+        event: t,
         target: {
           props: {
             ...this.$props
@@ -162,10 +168,10 @@ const x = /* @__PURE__ */ d({
           element: this.$el
         }
       };
-      this.$emit("doubleclick", t), this.taskDoubleClick(t);
+      this.$emit("doubleclick", o), this.taskDoubleClick(o);
     }
   }
 });
 export {
-  x as SchedulerTask
+  y as SchedulerTask
 };

package/utils/main.d.ts

@@ -17,6 +17,10 @@ export declare enum COLLECTION_ACTION {
     remove = 1
 }
 /** @hidden */
+export declare const getSchedulerResourceColor: (color?: string) => string | undefined;
+/** @hidden */
+export declare const useSchedulerResourceColor: () => (color?: string) => string | undefined;
+/** @hidden */
 export declare const first: <T>(arr: T[]) => T;
 /** @hidden */
 export declare const last: <T>(arr: T[]) => T;

package/utils/main.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"});require("@progress/kendo-date-math");const p=require("../views/common/utils.js"),y=require("@progress/kendo-vue-common"),v=require("@progress/kendo-data-query");var D=(e=>(e[e.add=0]="add",e[e.remove=1]="remove",e))(D||{});const $=e=>e[0],H=e=>e[e.length-1],R=e=>{const t=new Set;return e.forEach(r=>{t.add(r.field)}),t.size===e.length};function P(e,t,r,s,n="all day"){const o={skeleton:"yMMMMEEEEdhm"},i={skeleton:"yMMMMEEEEd"},c="t",l=t.getFullYear()===r.getFullYear()&&t.getMonth()===r.getMonth()&&t.getDate()===r.getDate();if(s){const d=r.getHours()===0&&r.getMinutes()===0&&r.getSeconds()===0&&r.getTime()-t.getTime()===864e5;return l||d?`${e.formatDate(t,i)} (${n})`:`${e.formatDate(t,i)} to ${e.formatDate(r,i)} (${n})`}return l?`${e.formatDate(t,o)}–${e.formatDate(r,c)}`:`${e.formatDate(t,o)}-${e.formatDate(r,o)}`}const M=(e,t,r,s=0)=>{if(s===r)return null;let n=null;const o=document.elementFromPoint(e,t);if(!o)return n;if(o.getAttribute("data-slot")==="true")return o;{const c=o.style.pointerEvents;o.style.pointerEvents="none",n=M(e,t,r,s+1),o.style.pointerEvents=c}return n},a=(e,t)=>y.getter(t)(e),k=(e,t,r)=>{if(t)return y.setter(t)(e,r)},G=e=>e!=null;function b(e){return new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()))}const z=(e,t,r)=>{const s=h(e,t)?a(e,t.id):a(e,t.recurrenceId);return r.find(n=>a(n,t.id)===s)},h=(e,t)=>{const r=a(e,t.id),s=a(e,t.recurrenceId),n=a(e,t.recurrenceRule);return!!(r&&n&&s==null)},x=(e,t)=>Math.max(e.getTime(),t.getTime()),S=(e,t)=>Math.min(e.getTime(),t.getTime()),g=(e,t,r,s,n=!1)=>n?x(t,s)-S(e,r)<=t.getTime()-e.getTime()+(s.getTime()-r.getTime()):x(t,s)-S(e,r)<t.getTime()-e.getTime()+(s.getTime()-r.getTime()),T={id:"id",start:"start",startTimezone:"startTimezone",originalStart:"originalStart",end:"end",endTimezone:"endTimezone",isAllDay:"isAllDay",title:"title",description:"description",recurrenceRule:"recurrenceRule",recurrenceId:"recurrenceId",recurrenceExceptions:"recurrenceExceptions",readonly:"readonly"},B=e=>({fields:{...T,...e}}),q=(e,t,r)=>(t.getHours()<e.getHours()||t.getHours()===e.getHours()&&t.getMinutes()<=e.getMinutes())&&(e.getHours()<r.getHours()||r.getHours()===e.getHours()&&e.getMinutes()<r.getMinutes()),N=(e,t)=>{const r=p.toGroupResources(e,t),s=p.toFlatGroupResources(r);return s.length===1?[{index:0,resources:(t||[]).reduce((n,o)=>[...n,...o.data.map(i=>({...i,field:o.field,valueField:o.valueField,colorField:o.colorField,multiple:o.multiple}))],[])}]:s.map((n,o)=>({index:o,resources:n}))},I=e=>e==null,w=e=>I(e)||e.trim&&e.trim().length===0,f=e=>{let t=0;const r=e.slice();return r.sort((s,n)=>s-n).forEach((s,n)=>{r[n]===n&&(t=n+1)}),t},U=(e,t,r,s=!1)=>{let n;return r.forEach(o=>{const i=[];t.sort((l,d)=>l.$props.start.getTime()-d.$props.start.getTime()).forEach(l=>{if((s||l.$props.isAllDay===o.cSlot.isAllDay)&&l.$props.range.index===o.cSlot.range.index&&l.$props.group.index===o.cSlot.group.index&&g(l.$props.start,l.$props.end,o.cSlot.start,o.cSlot.end)){const u=f(i);l===e&&n===void 0&&(n=u),i.splice(u,0,u)}})}),n},Y=(e,t)=>{const r=new Set;return t.forEach(n=>{n._order!==void 0&&n._order!==null&&r.add(n._order)}),f(Array.from(r))},C=(e,t,r=!1)=>{e.forEach(n=>{n.order=null}),t.forEach(n=>{const o=n.cSlot?n.cSlot:n;o.items.splice(0,o.items.length)});const s=[...e].sort((n,o)=>n.start.getTime()-o.start.getTime());t.forEach(n=>{const o=n.cSlot?n.cSlot:n,i=[];s.forEach(c=>{if((r||c.isAllDay===o.isAllDay)&&c.range.index===o.range.index&&(c.range.isAllDay===void 0||o.range.isAllDay===void 0||c.range.isAllDay===o.range.isAllDay)&&c.group.index===o.group.index&&g(c.start,c.end,o.start,o.end)){if(c.order!==null&&c.order!==void 0)i.includes(c.order)||(i.push(c.order),i.sort((d,u)=>d-u));else{const d=f(i);c.order=d,i.push(d),i.sort((u,A)=>u-A)}o.items.push(c)}})})},_=(e,t,r=!1)=>{e.forEach(s=>s.slots.splice(0,s.slots.length)),e.forEach(s=>{t.forEach(n=>{const o=n.cSlot?n.cSlot:n;(r||s.isAllDay===o.isAllDay)&&s.range.index===o.range.index&&(s.range.isAllDay===void 0||o.range.isAllDay===void 0||s.range.isAllDay===o.range.isAllDay)&&s.group.index===o.group.index&&g(s.start,s.end,o.start,o.end)&&s.slots.push(n)})})},j=function(e){return e.props.items.find(r=>r.order===0)||e.props.items[0]},E=(e,t,r)=>!!(e.uid===t.uid&&(e.occurrenceId===void 0||e.occurrenceId===t.occurrenceId)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(r||e.isAllDay===t.isAllDay)),F=(e,t)=>{const r=e.filter(n=>n.element!==null);return v.orderBy(r,[{field:"group.index",dir:"asc"},{field:"range.index",dir:"asc"},t?{field:""}:{field:"isAllDay",dir:"desc"},{field:"start",dir:"asc"}])},O=(e,t)=>e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()&&e.index===t.index&&e.group.index===t.group.index&&e.range.index===t.range.index&&e.isAllDay===t.isAllDay,m=(e,t,r=!1)=>{const s=e,n=F(t,r);return{currentIndex:n.findIndex(i=>E(i,s,r)),sorted:n}},Q=(e,t,r=!1)=>{if(!e||!t)return null;const{currentIndex:s,sorted:n}=m(e,t,r)||{};return n[s]},V=(e,t,r=!1,s=!1)=>{const{currentIndex:n,sorted:o}=m(e,t,r);return o[n+(s?-1:1)]},J=(e,t)=>(e.order||0)-(t.order||0);exports.COLLECTION_ACTION=D;exports.calculateOrder=U;exports.calculateProportionalOrder=Y;exports.compareItems=E;exports.compareSlots=O;exports.defaultModelFields=T;exports.findCurrentItem=Q;exports.findFirstItem=j;exports.findMaster=z;exports.findMissing=f;exports.findNextItem=V;exports.first=$;exports.formatEventTime=P;exports.getCurrentItemIndex=m;exports.getField=a;exports.getModelFields=B;exports.getSortedSlots=F;exports.intersects=g;exports.isBlank=I;exports.isGroupped=R;exports.isInTimeRange=q;exports.isMaster=h;exports.isNullOrEmptyString=w;exports.isPresent=G;exports.last=H;exports.mapItemsToSlots=_;exports.mapSlotsToItems=C;exports.orderSort=J;exports.setField=k;exports.slotDive=M;exports.toSchedulerGroups=N;exports.toUTCDateTime=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue");require("@progress/kendo-date-math");const S=require("../views/common/utils.js"),M=require("@progress/kendo-vue-common"),b=require("@progress/kendo-data-query");var D=(e=>(e[e.add=0]="add",e[e.remove=1]="remove",e))(D||{});const m=new WeakMap,T=e=>{if(!e||typeof document=="undefined"||!document.body||!document.defaultView)return e;const t=document;let r=m.get(t);r||(r=new Map,m.set(t,r),queueMicrotask(()=>m.delete(t)));const s=r.get(e);if(s!==void 0)return s;const o=t.createElement("span");o.className="k-event",Object.assign(o.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",width:"0",height:"0"}),o.style.setProperty("--kendo-scheduler-event-color",e),t.body.append(o);try{const n=t.defaultView.getComputedStyle(o).backgroundColor;return r.set(e,n),n}finally{o.remove()}},k=()=>{const e=y.ref(!1);return y.onMounted(()=>{e.value=!0}),t=>e.value?T(t):t},C=e=>e[0],H=e=>e[e.length-1],w=e=>{const t=new Set;return e.forEach(r=>{t.add(r.field)}),t.size===e.length};function P(e,t,r,s,o="all day"){const n={skeleton:"yMMMMEEEEdhm"},i={skeleton:"yMMMMEEEEd"},c="t",l=t.getFullYear()===r.getFullYear()&&t.getMonth()===r.getMonth()&&t.getDate()===r.getDate();if(s){const d=r.getHours()===0&&r.getMinutes()===0&&r.getSeconds()===0&&r.getTime()-t.getTime()===864e5;return l||d?`${e.formatDate(t,i)} (${o})`:`${e.formatDate(t,i)} to ${e.formatDate(r,i)} (${o})`}return l?`${e.formatDate(t,n)}–${e.formatDate(r,c)}`:`${e.formatDate(t,n)}-${e.formatDate(r,n)}`}const I=(e,t,r,s=0)=>{if(s===r)return null;let o=null;const n=document.elementFromPoint(e,t);if(!n)return o;if(n.getAttribute("data-slot")==="true")return n;{const c=n.style.pointerEvents;n.style.pointerEvents="none",o=I(e,t,r,s+1),n.style.pointerEvents=c}return o},a=(e,t)=>M.getter(t)(e),q=(e,t,r)=>{if(t)return M.setter(t)(e,r)},G=e=>e!=null;function z(e){return new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()))}const B=(e,t,r)=>{const s=E(e,t)?a(e,t.id):a(e,t.recurrenceId);return r.find(o=>a(o,t.id)===s)},E=(e,t)=>{const r=a(e,t.id),s=a(e,t.recurrenceId),o=a(e,t.recurrenceRule);return!!(r&&o&&s==null)},h=(e,t)=>Math.max(e.getTime(),t.getTime()),x=(e,t)=>Math.min(e.getTime(),t.getTime()),g=(e,t,r,s,o=!1)=>o?h(t,s)-x(e,r)<=t.getTime()-e.getTime()+(s.getTime()-r.getTime()):h(t,s)-x(e,r)<t.getTime()-e.getTime()+(s.getTime()-r.getTime()),v={id:"id",start:"start",startTimezone:"startTimezone",originalStart:"originalStart",end:"end",endTimezone:"endTimezone",isAllDay:"isAllDay",title:"title",description:"description",recurrenceRule:"recurrenceRule",recurrenceId:"recurrenceId",recurrenceExceptions:"recurrenceExceptions",readonly:"readonly"},N=e=>({fields:{...v,...e}}),U=(e,t,r)=>(t.getHours()<e.getHours()||t.getHours()===e.getHours()&&t.getMinutes()<=e.getMinutes())&&(e.getHours()<r.getHours()||r.getHours()===e.getHours()&&e.getMinutes()<r.getMinutes()),V=(e,t)=>{const r=S.toGroupResources(e,t),s=S.toFlatGroupResources(r);return s.length===1?[{index:0,resources:(t||[]).reduce((o,n)=>[...o,...n.data.map(i=>({...i,field:n.field,valueField:n.valueField,colorField:n.colorField,multiple:n.multiple}))],[])}]:s.map((o,n)=>({index:n,resources:o}))},F=e=>e==null,Y=e=>F(e)||e.trim&&e.trim().length===0,f=e=>{let t=0;const r=e.slice();return r.sort((s,o)=>s-o).forEach((s,o)=>{r[o]===o&&(t=o+1)}),t},j=(e,t,r,s=!1)=>{let o;return r.forEach(n=>{const i=[];t.sort((l,d)=>l.$props.start.getTime()-d.$props.start.getTime()).forEach(l=>{if((s||l.$props.isAllDay===n.cSlot.isAllDay)&&l.$props.range.index===n.cSlot.range.index&&l.$props.group.index===n.cSlot.group.index&&g(l.$props.start,l.$props.end,n.cSlot.start,n.cSlot.end)){const u=f(i);l===e&&o===void 0&&(o=u),i.splice(u,0,u)}})}),o},O=(e,t)=>{const r=new Set;return t.forEach(o=>{o._order!==void 0&&o._order!==null&&r.add(o._order)}),f(Array.from(r))},_=(e,t,r=!1)=>{e.forEach(o=>{o.order=null}),t.forEach(o=>{const n=o.cSlot?o.cSlot:o;n.items.splice(0,n.items.length)});const s=[...e].sort((o,n)=>o.start.getTime()-n.start.getTime());t.forEach(o=>{const n=o.cSlot?o.cSlot:o,i=[];s.forEach(c=>{if((r||c.isAllDay===n.isAllDay)&&c.range.index===n.range.index&&(c.range.isAllDay===void 0||n.range.isAllDay===void 0||c.range.isAllDay===n.range.isAllDay)&&c.group.index===n.group.index&&g(c.start,c.end,n.start,n.end)){if(c.order!==null&&c.order!==void 0)i.includes(c.order)||(i.push(c.order),i.sort((d,u)=>d-u));else{const d=f(i);c.order=d,i.push(d),i.sort((u,R)=>u-R)}n.items.push(c)}})})},Q=(e,t,r=!1)=>{e.forEach(s=>s.slots.splice(0,s.slots.length)),e.forEach(s=>{t.forEach(o=>{const n=o.cSlot?o.cSlot:o;(r||s.isAllDay===n.isAllDay)&&s.range.index===n.range.index&&(s.range.isAllDay===void 0||n.range.isAllDay===void 0||s.range.isAllDay===n.range.isAllDay)&&s.group.index===n.group.index&&g(s.start,s.end,n.start,n.end)&&s.slots.push(o)})})},W=function(e){return e.props.items.find(r=>r.order===0)||e.props.items[0]},A=(e,t,r)=>!!(e.uid===t.uid&&(e.occurrenceId===void 0||e.occurrenceId===t.occurrenceId)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(r||e.isAllDay===t.isAllDay)),$=(e,t)=>{const r=e.filter(o=>o.element!==null);return b.orderBy(r,[{field:"group.index",dir:"asc"},{field:"range.index",dir:"asc"},t?{field:""}:{field:"isAllDay",dir:"desc"},{field:"start",dir:"asc"}])},J=(e,t)=>e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()&&e.index===t.index&&e.group.index===t.group.index&&e.range.index===t.range.index&&e.isAllDay===t.isAllDay,p=(e,t,r=!1)=>{const s=e,o=$(t,r);return{currentIndex:o.findIndex(i=>A(i,s,r)),sorted:o}},K=(e,t,r=!1)=>{if(!e||!t)return null;const{currentIndex:s,sorted:o}=p(e,t,r)||{};return o[s]},X=(e,t,r=!1,s=!1)=>{const{currentIndex:o,sorted:n}=p(e,t,r);return n[o+(s?-1:1)]},Z=(e,t)=>(e.order||0)-(t.order||0);exports.COLLECTION_ACTION=D;exports.calculateOrder=j;exports.calculateProportionalOrder=O;exports.compareItems=A;exports.compareSlots=J;exports.defaultModelFields=v;exports.findCurrentItem=K;exports.findFirstItem=W;exports.findMaster=B;exports.findMissing=f;exports.findNextItem=X;exports.first=C;exports.formatEventTime=P;exports.getCurrentItemIndex=p;exports.getField=a;exports.getModelFields=N;exports.getSchedulerResourceColor=T;exports.getSortedSlots=$;exports.intersects=g;exports.isBlank=F;exports.isGroupped=w;exports.isInTimeRange=U;exports.isMaster=E;exports.isNullOrEmptyString=Y;exports.isPresent=G;exports.last=H;exports.mapItemsToSlots=Q;exports.mapSlotsToItems=_;exports.orderSort=Z;exports.setField=q;exports.slotDive=I;exports.toSchedulerGroups=V;exports.toUTCDateTime=z;exports.useSchedulerResourceColor=k;