@progress/kendo-vue-scheduler 10.2.0-develop.7 → 10.2.0-develop.9

package/components/MoreEventsPopover.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"),N=require("@progress/kendo-vue-tooltip"),h=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),T={skeleton:"MMM"},V={skeleton:"dd"},b="t",D=e.defineComponent({name:"KendoSchedulerMoreEventsPopover",props:{show:{type:Boolean,default:!1},anchor:{type:Object,default:null},slot:{type:Object,default:null},items:{type:Array,default:()=>[]},itemsPerSlot:{type:Number,default:2}},emits:["dayclick","close"],inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},setup(o,{emit:d}){const t=r=>{const l=r.target,a=document.querySelector(".k-scheduler-popover");a&&!a.contains(l)&&o.anchor&&!o.anchor.contains(l)&&d("close")};return e.watch(()=>o.show,r=>{r?document.addEventListener("mousedown",t,!0):document.removeEventListener("mousedown",t,!0)},{immediate:!0}),e.onUnmounted(()=>{document.removeEventListener("mousedown",t,!0)}),{}},render(){const o=h.provideIntlService(this),d=h.provideLocalizationService(this);if(!this.$props.show||!this.$props.slot)return null;const t=this.$props.slot,r=this.$props.itemsPerSlot,l=t.items?t.items.filter((n,p)=>p>=r):[],a=new Date(t.zonedEnd.getTime()-(t.zonedEnd.getTime()-t.zonedStart.getTime())/2),k=o.formatDate(a,T),f=o.formatDate(a,V),y=d.toLanguageString(s.noEvents,s.messages[s.noEvents]),g=d.toLanguageString(s.popoverEvents,s.messages[s.popoverEvents]),E=n=>{n.preventDefault(),this.$emit("dayclick",t)},S=()=>{this.$emit("close")},w=e.createVNode("div",{class:"k-popover-header"},[e.createVNode("div",{class:"k-month"},[k]),e.createVNode("div",{class:"k-link k-day",onClick:E},[f])]);return e.createVNode(N.Popover,{anchor:this.$props.anchor,show:this.$props.show,popoverClass:"k-scheduler-popover",position:"right",collision:{horizontal:"flip",vertical:"flip"},animate:!1,onKeydown:S},{default:()=>[w,e.createVNode("div",{class:"k-scheduler-more-events-content",style:{minWidth:"220px"}},[l.length>0?e.createVNode("div",{class:"k-popover-events",role:"list","aria-label":g},[l.map((n,p)=>{var v,m;const i=(m=(v=n.group)==null?void 0:v.resources)==null?void 0:m.find(c=>!!(c.colorField&&c[c.colorField]!==""&&c[c.colorField]!==void 0)),u=(i==null?void 0:i.colorField)&&i[i.colorField],M=u?{borderColor:u,backgroundColor:u}:void 0;return e.createVNode("div",{key:n.uid||p,class:"k-popover-event k-event",role:"listitem",style:M},[e.createVNode("div",{class:"k-event-title"},[n.title||""]),e.createVNode("span",{class:"k-event-time"},[o.formatDate(n.zonedStart,b)])])})]):e.createVNode("span",{class:"k-no-data"},[y])])]})}});exports.MoreEventsPopover=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("@progress/kendo-vue-tooltip"),m=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),T={skeleton:"MMM"},V={skeleton:"dd"},D="t",L=e.defineComponent({name:"KendoSchedulerMoreEventsPopover",props:{show:{type:Boolean,default:!1},anchor:{type:Object,default:null},slot:{type:Object,default:null},items:{type:Array,default:()=>[]},itemsPerSlot:{type:Number,default:2}},emits:["dayclick","close"],inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},setup(o,{emit:d}){const t=l=>{const r=l.target,a=document.querySelector(".k-scheduler-popover");a&&!a.contains(r)&&o.anchor&&!o.anchor.contains(r)&&d("close")};return e.watch(()=>o.show,l=>{l?document.addEventListener("mousedown",t,!0):document.removeEventListener("mousedown",t,!0)},{immediate:!0}),e.onUnmounted(()=>{document.removeEventListener("mousedown",t,!0)}),{}},render(){const o=m.provideIntlService(this),d=m.provideLocalizationService(this);if(!this.$props.show||!this.$props.slot)return null;const t=this.$props.slot,l=this.$props.itemsPerSlot,r=t.items?t.items.filter((n,p)=>p>=l):[],a=new Date(t.zonedEnd.getTime()-(t.zonedEnd.getTime()-t.zonedStart.getTime())/2),k=o.formatDate(a,T),f=o.formatDate(a,V),y=d.toLanguageString(s.noEvents,s.messages[s.noEvents]),g=d.toLanguageString(s.popoverEvents,s.messages[s.popoverEvents]),E=n=>{n.preventDefault(),this.$emit("dayclick",t)},S=()=>{this.$emit("close")},w=e.createVNode("div",{class:"k-popover-header"},[e.createVNode("div",{class:"k-month"},[k]),e.createVNode("div",{class:"k-link k-day",onClick:E},[f])]);return e.createVNode(N.Popover,{anchor:this.$props.anchor,show:this.$props.show,popoverClass:"k-scheduler-popover",position:"right",collision:{horizontal:"flip",vertical:"flip"},animate:!1,onKeydown:S},{default:()=>[w,e.createVNode("div",{class:"k-scheduler-more-events-content",style:{minWidth:"220px"}},[r.length>0?e.createVNode("div",{class:"k-popover-events",role:"list","aria-label":g},[r.map((n,p)=>{var v,h;const i=(h=(v=n.group)==null?void 0:v.resources)==null?void 0:h.find(c=>!!(c.colorField&&c[c.colorField]!==""&&c[c.colorField]!==void 0)),u=(i==null?void 0:i.colorField)&&i[i.colorField],M=u?{"--kendo-scheduler-event-color":u}:void 0;return e.createVNode("div",{key:n.uid||p,class:"k-popover-event k-event",role:"listitem",style:M},[e.createVNode("div",{class:"k-event-title"},[n.title||""]),e.createVNode("span",{class:"k-event-time"},[o.formatDate(n.zonedStart,D)])])})]):e.createVNode("span",{class:"k-no-data"},[y])])]})}});exports.MoreEventsPopover=L;

package/components/MoreEventsPopover.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as T, createVNode as t, watch as L, onUnmounted as b } from "vue";
-import { Popover as z } from "@progress/kendo-vue-tooltip";
-import { provideIntlService as C, provideLocalizationService as F } from "@progress/kendo-vue-intl";
+import { defineComponent as T, createVNode as t, watch as L, onUnmounted as z } from "vue";
+import { Popover as F } from "@progress/kendo-vue-tooltip";
+import { provideIntlService as $, provideLocalizationService as b } from "@progress/kendo-vue-intl";
 import { noEvents as u, messages as h, popoverEvents as f } from "../messages/main.mjs";
-const $ = {
+const C = {
   skeleton: "MMM"
 }, O = {
   skeleton: "dd"
@@ -57,15 +57,15 @@ const $ = {
       s ? document.addEventListener("mousedown", e, !0) : document.removeEventListener("mousedown", e, !0);
     }, {
       immediate: !0
-    }), b(() => {
+    }), z(() => {
       document.removeEventListener("mousedown", e, !0);
     }), {};
   },
   render() {
-    const o = C(this), c = F(this);
+    const o = $(this), c = b(this);
     if (!this.$props.show || !this.$props.slot)
       return null;
-    const e = this.$props.slot, s = this.$props.itemsPerSlot, l = e.items ? e.items.filter((n, d) => d >= s) : [], r = new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2), k = o.formatDate(r, $), y = o.formatDate(r, O), g = c.toLanguageString(u, h[u]), S = c.toLanguageString(f, h[f]), w = (n) => {
+    const e = this.$props.slot, s = this.$props.itemsPerSlot, l = e.items ? e.items.filter((n, d) => d >= s) : [], r = new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2), k = o.formatDate(r, C), y = o.formatDate(r, O), g = c.toLanguageString(u, h[u]), S = c.toLanguageString(f, h[f]), w = (n) => {
       n.preventDefault(), this.$emit("dayclick", e);
     }, E = () => {
       this.$emit("close");
@@ -77,7 +77,7 @@ const $ = {
       class: "k-link k-day",
       onClick: w
     }, [y])]);
-    return t(z, {
+    return t(F, {
       anchor: this.$props.anchor,
       show: this.$props.show,
       popoverClass: "k-scheduler-popover",
@@ -101,8 +101,7 @@ const $ = {
       }, [l.map((n, d) => {
         var v, m;
         const i = (m = (v = n.group) == null ? void 0 : v.resources) == null ? void 0 : m.find((a) => !!(a.colorField && a[a.colorField] !== "" && a[a.colorField] !== void 0)), p = (i == null ? void 0 : i.colorField) && i[i.colorField], M = p ? {
-          borderColor: p,
-          backgroundColor: p
+          "--kendo-scheduler-event-color": p
         } : void 0;
         return t("div", {
           key: n.uid || d,