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

package/dist/npm/views/templates/time-slot-template.directive.js

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents the template for the time-slot renderer in the **Day**, **Week**, and **Timeline** views.
- * To define the time-slot template, nest an `<ng-template>` tag with the `kendoSchedulerTimeSlotTemplate`
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
- *
- * The available fields in the template context are:
- * - `date`&mdash;The date of the slot.
- * - `resources`&mdash;The resources of the slot.
- *
- * {% meta height:500 %}
- * {% embed_file templates/time-slot/app.component.ts preview %}
- * {% embed_file templates/time-slot/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/events-utc.ts %}
- * {% endmeta %}
- */
-var TimeSlotTemplateDirective = /** @class */ (function () {
-    function TimeSlotTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    TimeSlotTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoSchedulerTimeSlotTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], TimeSlotTemplateDirective);
-    return TimeSlotTemplateDirective;
-}());
-exports.TimeSlotTemplateDirective = TimeSlotTemplateDirective;

package/dist/npm/views/templates.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var agenda_date_template_directive_1 = require("./templates/agenda-date-template.directive");
-exports.AgendaDateTemplateDirective = agenda_date_template_directive_1.AgendaDateTemplateDirective;
-var agenda_time_template_directive_1 = require("./templates/agenda-time-template.directive");
-exports.AgendaTimeTemplateDirective = agenda_time_template_directive_1.AgendaTimeTemplateDirective;
-var all_day_event_template_directive_1 = require("./templates/all-day-event-template.directive");
-exports.AllDayEventTemplateDirective = all_day_event_template_directive_1.AllDayEventTemplateDirective;
-var all_day_slot_template_directive_1 = require("./templates/all-day-slot-template.directive");
-exports.AllDaySlotTemplateDirective = all_day_slot_template_directive_1.AllDaySlotTemplateDirective;
-var date_header_template_directive_1 = require("./templates/date-header-template.directive");
-exports.DateHeaderTemplateDirective = date_header_template_directive_1.DateHeaderTemplateDirective;
-var event_template_directive_1 = require("./templates/event-template.directive");
-exports.EventTemplateDirective = event_template_directive_1.EventTemplateDirective;
-var group_header_template_directive_1 = require("./templates/group-header-template.directive");
-exports.GroupHeaderTemplateDirective = group_header_template_directive_1.GroupHeaderTemplateDirective;
-var major_time_header_template_directive_1 = require("./templates/major-time-header-template.directive");
-exports.MajorTimeHeaderTemplateDirective = major_time_header_template_directive_1.MajorTimeHeaderTemplateDirective;
-var minor_time_header_template_directive_1 = require("./templates/minor-time-header-template.directive");
-exports.MinorTimeHeaderTemplateDirective = minor_time_header_template_directive_1.MinorTimeHeaderTemplateDirective;
-var month_day_slot_template_directive_1 = require("./templates/month-day-slot-template.directive");
-exports.MonthDaySlotTemplateDirective = month_day_slot_template_directive_1.MonthDaySlotTemplateDirective;
-var time_slot_template_directive_1 = require("./templates/time-slot-template.directive");
-exports.TimeSlotTemplateDirective = time_slot_template_directive_1.TimeSlotTemplateDirective;

package/dist/npm/views/timeline/timeline-base.js

@@ -1,35 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var day_time_view_base_1 = require("../day-time/day-time-view-base");
-var COLUMN_WIDTH = 'columnWidth';
-/**
- * @hidden
- */
-var TimelineBase = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineBase, _super);
-    function TimelineBase(localization, changeDetector, viewContext, viewState) {
-        return _super.call(this, localization, changeDetector, viewContext, viewState) || this;
-    }
-    Object.defineProperty(TimelineBase.prototype, "viewColumnWidth", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.optionValue(COLUMN_WIDTH);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TimelineBase.prototype, "columnWidth", void 0);
-    return TimelineBase;
-}(day_time_view_base_1.DayTimeViewBase));
-exports.TimelineBase = TimelineBase;

package/dist/npm/views/timeline/timeline-month-view.component.js

@@ -1,95 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var types_1 = require("../../types");
-var timeline_base_1 = require("./timeline-base");
-var view_context_service_1 = require("../view-context.service");
-var view_state_service_1 = require("../view-state.service");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-/**
- * The component for rendering the **Month** timeline view.
- */
-var TimelineMonthViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineMonthViewComponent, _super);
-    function TimelineMonthViewComponent(localization, changeDetector, viewContext, viewState) {
-        var _this = _super.call(this, localization, changeDetector, viewContext, viewState) || this;
-        /**
-         * The long-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:Y}`
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         */
-        _this.selectedDateFormat = '{0:Y}';
-        /**
-         * The short-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:y}`
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         */
-        _this.selectedShortDateFormat = '{0:y}';
-        /**
-         * The invariant name for this view (`timelineMonth`).
-         */
-        _this.name = 'timelineMonth';
-        /**
-         * @hidden
-         */
-        _this.getStartDate = function (selectedDate) {
-            return kendo_date_math_1.firstDayOfMonth(kendo_date_math_1.getDate(selectedDate));
-        };
-        /**
-         * @hidden
-         */
-        _this.getEndDate = function (selectedDate) {
-            return kendo_date_math_1.addMonths(_this.getStartDate(selectedDate), 1);
-        };
-        /**
-         * @hidden
-         */
-        _this.getNextDate = function (date, count) {
-            return kendo_date_math_1.addMonths(date, count);
-        };
-        return _this;
-    }
-    TimelineMonthViewComponent_1 = TimelineMonthViewComponent;
-    Object.defineProperty(TimelineMonthViewComponent.prototype, "title", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.localization.get('timelineMonthViewTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var TimelineMonthViewComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineMonthViewComponent.prototype, "selectedDateFormat", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineMonthViewComponent.prototype, "selectedShortDateFormat", void 0);
-    TimelineMonthViewComponent = TimelineMonthViewComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-scheduler-timeline-month-view',
-            providers: [{
-                    provide: types_1.SchedulerView,
-                    // tslint:disable-next-line:no-forward-ref
-                    useExisting: core_1.forwardRef(function () { return TimelineMonthViewComponent_1; })
-                }],
-            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                viewName=\"timeline-month\"\n                [name]=\"name\"\n                [getNextDate]=\"getNextDate\"\n                [getStartDate]=\"getStartDate\"\n                [getEndDate]=\"getEndDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
-    ], TimelineMonthViewComponent);
-    return TimelineMonthViewComponent;
-}(timeline_base_1.TimelineBase));
-exports.TimelineMonthViewComponent = TimelineMonthViewComponent;

package/dist/npm/views/timeline/timeline-multi-day-view.component.js

@@ -1,162 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var view_context_service_1 = require("../view-context.service");
-var view_state_service_1 = require("../view-state.service");
-var day_time_slot_service_1 = require("../day-time/day-time-slot.service");
-var utils_1 = require("./utils");
-var utils_2 = require("../utils");
-var day_time_view_component_1 = require("../day-time/day-time-view.component");
-var pdf_service_1 = require("../../pdf/pdf.service");
-/**
- * @hidden
- */
-var TimelineMultiDayViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineMultiDayViewComponent, _super);
-    function TimelineMultiDayViewComponent(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService) {
-        var _this = _super.call(this, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization) || this;
-        _this.name = 'timeline';
-        _this.columnWidth = 100;
-        _this.viewName = 'timeline';
-        _this.verticalTime = false;
-        return _this;
-    }
-    Object.defineProperty(TimelineMultiDayViewComponent.prototype, "classNames", {
-        get: function () {
-            return "k-scheduler-" + this.viewName + "-view";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TimelineMultiDayViewComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.columnWidth) {
-            this.changes.next(null);
-        }
-        _super.prototype.ngOnChanges.call(this, changes);
-    };
-    TimelineMultiDayViewComponent.prototype.reflow = function () {
-        var slotService = this.slotService;
-        this.updateContentHeight();
-        slotService.containerSize = this.content.nativeElement.scrollWidth;
-        var verticalResourceRows = this.verticalResources.length ? this.verticalResourceRows.toArray() : [];
-        slotService.layoutTimeline(this.eventHeight, verticalResourceRows);
-        if (verticalResourceRows.length) {
-            slotService.forEachGroup(function (group, index) {
-                verticalResourceRows[index].nativeElement.style.height = group.timeRanges[0].slots[0].height + "px";
-            });
-        }
-        this.syncTables();
-    };
-    Object.defineProperty(TimelineMultiDayViewComponent.prototype, "allEventsMessage", {
-        get: function () {
-            return this.localization.get('allEvents');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TimelineMultiDayViewComponent.prototype, "slotsCount", {
-        get: function () {
-            var resources = this.horizontalResources;
-            var result = this.daySlots.length * this.timeSlots.length;
-            for (var idx = 0; idx < resources.length; idx++) {
-                result *= (resources[idx].data || []).length || 1;
-            }
-            return result;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TimelineMultiDayViewComponent.prototype.timeColspan = function (index) {
-        var timeSlots = this.timeSlots.length;
-        var remainder = timeSlots % this.slotDivisions;
-        return remainder === 0 || (index < timeSlots - remainder) ? this.slotDivisions : 1;
-    };
-    TimelineMultiDayViewComponent.prototype.horizontalColspan = function (resourceIndex) {
-        var resources = this.horizontalResources;
-        var result = this.daySlots.length * this.timeSlots.length;
-        for (var idx = resourceIndex + 1; idx < resources.length; idx++) {
-            result *= (resources[idx].data || []).length || 1;
-        }
-        return result;
-    };
-    TimelineMultiDayViewComponent.prototype.verticalRowspan = function (resourceIndex) {
-        var resources = this.verticalResources;
-        var result = 1;
-        for (var idx = resourceIndex + 1; idx < resources.length; idx++) {
-            result *= (resources[idx].data || []).length || 1;
-        }
-        return result;
-    };
-    TimelineMultiDayViewComponent.prototype.createTasks = function (items, dateRange) {
-        return utils_1.createTasks(dateRange.start, dateRange.end, items);
-    };
-    TimelineMultiDayViewComponent.prototype.onTasksChange = function () {
-        this.items.next(this.tasks);
-    };
-    TimelineMultiDayViewComponent.prototype.dragRanges = function (slot) {
-        return this.slotService.dragRanges(slot, this.dragging.offset, true);
-    };
-    TimelineMultiDayViewComponent.prototype.dragHintSize = function (firstSlot, lastSlot) {
-        return {
-            width: utils_2.toPx(lastSlot.rect.left - firstSlot.rect.left + lastSlot.rect.width),
-            height: utils_2.toPx(firstSlot.height)
-        };
-    };
-    TimelineMultiDayViewComponent.prototype.updateResizeHints = function (ranges, start, end) {
-        var last = ranges[ranges.length - 1];
-        _super.prototype.updateResizeHints.call(this, [[ranges[0][0], last[last.length - 1]]], start, end);
-    };
-    TimelineMultiDayViewComponent.prototype.pdfWidth = function () {
-        var contentWidth = this.content.nativeElement.scrollWidth;
-        var timesWidth = this.times.nativeElement.offsetWidth;
-        return contentWidth + timesWidth;
-    };
-    TimelineMultiDayViewComponent.prototype.currentTimeArrowOffset = function () {
-        return this.headerWrap.nativeElement.querySelector('tr:last-child').offsetTop;
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineMultiDayViewComponent.prototype, "name", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TimelineMultiDayViewComponent.prototype, "columnWidth", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineMultiDayViewComponent.prototype, "viewName", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren('verticalResourceRows'),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], TimelineMultiDayViewComponent.prototype, "verticalResourceRows", void 0);
-    TimelineMultiDayViewComponent = tslib_1.__decorate([
-        core_1.Component({
-            // tslint:disable-next-line:component-selector
-            selector: 'timeline-multi-day-view',
-            providers: [
-                day_time_slot_service_1.DayTimeSlotService
-            ],
-            template: "\n        <div class=\"k-scheduler-layout k-scheduler-flex-layout\" [ngClass]=\"classNames\">\n            <div class=\"k-scheduler-pane\">\n                <div class=\"k-scheduler-times\" #timesHeader>\n                    <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n                        <tr><th></th></tr>\n                        <tr><th class=\"k-slot-cell\"></th></tr>\n                        <tr *ngFor=\"let resource of horizontalResources; trackBy: itemIndex;\">\n                            <th></th>\n                        </tr>\n                    </table>\n                </div>\n                <div class=\"k-scheduler-header k-state-default\" #header >\n                    <div class=\"k-scheduler-header-wrap\" #headerWrap>\n                        <ng-container *ngIf=\"showCurrentTime\">\n                            <div *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex;\"\n                                #currentTimeArrow class=\"k-current-time k-current-time-arrow-down\">\n                            </div>\n                        </ng-container>\n                        <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n                            <colgroup>\n                                <col *ngFor=\"let slotIndex of slotsCount | repeat; trackBy: itemIndex;\" [ngStyle]=\"{ 'width.px': columnWidth }\" />\n                            </colgroup>\n                            <tr *ngFor=\"let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex;\">\n                                <th *ngFor=\"let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex;\"\n                                    class=\"k-slot-cell\" [attr.colspan]=\"horizontalColspan(resourceIndex)\">\n                                    <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(item, resource.textField) }}</ng-container>\n                                    <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\"\n                                        [ngTemplateOutletContext]=\"{ resource: item }\"></ng-container>\n                                </th>\n                            </tr>\n                             <tr>\n                                 <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex;\">\n                                     <ng-container *ngFor=\"let daySlot of daySlots; let index = index; trackBy: itemIndex;\">\n                                         <th [attr.colspan]=\"timeSlots.length\" class=\"k-slot-cell\">\n                                             <span *ngIf=\"!dateHeaderTemplateRef\" class=\"k-link\" [ngClass]=\"{ 'k-nav-day': numberOfDays > 1 }\" [attr.data-dayslot-index]=\"index\">{{ daySlot.start | kendoDate: 'm'}}</span>\n                                             <ng-container *ngIf=\"dateHeaderTemplateRef\" [ngTemplateOutlet]=\"dateHeaderTemplateRef\" [ngTemplateOutletContext]=\"{ date: daySlot.start }\"></ng-container>\n                                         </th>\n                                     </ng-container>\n                                 </ng-container>\n                             </tr>\n                             <tr>\n                                 <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; let resourceIndex = index; trackBy: itemIndex;\">\n                                    <ng-container *ngFor=\"let daySlot of daySlots; let rangeIndex = index; trackBy: itemIndex;\">\n                                        <ng-container *ngFor=\"let timeSlot of timeSlots; let index = index; trackBy: itemIndex;\">\n                                            <th *ngIf=\"timeSlot.isMajor\" [attr.colspan]=\"timeColspan(index)\" >{{ timeSlot.start | kendoDate: 't' }}</th>\n                                        </ng-container>\n                                    </ng-container>\n                                 </ng-container>\n                             </tr>\n                        </table>\n                    </div>\n                </div>\n            </div>\n            <div class=\"k-scheduler-pane\">\n                <div class=\"k-scheduler-times\" #times>\n                    <table class=\"k-scheduler-table\" #timesTable aria-hidden=\"true\">\n                        <tr *ngIf=\"!verticalResources.length\">\n                            <th rowspan=\"1\" #titleCell>\n                                {{ allEventsMessage }}\n                            </th>\n                        </tr>\n                        <ng-container *ngIf=\"verticalResources.length\">\n                            <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let leafIndex = index; trackBy: itemIndex;\">\n                                <tr #verticalResourceRows>\n                                    <ng-container *ngFor=\"let resource of verticalResources; let resourceIndex = index; trackBy: itemIndex;\">\n                                        <th *ngIf=\"verticalItem(leafIndex, resourceIndex)\" [attr.rowspan]=\"verticalRowspan(resourceIndex)\" class=\"k-slot-cell\">\n                                            <div>\n                                                <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}</ng-container>\n                                                <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\"\n                                                    [ngTemplateOutletContext]=\"{ resource: verticalItem(leafIndex, resourceIndex) }\"></ng-container>\n                                            </div>\n                                        </th>\n                                    </ng-container>\n                                </tr>\n                            </ng-container>\n                        </ng-container>\n                    </table>\n                </div>\n                <div class=\"k-scheduler-content\" #content>\n                    <ng-container *ngIf=\"showCurrentTime\">\n                        <div *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex;\"\n                            class=\"k-current-time\" #currentTimeMarker>\n                        </div>\n                    </ng-container>\n                    <table class=\"k-scheduler-table k-user-select-none\" #contentTable role=\"presentation\">\n                        <colgroup>\n                            <col *ngFor=\"let slotIndex of slotsCount | repeat; trackBy: itemIndex;\" [ngStyle]=\"{ 'width.px': columnWidth }\" />\n                        </colgroup>\n                        <tr *ngFor=\"let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex;\">\n                            <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; let horizontalIndex = index; trackBy: itemIndex;\">\n                                <ng-container *ngFor=\"let daySlot of daySlots; let rangeIndex = index; trackBy: itemIndex;\">\n                                    <td *ngFor=\"let slot of timeSlots; let index = index; trackBy: itemIndex;\"\n                                            [ngClass]=\"timeSlotClass(slot, daySlot.start, verticalResources.length ? verticalIndex : horizontalIndex)\"\n                                            timeSlot #timeSlot=\"timeSlot\"\n                                            [date]=\"daySlot.start\"\n                                            [invariantStart]=\"slot.start\"\n                                            [invariantEnd]=\"slot.end\"\n                                            [workDayStart]=\"workDayStartTime\"\n                                            [workDayEnd]=\"workDayEndTime\"\n                                            [workWeekStart]=\"workWeekStart\"\n                                            [workWeekEnd]=\"workWeekEnd\"\n                                            selectableSlot\n                                            [id]=\"{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }\"\n                                            [class.k-state-selected]=\"isSlotSelected({\n                                                start: toPlainDateTime(daySlot.start, slot.start),\n                                                end: toPlainDateTime(daySlot.start, slot.end),\n                                                isAllDay: false,\n                                                resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex)\n                                            })\"\n                                    >\n                                        <ng-container *ngIf=\"timeSlotTemplateRef\" [ngTemplateOutlet]=\"timeSlotTemplateRef\"\n                                            [ngTemplateOutletContext]=\"{ date: timeSlot.start, resources: resourcesByIndex(timeSlot.id.resourceIndex ) }\">\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                            </ng-container>\n                        </tr>\n                    </table>\n                    <ng-container *ngFor=\"let item of items | async; trackBy: itemIndex;\">\n                        <div *ngFor=\"let itemResource of item.resources; trackBy: itemIndex;\"\n                            [ngClass]=\"getEventClasses(item, itemResource.resources)\"\n                            [ngStyle]=\"getEventStyles(item, itemResource)\"\n                            [kendoSchedulerFocusIndex]=\"itemResource.leafIdx\"\n                            dayTimeViewItem\n                                [editable]=\"editable\"\n                                [item]=\"item\"\n                                [index]=\"item.index\"\n                                [rangeIndex]=\"item.rangeIndex\"\n                                [eventTemplate]=\"eventTemplateRef\"\n                                [resources]=\"itemResource.resources\"\n                                [resourceIndex]=\"itemResource.leafIdx\">\n                        </div>\n                    </ng-container>\n                    <kendo-hint-container #hintContainer>\n                        <ng-template>\n                            <div *ngFor=\"let hint of dragHints; trackBy: itemIndex;\"\n                                class=\"k-event-drag-hint\"\n                                dayTimeViewItem\n                                    [ngStyle]=\"hint.style\"\n                                    [ngClass]=\"hint.class\"\n                                    [dragHint]=\"true\"\n                                    [eventTemplate]=\"eventTemplateRef\"\n                                    [item]=\"hint.item\"\n                                    [resources]=\"hint.resources\">\n                            </div>\n                            <div *ngIf=\"resizeHints && resizeHints.length\"\n                                kendoResizeHint\n                                [hint]=\"resizeHints[0]\"\n                                [ngClass]=\"resizeHints[0].class\"\n                                [format]=\"resizeHintFormat\">\n                            </div>\n                        </ng-template>\n                    </kendo-hint-container>\n                </div>\n            </div>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef,
-            view_context_service_1.ViewContextService,
-            view_state_service_1.ViewStateService,
-            kendo_angular_intl_1.IntlService,
-            day_time_slot_service_1.DayTimeSlotService,
-            core_1.NgZone,
-            core_1.Renderer2,
-            core_1.ElementRef,
-            pdf_service_1.PDFService])
-    ], TimelineMultiDayViewComponent);
-    return TimelineMultiDayViewComponent;
-}(day_time_view_component_1.DayTimeViewComponent));
-exports.TimelineMultiDayViewComponent = TimelineMultiDayViewComponent;

package/dist/npm/views/timeline/timeline-view.component.js

@@ -1,76 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var types_1 = require("../../types");
-var timeline_base_1 = require("./timeline-base");
-var view_context_service_1 = require("../view-context.service");
-var view_state_service_1 = require("../view-state.service");
-/**
- * The component for rendering the **Timeline** view.
- */
-var TimelineViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineViewComponent, _super);
-    function TimelineViewComponent(localization, changeDetector, viewContext, viewState) {
-        var _this = _super.call(this, localization, changeDetector, viewContext, viewState) || this;
-        /**
-         * The long-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:D}`
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         */
-        _this.selectedDateFormat = '{0:D}';
-        /**
-         * The short-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:D}`
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         */
-        _this.selectedShortDateFormat = '{0:d}';
-        /**
-         * The invariant name for this view (`timeline`).
-         */
-        _this.name = 'timeline';
-        return _this;
-    }
-    TimelineViewComponent_1 = TimelineViewComponent;
-    Object.defineProperty(TimelineViewComponent.prototype, "title", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.localization.get('timelineViewTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var TimelineViewComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineViewComponent.prototype, "selectedDateFormat", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineViewComponent.prototype, "selectedShortDateFormat", void 0);
-    TimelineViewComponent = TimelineViewComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-scheduler-timeline-view',
-            providers: [{
-                    provide: types_1.SchedulerView,
-                    // tslint:disable-next-line:no-forward-ref
-                    useExisting: core_1.forwardRef(function () { return TimelineViewComponent_1; })
-                }],
-            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                [name]=\"name\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
-    ], TimelineViewComponent);
-    return TimelineViewComponent;
-}(timeline_base_1.TimelineBase));
-exports.TimelineViewComponent = TimelineViewComponent;

package/dist/npm/views/timeline/timeline-view.module.js

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var timeline_multi_day_view_component_1 = require("./timeline-multi-day-view.component");
-var timeline_view_component_1 = require("./timeline-view.component");
-var timeline_week_view_component_1 = require("./timeline-week-view.component");
-var timeline_month_view_component_1 = require("./timeline-month-view.component");
-var day_time_module_1 = require("../day-time/day-time.module");
-var views_shared_module_1 = require("../common/views-shared.module");
-var PUBLIC_DIRECTIVES = [
-    timeline_view_component_1.TimelineViewComponent,
-    timeline_week_view_component_1.TimelineWeekViewComponent,
-    timeline_month_view_component_1.TimelineMonthViewComponent
-];
-/**
- * @hidden
- */
-var TimelineViewModule = /** @class */ (function () {
-    function TimelineViewModule() {
-    }
-    TimelineViewModule = tslib_1.__decorate([
-        core_1.NgModule({
-            imports: [
-                day_time_module_1.DayTimeModule,
-                views_shared_module_1.ViewsSharedModule
-            ],
-            exports: [
-                PUBLIC_DIRECTIVES
-            ],
-            declarations: PUBLIC_DIRECTIVES.concat([
-                timeline_multi_day_view_component_1.TimelineMultiDayViewComponent
-            ])
-        })
-    ], TimelineViewModule);
-    return TimelineViewModule;
-}());
-exports.TimelineViewModule = TimelineViewModule;

package/dist/npm/views/timeline/timeline-week-view.component.js

@@ -1,91 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var types_1 = require("../../types");
-var timeline_base_1 = require("./timeline-base");
-var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var view_context_service_1 = require("../view-context.service");
-var view_state_service_1 = require("../view-state.service");
-/**
- * The component for rendering the **Week** timeline view.
- */
-var TimelineWeekViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineWeekViewComponent, _super);
-    function TimelineWeekViewComponent(intl, localization, changeDetector, viewContext, viewState) {
-        var _this = _super.call(this, localization, changeDetector, viewContext, viewState) || this;
-        _this.intl = intl;
-        /**
-         * The long-date format that will be used for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:D} - {1:D}`
-         * where `0` is the start and `1` is the end date
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         */
-        _this.selectedDateFormat = '{0:D} - {1:D}';
-        /**
-         * The short date format that will be used for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:d} - {1:d}`
-         * where `0` is the start and `1` is the end date
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         */
-        _this.selectedShortDateFormat = '{0:d} - {1:d}';
-        /**
-         * The invariant name for this view (`timelineWeek`).
-         */
-        _this.name = 'timelineWeek';
-        /**
-         * @hidden
-         */
-        _this.getStartDate = function (selectedDate) {
-            return kendo_date_math_1.firstDayInWeek(kendo_date_math_1.getDate(selectedDate), _this.viewWeekStart);
-        };
-        return _this;
-    }
-    TimelineWeekViewComponent_1 = TimelineWeekViewComponent;
-    Object.defineProperty(TimelineWeekViewComponent.prototype, "title", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.localization.get('timelineWeekViewTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var TimelineWeekViewComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineWeekViewComponent.prototype, "selectedDateFormat", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TimelineWeekViewComponent.prototype, "selectedShortDateFormat", void 0);
-    TimelineWeekViewComponent = TimelineWeekViewComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-scheduler-timeline-week-view',
-            providers: [{
-                    provide: types_1.SchedulerView,
-                    // tslint:disable-next-line:no-forward-ref
-                    useExisting: core_1.forwardRef(function () { return TimelineWeekViewComponent_1; })
-                }],
-            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                viewName=\"timeline-week\"\n                [name]=\"name\"\n                [numberOfDays]=\"7\"\n                [getStartDate]=\"getStartDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [weekStart]=\"viewWeekStart\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef,
-            view_context_service_1.ViewContextService,
-            view_state_service_1.ViewStateService])
-    ], TimelineWeekViewComponent);
-    return TimelineWeekViewComponent;
-}(timeline_base_1.TimelineBase));
-exports.TimelineWeekViewComponent = TimelineWeekViewComponent;

package/dist/npm/views/timeline/utils.js

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = require("../utils");
-/**
- * @hidden
- */
-exports.createTasks = function (periodStart, periodEnd, items) {
-    var tasks = [];
-    var utcStart = utils_1.toUTCDate(periodStart);
-    var utcEnd = utils_1.toUTCDate(periodEnd);
-    for (var index = 0; index < items.length; index++) {
-        var item = items[index];
-        var event_1 = item.event;
-        var task = {
-            index: index,
-            start: item.start,
-            end: item.end,
-            event: event_1,
-            isAllDay: false
-        };
-        var endTime = event_1.isAllDay ? utils_1.roundAllDayEnd(item) : task.end;
-        var startTime = event_1.isAllDay ? task.start.stripTime() : task.start;
-        task.startTime = startTime.toUTCDate();
-        task.endTime = endTime.toUTCDate();
-        if (utils_1.intersects(task.startTime, task.endTime, utcStart, utcEnd)) {
-            tasks.push(task);
-            task.head = task.endTime > periodEnd;
-            task.tail = task.startTime < periodStart;
-        }
-    }
-    return tasks;
-};