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

package/dist/es2015/views/month/month-slot.directive.js

@@ -1,81 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, Input, ElementRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { BaseSlotDirective } from '../view-items/base-slot.directive';
-import { MonthSlotService } from './month-slot.service';
-import { firstElementChild } from '../../common/dom-queries';
-import { addUTCDays, toUTCDate } from '../utils';
-/**
- * @hidden
- */
-let MonthSlotDirective = class MonthSlotDirective extends BaseSlotDirective {
-    constructor(element, slotService, localization) {
-        super(element, slotService, localization);
-        this.isDaySlot = true;
-        this._linkHeight = null;
-    }
-    set start(value) {
-        this.startDate = toUTCDate(value);
-    }
-    get start() {
-        return this.startDate;
-    }
-    get end() {
-        return addUTCDays(this.start, 1);
-    }
-    get linkHeight() {
-        if (this._linkHeight === null) {
-            const element = firstElementChild(this.nativeElement);
-            this._linkHeight = element ? element.offsetHeight + element.offsetTop : 0;
-        }
-        return this._linkHeight;
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.removeShowMore();
-    }
-    showMore(rect) {
-        if (!this.showMoreElement) {
-            const element = this.showMoreElement = document.createElement('div');
-            element.innerHTML = '<span class="k-icon k-i-more-horizontal"></span>';
-            element.className = 'k-more-events k-button';
-            element.style.width = `${rect.width}px`;
-            element.style.left = `${rect.left}px`;
-            element.style.top = `${rect.top}px`;
-            this.nativeElement.appendChild(element);
-        }
-    }
-    hideMore() {
-        this.removeShowMore();
-    }
-    invalidate() {
-        super.invalidate();
-        this._linkHeight = null;
-        this.removeShowMore();
-    }
-    removeShowMore() {
-        if (this.showMoreElement) {
-            this.showMoreElement.parentNode.removeChild(this.showMoreElement);
-            this.showMoreElement = null;
-        }
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], MonthSlotDirective.prototype, "start", null);
-MonthSlotDirective = tslib_1.__decorate([
-    Directive({
-        // tslint:disable-next-line:directive-selector
-        selector: '[monthSlot]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        MonthSlotService,
-        LocalizationService])
-], MonthSlotDirective);
-export { MonthSlotDirective };

package/dist/es2015/views/month/month-slot.service.d.ts

@@ -1,61 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { SlotDirective, ResourceGroup, SlotID } from '../view-items/types';
-import { MonthViewItemComponent } from './month-view-item.component';
-import { BaseSlotService } from '../view-items/base-slot.service';
-/**
- * @hidden
- */
-export declare class SlotRange {
-    index: number;
-    readonly slots: any[];
-    readonly items: any[];
-    private slotMap;
-    private itemMap;
-    readonly start: Date;
-    readonly end: Date;
-    readonly hasSlots: boolean;
-    readonly hasItems: boolean;
-    readonly firstSlot: any;
-    readonly lastSlot: any;
-    readonly rect: any;
-    constructor(index: number);
-    registerItem(component: MonthViewItemComponent): void;
-    unregisterItem(component: MonthViewItemComponent, index: number): void;
-    registerSlot(slot: any): void;
-    unregisterSlot(slot: any): void;
-    layout(eventHeight: number): void;
-}
-/**
- * @hidden
- */
-export declare class MonthResourceGroup implements ResourceGroup {
-    readonly index: number;
-    dayRanges: SlotRange[];
-    constructor(index: number);
-    readonly hasSlots: boolean;
-    registerSlot(slot: SlotDirective): void;
-    unregisterSlot(slot: SlotDirective): void;
-    registerItem(component: MonthViewItemComponent): void;
-    unregisterItem(component: MonthViewItemComponent, id: SlotID): void;
-    slotRange(slot: SlotDirective): SlotRange;
-    forEachRange(callback: (slot: SlotRange) => void): void;
-    cleanRanges(): void;
-}
-/**
- * @hidden
- */
-export declare class MonthSlotService extends BaseSlotService {
-    layout(eventHeight: number): void;
-    slotByIndex(slotIndex: string): any;
-    forEachSlot(callback: any): void;
-    forEachItem(callback: (e: MonthViewItemComponent) => void): void;
-    createGroup(index: number): MonthResourceGroup;
-    invalidate(): void;
-    slotByPosition(x: any, y: any): any;
-    dragRanges(currentSlot: any, offset: any): any;
-    groupSlotByPosition(currentSlot: any, x: any, y: any): any;
-    resizeRanges(currentSlot: any, task: any, resizeStart: boolean, offset: any): any;
-}

package/dist/es2015/views/month/month-view-item.component.d.ts

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MonthSlotService } from './month-slot.service';
-import { BaseViewItem } from '../view-items/base-view-item';
-import { FocusService } from '../../navigation';
-/**
- * @hidden
- */
-export declare class MonthViewItemComponent extends BaseViewItem {
-    protected localeId: string;
-    constructor(slotService: MonthSlotService, localization: LocalizationService, focusService: FocusService, element: ElementRef, renderer: Renderer2, localeId: string);
-    reflow(): void;
-}

package/dist/es2015/views/month/month-view-item.component.js

@@ -1,64 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, Renderer2, Inject, LOCALE_ID } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MonthSlotService } from './month-slot.service';
-import { BaseViewItem } from '../view-items/base-view-item';
-import { FocusService } from '../../navigation';
-/**
- * @hidden
- */
-let MonthViewItemComponent = class MonthViewItemComponent extends BaseViewItem {
-    constructor(slotService, localization, focusService, element, renderer, localeId) {
-        super(slotService, localization, focusService, element, renderer, localeId);
-        this.localeId = localeId;
-    }
-    reflow() {
-        if (this.item.data[this.resourceIndex].hidden) {
-            this.toggle(false);
-            return;
-        }
-        super.reflow();
-    }
-};
-MonthViewItemComponent = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:component-selector
-        selector: '[monthViewItem]',
-        template: `
-        <span class="k-event-actions">
-            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
-        </span>
-        <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
-            [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
-        </ng-container>
-        <div *ngIf="!eventTemplate" [attr.title]="eventTitle">
-            <div class="k-event-template">{{ item.event.title }}</div>
-        </div>
-
-        <span class="k-event-actions">
-            <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
-            </span>
-            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
-        </span>
-
-        <ng-container *ngIf="resizable">
-            <span class="k-resize-handle k-resize-w"></span>
-            <span class="k-resize-handle k-resize-e"></span>
-        </ng-container>
-    `
-    }),
-    tslib_1.__param(5, Inject(LOCALE_ID)),
-    tslib_1.__metadata("design:paramtypes", [MonthSlotService,
-        LocalizationService,
-        FocusService,
-        ElementRef,
-        Renderer2, String])
-], MonthViewItemComponent);
-export { MonthViewItemComponent };

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

@@ -1,53 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { OnChanges, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, QueryList } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { DateRange, NavigationAction, ViewItem } from '../../types';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { MonthSlotService } from './month-slot.service';
-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';
-/**
- * @hidden
- */
-export declare class MonthViewRendererComponent extends BaseView implements OnChanges {
-    monthDaySlotTemplate: TemplateRef<any>;
-    highlightOngoingEvents: any;
-    resizeHintFormat: any;
-    weeks: any[];
-    eventElements: QueryList<MonthViewItemComponent>;
-    readonly 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);
-    ngOnChanges(changes: any): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    horizontalColspan(resourceIndex: number): any;
-    verticalRowspan(resourceIndex: number): any;
-    verticalItem(leafIndex: number, resourceIndex: number): any;
-    daySlotClass(day: any, resourceIndex: any): string;
-    cellTitle(value: Date): string;
-    addDay(dayStart: Date): Date;
-    protected optionsChange(changes: any): void;
-    protected createTasks(items: ViewItem[], dateRange: DateRange): any[];
-    protected onTasksChange(): void;
-    protected reflow(): void;
-    protected onClick(e: any, eventType?: string): void;
-    protected slotByIndex(index: any, _args: any): any;
-    protected onSelectDate(date: Date): void;
-    protected onAction(e: NavigationAction): void;
-    protected dateRange(date?: Date): DateRange;
-    protected dragRanges(slot: any): any;
-    protected dragHintSize(first: any, last: any): any;
-    protected slotByPosition(x: number, y: number): any;
-    protected updateOngoingEvents(): void;
-    protected currentTime(): Date;
-    protected toggleOngoingClass(): void;
-    private createDaySlots;
-}

package/dist/es2015/views/month/month-view-renderer.component.js

@@ -1,361 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, QueryList, ViewChildren } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { isChanged, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { addDays, addMonths, firstDayInWeek, firstDayOfMonth, getDate, toLocalDate } from '@progress/kendo-date-math';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { closestInScope, hasClasses } from '../../common/dom-queries';
-import { MonthSlotService } from './month-slot.service';
-import { updateTaskData, createTasks } from './utils';
-import { toPx, dateInRange } from '../utils';
-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 { isPresent } from '../../common/util';
-import { DAYS_IN_WEEK_COUNT, WEEKS_COUNT, MS_PER_MINUTE, ONGOING_EVENT_CSS_CLASS } from '../constants';
-/**
- * @hidden
- */
-let MonthViewRendererComponent = class MonthViewRendererComponent extends BaseView {
-    constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector) {
-        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector);
-        this.resizeHintFormat = { skeleton: 'Md' };
-        this.weeks = [];
-        this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
-    }
-    get monthDaySlotTemplateRef() {
-        return this.monthDaySlotTemplate || (this.schedulerMonthDaySlotTemplate || {}).templateRef;
-    }
-    ngOnChanges(changes) {
-        if (isChanged('weekStart', changes)) {
-            this.onSelectDate(this.selectedDate);
-        }
-        super.ngOnChanges(changes);
-    }
-    ngAfterViewInit() {
-        this.updateOngoingEvents();
-        super.ngAfterViewInit();
-    }
-    ngOnDestroy() {
-        clearTimeout(this.ongoingEventsTimeout);
-        super.ngOnDestroy();
-    }
-    horizontalColspan(resourceIndex) {
-        const resources = this.horizontalResources;
-        let result = DAYS_IN_WEEK_COUNT;
-        for (let idx = resourceIndex + 1; idx < resources.length; idx++) {
-            result *= (resources[idx].data || []).length || 1;
-        }
-        return result;
-    }
-    verticalRowspan(resourceIndex) {
-        const resources = this.verticalResources;
-        let result = WEEKS_COUNT;
-        for (let idx = resourceIndex + 1; idx < resources.length; idx++) {
-            result *= (resources[idx].data || []).length || 1;
-        }
-        return result;
-    }
-    verticalItem(leafIndex, resourceIndex) {
-        const data = this.verticalResources[resourceIndex].data || [];
-        const resources = this.verticalResources;
-        let result = 1;
-        for (let idx = resourceIndex + 1; idx < resources.length; idx++) {
-            result *= ((resources[idx].data || []).length || 1);
-        }
-        return data[(leafIndex / result) % data.length];
-    }
-    daySlotClass(day, resourceIndex) {
-        if (this.slotClass) {
-            return this.slotClass({
-                start: day,
-                end: addDays(day, 1),
-                resources: this.resourcesByIndex(resourceIndex),
-                isAllDay: false
-            });
-        }
-    }
-    cellTitle(value) {
-        return this.intl.formatDate(value, 'D');
-    }
-    addDay(dayStart) {
-        return addDays(dayStart, 1);
-    }
-    optionsChange(changes) {
-        this.schedulerMonthDaySlotTemplate = changes.monthDaySlotTemplate;
-        super.optionsChange(changes);
-    }
-    createTasks(items, dateRange) {
-        this.weeks = this.createDaySlots(dateRange);
-        return createTasks(dateRange.start, dateRange.end, items, this.weeks);
-    }
-    onTasksChange() {
-        updateTaskData(this.tasks);
-        this.items.next(this.tasks);
-    }
-    reflow() {
-        this.updateContentHeight();
-        const content = this.content.nativeElement;
-        this.slotService.containerSize = content.scrollWidth;
-        if (this.contentHeight === 'auto') {
-            // bigger size changes cause the table to overflow the container and in horizontal scrollbars
-            // this changes the table and slots size during rendering before the browser re-adjusts the 100% table width
-            content.style.overflow = 'visible';
-        }
-        this.slotService.layout(this.eventHeight);
-        if (this.contentHeight === 'auto') {
-            content.style.overflow = '';
-        }
-        this.syncTables();
-    }
-    onClick(e, eventType = e.type) {
-        if (eventType === 'click') {
-            const eventSlot = closestInScope(e.target, node => node.hasAttribute('data-slot-index'), this.element.nativeElement);
-            const navigateToDay = closestInScope(e.target, node => hasClasses(node, 'k-more-events k-nav-day'), eventSlot);
-            if (eventSlot && navigateToDay) {
-                const index = eventSlot.getAttribute('data-slot-index');
-                const slot = this.slotService.slotByIndex(index);
-                this.zone.run(() => {
-                    this.viewState.navigateTo({ viewName: 'day', date: toLocalDate(slot.start) });
-                });
-                return;
-            }
-        }
-        super.onClick(e, eventType);
-    }
-    slotByIndex(index, _args) {
-        return this.slotService.slotByIndex(index);
-    }
-    onSelectDate(date) {
-        const dateRange = this.dateRange(date);
-        this.selectedDate = date;
-        this.viewState.notifyDateRange(dateRange);
-        this.weeks = this.createDaySlots(dateRange);
-    }
-    onAction(e) {
-        const now = getDate(this.selectedDate);
-        if (e.type === 'next') {
-            const next = firstDayOfMonth(addMonths(now, 1));
-            if (this.isInRange(next)) {
-                this.viewState.notifyNextDate(next);
-            }
-        }
-        if (e.type === 'prev') {
-            const next = firstDayOfMonth(addMonths(now, -1));
-            if (this.isInRange(next)) {
-                this.viewState.notifyNextDate(next);
-            }
-        }
-    }
-    dateRange(date = this.selectedDate) {
-        const monthStart = firstDayOfMonth(getDate(date));
-        const start = firstDayInWeek(monthStart, this.weekStart);
-        const end = addDays(start, DAYS_IN_WEEK_COUNT * WEEKS_COUNT);
-        const text = this.intl.format(this.selectedDateFormat, monthStart);
-        const shortText = this.intl.format(this.selectedShortDateFormat, monthStart);
-        return { start, end, text, shortText };
-    }
-    dragRanges(slot) {
-        return this.slotService.dragRanges(slot, this.dragging.offset);
-    }
-    dragHintSize(first, last) {
-        return {
-            width: toPx(last.rect.left - first.rect.left + last.rect.width),
-            height: toPx(first.height)
-        };
-    }
-    slotByPosition(x, y) {
-        return this.slotService.slotByPosition(x, y);
-    }
-    updateOngoingEvents() {
-        const disabled = !this.highlightOngoingEvents || this.highlightOngoingEvents.enabled === false;
-        if (!isDocumentAvailable() || disabled) {
-            return;
-        }
-        clearTimeout(this.ongoingEventsTimeout);
-        this.zone.runOutsideAngular(() => {
-            this.ongoingEventsTimeout = setTimeout(this.updateOngoingEvents, this.highlightOngoingEvents.updateInterval || MS_PER_MINUTE);
-        });
-        this.toggleOngoingClass();
-    }
-    currentTime() {
-        return new Date();
-    }
-    toggleOngoingClass() {
-        const now = this.currentTime();
-        const cssClass = isPresent(this.highlightOngoingEvents.cssClass) ? this.highlightOngoingEvents.cssClass : ONGOING_EVENT_CSS_CLASS;
-        this.eventElements.forEach((event) => {
-            const isOngoing = dateInRange(now, event.item.start, event.item.end);
-            this.renderer[isOngoing ? 'addClass' : 'removeClass'](event.nativeElement, cssClass);
-        });
-    }
-    createDaySlots({ start }) {
-        const weeks = [];
-        let date = start;
-        for (let idx = 0; idx < WEEKS_COUNT; idx++) {
-            const week = [];
-            weeks.push(week);
-            for (let dayIdx = 0; dayIdx < DAYS_IN_WEEK_COUNT; dayIdx++) {
-                week.push(date);
-                date = addDays(date, 1);
-            }
-        }
-        return weeks;
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], MonthViewRendererComponent.prototype, "monthDaySlotTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MonthViewRendererComponent.prototype, "highlightOngoingEvents", void 0);
-tslib_1.__decorate([
-    ViewChildren(MonthViewItemComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], MonthViewRendererComponent.prototype, "eventElements", void 0);
-MonthViewRendererComponent = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:component-selector
-        selector: 'month-view',
-        providers: [
-            MonthSlotService
-        ],
-        template: `
-        <div class="k-scheduler-layout k-scheduler-monthview k-scheduler-flex-layout">
-            <div class="k-scheduler-pane">
-                <div class="k-scheduler-times" #timesHeader *ngIf="verticalResources.length">
-                    <table class="k-scheduler-table" aria-hidden="true">
-                        <tr>
-                            <th></th>
-                        </tr>
-                    </table>
-                </div>
-                <div class="k-scheduler-header k-state-default" #header>
-                    <div class="k-scheduler-header-wrap" #headerWrap>
-                       <table class="k-scheduler-table" aria-hidden="true">
-                         <tr *ngFor="let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex">
-                             <th *ngFor="let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex"
-                                 class="k-slot-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
-                                <ng-container *ngIf="!groupHeaderTemplateRef">{{ getField(item, resource.textField) }}</ng-container>
-                                <ng-container *ngIf="groupHeaderTemplateRef" [ngTemplateOutlet]="groupHeaderTemplateRef" [ngTemplateOutletContext]="{ resource: item }"></ng-container>
-                             </th>
-                         </tr>
-                         <tr>
-                             <ng-container *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex">
-                                 <th *ngFor="let day of weeks[0]; trackBy: itemIndex">
-                                     {{ day | kendoDate: 'EEEE' }}
-                                 </th>
-                             </ng-container>
-                         </tr>
-                       </table>
-                    </div>
-                </div>
-            </div>
-            <div class="k-scheduler-pane">
-                <div class="k-scheduler-times k-scheduler-resources" #times *ngIf="verticalResources.length">
-                    <table class="k-scheduler-table" #timesTable aria-hidden="true">
-                        <ng-container *ngFor="let resourceItem of verticalResources | resourceIterator; let leafIndex = index; trackBy: itemIndex">
-                            <tr>
-                                <ng-container *ngFor="let resource of verticalResources; let resourceIndex = index; trackBy: itemIndex">
-                                    <th *ngIf="verticalItem(leafIndex, resourceIndex)" [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell" [ngClass]="{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }">
-                                        <ng-container *ngIf="!groupHeaderTemplateRef">{{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}</ng-container>
-                                        <ng-container *ngIf="groupHeaderTemplateRef" [ngTemplateOutlet]="groupHeaderTemplateRef"
-                                            [ngTemplateOutletContext]="{ resource: verticalItem(leafIndex, resourceIndex) }"></ng-container>
-                                    </th>
-                                </ng-container>
-                                <th class="k-slot-cell k-empty-slot">
-                                </th>
-                            </tr>
-                            <tr *ngFor="let index of 5 | repeat; trackBy: itemIndex">
-                                <th class="k-slot-cell k-empty-slot"></th>
-                            </tr>
-                        </ng-container>
-                    </table>
-                </div>
-                <div class="k-scheduler-content" #content>
-                     <table class="k-scheduler-table k-user-select-none" #contentTable role="presentation">
-                         <ng-container *ngFor="let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex">
-                             <tr *ngFor="let week of weeks;  let rangeIndex = index; trackBy: itemIndex">
-                                <ng-container *ngFor="let resource of horizontalResources | resourceIterator; let horizontalIndex = index; trackBy: itemIndex">
-                                     <td *ngFor="let day of week; let index = index; trackBy: itemIndex"
-                                         monthSlot
-                                         [ngClass]="daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)"
-                                         [start]="day"
-                                         [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
-                                         [title]="cellTitle(day)"
-                                         [class.k-state-selected]="isSlotSelected({
-                                             start: toPlainDate(day),
-                                             end: addDay(toPlainDate(day)),
-                                             isAllDay: true,
-                                             resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex)
-                                         })"
-                                        >
-                                        <span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef">{{ day | kendoDate: 'dd' }}</span>
-                                        <ng-container *ngIf="monthDaySlotTemplateRef" [ngTemplateOutlet]="monthDaySlotTemplateRef"
-                                            [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }"></ng-container>
-                                     </td>
-                                </ng-container>
-                             </tr>
-                         </ng-container>
-                     </table>
-                     <ng-container *ngFor="let item of items | async; trackBy: itemIndex">
-                         <div *ngFor="let itemResource of item.resources; trackBy: itemIndex"
-                            [ngClass]="getEventClasses(item, itemResource.resources)"
-                            [ngStyle]="getEventStyles(item, itemResource)"
-                            [kendoSchedulerFocusIndex]="itemResource.leafIdx"
-                            monthViewItem
-                                [editable]="editable"
-                                [item]="item"
-                                [index]="item.index"
-                                [rangeIndex]="item.rangeIndex"
-                                [eventTemplate]="eventTemplateRef"
-                                [resources]="itemResource.resources"
-                                [resourceIndex]="itemResource.leafIdx">
-                         </div>
-                     </ng-container>
-                     <kendo-hint-container #hintContainer>
-                        <ng-template>
-                            <div *ngFor="let hint of dragHints; trackBy: itemIndex;"
-                                class="k-event-drag-hint"
-                                monthViewItem
-                                    [ngStyle]="hint.style"
-                                    [ngClass]="hint.class"
-                                    [dragHint]="true"
-                                    [eventTemplate]="eventTemplateRef"
-                                    [item]="hint.item"
-                                    [resources]="hint.resources">
-                            </div>
-
-                            <div *ngFor="let hint of resizeHints; trackBy: itemIndex;"
-                                kendoResizeHint
-                                    [hint]="hint"
-                                    [ngClass]="hint.class"
-                                    [format]="resizeHintFormat">
-                            </div>
-                        </ng-template>
-                     </kendo-hint-container>
-                </div>
-            </div>
-        </div>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ViewContextService,
-        ViewStateService,
-        IntlService,
-        MonthSlotService,
-        NgZone,
-        ElementRef,
-        Renderer2,
-        PDFService,
-        LocalizationService,
-        ChangeDetectorRef])
-], MonthViewRendererComponent);
-export { MonthViewRendererComponent };