@progress/kendo-angular-scheduler 3.0.3-dev.202204061046 → 4.0.0-dev.202204140813

package/esm2015/views/common/configuration-view-base.js

@@ -0,0 +1,91 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ViewChild, ContentChild, Input, Directive } from '@angular/core';
+import { SchedulerView } from '../../types';
+import { EventTemplateDirective, GroupHeaderTemplateDirective } from '../templates';
+import { isPresent } from '../../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../view-context.service";
+import * as i3 from "../view-state.service";
+const defaultSlotClass = (_args) => null;
+/**
+ * @hidden
+ */
+export class ConfigurationViewBase extends SchedulerView {
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super();
+        this.localization = localization;
+        this.changeDetector = changeDetector;
+        this.viewContext = viewContext;
+        this.viewState = viewState;
+        this.schedulerOptions = {};
+        this.subs = this.localization.changes.subscribe(() => {
+            changeDetector.markForCheck();
+        });
+        this.subs.add(this.viewContext.optionsChange.subscribe(this.optionsChange.bind(this)));
+    }
+    /**
+     * @hidden
+     */
+    get viewSlotClass() {
+        return isPresent(this.slotClass) ? this.slotClass : (this.schedulerOptions.slotClass || defaultSlotClass);
+    }
+    /**
+     * @hidden
+     */
+    get viewEventClass() {
+        return isPresent(this.eventClass) ? this.eventClass : this.schedulerOptions.eventClass;
+    }
+    /**
+     * @hidden
+     */
+    get viewEventStyles() {
+        return isPresent(this.eventStyles) ? this.eventStyles : this.schedulerOptions.eventStyles;
+    }
+    /**
+     * @hidden
+     */
+    get viewHighlightOngoingEvents() {
+        return isPresent(this.highlightOngoingEvents) ? this.highlightOngoingEvents : this.schedulerOptions.highlightOngoingEvents;
+    }
+    /**
+     * @hidden
+     */
+    get viewWeekStart() {
+        return this.schedulerOptions.weekStart;
+    }
+    ngOnChanges(_changes) {
+        this.viewState.notifyOptionsChange();
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    optionsChange(options) {
+        this.schedulerOptions = options;
+    }
+}
+ConfigurationViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
+ConfigurationViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ConfigurationViewBase, inputs: { slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationViewBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { slotClass: [{
+                type: Input
+            }], eventClass: [{
+                type: Input
+            }], eventStyles: [{
+                type: Input
+            }], highlightOngoingEvents: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], eventTemplate: [{
+                type: ContentChild,
+                args: [EventTemplateDirective, { static: false }]
+            }], groupHeaderTemplate: [{
+                type: ContentChild,
+                args: [GroupHeaderTemplateDirective, { static: false }]
+            }] } });

package/esm2015/views/common/dom-events.service.js

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class DomEventsService {
+    constructor() {
+        this.focus = new EventEmitter();
+        this.focusIn = new EventEmitter();
+        this.focusOut = new EventEmitter();
+        this.click = new EventEmitter();
+        this.keydown = new EventEmitter();
+        this.windowBlur = new EventEmitter();
+    }
+}
+DomEventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DomEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DomEventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DomEventsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DomEventsService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/views/common/hint-container.component.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * @hidden
+ */
+export class HintContainerComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.changeDetector.detach();
+    }
+    detectChanges() {
+        this.changeDetector.detectChanges();
+    }
+}
+HintContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HintContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+HintContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HintContainerComponent, selector: "kendo-hint-container", queries: [{ propertyName: "hintTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+        <ng-container [ngTemplateOutlet]="hintTemplate">
+        </ng-container>
+    `, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HintContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-hint-container',
+                    template: `
+        <ng-container [ngTemplateOutlet]="hintTemplate">
+        </ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { hintTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: false }]
+            }] } });

package/esm2015/views/common/repeat.pipe.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Pipe } from '@angular/core';
+import { iterator } from '../../common/util';
+import * as i0 from "@angular/core";
+class NumberIterator {
+    constructor(count) {
+        this.count = count;
+    }
+    *[iterator]() {
+        for (let i = 0; i < this.count; i++) {
+            yield i;
+        }
+    }
+}
+/**
+ * @hidden
+ */
+export class RepeatPipe {
+    transform(value) {
+        return new NumberIterator(value);
+    }
+}
+RepeatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RepeatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RepeatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RepeatPipe, name: "repeat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RepeatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/pipe-prefix
+                    name: 'repeat'
+                }]
+        }] });

package/esm2015/views/common/resize-hint.component.js

@@ -0,0 +1,88 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from '@angular/core';
+import { toLocalDate } from '@progress/kendo-date-math';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-intl";
+/**
+ * @hidden
+ */
+export class ResizeHintComponent {
+    constructor() {
+        this.marqueeClasses = true;
+    }
+    get left() {
+        return this.hint.rect.left;
+    }
+    get top() {
+        return this.hint.rect.top;
+    }
+    get width() {
+        return this.hint.rect.width;
+    }
+    get height() {
+        return this.hint.rect.height;
+    }
+    get start() {
+        return toLocalDate(this.hint.start);
+    }
+    get end() {
+        return toLocalDate(this.hint.end);
+    }
+}
+ResizeHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ResizeHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ResizeHintComponent, 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: `
+        <div class="k-marquee-color"></div>
+        <div class="k-marquee-text">
+            <div class="k-label-top" *ngIf="hint.first">{{ start | kendoDate : format }}</div>
+            <div class="k-label-bottom" *ngIf="hint.last">{{ end | kendoDate : format }}</div>
+        </div>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "kendoDate": i2.DatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeHintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoResizeHint]',
+                    template: `
+        <div class="k-marquee-color"></div>
+        <div class="k-marquee-text">
+            <div class="k-label-top" *ngIf="hint.first">{{ start | kendoDate : format }}</div>
+            <div class="k-label-bottom" *ngIf="hint.last">{{ end | kendoDate : format }}</div>
+        </div>
+    `
+                }]
+        }], propDecorators: { hint: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], marqueeClasses: [{
+                type: HostBinding,
+                args: ['class.k-marquee']
+            }, {
+                type: HostBinding,
+                args: ['class.k-scheduler-marquee']
+            }, {
+                type: HostBinding,
+                args: ['class.k-first']
+            }, {
+                type: HostBinding,
+                args: ['class.k-last']
+            }], left: [{
+                type: HostBinding,
+                args: ['style.left.px']
+            }, {
+                type: HostBinding,
+                args: ['style.right.px']
+            }], top: [{
+                type: HostBinding,
+                args: ['style.top.px']
+            }], width: [{
+                type: HostBinding,
+                args: ['style.width.px']
+            }], height: [{
+                type: HostBinding,
+                args: ['style.height.px']
+            }] } });

package/esm2015/views/common/resource-iterator.pipe.js

@@ -0,0 +1,46 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Pipe } from '@angular/core';
+import { iterator } from '../../common/util';
+import * as i0 from "@angular/core";
+class ResourceIterator {
+    constructor(resources, lastIndex = resources.length - 1) {
+        this.resources = resources;
+        this.lastIndex = lastIndex;
+    }
+    *[iterator]() {
+        let resources = this.resources;
+        const lastIndex = Math.max(0, this.lastIndex);
+        if (!(resources && resources.length)) {
+            resources = [{}];
+        }
+        const lastData = resources[lastIndex].data || [];
+        const length = lastData.length;
+        let count = 1;
+        for (let idx = 0; idx <= lastIndex; idx++) {
+            count *= (resources[idx].data || []).length || 1;
+        }
+        for (let idx = 0; idx < count; idx++) {
+            yield lastData[idx % length];
+        }
+    }
+}
+/**
+ * @hidden
+ */
+export class ResourceIteratorPipe {
+    transform(resources = [], lastIndex) {
+        return new ResourceIterator(resources, lastIndex);
+    }
+}
+ResourceIteratorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResourceIteratorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ResourceIteratorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResourceIteratorPipe, name: "resourceIterator" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResourceIteratorPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/pipe-prefix
+                    name: 'resourceIterator'
+                }]
+        }] });

package/esm2015/views/common/scheduler-task.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/views/common/slot-selectable.directive.js

@@ -0,0 +1,108 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input, Output, EventEmitter } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { intersects, isSameRange, resourcesMatch } from '../utils';
+import { distinctUntilChanged, filter } from 'rxjs/operators';
+import { isChanged } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../../scheduler.component";
+/**
+ * A directive which manages the in-memory selection state of the Scheduler slots
+ * ([see example]({% slug slotselection_scheduler %}#toc-built-in-directive)).
+ */
+export class SlotSelectableDirective {
+    constructor(scheduler, cdr) {
+        this.scheduler = scheduler;
+        this.cdr = cdr;
+        /**
+         * Fires when the currently selected slot range has changed through user interaction.
+         */
+        this.slotSelectionChange = new EventEmitter();
+        this.selectedRange = null;
+        this.slotSelectionChangeSource = new EventEmitter();
+        this.subscriptions = new Subscription();
+        this.scheduler.selectable = true;
+        this.subscriptions.add(this.slotSelectionChangeSource
+            .pipe(distinctUntilChanged(isSameRange)).subscribe((v) => {
+            this.slotSelectionChange.emit(v);
+        }));
+        const start$ = this.scheduler.slotDragStart;
+        const drag$ = this.scheduler.slotDrag;
+        const end$ = this.scheduler.slotDragEnd;
+        const startSource = start$.pipe(filter(e => !e.isDefaultPrevented()));
+        this.subscriptions.add(startSource.subscribe(e => this.initDragSelect(e)));
+        this.subscriptions.add(drag$.subscribe(e => this.onDrag(e)));
+        this.subscriptions.add(end$.subscribe(() => this.onRelease()));
+    }
+    ngOnInit() {
+        this.scheduler.isSlotSelected = this.isSlotSelected.bind(this);
+    }
+    ngOnChanges(changes) {
+        if (isChanged("slotSelection", changes, false)) {
+            /**
+             * The default values for resources below are necessarry because this is not fixed yet: https://github.com/telerik/kendo-angular-scheduler/pull/338
+             */
+            const resources = this.scheduler.resources ? [this.scheduler.resources[0].data[0]] : [undefined];
+            this.selectedRange = Object.assign({}, { isAllDay: false, resources }, changes.slotSelection.currentValue);
+            this.cdr.markForCheck();
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    isSlotSelected({ start, end, isAllDay, resources }) {
+        if (!start || !end || !this.selectedRange) {
+            return false;
+        }
+        const match = resourcesMatch(this.selectedRange.resources, resources);
+        if (!match) {
+            return false; // Limit selection to the grouped resource where the drag started.
+        }
+        return this.selectedRange && isAllDay === this.selectedRange.isAllDay && this.isInRange(start, end);
+    }
+    initDragSelect({ start, end, isAllDay, resources }) {
+        this.selectionOriginResources = resources.slice();
+        this.selectedRange = { start, end, isAllDay, resources: resources.slice() };
+        this.cdr.markForCheck();
+    }
+    onDrag({ start, end, resources }) {
+        const match = resourcesMatch(this.selectionOriginResources, resources);
+        if (!match) {
+            return; // Don't change selection when dragging over a different grouped resource's cells.
+        }
+        this.selectedRange.start = start;
+        this.selectedRange.end = end;
+        this.cdr.markForCheck();
+    }
+    onRelease() {
+        this.selectionOriginResources = null;
+        if (this.selectedRange) {
+            this.slotSelectionChangeSource.emit(this.selectedRange);
+        }
+    }
+    /**
+     * @hidden
+     * Checks if the selected range contains a local date range.
+     */
+    isInRange(start, end) {
+        if (!this.selectedRange) {
+            return;
+        }
+        return intersects(start, end, this.selectedRange.start, this.selectedRange.end);
+    }
+}
+SlotSelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SlotSelectableDirective, deps: [{ token: i1.SchedulerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+SlotSelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SlotSelectableDirective, selector: "[kendoSchedulerSlotSelectable]", inputs: { slotSelection: "slotSelection" }, outputs: { slotSelectionChange: "slotSelectionChange" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SlotSelectableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerSlotSelectable]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SchedulerComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { slotSelection: [{
+                type: Input
+            }], slotSelectionChange: [{
+                type: Output
+            }] } });

package/esm2015/views/common/view-footer.component.js

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, HostBinding, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-buttons";
+/**
+ * @hidden
+ */
+export class ViewFooterComponent {
+    constructor() {
+        this.hostClasses = true;
+        /**
+         * @hidden
+         * TODO: Drop in next MAJOR version
+         */
+        this.inlineJustifyContentStyle = 'start';
+        this.itemClick = new EventEmitter();
+    }
+    onItemClick(e, item) {
+        e.preventDefault();
+        this.itemClick.emit(item);
+    }
+}
+ViewFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ViewFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ViewFooterComponent, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
+        <button type="button" kendoButton *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
+            <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
+            <span class="k-button-text">{{ item.text }}</span>
+        </button>
+    `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[viewFooter]',
+                    template: `
+        <button type="button" kendoButton *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
+            <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
+            <span class="k-button-text">{{ item.text }}</span>
+        </button>
+    `
+                }]
+        }], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-scheduler-footer']
+            }, {
+                type: HostBinding,
+                args: ['class.k-toolbar']
+            }], inlineJustifyContentStyle: [{
+                type: HostBinding,
+                args: ['style.justify-content']
+            }], itemClick: [{
+                type: Output
+            }], items: [{
+                type: Input
+            }] } });

package/esm2015/views/common/views-shared.module.js

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IntlModule } from '@progress/kendo-angular-intl';
+import { ViewFooterComponent } from './view-footer.component';
+import { WorkHoursFooterDirective } from './work-hours-footer.directive';
+import { RepeatPipe } from './repeat.pipe';
+import { ResourceIteratorPipe } from './resource-iterator.pipe';
+import { HintContainerComponent } from './hint-container.component';
+import { ResizeHintComponent } from './resize-hint.component';
+import { SharedModule } from '../../shared.module';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import * as i0 from "@angular/core";
+const DECLARATIONS = [
+    ViewFooterComponent,
+    WorkHoursFooterDirective,
+    RepeatPipe,
+    ResourceIteratorPipe,
+    HintContainerComponent,
+    ResizeHintComponent
+];
+/**
+ * @hidden
+ */
+export class ViewsSharedModule {
+}
+ViewsSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewsSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ViewsSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewsSharedModule, declarations: [ViewFooterComponent,
+        WorkHoursFooterDirective,
+        RepeatPipe,
+        ResourceIteratorPipe,
+        HintContainerComponent,
+        ResizeHintComponent], imports: [CommonModule, IntlModule, SharedModule, ButtonsModule], exports: [ViewFooterComponent,
+        WorkHoursFooterDirective,
+        RepeatPipe,
+        ResourceIteratorPipe,
+        HintContainerComponent,
+        ResizeHintComponent, IntlModule,
+        CommonModule,
+        SharedModule] });
+ViewsSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewsSharedModule, imports: [[CommonModule, IntlModule, SharedModule, ButtonsModule], IntlModule,
+        CommonModule,
+        SharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewsSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IntlModule, SharedModule, ButtonsModule],
+                    exports: [
+                        DECLARATIONS,
+                        IntlModule,
+                        CommonModule,
+                        SharedModule
+                    ],
+                    declarations: [
+                        DECLARATIONS
+                    ]
+                }]
+        }] });

package/esm2015/views/common/work-hours-footer.directive.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./view-footer.component";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class WorkHoursFooterDirective {
+    constructor(footer, localization) {
+        this.footer = footer;
+        this.localization = localization;
+        this.showWorkHours = false;
+        this.footerItems = [{ cssClass: 'k-scheduler-fullday', iconClass: 'k-i-clock', text: '' }];
+    }
+    ngOnInit() {
+        this.toggleWorkHours();
+        this.footer.items = this.footerItems;
+    }
+    ngOnChanges() {
+        this.toggleWorkHours();
+    }
+    toggleWorkHours() {
+        this.footerItems[0].text = this.showWorkHours ? this.localization.get('showFullDay') : this.localization.get('showWorkDay');
+    }
+}
+WorkHoursFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WorkHoursFooterDirective, deps: [{ token: i1.ViewFooterComponent }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+WorkHoursFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: { showWorkHours: "showWorkHours" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WorkHoursFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoWorkHoursFooter]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ViewFooterComponent }, { type: i2.LocalizationService }]; }, propDecorators: { showWorkHours: [{
+                type: Input
+            }] } });

package/esm2015/views/constants.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/** @hidden */
+export const MIDNIGHT_INVARIANT = new Date(1980, 0, 1);
+/** @hidden */
+export const INVARIANT_END = new Date(1980, 0, 2);
+/** @hidden */
+export const MS_PER_SECOND = 1000;
+/** @hidden */
+export const MS_PER_MINUTE = 60 * MS_PER_SECOND;
+/** @hidden */
+export const MS_PER_HOUR = 60 * MS_PER_MINUTE;
+/**
+ * @hidden
+ */
+export { MS_PER_DAY } from '@progress/kendo-date-math';
+//probably should calculate this
+/** @hidden */
+export const BORDER_WIDTH = 1;
+/** @hidden */
+export const DEFAULT_EVENT_HEIGHT = 25;
+/** @hidden */
+export const ONGOING_EVENT_CSS_CLASS = 'k-event-ongoing';
+/** @hidden */
+export const DAYS_IN_WEEK_COUNT = 7;
+/** @hidden */
+export const WEEKS_COUNT = 6;