@progress/kendo-angular-scheduler 4.3.5 → 4.3.6

package/main.d.ts

@@ -81,5 +81,6 @@ export { DayTimeSlotService } from './views/day-time/day-time-slot.service';
 export { DayTimeViewItemComponent } from './views/day-time/day-time-view-item.component';
 export { TimeSlotDirective, DaySlotDirective } from './views/day-time/event-slot.directive';
 export { DayTimeModule } from './views/day-time/day-time.module';
+export { SortPipe } from './views/timeline/utils';
 export * from './types';
 export * from './events';

package/navigation/focus.service.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, Renderer2, OnDestroy, EventEmitter, NgZone } from '@angular/core';
+import { ElementRef, Renderer2, OnDestroy, NgZone } from '@angular/core';
 import { FocusableElement } from './focusable-element.interface';
 import { DomEventsService } from '../views/common/dom-events.service';
 import { FocusPosition } from './focus-position.interface';
@@ -16,10 +16,9 @@ export declare class FocusService implements OnDestroy {
     private domEvents;
     private zone;
     get activeElement(): ElementRef;
-    ariaActiveDescendant: EventEmitter<string | null>;
-    private activeItem;
+    get focusableItems(): Set<FocusableElement>;
+    activeItem: FocusableElement;
     private focusedItem;
-    private lastActiveDescendantId;
     private items;
     private elementMap;
     private subs;
@@ -28,9 +27,10 @@ export declare class FocusService implements OnDestroy {
     register(item: FocusableElement): void;
     unregister(item: FocusableElement): void;
     focus(): void;
+    focusContent(): void;
+    focusToolbar(): void;
     focusNext(options?: FocusPosition): boolean;
-    focusFirst(): void;
-    clearActiveDescendant(): void;
+    focusByIndex(index: number): void;
     private activate;
     private activateNext;
     private findNext;

package/navigation/focusable-element.interface.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef } from '@angular/core';
+import { FocusableContainer } from 'src/types/focusable-container';
 /**
  * @hidden
  */
@@ -16,6 +17,10 @@ export interface FocusableElement {
      * If multiple elements share the same value, their relative to each other order follows their position in the component tree.
      */
     focusIndex: number;
+    /**
+     * The part of the Scheduler the element belongs to - 'toolbar', 'content' or 'footer'.
+     */
+    containerType: FocusableContainer;
     /**
      * Includes or excludes the element from the tab sequence.
      *

package/navigation/focusable.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';
+import { FocusableContainer } from 'src/types/focusable-container';
 import { FocusService } from './focus.service';
 import { FocusableElement } from './focusable-element.interface';
 import * as i0 from "@angular/core";
@@ -18,15 +19,17 @@ export declare class FocusableDirective implements FocusableElement {
      * If multiple elements share the same value, their relative to each other order follows their position in the component tree.
      */
     focusIndex: number;
+    containerType: FocusableContainer;
     private get visible();
     private get enabled();
     private active;
     constructor(element: ElementRef, renderer: Renderer2, focusService: FocusService);
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     toggle(active: boolean): void;
     canFocus(): boolean;
     focus(): void;
     toggleFocus(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoSchedulerFocusIndex]", never, { "focusIndex": "kendoSchedulerFocusIndex"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoSchedulerFocusIndex]", never, { "focusIndex": "kendoSchedulerFocusIndex"; "containerType": "containerType"; }, {}, never>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "4.3.5",
-  "description": "Kendo UI Scheduler Angular",
+  "version": "4.3.6",
+  "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",
   "homepage": "https://www.telerik.com/kendo-angular-ui/components/",

package/scheduler.component.d.ts

@@ -660,7 +660,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
      */
     focusPrev(position: FocusPosition): boolean;
     /**
-     * Focuses the last focused event or the Scheduler element, if no events are available.
+     * Focuses the last focused scheduler element or the Scheduler element, if no events are available.
      */
     focus(): void;
     private isInRange;

package/shared.module.d.ts

@@ -4,12 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./navigation/focusable.directive";
+import * as i2 from "./views/timeline/utils";
 /**
  * @hidden
  */
 export declare class SharedModule {
     static exports(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.FocusableDirective], never, [typeof i1.FocusableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.FocusableDirective, typeof i2.SortPipe], never, [typeof i1.FocusableDirective, typeof i2.SortPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/toolbar/toolbar.module.d.ts

@@ -15,6 +15,7 @@ import * as i6 from "@progress/kendo-angular-buttons";
 import * as i7 from "@progress/kendo-angular-dateinputs";
 import * as i8 from "@progress/kendo-angular-popup";
 import * as i9 from "@progress/kendo-angular-common";
+import * as i10 from "../shared.module";
 /**
  * @hidden
  */
@@ -24,6 +25,6 @@ export declare const publicDirectives: (typeof ToolbarTemplateDirective | typeof
  */
 export declare class ToolbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ToolbarNavigationComponent, typeof i3.ToolbarTemplateDirective, typeof i4.ToolbarViewSelectorComponent], [typeof i5.CommonModule, typeof i6.ButtonsModule, typeof i7.CalendarModule, typeof i8.PopupModule, typeof i9.EventsModule], [typeof i1.ToolbarComponent, typeof i2.ToolbarNavigationComponent, typeof i3.ToolbarTemplateDirective, typeof i4.ToolbarViewSelectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ToolbarNavigationComponent, typeof i3.ToolbarTemplateDirective, typeof i4.ToolbarViewSelectorComponent], [typeof i5.CommonModule, typeof i6.ButtonsModule, typeof i7.CalendarModule, typeof i8.PopupModule, typeof i9.EventsModule, typeof i10.SharedModule], [typeof i1.ToolbarComponent, typeof i2.ToolbarNavigationComponent, typeof i3.ToolbarTemplateDirective, typeof i4.ToolbarViewSelectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
 }

package/types/actions.d.ts

@@ -131,15 +131,22 @@ export interface FocusNext {
     /** @hidden */
     type: 'focus-next';
 }
+/**
+ * An action which toggles the Show Business Hours option.
+ */
+export interface ToggleBusinessHours {
+    /** @hidden */
+    type: 'toggle-business-hours';
+}
+/**
+ * An action which focuses the first toolbar tool.
+ */
+export interface FocusToolbar {
+    /** @hidden */
+    type: 'focus-toolbar';
+}
 /**
  * A discriminated union of supported navigation actions
  * ([more information and examples]({% slug toolbar_scheduler %})).
- *
- * The available types are:
- * * [`Next`]({% slug api_scheduler_next %})
- * * [`Prev`]({% slug api_scheduler_prev %})
- * * [`SelectDate`]({% slug api_scheduler_selectdate %})
- * * [`Today`]({% slug api_scheduler_today %})
- * * [`ViewChange`]({% slug api_scheduler_viewchange %})
  */
-export declare type NavigationAction = Next | Prev | SelectDate | Today | ViewChange | ShowDate | ScrollTime | FocusPrev | FocusNext;
+export declare type NavigationAction = Next | Prev | SelectDate | Today | ViewChange | ShowDate | ScrollTime | FocusPrev | FocusNext | ToggleBusinessHours | FocusToolbar;

package/types/focusable-container.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare type FocusableContainer = 'toolbar' | 'content' | 'footer';

package/views/common/base-view.d.ts

@@ -105,6 +105,11 @@ export declare abstract class BaseView implements OnInit, OnChanges, AfterViewIn
     protected rtl: boolean;
     isSlotSelected: SlotSelectionCallback;
     constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: BaseSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, cdr: ChangeDetectorRef, scrollBarWidthService: ScrollbarWidthService);
+    /**
+     * Generates a list of space-separated IDs based on a collection of items to associate scrollable containers
+     * with the respective tasks through the aria-owns attribute for a11y compliance.
+     */
+    matchOwned(items: any[]): string;
     protected abstract onSelectDate(date: Date): void;
     protected abstract onAction(action: NavigationAction): void;
     protected abstract onTasksChange(): void;

package/views/common/view-footer.component.d.ts

@@ -3,12 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter } from '@angular/core';
+import { ViewStateService } from '../view-state.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class ViewFooterComponent {
     hostClasses: boolean;
+    private sub;
     /**
      * @hidden
      * TODO: Drop in next MAJOR version
@@ -16,6 +18,8 @@ export declare class ViewFooterComponent {
     inlineJustifyContentStyle: string;
     itemClick: EventEmitter<any>;
     items: any[];
+    constructor(viewState: ViewStateService);
+    ngOnDestroy(): void;
     onItemClick(e: any, item: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ViewFooterComponent, "[viewFooter]", never, { "items": "items"; }, { "itemClick": "itemClick"; }, never, never>;

package/views/day-time/day-time-view.component.d.ts

@@ -14,14 +14,12 @@ import { PDFService } from '../../pdf/pdf.service';
 import { BaseView } from '../common/base-view';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DayTimeViewItemComponent } from './day-time-view-item.component';
-import { FocusService } from '../../navigation';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare abstract class DayTimeViewComponent extends BaseView implements OnChanges {
     protected changeDetector: ChangeDetectorRef;
-    private focusService;
     timeSlotTemplate: TemplateRef<any>;
     dateHeaderTemplate: TemplateRef<any>;
     numberOfDays: number;
@@ -60,7 +58,7 @@ export declare abstract class DayTimeViewComponent extends BaseView implements O
     protected currentDate: ZonedDate;
     protected verticalTime: boolean;
     protected initialUpdate: boolean;
-    constructor(changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, focusService: FocusService, scrollBarWidthService: ScrollbarWidthService);
+    constructor(changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, scrollBarWidthService: ScrollbarWidthService);
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
     verticalItem(leafIndex: number, resourceIndex: number): any;

package/views/month/month-view-renderer.component.d.ts

@@ -13,13 +13,11 @@ import { BaseView } from '../common/base-view';
 import { PDFService } from '../../pdf/pdf.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { MonthViewItemComponent } from './month-view-item.component';
-import { FocusService } from '../../navigation';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class MonthViewRendererComponent extends BaseView implements OnChanges {
-    private focusService;
     monthDaySlotTemplate: TemplateRef<any>;
     highlightOngoingEvents: any;
     resizeHintFormat: any;
@@ -28,7 +26,7 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
     get monthDaySlotTemplateRef(): TemplateRef<any>;
     protected ongoingEventsTimeout: any;
     private schedulerMonthDaySlotTemplate;
-    constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: MonthSlotService, zone: NgZone, element: ElementRef, renderer: Renderer2, pdfService: PDFService, localization: LocalizationService, changeDetector: ChangeDetectorRef, focusService: FocusService, scrollBarWidthService: ScrollbarWidthService);
+    constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: MonthSlotService, zone: NgZone, element: ElementRef, renderer: Renderer2, pdfService: PDFService, localization: LocalizationService, changeDetector: ChangeDetectorRef, scrollBarWidthService: ScrollbarWidthService);
     ngOnChanges(changes: any): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/views/multi-day/multi-day-view-renderer.component.d.ts

@@ -15,7 +15,6 @@ import { SchedulerTask } from '../common/scheduler-task';
 import { DayTimeViewComponent } from '../day-time/day-time-view.component';
 import { HintContainerComponent } from '../common/hint-container.component';
 import { PDFService } from '../../pdf/pdf.service';
-import { FocusService } from '../../navigation';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -44,7 +43,7 @@ export declare class MultiDayViewRendererComponent extends DayTimeViewComponent
     private schedulerMinorTimeHeaderTemplate;
     private schedulerMajorTimeHeaderTemplate;
     private dragContainers;
-    constructor(localization: LocalizationService, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, changeDetector: ChangeDetectorRef, pdfService: PDFService, focusService: FocusService, scrollbarWidthService: ScrollbarWidthService);
+    constructor(localization: LocalizationService, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, changeDetector: ChangeDetectorRef, pdfService: PDFService, scrollbarWidthService: ScrollbarWidthService);
     protected optionsChange(changes: any): void;
     ngOnChanges(changes: any): void;
     horizontalColspan(resourceIndex: number): any;

package/views/timeline/timeline-multi-day-view.component.d.ts

@@ -11,7 +11,6 @@ import { ViewStateService } from '../view-state.service';
 import { DayTimeSlotService } from '../day-time/day-time-slot.service';
 import { DayTimeViewComponent } from '../day-time/day-time-view.component';
 import { PDFService } from '../../pdf/pdf.service';
-import { FocusService } from '../../navigation';
 import { ScrollbarWidthService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 /**
@@ -24,7 +23,7 @@ export declare class TimelineMultiDayViewComponent extends DayTimeViewComponent
     verticalResourceRows: QueryList<ElementRef>;
     get classNames(): string;
     protected verticalTime: boolean;
-    constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, focusService: FocusService, scrollBarWidthService: ScrollbarWidthService);
+    constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, scrollBarWidthService: ScrollbarWidthService);
     ngOnChanges(changes: any): void;
     reflow(): void;
     get allEventsMessage(): string;

package/views/timeline/utils.d.ts

@@ -3,7 +3,18 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ViewItem } from '../../types';
+import { PipeTransform } from '@angular/core';
+import { SchedulerTask } from '../common/scheduler-task';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare const createTasks: (periodStart: Date, periodEnd: Date, items: ViewItem[]) => any[];
+/**
+ * @hidden
+ */
+export declare class SortPipe implements PipeTransform {
+    transform(value: SchedulerTask[], ..._args: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SortPipe, "sort">;
+}

package/views/view-state.service.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { SlotDragStartEvent } from '../events/slot-drag-start-event';
 import { DateRange } from '../types';
 import { ExtendedSlotRange, slotDragEventName, SlotRange } from '../types/slot-selection';
@@ -47,6 +47,10 @@ export declare class ViewStateService {
      * A stream indicating that the user has finished making a slot selection.
      */
     readonly slotSelectionEnd: Observable<SlotRange>;
+    /**
+     * @hidden
+     */
+    toggleWorkHours: Subject<any>;
     private dateRangeSource;
     private nextDateSource;
     private navigateSource;