@progress/kendo-angular-scheduler 25.4.0-develop.17 → 25.4.0-develop.18

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

@@ -44,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1792781108,
-    version: '25.4.0-develop.17',
+    publishDate: 1793091072,
+    version: '25.4.0-develop.18',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -13569,7 +13569,7 @@ class BaseView {
         }
     }
     getEventStyles(item, itemResource, isAllDay) {
-        const result = { backgroundColor: itemResource.color, borderColor: itemResource.color };
+        const result = { '--kendo-scheduler-event-color': itemResource.color };
         if (this.eventStyles) {
             Object.assign(result, this.eventStyles({
                 event: item.event,
@@ -13899,8 +13899,7 @@ class BaseView {
                     right: !this.localization.rtl ? '' : toPx(origin),
                     width: size.width,
                     height: size.height,
-                    backgroundColor: color,
-                    borderColor: color
+                    '--kendo-scheduler-event-color': color
                 };
                 if (this.eventStyles) {
                     Object.assign(styles, this.eventStyles(this.dragHintEventStyleArgs()));
@@ -14100,6 +14099,7 @@ class BaseView {
         const direction = resizing.direction;
         const horizontal = direction === 'w' || direction === 'e';
         const resizeStart = direction === 'w' || direction === 'n';
+        const color = this.resizeResourceColor(resizing.task, resizing.slot);
         this.resizeHints = [];
         for (let idx = 0; idx < ranges.length; idx++) {
             const range = ranges[idx];
@@ -14118,10 +14118,17 @@ class BaseView {
                 },
                 start: first && !resizeStart ? resizing.start : firstSlot.start,
                 end: last && resizeStart ? resizing.end : lastSlot.end,
-                class: resizing.hintClass
+                class: resizing.hintClass,
+                color
             });
         }
     }
+    resizeResourceColor(task, slot) {
+        const taskResources = task?.resources || [];
+        const resourceIndex = slot?.id?.resourceIndex;
+        const itemResource = taskResources.find(r => r.leafIdx === resourceIndex) || taskResources[0];
+        return itemResource?.color;
+    }
     coordinatesOffset(x, y, container = this.container, offset = this.containerOffset) {
         const schedulerEl = container?.closest('.k-scheduler');
         const schedulerRect = schedulerEl?.getBoundingClientRect();
@@ -14869,6 +14876,9 @@ class ResizeHintComponent {
     hint;
     format;
     marqueeClasses = true;
+    get color() {
+        return this.hint.color || null;
+    }
     get left() {
         return this.hint.rect.left;
     }
@@ -14888,7 +14898,7 @@ class ResizeHintComponent {
         return toLocalDate(this.hint.end);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ResizeHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.--kendo-marquee-color": "this.color", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
         <div class="k-marquee-color"></div>
         <div class="k-marquee-text">
           @if (hint.first) {
@@ -14934,6 +14944,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-last']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.--kendo-marquee-color']
             }], left: [{
                 type: HostBinding,
                 args: ['style.left.px']
@@ -15234,7 +15247,7 @@ class EventsPopoverComponent {
     }
     getEventStyles(event) {
         const itemResource = event.resources?.[0];
-        const result = { backgroundColor: itemResource?.color, borderColor: itemResource?.color };
+        const result = { '--kendo-scheduler-event-color': itemResource?.color };
         if (this.eventStyles) {
             Object.assign(result, this.eventStyles({
                 event: event.event,

package/index.d.ts

@@ -6107,6 +6107,7 @@ declare class ResizeHintComponent {
     hint: any;
     format: string;
     marqueeClasses: boolean;
+    get color(): string;
     get left(): number;
     get top(): number;
     get width(): number;
@@ -6481,6 +6482,7 @@ declare abstract class BaseView implements OnInit, OnChanges, AfterViewInit, OnD
     protected initResize(args: any): void;
     protected resize(args: any): void;
     protected updateResizeHints(ranges: any[], _start: Date, _end: Date): void;
+    protected resizeResourceColor(task: any, slot: any): string;
     protected coordinatesOffset(x: number, y: number, container?: any, offset?: any): any;
     protected scrollContainer(callback: any, args: any): void;
     protected emitEvent(name: string, args: any): boolean;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1792781108,
-  "version": "25.4.0-develop.17",
+  "publishDate": 1793091072,
+  "version": "25.4.0-develop.18",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "25.4.0-develop.17",
+  "version": "25.4.0-develop.18",
   "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",
@@ -80,7 +80,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1792781108,
+      "publishDate": 1793091072,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -93,23 +93,23 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-tooltip": "25.4.0-develop.17",
-    "@progress/kendo-angular-buttons": "25.4.0-develop.17",
-    "@progress/kendo-angular-common": "25.4.0-develop.17",
-    "@progress/kendo-angular-dateinputs": "25.4.0-develop.17",
-    "@progress/kendo-angular-dialog": "25.4.0-develop.17",
-    "@progress/kendo-angular-dropdowns": "25.4.0-develop.17",
-    "@progress/kendo-angular-icons": "25.4.0-develop.17",
-    "@progress/kendo-angular-inputs": "25.4.0-develop.17",
-    "@progress/kendo-angular-intl": "25.4.0-develop.17",
-    "@progress/kendo-angular-l10n": "25.4.0-develop.17",
-    "@progress/kendo-angular-label": "25.4.0-develop.17",
-    "@progress/kendo-angular-popup": "25.4.0-develop.17",
+    "@progress/kendo-angular-tooltip": "25.4.0-develop.18",
+    "@progress/kendo-angular-buttons": "25.4.0-develop.18",
+    "@progress/kendo-angular-common": "25.4.0-develop.18",
+    "@progress/kendo-angular-dateinputs": "25.4.0-develop.18",
+    "@progress/kendo-angular-dialog": "25.4.0-develop.18",
+    "@progress/kendo-angular-dropdowns": "25.4.0-develop.18",
+    "@progress/kendo-angular-icons": "25.4.0-develop.18",
+    "@progress/kendo-angular-inputs": "25.4.0-develop.18",
+    "@progress/kendo-angular-intl": "25.4.0-develop.18",
+    "@progress/kendo-angular-l10n": "25.4.0-develop.18",
+    "@progress/kendo-angular-label": "25.4.0-develop.18",
+    "@progress/kendo-angular-popup": "25.4.0-develop.18",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.4.0-develop.17",
+    "@progress/kendo-angular-schematics": "25.4.0-develop.18",
     "@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

@@ -9,10 +9,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': '25.4.0-develop.17',
-            '@progress/kendo-angular-navigation': '25.4.0-develop.17',
+            '@progress/kendo-angular-treeview': '25.4.0-develop.18',
+            '@progress/kendo-angular-navigation': '25.4.0-develop.18',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '25.4.0-develop.17',
+            '@progress/kendo-angular-dialog': '25.4.0-develop.18',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });