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

package/esm2015/views/month/utils.js

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { intersects, toUTCDate, addUTCDays } from '../utils';
+import { sortTasksByTime } from '../../common/util';
+const last = (arr) => arr[arr.length - 1];
+/**
+ * @hidden
+ */
+export const createTasks = (periodStart, periodEnd, items, ranges) => {
+    const tasks = [];
+    const utcStart = toUTCDate(periodStart);
+    const utcEnd = toUTCDate(periodEnd);
+    for (let index = 0; index < items.length; index++) {
+        const item = items[index];
+        const data = {};
+        const startTime = item.start.toUTCDate();
+        const end = item.end;
+        const endTime = (item.end.getTime() !== end.getTime() ? end.addDays(1) : end).toUTCDate();
+        if (intersects(startTime, endTime, utcStart, utcEnd)) {
+            for (let rangeIdx = 0; rangeIdx < ranges.length; rangeIdx++) {
+                const range = ranges[rangeIdx];
+                const rangeStart = toUTCDate(range[0]);
+                const rangeEnd = addUTCDays(toUTCDate(last(range)), 1);
+                if (intersects(startTime, endTime, rangeStart, rangeEnd)) {
+                    const task = {
+                        index,
+                        startTime,
+                        endTime,
+                        start: item.start,
+                        end: item.end,
+                        event: item.event,
+                        isAllDay: item.event.isAllDay,
+                        rangeIndex: rangeIdx,
+                        data: data
+                    };
+                    tasks.push(task);
+                    task.head = task.endTime > rangeEnd;
+                    task.tail = task.startTime < rangeStart;
+                }
+            }
+        }
+    }
+    return sortTasksByTime(tasks);
+};
+function clearTaskData(task) {
+    const data = task.data;
+    for (let key in data) {
+        if (data.hasOwnProperty(key)) {
+            delete data[key];
+        }
+    }
+}
+/**
+ * @hidden
+ */
+export function updateTaskData(tasks) {
+    for (let idx = 0; idx < tasks.length; idx++) {
+        const task = tasks[idx];
+        const resources = task.resources;
+        clearTaskData(task);
+        for (let resourceIdx = 0; resourceIdx < resources.length; resourceIdx++) {
+            task.data[resources[resourceIdx].leafIdx] = {};
+        }
+    }
+}

package/esm2015/views/multi-day/day-view.component.js

@@ -0,0 +1,162 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, Input, ContentChild, ChangeDetectionStrategy } from '@angular/core';
+import { SchedulerView } from '../../types';
+import { MultiDayViewBase } from './multi-day-view-base';
+import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective, MinorTimeHeaderTemplateDirective, MajorTimeHeaderTemplateDirective } from '../templates';
+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";
+import * as i4 from "./multi-day-view-renderer.component";
+import * as i5 from "../common/view-footer.component";
+import * as i6 from "../common/work-hours-footer.directive";
+/**
+ * The component for rendering the **Day** view.
+ */
+export class DayViewComponent extends MultiDayViewBase {
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+        /**
+         * The invariant name for this view (`day`).
+         */
+        this.name = 'day';
+        this._selectedDateFormat = '{0:D}';
+        this._selectedShortDateFormat = '{0:d}';
+    }
+    /**
+     * @hidden
+     */
+    get title() {
+        return this.localization.get('dayViewTitle');
+    }
+    /**
+     * 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)).
+     */
+    set selectedDateFormat(value) {
+        this._selectedDateFormat = value;
+    }
+    ;
+    get selectedDateFormat() {
+        return this._selectedDateFormat;
+    }
+    /**
+     * 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)).
+     */
+    set selectedShortDateFormat(value) {
+        this._selectedShortDateFormat = value;
+    }
+    ;
+    get selectedShortDateFormat() {
+        return this._selectedShortDateFormat;
+    }
+}
+DayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
+DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DayViewComponent, selector: "kendo-scheduler-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+            provide: SchedulerView,
+            useExisting: forwardRef(() => DayViewComponent)
+        }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <multi-day-view
+                [name]="name"
+                [eventHeight]="viewEventHeight"
+                [currentTimeMarker]="viewCurrentTimeMarker"
+                [highlightOngoingEvents]="viewHighlightOngoingEvents"
+                [showWorkHours]="shouldShowWorkHours"
+                [scrollTime]="viewScrollTime"
+                [startTime]="viewStartTime"
+                [endTime]="viewEndTime"
+                [workDayStart]="viewWorkDayStart"
+                [workDayEnd]="viewWorkDayEnd"
+                [workWeekStart]="viewWorkWeekStart"
+                [workWeekEnd]="viewWorkWeekEnd"
+                [slotDuration]="viewSlotDuration"
+                [slotDivisions]="viewSlotDivisions"
+                [slotFill]="viewSlotFill"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [allDaySlotTemplate]="allDaySlotTemplate?.templateRef"
+                [allDayEventTemplate]="allDayEventTemplate?.templateRef"
+                [еventTemplate]="eventTemplate?.templateRef"
+                [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
+                [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat">
+            </multi-day-view>
+            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
+        </ng-template>
+    `, isInline: true, components: [{ type: i4.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: i5.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i6.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-scheduler-day-view',
+                    providers: [{
+                            provide: SchedulerView,
+                            useExisting: forwardRef(() => DayViewComponent)
+                        }],
+                    template: `
+        <ng-template #content>
+            <multi-day-view
+                [name]="name"
+                [eventHeight]="viewEventHeight"
+                [currentTimeMarker]="viewCurrentTimeMarker"
+                [highlightOngoingEvents]="viewHighlightOngoingEvents"
+                [showWorkHours]="shouldShowWorkHours"
+                [scrollTime]="viewScrollTime"
+                [startTime]="viewStartTime"
+                [endTime]="viewEndTime"
+                [workDayStart]="viewWorkDayStart"
+                [workDayEnd]="viewWorkDayEnd"
+                [workWeekStart]="viewWorkWeekStart"
+                [workWeekEnd]="viewWorkWeekEnd"
+                [slotDuration]="viewSlotDuration"
+                [slotDivisions]="viewSlotDivisions"
+                [slotFill]="viewSlotFill"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [allDaySlotTemplate]="allDaySlotTemplate?.templateRef"
+                [allDayEventTemplate]="allDayEventTemplate?.templateRef"
+                [еventTemplate]="eventTemplate?.templateRef"
+                [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
+                [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat">
+            </multi-day-view>
+            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { selectedDateFormat: [{
+                type: Input
+            }], selectedShortDateFormat: [{
+                type: Input
+            }], allDaySlotTemplate: [{
+                type: ContentChild,
+                args: [AllDaySlotTemplateDirective, { static: false }]
+            }], allDayEventTemplate: [{
+                type: ContentChild,
+                args: [AllDayEventTemplateDirective, { static: false }]
+            }], minorTimeHeaderTemplate: [{
+                type: ContentChild,
+                args: [MinorTimeHeaderTemplateDirective, { static: false }]
+            }], majorTimeHeaderTemplate: [{
+                type: ContentChild,
+                args: [MajorTimeHeaderTemplateDirective, { static: false }]
+            }] } });

package/esm2015/views/multi-day/multi-day-view-base.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, Directive } from '@angular/core';
+import { DayTimeViewBase } from '../day-time/day-time-view-base';
+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 SLOT_FILL = 'slotFill';
+/**
+ * @hidden
+ */
+export class MultiDayViewBase extends DayTimeViewBase {
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
+    /**
+     * @hidden
+     */
+    get viewSlotFill() {
+        return this.optionValue(SLOT_FILL);
+    }
+}
+MultiDayViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiDayViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
+MultiDayViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MultiDayViewBase, inputs: { slotFill: "slotFill" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiDayViewBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { slotFill: [{
+                type: Input
+            }] } });