@progress/kendo-angular-scheduler 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/views/multi-day/multi-day-view.component.mjs

@@ -1,197 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { SchedulerView } from '../../types';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { DayViewComponent } from './day-view.component';
-import { WorkHoursFooterDirective } from '../common/work-hours-footer.directive';
-import { ViewFooterComponent } from '../common/view-footer.component';
-import { MultiDayViewRendererComponent } from './multi-day-view-renderer.component';
-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";
-/**
- * Represents the component that renders the **Multi-Day** view in the Scheduler.
- *
- * @example
- * ```html
- * <kendo-scheduler>
- *      <kendo-scheduler-multi-day-view></kendo-scheduler-multi-day-view>
- * </kendo-scheduler>
- * ```
- */
-export class MultiDayViewComponent extends DayViewComponent {
-    /**
-     * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
-     * The default value is `'{0:D} - {1:D}'` for multiple days and `'{0:D}'` for a single day.
-     * @default '{0:D} - {1:D}'
-     */
-    set selectedDateFormat(value) {
-        this.dateFormat = value;
-    }
-    get selectedDateFormat() {
-        return this.dateFormat || this.defaultDateFormat;
-    }
-    /**
-     * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
-     * The default value is `'{0:d} - {1:d}'` for multiple days and `'{0:d}'` for a single day.
-     * @default '{0:d} - {1:d}'
-     */
-    set selectedShortDateFormat(value) {
-        this.shortDateFormat = value;
-    }
-    get selectedShortDateFormat() {
-        return this.shortDateFormat || this.defaultShortDateFormat;
-    }
-    /**
-     * Sets the number of days to render in the view.
-     * @default 1
-     */
-    numberOfDays = 1;
-    /**
-     * Specifies the days that will be hidden from the view.
-     * Accepts an array of `Day` enum values.
-    **/
-    set hiddenDays(value) {
-        this._hiddenDays = value;
-    }
-    get hiddenDays() {
-        return this._hiddenDays;
-    }
-    /**
-     * @hidden
-     */
-    get title() {
-        return this.localization.get('multiDayViewTitle');
-    }
-    /**
-     * The invariant name for this view.
-     * @default 'multiDay'
-     */
-    name = 'multiDay';
-    get defaultDateFormat() {
-        return this.numberOfDays === 1 ? '{0:D}' : '{0:D} - {1:D}';
-    }
-    get defaultShortDateFormat() {
-        return this.numberOfDays === 1 ? '{0:d}' : '{0:d} - {1:d}';
-    }
-    dateFormat;
-    shortDateFormat;
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiDayViewComponent, isStandalone: true, selector: "kendo-scheduler-multi-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays", hiddenDays: "hiddenDays" }, providers: [{
-                provide: SchedulerView,
-                useExisting: forwardRef(() => MultiDayViewComponent)
-            }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #content>
-          <multi-day-view
-            viewName="day"
-            [allDaySlot]="allDaySlot"
-            [name]="name"
-            [hiddenDays]="viewHiddenDays"
-            [numberOfDays]="numberOfDays"
-            [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"
-            [eventTemplate]="eventTemplate?.templateRef"
-            [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
-            [timeSlotTemplate]="timeSlotTemplate?.templateRef"
-            [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
-            [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
-            [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
-            [selectedDateFormat]="selectedDateFormat"
-            [selectedShortDateFormat]="selectedShortDateFormat">
-          </multi-day-view>
-          @if (viewShowFooter) {
-            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
-          }
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiDayViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-scheduler-multi-day-view',
-                    providers: [{
-                            provide: SchedulerView,
-                            useExisting: forwardRef(() => MultiDayViewComponent)
-                        }],
-                    template: `
-        <ng-template #content>
-          <multi-day-view
-            viewName="day"
-            [allDaySlot]="allDaySlot"
-            [name]="name"
-            [hiddenDays]="viewHiddenDays"
-            [numberOfDays]="numberOfDays"
-            [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"
-            [eventTemplate]="eventTemplate?.templateRef"
-            [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
-            [timeSlotTemplate]="timeSlotTemplate?.templateRef"
-            [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
-            [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
-            [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
-            [selectedDateFormat]="selectedDateFormat"
-            [selectedShortDateFormat]="selectedShortDateFormat">
-          </multi-day-view>
-          @if (viewShowFooter) {
-            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
-          }
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [MultiDayViewRendererComponent, ViewFooterComponent, WorkHoursFooterDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }], propDecorators: { selectedDateFormat: [{
-                type: Input
-            }], selectedShortDateFormat: [{
-                type: Input
-            }], numberOfDays: [{
-                type: Input
-            }], hiddenDays: [{
-                type: Input
-            }] } });

package/esm2022/views/multi-day/utils.mjs

@@ -1,63 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { intersects, toUTCDate, roundAllDayEnd } from '../utils';
-import { sortTasksByTime } from '../../common/util';
-/** @hidden */
-export const isMultiDay = ({ start, end }) => {
-    const startDate = start.stripTime();
-    const endDate = end.stripTime();
-    return startDate.getTime() !== endDate.getTime() &&
-        (endDate.getTime() !== end.getTime() || startDate.addDays(1).getTime() !== endDate.getTime());
-};
-//check start and times or update day ranges to have them
-/** @hidden */
-export const createTasks = (periodStart, periodEnd, items, ranges, hiddenDays = []) => {
-    const tasks = [];
-    const utcStart = toUTCDate(periodStart);
-    const utcEnd = toUTCDate(periodEnd);
-    for (let index = 0; index < items.length; index++) {
-        const item = items[index];
-        const multiDay = isMultiDay(item);
-        const multipleRanges = multiDay && !item.event.isAllDay;
-        const isAllDay = typeof item.event.isAllDay === 'boolean' ? item.event.isAllDay : (multiDay && !multipleRanges);
-        const endTime = (isAllDay ? roundAllDayEnd(item) : item.end).toUTCDate();
-        const startTime = (isAllDay ? item.start.stripTime() : item.start).toUTCDate();
-        for (let rangeIndex = 0; rangeIndex < ranges.length; rangeIndex++) {
-            const rangeStart = ranges[rangeIndex].start;
-            const rangeEnd = ranges[rangeIndex].end;
-            if (intersects(startTime, endTime, rangeStart, rangeEnd)) {
-                const task = {
-                    index,
-                    isAllDay,
-                    startTime,
-                    endTime,
-                    rangeIndex: isAllDay ? 0 : rangeIndex,
-                    start: item.start,
-                    end: item.end,
-                    event: item.event
-                };
-                tasks.push(task);
-                if (!multipleRanges) {
-                    task.head = utcEnd < endTime;
-                    task.tail = startTime < utcStart;
-                    break;
-                }
-                else {
-                    const nextRange = ranges[rangeIndex + 1];
-                    const previousRange = ranges[rangeIndex - 1];
-                    task.head = (nextRange ? nextRange.start : utcEnd) < endTime;
-                    task.tail = startTime < (previousRange ? previousRange.end : utcStart);
-                    if (hiddenDays.includes(task.endTime.getDay())) {
-                        task.head = true;
-                    }
-                    if (hiddenDays.includes(task.startTime.getDay())) {
-                        task.tail = true;
-                    }
-                }
-            }
-        }
-    }
-    return sortTasksByTime(tasks);
-};

package/esm2022/views/multi-day/week-view.component.mjs

@@ -1,189 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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, ChangeDetectorRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { SchedulerView } from '../../types';
-import { MultiDayViewBase } from './multi-day-view-base';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { firstDayInWeek, getDate } from '@progress/kendo-date-math';
-import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective } from '../templates';
-import { WorkHoursFooterDirective } from '../common/work-hours-footer.directive';
-import { ViewFooterComponent } from '../common/view-footer.component';
-import { MultiDayViewRendererComponent } from './multi-day-view-renderer.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-intl";
-import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "../view-context.service";
-import * as i4 from "../view-state.service";
-/**
- * Represents the component that renders the **Week** view in the Scheduler.
- *
- * @example
- * ```html
- * <kendo-scheduler>
- *      <kendo-scheduler-week-view></kendo-scheduler-week-view>
- * </kendo-scheduler>
- * ```
- */
-export class WeekViewComponent extends MultiDayViewBase {
-    intl;
-    /**
-     * @hidden
-     */
-    get title() {
-        return this.localization.get('weekViewTitle');
-    }
-    /**
-     * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
-     * @default '{0:D} - {1:D}'
-     */
-    selectedDateFormat = '{0:D} - {1:D}';
-    /**
-     * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
-     * @default '{0:d} - {1:d}'
-     */
-    selectedShortDateFormat = '{0:d} - {1:d}';
-    /**
-     * @hidden
-     */
-    allDaySlotTemplate;
-    /**
-     * @hidden
-     */
-    allDayEventTemplate;
-    /**
-     * The invariant name for this view.
-     * @default 'week'
-     */
-    name = 'week';
-    constructor(intl, localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-        this.intl = intl;
-        this.getStartDate = this.getStartDate.bind(this);
-    }
-    /**
-     * @hidden
-     */
-    getStartDate(selectedDate) {
-        return firstDayInWeek(getDate(selectedDate), this.viewWeekStart);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WeekViewComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.ViewContextService }, { token: i4.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WeekViewComponent, isStandalone: true, selector: "kendo-scheduler-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
-                provide: SchedulerView,
-                useExisting: forwardRef(() => WeekViewComponent)
-            }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #content>
-          <multi-day-view
-            [name]="name"
-            [allDaySlot]="viewAllDaySlot"
-            [numberOfDays]="7"
-            [hiddenDays]="viewHiddenDays"
-            [getStartDate]="getStartDate"
-            [eventHeight]="viewEventHeight"
-            [currentTimeMarker]="viewCurrentTimeMarker"
-            [highlightOngoingEvents]="viewHighlightOngoingEvents"
-            [showWorkHours]="shouldShowWorkHours"
-            [scrollTime]="viewScrollTime"
-            [startTime]="viewStartTime"
-            [endTime]="viewEndTime"
-            [workDayStart]="viewWorkDayStart"
-            [workDayEnd]="viewWorkDayEnd"
-            [workWeekStart]="viewWorkWeekStart"
-            [workWeekEnd]="viewWorkWeekEnd"
-            [weekStart]="viewWeekStart"
-            [slotDuration]="viewSlotDuration"
-            [slotDivisions]="viewSlotDivisions"
-            [slotFill]="viewSlotFill"
-            [slotClass]="viewSlotClass"
-            [eventClass]="viewEventClass"
-            [eventStyles]="viewEventStyles"
-            [allDaySlotTemplate]="allDaySlotTemplate?.templateRef"
-            [allDayEventTemplate]="allDayEventTemplate?.templateRef"
-            [eventTemplate]="eventTemplate?.templateRef"
-            [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
-            [timeSlotTemplate]="timeSlotTemplate?.templateRef"
-            [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
-            [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
-            [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
-            [selectedDateFormat]="selectedDateFormat"
-            [selectedShortDateFormat]="selectedShortDateFormat">
-          </multi-day-view>
-          @if (viewShowFooter) {
-            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
-          }
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WeekViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-scheduler-week-view',
-                    providers: [{
-                            provide: SchedulerView,
-                            useExisting: forwardRef(() => WeekViewComponent)
-                        }],
-                    template: `
-        <ng-template #content>
-          <multi-day-view
-            [name]="name"
-            [allDaySlot]="viewAllDaySlot"
-            [numberOfDays]="7"
-            [hiddenDays]="viewHiddenDays"
-            [getStartDate]="getStartDate"
-            [eventHeight]="viewEventHeight"
-            [currentTimeMarker]="viewCurrentTimeMarker"
-            [highlightOngoingEvents]="viewHighlightOngoingEvents"
-            [showWorkHours]="shouldShowWorkHours"
-            [scrollTime]="viewScrollTime"
-            [startTime]="viewStartTime"
-            [endTime]="viewEndTime"
-            [workDayStart]="viewWorkDayStart"
-            [workDayEnd]="viewWorkDayEnd"
-            [workWeekStart]="viewWorkWeekStart"
-            [workWeekEnd]="viewWorkWeekEnd"
-            [weekStart]="viewWeekStart"
-            [slotDuration]="viewSlotDuration"
-            [slotDivisions]="viewSlotDivisions"
-            [slotFill]="viewSlotFill"
-            [slotClass]="viewSlotClass"
-            [eventClass]="viewEventClass"
-            [eventStyles]="viewEventStyles"
-            [allDaySlotTemplate]="allDaySlotTemplate?.templateRef"
-            [allDayEventTemplate]="allDayEventTemplate?.templateRef"
-            [eventTemplate]="eventTemplate?.templateRef"
-            [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
-            [timeSlotTemplate]="timeSlotTemplate?.templateRef"
-            [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
-            [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
-            [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
-            [selectedDateFormat]="selectedDateFormat"
-            [selectedShortDateFormat]="selectedShortDateFormat">
-          </multi-day-view>
-          @if (viewShowFooter) {
-            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
-          }
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [MultiDayViewRendererComponent, ViewFooterComponent, WorkHoursFooterDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.IntlService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.ViewContextService }, { type: i4.ViewStateService }], propDecorators: { selectedDateFormat: [{
-                type: Input
-            }], selectedShortDateFormat: [{
-                type: Input
-            }], allDaySlotTemplate: [{
-                type: ContentChild,
-                args: [AllDaySlotTemplateDirective, { static: false }]
-            }], allDayEventTemplate: [{
-                type: ContentChild,
-                args: [AllDayEventTemplateDirective, { static: false }]
-            }] } });

package/esm2022/views/multi-day/work-week-view.component.mjs

@@ -1,172 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { SchedulerView } from '../../types';
-import { WeekViewComponent } from './week-view.component';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { firstDayInWeek, getDate, addDays } from '@progress/kendo-date-math';
-import { WorkHoursFooterDirective } from '../common/work-hours-footer.directive';
-import { ViewFooterComponent } from '../common/view-footer.component';
-import { MultiDayViewRendererComponent } from './multi-day-view-renderer.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-intl";
-import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "../view-context.service";
-import * as i4 from "../view-state.service";
-const DAYS_IN_WEEK = 7;
-/**
- * Represents the component that renders the **Work Week** view in the Scheduler.
- *
- * @example
- * ```html
- * <kendo-scheduler>
- *      <kendo-scheduler-work-week-view></kendo-scheduler-work-week-view>
- * </kendo-scheduler>
- * ```
- */
-export class WorkWeekViewComponent extends WeekViewComponent {
-    /**
-     * @hidden
-     */
-    get title() {
-        return this.localization.get('workWeekViewTitle');
-    }
-    /**
-     * The invariant name for this view.
-     * @default 'workWeek'
-     */
-    name = 'workWeek';
-    /**
-     * @hidden
-     */
-    get numberOfDays() {
-        if (this.viewWorkWeekStart > this.viewWorkWeekEnd) {
-            return (DAYS_IN_WEEK - this.viewWorkWeekStart + this.viewWorkWeekEnd) + 1;
-        }
-        return (this.viewWorkWeekEnd - this.viewWorkWeekStart) + 1;
-    }
-    constructor(intl, localization, changeDetector, viewContext, viewState) {
-        super(intl, localization, changeDetector, viewContext, viewState);
-        this.getNextDate = this.getNextDate.bind(this);
-    }
-    /**
-     * @hidden
-     */
-    getStartDate(selectedDate) {
-        return firstDayInWeek(getDate(selectedDate), this.viewWorkWeekStart);
-    }
-    /**
-     * @hidden
-     */
-    getNextDate(date, count, _numberOfDays) {
-        return getDate(addDays(date, DAYS_IN_WEEK * count));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WorkWeekViewComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.ViewContextService }, { token: i4.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WorkWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-work-week-view", providers: [{
-                provide: SchedulerView,
-                useExisting: forwardRef(() => WorkWeekViewComponent)
-            }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #content>
-          <multi-day-view
-            viewName="workWeekview"
-            [allDaySlot]="viewAllDaySlot"
-            [name]="name"
-            [numberOfDays]="numberOfDays"
-            [hiddenDays]="viewHiddenDays"
-            [getStartDate]="getStartDate"
-            [getNextDate]="getNextDate"
-            [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"
-            [eventTemplate]="eventTemplate?.templateRef"
-            [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
-            [timeSlotTemplate]="timeSlotTemplate?.templateRef"
-            [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
-            [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
-            [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
-            [selectedDateFormat]="selectedDateFormat"
-            [selectedShortDateFormat]="selectedShortDateFormat">
-          </multi-day-view>
-          @if (viewShowFooter) {
-            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
-          }
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WorkWeekViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-scheduler-work-week-view',
-                    providers: [{
-                            provide: SchedulerView,
-                            useExisting: forwardRef(() => WorkWeekViewComponent)
-                        }],
-                    template: `
-        <ng-template #content>
-          <multi-day-view
-            viewName="workWeekview"
-            [allDaySlot]="viewAllDaySlot"
-            [name]="name"
-            [numberOfDays]="numberOfDays"
-            [hiddenDays]="viewHiddenDays"
-            [getStartDate]="getStartDate"
-            [getNextDate]="getNextDate"
-            [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"
-            [eventTemplate]="eventTemplate?.templateRef"
-            [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
-            [timeSlotTemplate]="timeSlotTemplate?.templateRef"
-            [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
-            [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
-            [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
-            [selectedDateFormat]="selectedDateFormat"
-            [selectedShortDateFormat]="selectedShortDateFormat">
-          </multi-day-view>
-          @if (viewShowFooter) {
-            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
-          }
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [MultiDayViewRendererComponent, ViewFooterComponent, WorkHoursFooterDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.IntlService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.ViewContextService }, { type: i4.ViewStateService }] });