@progress/kendo-angular-scheduler 25.1.0-develop.18 → 25.1.0-develop.19

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

@@ -18,10 +18,11 @@ import * as i1 from '@progress/kendo-angular-dialog';
 import { DialogCloseResult, DialogComponent, DialogActionsComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import * as i4 from '@progress/kendo-angular-intl';
 import { formatDate, CldrIntlService, DatePipe, parseDate } from '@progress/kendo-angular-intl';
+import * as i2$1 from '@progress/kendo-angular-buttons';
+import { ButtonComponent, SegmentedControlComponent, DropDownButtonComponent, Button } from '@progress/kendo-angular-buttons';
 import { MultiSelectComponent, ItemTemplateDirective, TagTemplateDirective, DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { NgStyle, NgTemplateOutlet, AsyncPipe, NgClass } from '@angular/common';
 import { rightDoubleQuotesIcon, clockIcon, commentIcon, globeIcon, arrowRotateCwIcon, trashIcon, calendarIcon, chevronRightIcon, chevronLeftIcon, plusIcon, filePdfIcon, arrowsNoRepeatIcon, xIcon, chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent, SegmentedControlComponent, DropDownButtonComponent, Button } from '@progress/kendo-angular-buttons';
 import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, FormFieldComponent, TextBoxDirective, TextAreaComponent, SwitchComponent } from '@progress/kendo-angular-inputs';
 import { parseRule, serializeRule, expand } from '@progress/kendo-recurrence';
 import { DatePickerComponent, DatePickerCustomMessagesComponent, TimePickerComponent, TimePickerCustomMessagesComponent, CalendarComponent, CalendarCustomMessagesComponent, MultiViewCalendarComponent, MonthCellTemplateDirective, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService, TimePickerDOMService, HoursService, MinutesService, SecondsService, MillisecondsService, DayPeriodService } from '@progress/kendo-angular-dateinputs';
@@ -43,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1787934672,
-    version: '25.1.0-develop.18',
+    publishDate: 1787937026,
+    version: '25.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2142,6 +2143,7 @@ class FocusService {
     elementMap = new WeakMap();
     subs = new Subscription();
     hasContentRendered = false;
+    toolbarEntered = false;
     constructor(renderer, wrapper, domEvents, zone) {
         this.renderer = renderer;
         this.wrapper = wrapper;
@@ -2161,6 +2163,14 @@ class FocusService {
         const items = Array.from(this.focusableItems);
         if (item.containerType !== 'content') {
             this.items.add(item);
+            if (!this.toolbarEntered && this.activeItem.containerType === 'toolbar') {
+                const leftmost = this.leftmostToolbarItem;
+                if (leftmost && leftmost !== this.activeItem) {
+                    this.activeItem.toggle(false);
+                    this.activeItem = leftmost;
+                    leftmost.toggle(true);
+                }
+            }
         }
         else {
             const newContentIndex = items.map(item => item.containerType).lastIndexOf('content') + 1;
@@ -2178,8 +2188,7 @@ class FocusService {
             else {
                 this.items.add(item);
             }
-            // activate the first content element if there is one; otherwise, keep the toolbar or footer active
-            if (!this.hasContentRendered) {
+            if (!this.hasContentRendered && item.canFocus() && this.activeItem.containerType !== 'toolbar') {
                 this.activeItem.toggle(false);
                 this.activeItem = item;
                 item.toggle(true);
@@ -2195,6 +2204,14 @@ class FocusService {
         }
         this.items.delete(item);
         this.elementMap.delete(item.element.nativeElement);
+        if (!this.toolbarEntered && this.activeItem?.containerType === 'toolbar') {
+            const leftmost = this.leftmostToolbarItem;
+            if (leftmost && leftmost !== this.activeItem) {
+                this.activeItem.toggle(false);
+                this.activeItem = leftmost;
+                leftmost.toggle(true);
+            }
+        }
         this.toggleWrapper();
     }
     /**
@@ -2243,11 +2260,13 @@ class FocusService {
         this.activeItem = firstFocusableTool;
     }
     focusNext(options, containerType) {
+        this.toolbarEntered = true;
         const currentItem = this.activeItem;
         this.activateNext(options, true, containerType);
         return this.activeItem !== currentItem;
     }
     focusByIndex(index, preventScroll = true) {
+        this.toolbarEntered = true;
         const item = Array.from(this.items.values())[index];
         if (!item) {
             return;
@@ -2274,6 +2293,12 @@ class FocusService {
             next?.focus(false);
         }
     }
+    get leftmostToolbarItem() {
+        const toolbarItems = Array.from(this.focusableItems)
+            .filter(item => item.containerType === 'toolbar' && item.canFocus())
+            .sort((a, b) => a.focusIndex - b.focusIndex);
+        return toolbarItems[0];
+    }
     findNext(position, containerType) {
         const { offset, nowrap } = { nowrap: false, offset: 1, ...position };
         let items = Array.from(this.items.values())
@@ -2316,6 +2341,7 @@ class FocusService {
         return this.wrapper.nativeElement.contains(document.activeElement);
     }
     onFocusIn(e) {
+        this.toolbarEntered = true;
         const item = this.findRegisteredElement(e.target);
         if (!item || item === this.focusedItem) {
             return;
@@ -2541,6 +2567,7 @@ class FocusableDirective {
     element;
     renderer;
     focusService;
+    segmentedControl;
     /**
      * The order of the element with respect to the other focusable elements.
      * If multiple elements share the same value, their relative to each other order follows their position in the component tree.
@@ -2554,10 +2581,11 @@ class FocusableDirective {
         return !this.element.nativeElement.disabled;
     }
     active;
-    constructor(element, renderer, focusService) {
+    constructor(element, renderer, focusService, segmentedControl) {
         this.element = element;
         this.renderer = renderer;
         this.focusService = focusService;
+        this.segmentedControl = segmentedControl;
         this.toggle(false);
     }
     ngAfterViewChecked() {
@@ -2576,8 +2604,13 @@ class FocusableDirective {
     }
     toggle(active) {
         if (active !== this.active) {
-            const index = active ? '0' : '-1';
-            this.renderer.setAttribute(this.element.nativeElement, 'tabIndex', index);
+            if (this.segmentedControl) {
+                this.segmentedControl.setIsActiveTabStop(active);
+            }
+            else {
+                const index = active ? '0' : '-1';
+                this.renderer.setAttribute(this.element.nativeElement, 'tabIndex', index);
+            }
             this.active = active;
         }
     }
@@ -2585,7 +2618,12 @@ class FocusableDirective {
         return this.visible && this.enabled;
     }
     focus(preventScroll = true) {
-        this.element.nativeElement.focus({ preventScroll });
+        if (this.segmentedControl) {
+            this.segmentedControl.focusSelectedButton(preventScroll);
+        }
+        else {
+            this.element.nativeElement.focus({ preventScroll });
+        }
     }
     toggleFocus(value) {
         const element = this.element.nativeElement;
@@ -2610,7 +2648,7 @@ class FocusableDirective {
             this.renderer.setAttribute(element, 'aria-selected', value.toString());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FocusableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FocusableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FocusService }, { token: i2$1.SegmentedControlComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: FocusableDirective, isStandalone: true, selector: "[kendoSchedulerFocusIndex]", inputs: { focusIndex: ["kendoSchedulerFocusIndex", "focusIndex"], containerType: "containerType" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FocusableDirective, decorators: [{
@@ -2619,7 +2657,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     selector: '[kendoSchedulerFocusIndex]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FocusService }], propDecorators: { focusIndex: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FocusService }, { type: i2$1.SegmentedControlComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { focusIndex: [{
                 type: Input,
                 args: ['kendoSchedulerFocusIndex']
             }], containerType: [{
@@ -22456,6 +22496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             }] } });
 
 const isContentWrapper = element => hasClasses(element, 'k-scheduler-content');
+const isArrowKeyHandledBySegmentedControl = (e) => e.defaultPrevented && Boolean(closest(e.target, node => hasClasses(node, 'k-segmented-control')));
 const CALENDAR_TAG = 'KENDO-CALENDAR-HORIZONTAL';
 /**
  * @hidden
@@ -22556,7 +22597,8 @@ class ShortcutsDirective {
         }, {
             match: e => {
                 const code = normalizeKeys(e);
-                return (code === Keys.ArrowUp || code === Keys.ArrowLeft) && noModifiers(e) && !isContentWrapper(e.target);
+                return (code === Keys.ArrowUp || code === Keys.ArrowLeft) && noModifiers(e) &&
+                    !isContentWrapper(e.target) && !isArrowKeyHandledBySegmentedControl(e);
             },
             action: e => {
                 //use the MultiViewCalendar navigation for Year View
@@ -22582,7 +22624,8 @@ class ShortcutsDirective {
         }, {
             match: e => {
                 const code = normalizeKeys(e);
-                return (code === Keys.ArrowDown || code === Keys.ArrowRight) && noModifiers(e) && !isContentWrapper(e.target);
+                return (code === Keys.ArrowDown || code === Keys.ArrowRight) && noModifiers(e) &&
+                    !isContentWrapper(e.target) && !isArrowKeyHandledBySegmentedControl(e);
             },
             action: e => {
                 //use the MultiViewCalendar navigation for Year View

package/index.d.ts

@@ -14,7 +14,7 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { NumberFormatOptions, IntlService, CldrIntlService } from '@progress/kendo-angular-intl';
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { pdf } from '@progress/kendo-drawing';
-import { Button, SegmentedItemSettings, ButtonComponent } from '@progress/kendo-angular-buttons';
+import { SegmentedControlComponent, Button, SegmentedItemSettings, ButtonComponent } from '@progress/kendo-angular-buttons';
 import { RecurrenceRule } from '@progress/kendo-recurrence';
 import { CalendarView, DateInputFormatPlaceholder, PopupSettings, CalendarComponent } from '@progress/kendo-angular-dateinputs';
 import { DropDownListComponent, MultiSelectComponent } from '@progress/kendo-angular-dropdowns';
@@ -2167,6 +2167,7 @@ declare class FocusService implements OnDestroy {
     private elementMap;
     private subs;
     private hasContentRendered;
+    private toolbarEntered;
     constructor(renderer: Renderer2, wrapper: ElementRef, domEvents: DomEventsService, zone: NgZone);
     ngOnDestroy(): void;
     register(item: FocusableElement): void;
@@ -2184,6 +2185,7 @@ declare class FocusService implements OnDestroy {
     focusByIndex(index: number, preventScroll?: boolean): void;
     private activate;
     private activateNext;
+    private get leftmostToolbarItem();
     private findNext;
     private toggleWrapper;
     private shouldMoveFocusOnUnregister;
@@ -2239,6 +2241,7 @@ declare class FocusableDirective implements FocusableElement, OnInit {
     element: ElementRef;
     private renderer;
     private focusService;
+    private segmentedControl;
     /**
      * The order of the element with respect to the other focusable elements.
      * If multiple elements share the same value, their relative to each other order follows their position in the component tree.
@@ -2248,7 +2251,7 @@ declare class FocusableDirective implements FocusableElement, OnInit {
     private get visible();
     private get enabled();
     private active;
-    constructor(element: ElementRef, renderer: Renderer2, focusService: FocusService);
+    constructor(element: ElementRef, renderer: Renderer2, focusService: FocusService, segmentedControl: SegmentedControlComponent);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -2256,7 +2259,7 @@ declare class FocusableDirective implements FocusableElement, OnInit {
     canFocus(): boolean;
     focus(preventScroll?: boolean): void;
     toggleFocus(value: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, [null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoSchedulerFocusIndex]", never, { "focusIndex": { "alias": "kendoSchedulerFocusIndex"; "required": false; }; "containerType": { "alias": "containerType"; "required": false; }; }, {}, never, never, true, never>;
 }
 

package/package-metadata.mjs

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

package/package.json

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