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

package/esm2022/views/year/year-view-internal.component.mjs

@@ -1,471 +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 { ChangeDetectorRef, Component, ElementRef, Input, NgZone, Renderer2, ViewChild, } from '@angular/core';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { PDFService } from '../../pdf/pdf.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { addDays, addYears, toLocalDate } from '@progress/kendo-date-math';
-import { TooltipDirective } from '@progress/kendo-angular-tooltip';
-import { formatEventTime, toUTCDate } from '../utils';
-import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
-import { FocusService } from '../../navigation';
-import { MultiViewCalendarComponent, MonthCellTemplateDirective } from '@progress/kendo-angular-dateinputs';
-import { BaseView } from '../common/base-view';
-import { createTasks, noop, yearEnd, yearStart } from './utils';
-import { MonthSlotService } from '../month/month-slot.service';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { NgClass, NgStyle } from '@angular/common';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "../../navigation";
-import * as i3 from "@progress/kendo-angular-intl";
-import * as i4 from "../view-context.service";
-import * as i5 from "../view-state.service";
-import * as i6 from "../../pdf/pdf.service";
-import * as i7 from "../month/month-slot.service";
-import * as i8 from "@progress/kendo-angular-common";
-const today = new Date(Date.now());
-const getDateAttribute = (element) => element?.querySelector('span>span[date]')?.getAttribute('date');
-/**
- * @hidden
- */
-export class YearViewInternalComponent extends BaseView {
-    localization;
-    focusService;
-    intl;
-    /**
-     * Calculates the next or previous range to be displayed
-     */
-    newRange;
-    /**
-     * Determines the displayed date range and formats the selected date
-     */
-    dateRangeFn;
-    calendar;
-    tooltip;
-    get arrowIcons() {
-        return !this.localization.rtl
-            ? ['caret-alt-left', 'caret-alt-right']
-            : ['caret-alt-right', 'caret-alt-left'];
-    }
-    get arrowSVGIcons() {
-        return !this.localization.rtl
-            ? [this.caretAltLeftIcon, this.caretAltRightIcon]
-            : [this.caretAltRightIcon, this.caretAltLeftIcon];
-    }
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
-    eventsPerSelectedDay = [];
-    days = [];
-    focusedDate;
-    currentTd;
-    tds = [];
-    isTooltipClicked = false;
-    constructor(localization, focusService, intl, viewContext, viewState, zone, renderer, pdfService, element, slotService, scrollBarWidthService, changeDetector) {
-        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
-        this.localization = localization;
-        this.focusService = focusService;
-        this.intl = intl;
-    }
-    ngAfterViewInit() {
-        this.updateTds();
-        super.ngAfterViewInit();
-        this.focusedDate = new Date(this.selectedDate.getFullYear(), today.getMonth(), today.getDate());
-    }
-    getSlotClass(date) {
-        if (this.slotClass) {
-            const slotClassValue = this.slotClass({
-                start: date,
-                end: addDays(date, 1),
-                events: this.eventsPerDay(date),
-            });
-            return this.convertNgClassBindings(slotClassValue);
-        }
-        return [];
-    }
-    getEventClasses(item, resources, isAllDay) {
-        if (this.eventClass) {
-            return this.eventClass({
-                event: item.event,
-                resources,
-                isAllDay,
-            });
-        }
-    }
-    onBlur() {
-        if (!this.isTooltipClicked) {
-            this.tooltip.hide();
-        }
-        this.isTooltipClicked = false;
-    }
-    getDate(element) {
-        return new Date(getDateAttribute(element.nativeElement));
-    }
-    eventTitle(event) {
-        const startTime = toLocalDate(event.startTime);
-        const endTime = toLocalDate(event.endTime);
-        const time = formatEventTime(startTime, endTime, event.isAllDay, this.intl.localeId);
-        return `${time}, ${event.event.title}`;
-    }
-    onClick(event) {
-        if (event.target.tagName === 'SPAN') {
-            const clickedDate = getDateAttribute(event.target.closest('td.k-calendar-td'));
-            if (clickedDate === getDateAttribute(this.currentTd)) {
-                this.tooltip.show(this.currentTd);
-            }
-        }
-        else {
-            this.tooltip.hide();
-        }
-    }
-    onMouseDown() {
-        this.isTooltipClicked = true;
-    }
-    onKeydown(event) {
-        if (event.key === 'Backspace' || event.key === 'Delete') {
-            this.tooltip.hide();
-        }
-        if (event.key === 'Enter' && !this.tooltip.popupRef) {
-            this.tooltip.show(this.currentTd);
-            return;
-        }
-        if (event.key === 'Enter' && this.tooltip.popupRef && (getDateAttribute(this.currentTd) === this.calendar.focusedDate.toString())) {
-            this.navigateToDay(new Date(getDateAttribute(this.currentTd)));
-        }
-    }
-    navigateToDay(date) {
-        this.tooltip.hide();
-        this.zone.run(() => {
-            this.viewState.navigateTo({ viewName: 'day', date: new Date(date) });
-        });
-    }
-    eventsPerDay(date) {
-        return this.tasksPerDay(date)?.map((task) => task.event) || [];
-    }
-    tasksPerDay(date) {
-        if (this.resources?.length > 0) {
-            return this.tasks?.filter((event) => event.resources.length > 0 &&
-                event.startTime.getUTCDate() === date.getDate() &&
-                event.startTime.getUTCMonth() === date.getMonth());
-        }
-        else {
-            return this.tasks?.filter((event) => event.startTime.getUTCDate() === date.getDate() && event.startTime.getUTCMonth() === date.getMonth());
-        }
-    }
-    onValueChange(date) {
-        this.eventsPerSelectedDay = this.tasksPerDay(date);
-        this.currentTd = this.tds.find((td) => getDateAttribute(td) === date.toString());
-        if (this.tooltip.popupRef) {
-            this.tooltip.hide();
-        }
-    }
-    hasEvent(date) {
-        return this.tasksPerDay(date).length > 0;
-    }
-    createPDFElement() {
-        const element = this.element.nativeElement.cloneNode(true);
-        element.style.width = `${this.element.nativeElement.offsetWidth}px`;
-        element.querySelector('.k-scheduler-layout').style.height = 'auto';
-        this.pdfService.elementReady.emit({
-            element: element,
-        });
-    }
-    onSelectDate(date) {
-        const year = date.getFullYear();
-        const start = yearStart(year);
-        this.focusedDate = new Date(year, start.getMonth(), today.getDate());
-        this.selectedDate = start;
-        const dateRange = this.dateRange(date);
-        this.viewState.notifyDateRange(dateRange);
-        this.days = this.createDaySlots(dateRange);
-        if (this.calendar) {
-            this.calendar.min = start;
-            this.calendar.max = yearEnd(start.getFullYear());
-            // wait for the view to update to get the new tds
-            this.zone.onStable.pipe(take(1)).subscribe(() => this.updateTds());
-        }
-    }
-    onAction(e) {
-        const now = this.selectedDate;
-        if (e.type === 'next' || e.type === 'prev') {
-            const offset = e.type === 'next' ? 1 : -1;
-            const next = addYears(now, offset);
-            this.viewState.notifyNextDate(next);
-            this.calendar.min = next;
-            this.calendar.max = yearEnd(next.getFullYear());
-            this.focusedDate = new Date(next.getFullYear(), today.getMonth(), today.getDate());
-        }
-    }
-    createTasks(items, dateRange) {
-        this.days = this.createDaySlots(dateRange);
-        return createTasks(dateRange.start, dateRange.end, items, this.days);
-    }
-    reflow() {
-        this.updateContentHeight();
-        const content = this.content.nativeElement;
-        if (this.contentHeight === 'auto') {
-            // bigger size changes cause the table to overflow the container and in horizontal scrollbars
-            // this changes the table and slots size during rendering before the browser re-adjusts the 100% table width
-            content.style.overflow = 'visible';
-        }
-        if (this.contentHeight === 'auto') {
-            content.style.overflow = '';
-        }
-    }
-    dateRange(date = this.selectedDate) {
-        return this.dateRangeFn(date);
-    }
-    onTasksChange() {
-        this.items.next(this.tasks);
-    }
-    slotByIndex = (slotIndex, _args) => noop(slotIndex);
-    dragHintSize = (startSlot, _endSlot) => noop(startSlot);
-    dragRanges = (slot) => noop(slot);
-    slotByPosition = (x, _y, _container) => noop(x);
-    createDaySlots({ start }) {
-        const days = [];
-        const monthsPerYear = 12;
-        let date = start;
-        for (let idx = 0; idx < monthsPerYear; idx++) {
-            const monthTotalDays = this.getLastDayOfMonth(date.getFullYear(), date.getMonth());
-            for (let dayIdx = 0; dayIdx < monthTotalDays; dayIdx++) {
-                days.push(date);
-                const nextDay = addDays(date, 1);
-                date = nextDay;
-            }
-        }
-        return days;
-    }
-    getLastDayOfMonth(year, month) {
-        return new Date(year, month + 1, 0).getDate();
-    }
-    cachedTds = [];
-    updateTds() {
-        this.cachedTds.forEach((td) => {
-            this.renderer.setAttribute(td, 'class', 'k-calendar-td');
-        });
-        this.cachedTds = [];
-        this.tds = Array.from(this.calendar.element.nativeElement.querySelectorAll('.k-calendar-td:not(.k-empty)'));
-        if (this.calendar.value instanceof Date &&
-            this.calendar.value.getFullYear() === this.calendar.min?.getFullYear()) {
-            this.currentTd = this.tds.find((td) => getDateAttribute(td) === this.calendar.value.toString());
-        }
-        if (this.slotClass) {
-            this.tds.forEach((td) => {
-                const date = toUTCDate(new Date(getDateAttribute(td)));
-                const userClasses = this.getSlotClass(date);
-                userClasses.forEach(userClass => {
-                    if (userClass && userClass.trim() !== '') {
-                        this.renderer.addClass(td, userClass);
-                    }
-                });
-                this.cachedTds.push(td);
-            });
-        }
-    }
-    convertNgClassBindings(value) {
-        if (typeof value === 'string') {
-            return [value];
-        }
-        if (Array.isArray(value)) {
-            return value;
-        }
-        if (value instanceof Set) {
-            return Array.from(value);
-        }
-        if (typeof value === 'object' && value !== null) {
-            return Object.keys(value).filter(key => value[key]);
-        }
-        return [];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: YearViewInternalComponent, deps: [{ token: i1.LocalizationService }, { token: i2.FocusService }, { token: i3.IntlService }, { token: i4.ViewContextService }, { token: i5.ViewStateService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.PDFService }, { token: i0.ElementRef }, { token: i7.MonthSlotService }, { token: i8.ScrollbarWidthService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: YearViewInternalComponent, isStandalone: true, selector: "year-view-internal", inputs: { newRange: "newRange", dateRangeFn: "dateRangeFn" }, providers: [MonthSlotService], viewQueries: [{ propertyName: "calendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-        <div #content class="k-scheduler-layout k-scheduler-layout-flex k-scheduler-yearview">
-          <div class="k-scheduler-body">
-            <kendo-multiviewcalendar
-              [showOtherMonthDays]="false"
-              [showCalendarHeader]="false"
-              [showViewHeader]="true"
-              [views]="12"
-              [focusedDate]="focusedDate"
-              kendoTooltip
-              filter=".k-calendar-td"
-              showOn="none"
-              [tooltipTemplate]="template"
-              position="right"
-              tooltipContentClass="k-scheduler-tooltip"
-              [tooltipWidth]="220"
-              [collision]="{ horizontal: 'flip', vertical: 'flip' }"
-              (valueChange)="onValueChange($event)"
-              (blur)="onBlur()"
-              >
-              <ng-template kendoCalendarMonthCellTemplate let-date let-context="cellContext">
-                @if (!context.isOtherMonth) {
-                  <span [attr.date]="date">{{ date.getDate() }}</span>
-                }
-                @if (!context.isOtherMonth && hasEvent(date)) {
-                  <span class="k-day-indicator"></span>
-                }
-              </ng-template>
-            </kendo-multiviewcalendar>
-          </div>
-        </div>
-        <ng-template #template let-anchor>
-          <div
-            class="k-tooltip-title k-text-center"
-            (click)="navigateToDay(getDate(anchor))"
-            (mousedown)="onMouseDown()"
-            >
-            <div class="k-month">{{ intl.formatDate(getDate(anchor), 'MMM') }}</div>
-            <div class="k-link k-day k-text-primary">{{ intl.formatDate(getDate(anchor), 'dd') }}</div>
-          </div>
-          <div class="k-tooltip-events-container" (mousedown)="onMouseDown()">
-            <div class="k-tooltip-events">
-              @for (event of eventsPerSelectedDay; track event) {
-                <div
-                  class="k-tooltip-event k-event"
-                  [title]="eventTitle(event)"
-                  [ngClass]="getEventClasses(event, event.resources)"
-                  [ngStyle]="getEventStyles(event, event.resources[0], event.isAllDay)"
-                  >
-                  @if (event.tail || event.mid) {
-                    <kendo-icon-wrapper
-                      [name]="arrowIcons[0]"
-                      [svgIcon]="arrowSVGIcons[0]"
-                      >
-                    </kendo-icon-wrapper>
-                  }
-                  <div class="k-event-title k-text-ellipsis">{{ event.event.title }}</div>
-                  <span class="k-spacer"></span>
-                  @if ((event.isMultiDay && event.head && !event.isAllDay) || !event.isMultiDay) {
-                    <span
-                      class="k-event-time"
-                      >{{ intl.formatDate(event.start, 't') }}</span
-                      >
-                    }
-                    @if (event.head || event.mid) {
-                      <kendo-icon-wrapper
-                        [name]="arrowIcons[1]"
-                        [svgIcon]="arrowSVGIcons[1]"
-                        >
-                      </kendo-icon-wrapper>
-                    }
-                  </div>
-                }
-              </div>
-            </div>
-            @if (eventsPerSelectedDay.length === 0) {
-              <div class="k-no-data k-text-center">
-                {{ localization.get('yearViewNoEvents') }}
-              </div>
-            }
-          </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "directive", type: TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }, { kind: "directive", type: MonthCellTemplateDirective, selector: "[kendoCalendarMonthCellTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: YearViewInternalComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'year-view-internal',
-                    providers: [MonthSlotService],
-                    template: `
-        <div #content class="k-scheduler-layout k-scheduler-layout-flex k-scheduler-yearview">
-          <div class="k-scheduler-body">
-            <kendo-multiviewcalendar
-              [showOtherMonthDays]="false"
-              [showCalendarHeader]="false"
-              [showViewHeader]="true"
-              [views]="12"
-              [focusedDate]="focusedDate"
-              kendoTooltip
-              filter=".k-calendar-td"
-              showOn="none"
-              [tooltipTemplate]="template"
-              position="right"
-              tooltipContentClass="k-scheduler-tooltip"
-              [tooltipWidth]="220"
-              [collision]="{ horizontal: 'flip', vertical: 'flip' }"
-              (valueChange)="onValueChange($event)"
-              (blur)="onBlur()"
-              >
-              <ng-template kendoCalendarMonthCellTemplate let-date let-context="cellContext">
-                @if (!context.isOtherMonth) {
-                  <span [attr.date]="date">{{ date.getDate() }}</span>
-                }
-                @if (!context.isOtherMonth && hasEvent(date)) {
-                  <span class="k-day-indicator"></span>
-                }
-              </ng-template>
-            </kendo-multiviewcalendar>
-          </div>
-        </div>
-        <ng-template #template let-anchor>
-          <div
-            class="k-tooltip-title k-text-center"
-            (click)="navigateToDay(getDate(anchor))"
-            (mousedown)="onMouseDown()"
-            >
-            <div class="k-month">{{ intl.formatDate(getDate(anchor), 'MMM') }}</div>
-            <div class="k-link k-day k-text-primary">{{ intl.formatDate(getDate(anchor), 'dd') }}</div>
-          </div>
-          <div class="k-tooltip-events-container" (mousedown)="onMouseDown()">
-            <div class="k-tooltip-events">
-              @for (event of eventsPerSelectedDay; track event) {
-                <div
-                  class="k-tooltip-event k-event"
-                  [title]="eventTitle(event)"
-                  [ngClass]="getEventClasses(event, event.resources)"
-                  [ngStyle]="getEventStyles(event, event.resources[0], event.isAllDay)"
-                  >
-                  @if (event.tail || event.mid) {
-                    <kendo-icon-wrapper
-                      [name]="arrowIcons[0]"
-                      [svgIcon]="arrowSVGIcons[0]"
-                      >
-                    </kendo-icon-wrapper>
-                  }
-                  <div class="k-event-title k-text-ellipsis">{{ event.event.title }}</div>
-                  <span class="k-spacer"></span>
-                  @if ((event.isMultiDay && event.head && !event.isAllDay) || !event.isMultiDay) {
-                    <span
-                      class="k-event-time"
-                      >{{ intl.formatDate(event.start, 't') }}</span
-                      >
-                    }
-                    @if (event.head || event.mid) {
-                      <kendo-icon-wrapper
-                        [name]="arrowIcons[1]"
-                        [svgIcon]="arrowSVGIcons[1]"
-                        >
-                      </kendo-icon-wrapper>
-                    }
-                  </div>
-                }
-              </div>
-            </div>
-            @if (eventsPerSelectedDay.length === 0) {
-              <div class="k-no-data k-text-center">
-                {{ localization.get('yearViewNoEvents') }}
-              </div>
-            }
-          </ng-template>
-        `,
-                    standalone: true,
-                    imports: [MultiViewCalendarComponent, TooltipDirective, MonthCellTemplateDirective, NgClass, NgStyle, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.FocusService }, { type: i3.IntlService }, { type: i4.ViewContextService }, { type: i5.ViewStateService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i6.PDFService }, { type: i0.ElementRef }, { type: i7.MonthSlotService }, { type: i8.ScrollbarWidthService }, { type: i0.ChangeDetectorRef }], propDecorators: { newRange: [{
-                type: Input
-            }], dateRangeFn: [{
-                type: Input
-            }], calendar: [{
-                type: ViewChild,
-                args: [MultiViewCalendarComponent]
-            }], tooltip: [{
-                type: ViewChild,
-                args: [TooltipDirective]
-            }] } });

package/esm2022/views/year/year-view.component.mjs

@@ -1,136 +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, Input } 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 { ConfigurationViewBase } from '../common/configuration-view-base';
-import { addYears } from '@progress/kendo-date-math';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { yearEnd, yearStart } from './utils';
-import { YearViewInternalComponent } from './year-view-internal.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";
-import * as i4 from "@progress/kendo-angular-intl";
-/**
- * Represents the component that renders the **Year** view in the Scheduler.
- *
- * @example
- * ```html
- * <kendo-scheduler>
- *      <kendo-scheduler-year-view></kendo-scheduler-year-view>
- * </kendo-scheduler>
- * ```
- */
-export class YearViewComponent extends ConfigurationViewBase {
-    intl;
-    /**
-     * Sets the long-date format for the selected year in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
-     * @default '{0:yyy}'
-     */
-    selectedDateFormat = '{0:yyy}';
-    /**
-     * Sets the short-date format for the selected year in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
-     * @default '{0:yyy}'
-     */
-    selectedShortDateFormat = '{0:yyy}';
-    /**
-     * @hidden
-     */
-    get title() {
-        return this.localization.get('yearViewTitle');
-    }
-    /**
-     * @hidden
-     */
-    highlightOngoingEvents;
-    /**
-     * The invariant name for this view.
-     * @default 'year'
-     */
-    name = 'year';
-    /**
-     * @hidden
-     * Used to override the hiddenDays as this options is not applicable for Year view.
-     */
-    set hiddenDays(_hiddenDays) {
-        // no-op
-    }
-    constructor(localization, changeDetector, viewContext, viewState, intl) {
-        super(localization, changeDetector, viewContext, viewState);
-        this.intl = intl;
-    }
-    /**
-     * @hidden
-     */
-    dateRange(date) {
-        const year = date.getFullYear();
-        const start = yearStart(year);
-        const end = yearEnd(year);
-        const text = this.intl.format(this.selectedDateFormat, start);
-        const shortText = this.intl.format(this.selectedShortDateFormat, start);
-        return { start, end, text, shortText };
-    }
-    /**
-     * @hidden
-     */
-    newRange(date, direction = 1) {
-        return new Date(addYears(date, direction));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: YearViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: YearViewComponent, isStandalone: true, selector: "kendo-scheduler-year-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", highlightOngoingEvents: "highlightOngoingEvents" }, providers: [{
-                provide: SchedulerView,
-                useExisting: forwardRef(() => YearViewComponent)
-            }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #content>
-            <year-view-internal
-                [selectedDateFormat]="selectedDateFormat"
-                [selectedShortDateFormat]="selectedShortDateFormat"
-                [slotClass]="viewSlotClass"
-                [eventClass]="viewEventClass"
-                [eventStyles]="viewEventStyles"
-                [dateRangeFn]="dateRange"
-                [newRange]="newRange">
-            </year-view-internal>
-        </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: YearViewInternalComponent, selector: "year-view-internal", inputs: ["newRange", "dateRangeFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: YearViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-scheduler-year-view',
-                    providers: [{
-                            provide: SchedulerView,
-                            useExisting: forwardRef(() => YearViewComponent)
-                        }],
-                    template: `
-        <ng-template #content>
-            <year-view-internal
-                [selectedDateFormat]="selectedDateFormat"
-                [selectedShortDateFormat]="selectedShortDateFormat"
-                [slotClass]="viewSlotClass"
-                [eventClass]="viewEventClass"
-                [eventStyles]="viewEventStyles"
-                [dateRangeFn]="dateRange"
-                [newRange]="newRange">
-            </year-view-internal>
-        </ng-template>
-    `,
-                    standalone: true,
-                    imports: [YearViewInternalComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }], propDecorators: { selectedDateFormat: [{
-                type: Input
-            }], selectedShortDateFormat: [{
-                type: Input
-            }], highlightOngoingEvents: [{
-                type: Input
-            }] } });