@progress/kendo-angular-scheduler 16.11.0-develop.3 → 16.11.0-develop.4

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727428551,
-    version: '16.11.0-develop.3',
+    publishDate: 1727434230,
+    version: '16.11.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/views/day-time/day-time-slot.service.mjs

@@ -467,25 +467,25 @@ export class DayTimeSlotService extends BaseSlotService {
         let range;
         if (isDaySlot) {
             this.groups.find((group) => {
-                range = group.dayRanges.find(r => rectContainsX(r.rect, x));
+                range = group.dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScaleX()));
                 return range;
             });
             if (range) {
-                return range.slots.find(slot => rectContainsX(slot.rect, x));
+                return range.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScaleX()));
             }
         }
         else {
             this.groups.find((group) => {
                 if (includeDayRanges) {
-                    range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+                    range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
                 }
                 if (!range) {
-                    range = group.timeRanges.find(r => rectContains(r.rect, x, y));
+                    range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
                 }
                 return range;
             });
             if (range) {
-                return range.slots.find(slot => rectContains(slot.rect, x, y));
+                return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
             }
         }
     }
@@ -493,13 +493,13 @@ export class DayTimeSlotService extends BaseSlotService {
         const group = this.groups[currentSlot.id.resourceIndex];
         let range;
         if (currentSlot.isDaySlot) {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         }
         else {
-            range = group.timeRanges.find(r => rectContains(r.rect, x, y));
+            range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         }
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     dragRanges(currentSlot, offset, timeRanges) {

package/esm2020/views/month/month-slot.service.mjs

@@ -204,11 +204,11 @@ export class MonthSlotService extends BaseSlotService {
     slotByPosition(x, y) {
         let range;
         this.groups.find((group) => {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
             return range;
         });
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     dragRanges(currentSlot, offset) {
@@ -229,9 +229,9 @@ export class MonthSlotService extends BaseSlotService {
         };
     }
     groupSlotByPosition(currentSlot, x, y) {
-        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y));
+        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     resizeRanges(currentSlot, task, resizeStart, offset) {

package/esm2020/views/utils.mjs

@@ -242,9 +242,9 @@ export function isRecurrenceException(task) {
     return task.event && isPresent(task.event.recurrenceId) && !task.event.recurrenceRule;
 }
 /** @hidden */
-export const rectContains = (rect, left, top) => rect.left <= left && left <= rect.left + rect.width && rect.top <= top && top <= rect.top + rect.height;
+export const rectContains = (rect, left, top, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX && rect.top * scaleX <= top && top <= rect.top * scaleX + rect.height * scaleX;
 /** @hidden */
-export const rectContainsX = (rect, left) => rect.left <= left && left <= rect.left + rect.width;
+export const rectContainsX = (rect, left, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX;
 /** @hidden */
 export const toPx = value => `${value}px`;
 /** @hidden */

package/esm2020/views/view-items/base-slot.service.mjs

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter } from '@angular/core';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
 /**
  * @hidden
  */
@@ -72,4 +73,12 @@ export class BaseSlotService {
         }
         return this.groups[index];
     }
+    calculateScaleX() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const schedulerEl = document.querySelector('.k-scheduler');
+        const scaleX = schedulerEl.getBoundingClientRect().width / schedulerEl.offsetWidth;
+        return scaleX;
+    }
 }

package/fesm2015/progress-kendo-angular-scheduler.mjs

@@ -42,8 +42,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727428551,
-    version: '16.11.0-develop.3',
+    publishDate: 1727434230,
+    version: '16.11.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2254,9 +2254,9 @@ function isRecurrenceException(task) {
     return task.event && isPresent(task.event.recurrenceId) && !task.event.recurrenceRule;
 }
 /** @hidden */
-const rectContains = (rect, left, top) => rect.left <= left && left <= rect.left + rect.width && rect.top <= top && top <= rect.top + rect.height;
+const rectContains = (rect, left, top, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX && rect.top * scaleX <= top && top <= rect.top * scaleX + rect.height * scaleX;
 /** @hidden */
-const rectContainsX = (rect, left) => rect.left <= left && left <= rect.left + rect.width;
+const rectContainsX = (rect, left, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX;
 /** @hidden */
 const toPx = value => `${value}px`;
 /** @hidden */
@@ -10092,6 +10092,14 @@ class BaseSlotService {
         }
         return this.groups[index];
     }
+    calculateScaleX() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const schedulerEl = document.querySelector('.k-scheduler');
+        const scaleX = schedulerEl.getBoundingClientRect().width / schedulerEl.offsetWidth;
+        return scaleX;
+    }
 }
 
 //better try to measure this one
@@ -10291,11 +10299,11 @@ class MonthSlotService extends BaseSlotService {
     slotByPosition(x, y) {
         let range;
         this.groups.find((group) => {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
             return range;
         });
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     dragRanges(currentSlot, offset) {
@@ -10316,9 +10324,9 @@ class MonthSlotService extends BaseSlotService {
         };
     }
     groupSlotByPosition(currentSlot, x, y) {
-        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y));
+        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     resizeRanges(currentSlot, task, resizeStart, offset) {
@@ -13653,25 +13661,25 @@ class DayTimeSlotService extends BaseSlotService {
         let range;
         if (isDaySlot) {
             this.groups.find((group) => {
-                range = group.dayRanges.find(r => rectContainsX(r.rect, x));
+                range = group.dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScaleX()));
                 return range;
             });
             if (range) {
-                return range.slots.find(slot => rectContainsX(slot.rect, x));
+                return range.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScaleX()));
             }
         }
         else {
             this.groups.find((group) => {
                 if (includeDayRanges) {
-                    range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+                    range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
                 }
                 if (!range) {
-                    range = group.timeRanges.find(r => rectContains(r.rect, x, y));
+                    range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
                 }
                 return range;
             });
             if (range) {
-                return range.slots.find(slot => rectContains(slot.rect, x, y));
+                return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
             }
         }
     }
@@ -13679,13 +13687,13 @@ class DayTimeSlotService extends BaseSlotService {
         const group = this.groups[currentSlot.id.resourceIndex];
         let range;
         if (currentSlot.isDaySlot) {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         }
         else {
-            range = group.timeRanges.find(r => rectContains(r.rect, x, y));
+            range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         }
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     dragRanges(currentSlot, offset, timeRanges) {

package/fesm2020/progress-kendo-angular-scheduler.mjs

@@ -42,8 +42,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727428551,
-    version: '16.11.0-develop.3',
+    publishDate: 1727434230,
+    version: '16.11.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2219,9 +2219,9 @@ function isRecurrenceException(task) {
     return task.event && isPresent(task.event.recurrenceId) && !task.event.recurrenceRule;
 }
 /** @hidden */
-const rectContains = (rect, left, top) => rect.left <= left && left <= rect.left + rect.width && rect.top <= top && top <= rect.top + rect.height;
+const rectContains = (rect, left, top, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX && rect.top * scaleX <= top && top <= rect.top * scaleX + rect.height * scaleX;
 /** @hidden */
-const rectContainsX = (rect, left) => rect.left <= left && left <= rect.left + rect.width;
+const rectContainsX = (rect, left, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX;
 /** @hidden */
 const toPx = value => `${value}px`;
 /** @hidden */
@@ -10052,6 +10052,14 @@ class BaseSlotService {
         }
         return this.groups[index];
     }
+    calculateScaleX() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const schedulerEl = document.querySelector('.k-scheduler');
+        const scaleX = schedulerEl.getBoundingClientRect().width / schedulerEl.offsetWidth;
+        return scaleX;
+    }
 }
 
 //better try to measure this one
@@ -10251,11 +10259,11 @@ class MonthSlotService extends BaseSlotService {
     slotByPosition(x, y) {
         let range;
         this.groups.find((group) => {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
             return range;
         });
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     dragRanges(currentSlot, offset) {
@@ -10276,9 +10284,9 @@ class MonthSlotService extends BaseSlotService {
         };
     }
     groupSlotByPosition(currentSlot, x, y) {
-        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y));
+        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     resizeRanges(currentSlot, task, resizeStart, offset) {
@@ -13605,25 +13613,25 @@ class DayTimeSlotService extends BaseSlotService {
         let range;
         if (isDaySlot) {
             this.groups.find((group) => {
-                range = group.dayRanges.find(r => rectContainsX(r.rect, x));
+                range = group.dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScaleX()));
                 return range;
             });
             if (range) {
-                return range.slots.find(slot => rectContainsX(slot.rect, x));
+                return range.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScaleX()));
             }
         }
         else {
             this.groups.find((group) => {
                 if (includeDayRanges) {
-                    range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+                    range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
                 }
                 if (!range) {
-                    range = group.timeRanges.find(r => rectContains(r.rect, x, y));
+                    range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
                 }
                 return range;
             });
             if (range) {
-                return range.slots.find(slot => rectContains(slot.rect, x, y));
+                return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
             }
         }
     }
@@ -13631,13 +13639,13 @@ class DayTimeSlotService extends BaseSlotService {
         const group = this.groups[currentSlot.id.resourceIndex];
         let range;
         if (currentSlot.isDaySlot) {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         }
         else {
-            range = group.timeRanges.find(r => rectContains(r.rect, x, y));
+            range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
         }
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
         }
     }
     dragRanges(currentSlot, offset, timeRanges) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "16.11.0-develop.3",
+  "version": "16.11.0-develop.4",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -26,23 +26,23 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-tooltip": "16.11.0-develop.3",
-    "@progress/kendo-angular-buttons": "16.11.0-develop.3",
-    "@progress/kendo-angular-common": "16.11.0-develop.3",
-    "@progress/kendo-angular-dateinputs": "16.11.0-develop.3",
-    "@progress/kendo-angular-dialog": "16.11.0-develop.3",
-    "@progress/kendo-angular-dropdowns": "16.11.0-develop.3",
-    "@progress/kendo-angular-icons": "16.11.0-develop.3",
-    "@progress/kendo-angular-inputs": "16.11.0-develop.3",
-    "@progress/kendo-angular-intl": "16.11.0-develop.3",
-    "@progress/kendo-angular-l10n": "16.11.0-develop.3",
-    "@progress/kendo-angular-label": "16.11.0-develop.3",
-    "@progress/kendo-angular-popup": "16.11.0-develop.3",
+    "@progress/kendo-angular-tooltip": "16.11.0-develop.4",
+    "@progress/kendo-angular-buttons": "16.11.0-develop.4",
+    "@progress/kendo-angular-common": "16.11.0-develop.4",
+    "@progress/kendo-angular-dateinputs": "16.11.0-develop.4",
+    "@progress/kendo-angular-dialog": "16.11.0-develop.4",
+    "@progress/kendo-angular-dropdowns": "16.11.0-develop.4",
+    "@progress/kendo-angular-icons": "16.11.0-develop.4",
+    "@progress/kendo-angular-inputs": "16.11.0-develop.4",
+    "@progress/kendo-angular-intl": "16.11.0-develop.4",
+    "@progress/kendo-angular-l10n": "16.11.0-develop.4",
+    "@progress/kendo-angular-label": "16.11.0-develop.4",
+    "@progress/kendo-angular-popup": "16.11.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.11.0-develop.3",
+    "@progress/kendo-angular-schematics": "16.11.0-develop.4",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/schematics/ngAdd/index.js

@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '16.11.0-develop.3',
-            '@progress/kendo-angular-navigation': '16.11.0-develop.3',
+            '@progress/kendo-angular-treeview': '16.11.0-develop.4',
+            '@progress/kendo-angular-navigation': '16.11.0-develop.4',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '16.11.0-develop.3',
+            '@progress/kendo-angular-dialog': '16.11.0-develop.4',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^3.0.0'
         } });

package/views/utils.d.ts

@@ -72,9 +72,9 @@ export declare function isRecurrence(task: any): boolean;
 /** @hidden */
 export declare function isRecurrenceException(task: any): boolean;
 /** @hidden */
-export declare const rectContains: (rect: any, left: number, top: number) => boolean;
+export declare const rectContains: (rect: any, left: number, top: number, scaleX?: number) => boolean;
 /** @hidden */
-export declare const rectContainsX: (rect: any, left: number) => boolean;
+export declare const rectContainsX: (rect: any, left: number, scaleX?: number) => boolean;
 /** @hidden */
 export declare const toPx: (value: any) => string;
 /** @hidden */

package/views/view-items/base-slot.service.d.ts

@@ -24,4 +24,5 @@ export declare abstract class BaseSlotService {
     protected clearEmptyGroups(): void;
     protected itemGroup(item: ViewItem): ResourceGroup;
     protected slotGroup(slot: SlotDirective): ResourceGroup;
+    protected calculateScaleX(): number;
 }