@progress/kendo-angular-scheduler 25.2.0-develop.1 → 25.2.0-develop.11

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

@@ -7,7 +7,7 @@ import { Optional, Directive, Injectable, EventEmitter, Input, Inject, isDevMode
 import * as i2 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
 import * as i7 from '@progress/kendo-angular-common';
-import { getter, setter, scrollbarWidth, isDocumentAvailable, hasObservers, isVisible as isVisible$1, isChanged, Keys, ResizeSensorComponent, getLicenseMessage, shouldShowValidationUI, anyChanged, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, provideComponentName, guid, normalizeKeys, ResizeBatchService } from '@progress/kendo-angular-common';
+import { getter, setter, scrollbarWidth, isDocumentAvailable, hasObservers, isVisible as isVisible$1, isChanged, Keys, ResizeSensorComponent, getLicenseMessage, shouldShowValidationUI, anyChanged, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, provideComponentName, guid, replaceMessagePlaceholder, normalizeKeys, ResizeBatchService } from '@progress/kendo-angular-common';
 import { isEqualDate, ZonedDate, toLocalDate, getDate, timezoneNames, Day, MS_PER_DAY as MS_PER_DAY$1, addDays, firstDayOfMonth, lastDayOfMonth, firstDayInWeek, addMonths, addWeeks, addYears } from '@progress/kendo-date-math';
 import { auditTime, buffer, filter, map, debounceTime, take, distinctUntilChanged, switchMap, tap } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -44,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1789373165,
-    version: '25.2.0-develop.1',
+    publishDate: 1789742736,
+    version: '25.2.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -7716,12 +7716,12 @@ class Messages extends ComponentMessages {
     allDay;
     /**
      * Sets the text for the **more events** button in the Month view.
-     * The `{count}` placeholder is replaced with the number of additional events.
+     * The `[[count]]` placeholder is replaced with the number of additional events.
      */
     moreEvents;
     /**
      * Sets the `aria-label` for the **more events** button in the Month view.
-     * The `{count}` placeholder is replaced with the number of additional events.
+     * The `[[count]]` placeholder is replaced with the number of additional events.
      */
     moreEventsLabel;
     /**
@@ -9540,10 +9540,10 @@ class SchedulerComponent {
           allDay="all day"
 
           i18n-moreEvents="kendo.scheduler.moreEvents|The text of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
-          moreEvents="{count} more"
+          moreEvents="[[count]] more"
 
           i18n-moreEventsLabel="kendo.scheduler.moreEventsLabel|The aria-label of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
-          moreEventsLabel="{count} more events"
+          moreEventsLabel="[[count]] more events"
 
           i18n-dateHeader="kendo.scheduler.dateHeader|The date header text displayed in the agenda view."
           dateHeader="Date"
@@ -9965,10 +9965,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
           allDay="all day"
 
           i18n-moreEvents="kendo.scheduler.moreEvents|The text of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
-          moreEvents="{count} more"
+          moreEvents="[[count]] more"
 
           i18n-moreEventsLabel="kendo.scheduler.moreEventsLabel|The aria-label of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
-          moreEventsLabel="{count} more events"
+          moreEventsLabel="[[count]] more events"
 
           i18n-dateHeader="kendo.scheduler.dateHeader|The date header text displayed in the agenda view."
           dateHeader="Date"
@@ -15204,7 +15204,9 @@ class EventsPopoverComponent {
     eventClass;
     eventStyles;
     noEventsMessage;
+    editable;
     navigateToDay = new EventEmitter();
+    eventDblClick = new EventEmitter();
     popover;
     chevronLeftIcon = chevronLeftIcon;
     chevronRightIcon = chevronRightIcon;
@@ -15228,6 +15230,11 @@ class EventsPopoverComponent {
         const endTime = toLocalDate(event.endTime);
         return getEventTitle(startTime, endTime, event.isAllDay, event.event.title, this.intl.localeId);
     }
+    onEventDblClick(event, originalEvent) {
+        if (this.editable) {
+            this.eventDblClick.emit({ event: event.event, originalEvent });
+        }
+    }
     getEventClasses(event) {
         if (this.eventClass) {
             return this.eventClass({
@@ -15250,7 +15257,7 @@ class EventsPopoverComponent {
         return result;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: EventsPopoverComponent, deps: [{ token: i4.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: EventsPopoverComponent, isStandalone: true, selector: "kendo-scheduler-events-popover", inputs: { date: "date", events: "events", eventClass: "eventClass", eventStyles: "eventStyles", noEventsMessage: "noEventsMessage" }, outputs: { navigateToDay: "navigateToDay" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: EventsPopoverComponent, isStandalone: true, selector: "kendo-scheduler-events-popover", inputs: { date: "date", events: "events", eventClass: "eventClass", eventStyles: "eventStyles", noEventsMessage: "noEventsMessage", editable: "editable" }, outputs: { navigateToDay: "navigateToDay", eventDblClick: "eventDblClick" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], ngImport: i0, template: `
         <kendo-popover
             #popover
             [popupClass]="'k-scheduler-popover'"
@@ -15268,10 +15275,12 @@ class EventsPopoverComponent {
                     @for (event of events; track event) {
                         <div
                             class="k-popover-event k-event"
+                            [class.k-readonly]="event.event.readonly"
                             role="listitem"
                             [title]="eventTitle(event)"
                             [ngClass]="getEventClasses(event)"
                             [ngStyle]="getEventStyles(event)"
+                            (dblclick)="onEventDblClick(event, $event)"
                         >
                             @if (event.tail || event.mid) {
                                 <kendo-icon-wrapper
@@ -15334,10 +15343,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     @for (event of events; track event) {
                         <div
                             class="k-popover-event k-event"
+                            [class.k-readonly]="event.event.readonly"
                             role="listitem"
                             [title]="eventTitle(event)"
                             [ngClass]="getEventClasses(event)"
                             [ngStyle]="getEventStyles(event)"
+                            (dblclick)="onEventDblClick(event, $event)"
                         >
                             @if (event.tail || event.mid) {
                                 <kendo-icon-wrapper
@@ -15378,8 +15389,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                 type: Input
             }], noEventsMessage: [{
                 type: Input
+            }], editable: [{
+                type: Input
             }], navigateToDay: [{
                 type: Output
+            }], eventDblClick: [{
+                type: Output
             }], popover: [{
                 type: ViewChild,
                 args: ['popover', { static: true }]
@@ -15431,9 +15446,16 @@ class MonthViewRendererComponent extends BaseView {
         this.popoverContainer?.hide();
         this.viewState.navigateTo({ viewName: 'day', date: new Date(date) });
     }
+    onPopoverEventDblClick(args) {
+        if (!args.event.readonly) {
+            this.popoverContainer?.hide();
+        }
+        this.viewState.emitEvent('eventDblClick', { type: 'dblclick', event: args.event, originalEvent: args.originalEvent });
+    }
     setPopoverData(slot) {
         this.popoverDate = slot.day;
-        this.popoverEvents = slot.moreEvents;
+        const resourceIndex = slot.id?.resourceIndex ?? 0;
+        this.popoverEvents = (slot.moreEvents || []).filter(task => isPresent(task.data?.[resourceIndex]));
     }
     ongoingEventsTimeout;
     schedulerMonthDaySlotTemplate;
@@ -15710,8 +15732,8 @@ class MonthViewRendererComponent extends BaseView {
                     width: slot.moreEventsWidth,
                     left: slot.moreEventsLeft,
                     top: slot.moreEventsTop,
-                    text: message.replace('{count}', count),
-                    ariaLabel: (this.localization.get('moreEventsLabel')).replace('{count}', count),
+                    text: replaceMessagePlaceholder(message, 'count', count),
+                    ariaLabel: replaceMessagePlaceholder(this.localization.get('moreEventsLabel'), 'count', count),
                     resourceIndex: slot.id?.resourceIndex ?? 0,
                     slotIndex: slot.slotIndex
                 });
@@ -15964,17 +15986,19 @@ class MonthViewRendererComponent extends BaseView {
                       #eventsPopoverComp
                       [date]="popoverDate"
                       [events]="popoverEvents"
+                      [editable]="editable"
                       [eventClass]="eventClass"
                       [eventStyles]="eventStyles"
                       [noEventsMessage]="localization.get('yearViewNoEvents')"
-                      (navigateToDay)="onPopoverNavigateToDay($event)">
+                      (navigateToDay)="onPopoverNavigateToDay($event)"
+                      (eventDblClick)="onPopoverEventDblClick($event)">
                   </kendo-scheduler-events-popover>
                 </div>
               </td>
             </tr>
           </tbody>
         </table>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MonthSlotComponent, selector: "[monthSlot]", inputs: ["moreEvents", "resourcesByIndex", "monthDaySlotTemplateRef", "eventsPerDay", "eventHeight", "adaptiveSlotHeight", "monthSlot"] }, { kind: "component", type: MonthViewItemComponent, selector: "[monthViewItem]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: HintContainerComponent, selector: "kendo-hint-container" }, { kind: "component", type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }, { kind: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage"], outputs: ["navigateToDay"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "pipe", type: RepeatPipe, name: "repeat" }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MonthSlotComponent, selector: "[monthSlot]", inputs: ["moreEvents", "resourcesByIndex", "monthDaySlotTemplateRef", "eventsPerDay", "eventHeight", "adaptiveSlotHeight", "monthSlot"] }, { kind: "component", type: MonthViewItemComponent, selector: "[monthViewItem]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: HintContainerComponent, selector: "kendo-hint-container" }, { kind: "component", type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }, { kind: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage", "editable"], outputs: ["navigateToDay", "eventDblClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "pipe", type: RepeatPipe, name: "repeat" }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
             type: Component,
@@ -16184,10 +16208,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                       #eventsPopoverComp
                       [date]="popoverDate"
                       [events]="popoverEvents"
+                      [editable]="editable"
                       [eventClass]="eventClass"
                       [eventStyles]="eventStyles"
                       [noEventsMessage]="localization.get('yearViewNoEvents')"
-                      (navigateToDay)="onPopoverNavigateToDay($event)">
+                      (navigateToDay)="onPopoverNavigateToDay($event)"
+                      (eventDblClick)="onPopoverEventDblClick($event)">
                   </kendo-scheduler-events-popover>
                 </div>
               </td>
@@ -21768,7 +21794,7 @@ class YearViewInternalComponent extends BaseView {
         [noEventsMessage]="localization.get('yearViewNoEvents')"
         (navigateToDay)="navigateToDay($event)">
     </kendo-scheduler-events-popover>
-    `, isInline: true, dependencies: [{ kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "directive", type: MonthCellTemplateDirective, selector: "[kendoCalendarMonthCellTemplate]" }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage"], outputs: ["navigateToDay"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "directive", type: MonthCellTemplateDirective, selector: "[kendoCalendarMonthCellTemplate]" }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage", "editable"], outputs: ["navigateToDay", "eventDblClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: YearViewInternalComponent, decorators: [{
             type: Component,

package/index.d.ts

@@ -2878,12 +2878,12 @@ declare class Messages$1 extends ComponentMessages {
     allDay: string;
     /**
      * Sets the text for the **more events** button in the Month view.
-     * The `{count}` placeholder is replaced with the number of additional events.
+     * The `[[count]]` placeholder is replaced with the number of additional events.
      */
     moreEvents: string;
     /**
      * Sets the `aria-label` for the **more events** button in the Month view.
-     * The `{count}` placeholder is replaced with the number of additional events.
+     * The `[[count]]` placeholder is replaced with the number of additional events.
      */
     moreEventsLabel: string;
     /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1789373165,
-  "version": "25.2.0-develop.1",
+  "publishDate": 1789742736,
+  "version": "25.2.0-develop.11",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "25.2.0-develop.1",
+  "version": "25.2.0-develop.11",
   "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": 1789373165,
+      "publishDate": 1789742736,
       "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.2.0-develop.1",
-    "@progress/kendo-angular-buttons": "25.2.0-develop.1",
-    "@progress/kendo-angular-common": "25.2.0-develop.1",
-    "@progress/kendo-angular-dateinputs": "25.2.0-develop.1",
-    "@progress/kendo-angular-dialog": "25.2.0-develop.1",
-    "@progress/kendo-angular-dropdowns": "25.2.0-develop.1",
-    "@progress/kendo-angular-icons": "25.2.0-develop.1",
-    "@progress/kendo-angular-inputs": "25.2.0-develop.1",
-    "@progress/kendo-angular-intl": "25.2.0-develop.1",
-    "@progress/kendo-angular-l10n": "25.2.0-develop.1",
-    "@progress/kendo-angular-label": "25.2.0-develop.1",
-    "@progress/kendo-angular-popup": "25.2.0-develop.1",
+    "@progress/kendo-angular-tooltip": "25.2.0-develop.11",
+    "@progress/kendo-angular-buttons": "25.2.0-develop.11",
+    "@progress/kendo-angular-common": "25.2.0-develop.11",
+    "@progress/kendo-angular-dateinputs": "25.2.0-develop.11",
+    "@progress/kendo-angular-dialog": "25.2.0-develop.11",
+    "@progress/kendo-angular-dropdowns": "25.2.0-develop.11",
+    "@progress/kendo-angular-icons": "25.2.0-develop.11",
+    "@progress/kendo-angular-inputs": "25.2.0-develop.11",
+    "@progress/kendo-angular-intl": "25.2.0-develop.11",
+    "@progress/kendo-angular-l10n": "25.2.0-develop.11",
+    "@progress/kendo-angular-label": "25.2.0-develop.11",
+    "@progress/kendo-angular-popup": "25.2.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.2.0-develop.1",
+    "@progress/kendo-angular-schematics": "25.2.0-develop.11",
     "@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.2.0-develop.1',
-            '@progress/kendo-angular-navigation': '25.2.0-develop.1',
+            '@progress/kendo-angular-treeview': '25.2.0-develop.11',
+            '@progress/kendo-angular-navigation': '25.2.0-develop.11',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '25.2.0-develop.1',
+            '@progress/kendo-angular-dialog': '25.2.0-develop.11',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });