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

package/esm2022/calendar/multiview-calendar.module.mjs

@@ -1,89 +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 { NgModule } from '@angular/core';
-import { KENDO_MULTIVIEWCALENDAR } from '../directives';
-import { CenturyViewService } from './services/century-view.service';
-import { DecadeViewService } from './services/decade-view.service';
-import { MonthViewService } from './services/month-view.service';
-import { NavigationService } from './services/navigation.service';
-import { YearViewService } from './services/year-view.service';
-import { PopupService } from '@progress/kendo-angular-popup';
-import * as i0 from "@angular/core";
-import * as i1 from "./localization/multiview-calendar-custom-messages.component";
-import * as i2 from "./multiview-calendar.component";
-import * as i3 from "./templates/cell-template.directive";
-import * as i4 from "./templates/century-cell-template.directive";
-import * as i5 from "./templates/decade-cell-template.directive";
-import * as i6 from "./templates/footer-template.directive";
-import * as i7 from "./templates/header-template.directive";
-import * as i8 from "./templates/header-title-template.directive";
-import * as i9 from "./templates/month-cell-template.directive";
-import * as i10 from "./templates/navigation-item-template.directive";
-import * as i11 from "./templates/weeknumber-cell-template.directive";
-import * as i12 from "./templates/year-cell-template.directive";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Required for adding all MultiViewCalendar features in NgModule-based Angular applications.
- * The package exports:
- * - `CellTemplateDirective`—The month cell template directive.
- * - `MonthCellTemplateDirective`—The month cell template directive.
- * - `YearCellTemplateDirective`—The year cell template directive.
- * - `DecadeCellTemplateDirective`—The decade cell template directive.
- * - `CenturyCellTemplateDirective`—The century cell template directive.
- * - `WeekNumberCellTemplateDirective`—The month week number cell template directive.
- * - `HeaderTitleTemplateDirective`—The header title template directive.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the MultiViewCalendar module
- * import { MultiViewCalendarModule } from '@progress/kendo-angular-dateinputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, MultiViewCalendarModule], // import MultiViewCalendar module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- */
-export class MultiViewCalendarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiViewCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: MultiViewCalendarModule, imports: [i1.MultiViewCalendarCustomMessagesComponent, i2.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective], exports: [i1.MultiViewCalendarCustomMessagesComponent, i2.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiViewCalendarModule, providers: [
-            PopupService,
-            NavigationService,
-            CenturyViewService,
-            DecadeViewService,
-            MonthViewService,
-            YearViewService
-        ], imports: [i2.MultiViewCalendarComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiViewCalendarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_MULTIVIEWCALENDAR],
-                    imports: [...KENDO_MULTIVIEWCALENDAR],
-                    providers: [
-                        PopupService,
-                        NavigationService,
-                        CenturyViewService,
-                        DecadeViewService,
-                        MonthViewService,
-                        YearViewService
-                    ]
-                }]
-        }] });

package/esm2022/calendar/navigation.component.mjs

@@ -1,230 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* eslint-disable @angular-eslint/component-selector */
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, TemplateRef, ViewChild } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { BusViewService } from './services/bus-view.service';
-import { CalendarDOMService } from './services/dom.service';
-import { CalendarViewEnum } from './models/view.enum';
-import { VirtualizationComponent } from '../virtualization/virtualization.component';
-import { MIN_DATE, MAX_DATE } from '../defaults';
-import { cloneDate } from '@progress/kendo-date-math';
-import { dateInRange } from '../util';
-import { closestInScope } from '../common/dom-queries';
-import { NgTemplateOutlet } from '@angular/common';
-import { KForOf } from './for.directive';
-import { EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./services/bus-view.service";
-import * as i2 from "./services/dom.service";
-import * as i3 from "@progress/kendo-angular-intl";
-const ITEMS_COUNT = 30;
-/**
- * @hidden
- */
-export class NavigationComponent {
-    bus;
-    dom;
-    intl;
-    cdr;
-    renderer;
-    activeView;
-    min = new Date(MIN_DATE);
-    max = new Date(MAX_DATE);
-    focusedDate = new Date();
-    templateRef;
-    valueChange = new EventEmitter();
-    pageChange = new EventEmitter();
-    virtualization;
-    list;
-    get getComponentClass() {
-        return true;
-    }
-    activeViewValue;
-    service;
-    dates = [];
-    style;
-    take = ITEMS_COUNT;
-    skip;
-    total;
-    itemHeight;
-    topOffset;
-    bottomOffset;
-    maxViewHeight;
-    indexToScroll = -1;
-    intlSubscription;
-    constructor(bus, dom, intl, cdr, renderer) {
-        this.bus = bus;
-        this.dom = dom;
-        this.intl = intl;
-        this.cdr = cdr;
-        this.renderer = renderer;
-    }
-    ngOnInit() {
-        this.dom.ensureHeights();
-        const calendarHeight = this.dom.calendarHeight;
-        this.itemHeight = this.dom.navigationItemHeight;
-        this.maxViewHeight = this.dom.monthViewHeight;
-        this.topOffset = (calendarHeight - this.itemHeight) / 2;
-        this.bottomOffset = calendarHeight - this.itemHeight;
-        this.intlSubscription = this.intl.changes.subscribe(this.intlChange.bind(this));
-    }
-    ngOnChanges(changes) {
-        this.service = this.bus.service(this.activeView);
-        if (!this.service) {
-            return;
-        }
-        this.activeViewValue = CalendarViewEnum[this.activeView];
-        const viewDate = dateInRange(this.focusedDate, this.min, this.max);
-        const total = this.service.total(this.min, this.max);
-        const totalChanged = this.total && this.total !== total;
-        this.skip = this.service.skip(viewDate, this.min);
-        this.total = total;
-        if (totalChanged || !this.service.isInArray(viewDate, this.dates)) {
-            this.dates = this.service.datesList(viewDate, this.getTake(this.skip));
-        }
-        if (!!changes.focusedDate || totalChanged) {
-            this.indexToScroll = this.service.skip(this.focusedDate, this.min);
-        }
-    }
-    ngOnDestroy() {
-        if (this.intlSubscription) {
-            this.intlSubscription.unsubscribe();
-        }
-    }
-    ngAfterViewInit() {
-        if (this.indexToScroll === -1) {
-            return;
-        }
-        this.virtualization.scrollToIndex(this.indexToScroll);
-        this.indexToScroll = -1;
-    }
-    ngAfterViewChecked() {
-        if (this.indexToScroll === -1) {
-            return;
-        }
-        this.virtualization.scrollToIndex(this.indexToScroll);
-        this.indexToScroll = -1;
-    }
-    onPageChange({ skip }) {
-        this.dates = this.service.datesList(this.service.addToDate(this.min, skip), this.getTake(skip));
-        this.pageChange.emit();
-    }
-    scrollChange({ offset }) {
-        const el = this.list.nativeElement;
-        const translate = `translateY(${offset}px)`;
-        this.renderer.setStyle(el, 'transform', translate);
-        this.renderer.setStyle(el, '-ms-transform', translate);
-    }
-    handleDateChange(args) {
-        const item = closestInScope(args.target, node => node.hasAttribute('data-date-index'), this.list.nativeElement);
-        if (item) {
-            const index = parseInt(item.getAttribute('data-date-index'), 10);
-            const candidate = this.dates[index];
-            this.valueChange.emit(cloneDate(candidate));
-        }
-    }
-    getTake(skip) {
-        return Math.min(this.total - skip, this.take);
-    }
-    intlChange() {
-        if (this.activeView === CalendarViewEnum.month) {
-            this.cdr.markForCheck();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationComponent, deps: [{ token: i1.BusViewService }, { token: i2.CalendarDOMService }, { token: i3.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NavigationComponent, isStandalone: true, selector: "kendo-calendar-navigation", inputs: { activeView: "activeView", min: "min", max: "max", focusedDate: "focusedDate", templateRef: "templateRef" }, outputs: { valueChange: "valueChange", pageChange: "pageChange" }, host: { properties: { "class.k-calendar-navigation": "this.getComponentClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true }, { propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
-    <span class="k-calendar-navigation-highlight"></span>
-    <kendo-virtualization
-      [skip]="skip"
-      [take]="take"
-      [total]="total"
-      [itemHeight]="itemHeight"
-      [topOffset]="topOffset"
-      [bottomOffset]="bottomOffset"
-      [maxScrollDifference]="maxViewHeight"
-      (pageChange)="onPageChange($event)"
-      (scrollChange)="scrollChange($event)"
-      >
-      <ul #list class="k-reset" [kendoEventsOutsideAngular]="{ click: handleDateChange }" [scope]="this">
-        <li *kFor="let date of dates; let index=index" [attr.data-date-index]="index">
-          <span [class.k-calendar-navigation-marker]="service.isRangeStart(date)">
-            @if (!templateRef) {
-              {{service.navigationTitle(date)}}
-            }
-            @if (templateRef) {
-              <ng-template
-                [ngTemplateOutlet]="templateRef"
-                [ngTemplateOutletContext]="{ $implicit: service.navigationTitle(date), activeView: activeViewValue, date: date }"
-              ></ng-template>
-            }
-          </span>
-        </li>
-      </ul>
-    </kendo-virtualization>
-    `, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-calendar-navigation',
-                    template: `
-    <span class="k-calendar-navigation-highlight"></span>
-    <kendo-virtualization
-      [skip]="skip"
-      [take]="take"
-      [total]="total"
-      [itemHeight]="itemHeight"
-      [topOffset]="topOffset"
-      [bottomOffset]="bottomOffset"
-      [maxScrollDifference]="maxViewHeight"
-      (pageChange)="onPageChange($event)"
-      (scrollChange)="scrollChange($event)"
-      >
-      <ul #list class="k-reset" [kendoEventsOutsideAngular]="{ click: handleDateChange }" [scope]="this">
-        <li *kFor="let date of dates; let index=index" [attr.data-date-index]="index">
-          <span [class.k-calendar-navigation-marker]="service.isRangeStart(date)">
-            @if (!templateRef) {
-              {{service.navigationTitle(date)}}
-            }
-            @if (templateRef) {
-              <ng-template
-                [ngTemplateOutlet]="templateRef"
-                [ngTemplateOutletContext]="{ $implicit: service.navigationTitle(date), activeView: activeViewValue, date: date }"
-              ></ng-template>
-            }
-          </span>
-        </li>
-      </ul>
-    </kendo-virtualization>
-    `,
-                    standalone: true,
-                    imports: [VirtualizationComponent, EventsOutsideAngularDirective, KForOf, NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i1.BusViewService }, { type: i2.CalendarDOMService }, { type: i3.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { activeView: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], focusedDate: [{
-                type: Input
-            }], templateRef: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], pageChange: [{
-                type: Output
-            }], virtualization: [{
-                type: ViewChild,
-                args: [VirtualizationComponent, { static: false }]
-            }], list: [{
-                type: ViewChild,
-                args: ['list', { static: true }]
-            }], getComponentClass: [{
-                type: HostBinding,
-                args: ["class.k-calendar-navigation"]
-            }] } });

package/esm2022/calendar/services/bus-view.service.mjs

@@ -1,83 +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 { EventEmitter, Injectable, Injector } from '@angular/core';
-import { CenturyViewService } from '../services/century-view.service';
-import { DecadeViewService } from '../services/decade-view.service';
-import { MonthViewService } from '../services/month-view.service';
-import { YearViewService } from '../services/year-view.service';
-import { CalendarViewEnum } from '../models/view.enum';
-import * as i0 from "@angular/core";
-const services = {
-    [CalendarViewEnum.month]: MonthViewService,
-    [CalendarViewEnum.year]: YearViewService,
-    [CalendarViewEnum.decade]: DecadeViewService,
-    [CalendarViewEnum.century]: CenturyViewService
-};
-const viewOffset = (view, offset) => {
-    const candidate = CalendarViewEnum[CalendarViewEnum[view + offset]];
-    return candidate !== undefined ? candidate : view;
-};
-let nextCalendarId = 0;
-/**
- * @hidden
- */
-export class BusViewService {
-    injector;
-    viewChanged = new EventEmitter();
-    bottom = CalendarViewEnum.month;
-    top = CalendarViewEnum.century;
-    calendarId;
-    constructor(injector) {
-        this.injector = injector;
-        this.calendarId = nextCalendarId++;
-    }
-    configure(bottom, top) {
-        this.bottom = bottom;
-        this.top = top;
-    }
-    service(view) {
-        const serviceType = services[view];
-        return serviceType ? this.injector.get(serviceType) : null;
-    }
-    moveDown(view) {
-        this.move(view, -1);
-    }
-    moveUp(view) {
-        this.move(view, 1);
-    }
-    moveToBottom(activeView) {
-        if (activeView === this.bottom) {
-            return;
-        }
-        this.viewChanged.emit({ view: this.bottom });
-    }
-    canMoveDown(view) {
-        return this.bottom < view;
-    }
-    canMoveUp(view) {
-        return view < this.top;
-    }
-    clamp(view) {
-        if (view < this.bottom) {
-            return this.bottom;
-        }
-        if (view > this.top) {
-            return this.top;
-        }
-        return view;
-    }
-    move(view, offset) {
-        const candidate = this.clamp(viewOffset(view, offset));
-        if (candidate === view) {
-            return;
-        }
-        this.viewChanged.emit({ view: candidate });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BusViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BusViewService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BusViewService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Injector }] });

package/esm2022/calendar/services/century-view.service.mjs

@@ -1,219 +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 { Injectable } from '@angular/core';
-import { addDecades, addCenturies, cloneDate, durationInCenturies, firstYearOfDecade, firstDecadeOfCentury, lastDecadeOfCentury, createDate, lastYearOfDecade, lastMonthOfYear, lastDayOfMonth } from '@progress/kendo-date-math';
-import { Action } from '../models/navigation-action.enum';
-import { EMPTY_SELECTIONRANGE } from '../models/selection-range.interface';
-import { getToday, isInSelectionRange, range } from '../../util';
-import { isPresent } from '../../common/utils';
-import * as i0 from "@angular/core";
-const EMPTY_DATA = [[]];
-const CELLS_LENGTH = 4;
-const ROWS_LENGTH = 3;
-const upStep = (year) => {
-    const decadeOfCentury = Number(year.toString().slice(-2, -1));
-    if (decadeOfCentury < 2) {
-        return -2;
-    }
-    if (decadeOfCentury < 4) {
-        return -6;
-    }
-    return -4;
-};
-const downStep = (year) => {
-    const decadeOfCentury = Number(year.toString().slice(-2, -1));
-    if (decadeOfCentury > 7) {
-        return 2;
-    }
-    if (decadeOfCentury > 5) {
-        return 6;
-    }
-    return 4;
-};
-const ACTIONS = {
-    [Action.Left]: (date) => addDecades(date, -1),
-    [Action.Up]: (date) => addDecades(date, upStep(date.getFullYear())),
-    [Action.Right]: (date) => addDecades(date, 1),
-    [Action.Down]: (date) => addDecades(date, downStep(date.getFullYear())),
-    [Action.PrevView]: (date) => addCenturies(date, -1),
-    [Action.NextView]: (date) => addCenturies(date, 1),
-    [Action.FirstInView]: (date) => firstDecadeOfCentury(date),
-    [Action.LastInView]: (date) => lastDecadeOfCentury(date)
-};
-/**
- * @hidden
- */
-export class CenturyViewService {
-    addToDate(min, skip) {
-        return addCenturies(min, skip);
-    }
-    datesList(start, count) {
-        return range(0, count).map(i => addCenturies(start, i));
-    }
-    data(options) {
-        const { cellUID, focusedDate, isActiveView, max, min, selectedDates, selectionRange = EMPTY_SELECTIONRANGE, viewDate, allowReverse } = options;
-        if (!viewDate) {
-            return EMPTY_DATA;
-        }
-        const cells = range(0, CELLS_LENGTH);
-        const firstDate = firstDecadeOfCentury(viewDate);
-        const lastDate = lastDecadeOfCentury(viewDate);
-        const lastYearOfCentury = lastYearOfDecade(lastDate).getFullYear() + 1;
-        const today = getToday();
-        return range(0, ROWS_LENGTH).map(rowOffset => {
-            const baseDate = addDecades(firstDate, rowOffset * CELLS_LENGTH);
-            return cells.map(cellOffset => {
-                const cellDate = this.normalize(addDecades(baseDate, cellOffset), min, max);
-                const nextCentury = cellDate.getFullYear() >= lastYearOfCentury;
-                if (!this.isInRange(cellDate, min, max) || nextCentury) {
-                    return null;
-                }
-                let isRangeStart = false;
-                let isRangeEnd = false;
-                if (allowReverse) {
-                    if ((this.isEqual(cellDate, selectionRange.start) && selectionRange.start <= selectionRange.end) ||
-                        (this.isEqual(cellDate, selectionRange.end) && selectionRange.end <= selectionRange.start)) {
-                        isRangeStart = true;
-                    }
-                    if ((this.isEqual(cellDate, selectionRange.start) && selectionRange.start >= selectionRange.end) ||
-                        (this.isEqual(cellDate, selectionRange.end) && selectionRange.end >= selectionRange.start)) {
-                        isRangeEnd = true;
-                    }
-                }
-                else {
-                    isRangeStart = this.isEqual(cellDate, selectionRange.start);
-                    isRangeEnd = this.isEqual(cellDate, selectionRange.end);
-                }
-                const isInMiddle = !isRangeStart && !isRangeEnd;
-                let isRangeMid;
-                if (allowReverse) {
-                    isRangeMid = isInMiddle && (isInSelectionRange(cellDate, selectionRange) || isInSelectionRange(cellDate, { start: selectionRange.end, end: selectionRange.start }));
-                }
-                else {
-                    isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);
-                }
-                return {
-                    formattedValue: this.value(cellDate),
-                    id: `${cellUID}${cellDate.getTime()}`,
-                    isFocused: this.isEqual(cellDate, focusedDate),
-                    isSelected: isActiveView && selectedDates.some(date => this.isEqual(cellDate, date)),
-                    isWeekend: false,
-                    isRangeStart: isRangeStart,
-                    isRangeMid: isRangeMid,
-                    isRangeEnd: isRangeEnd,
-                    isRangeSplitEnd: isRangeMid && this.isEqual(cellDate, lastDate),
-                    isRangeSplitStart: isRangeMid && this.isEqual(cellDate, firstDate),
-                    isToday: this.isEqual(cellDate, today),
-                    title: this.cellTitle(cellDate),
-                    value: cellDate,
-                    allowReverse: allowReverse
-                };
-            });
-        });
-    }
-    isEqual(candidate, expected) {
-        if (!candidate || !expected) {
-            return false;
-        }
-        return firstYearOfDecade(candidate).getFullYear() === firstYearOfDecade(expected).getFullYear();
-    }
-    isInArray(date, dates) {
-        if (!dates.length) {
-            return false;
-        }
-        const year = date.getFullYear();
-        return dates[0].getFullYear() <= year && year <= (dates[dates.length - 1].getFullYear() + 99);
-    }
-    isInRange(candidate, min, max) {
-        const year = firstYearOfDecade(candidate).getFullYear();
-        const aboveMin = !min || firstYearOfDecade(min).getFullYear() <= year;
-        const belowMax = !max || year <= firstYearOfDecade(max).getFullYear();
-        return aboveMin && belowMax;
-    }
-    beginningOfPeriod(date) {
-        if (!date) {
-            return date;
-        }
-        const firstYear = firstYearOfDecade(firstDecadeOfCentury(date));
-        return createDate(firstYear.getFullYear(), 0, 1);
-    }
-    lastDayOfPeriod(date) {
-        const decade = lastDecadeOfCentury(date);
-        const year = lastYearOfDecade(decade);
-        const month = lastMonthOfYear(year);
-        return lastDayOfMonth(month);
-    }
-    isRangeStart(value) {
-        return value.getFullYear() % 1000 === 0;
-    }
-    move(value, action) {
-        const modifier = ACTIONS[action];
-        if (!modifier) {
-            return value;
-        }
-        return modifier(value);
-    }
-    cellTitle(value) {
-        return firstYearOfDecade(value).getFullYear().toString();
-    }
-    navigationTitle(value) {
-        return value ? firstDecadeOfCentury(value).getFullYear().toString() : '';
-    }
-    title(value) {
-        if (!value) {
-            return '';
-        }
-        return `${firstDecadeOfCentury(value).getFullYear()} - ${lastDecadeOfCentury(value).getFullYear()}`;
-    }
-    rowLength() {
-        return CELLS_LENGTH;
-    }
-    skip(value, min) {
-        return durationInCenturies(min, value);
-    }
-    total(min, max) {
-        return durationInCenturies(min, max) + 1;
-    }
-    value(current) {
-        return current ? firstYearOfDecade(current).getFullYear().toString() : '';
-    }
-    viewDate(date, max, viewsCount = 1) {
-        const viewsInRange = this.total(date, max);
-        if (viewsInRange < viewsCount) {
-            const centuriesToSubtract = viewsCount - viewsInRange;
-            return addCenturies(date, -1 * centuriesToSubtract);
-        }
-        return date;
-    }
-    dateRange = (start, end) => {
-        if (!isPresent(start) || !isPresent(end)) {
-            return [];
-        }
-        const result = [];
-        let current = start;
-        while (current <= end) {
-            result.push(current);
-            current = addDecades(current, 1);
-        }
-        return result;
-    };
-    normalize(cellDate, min, max) {
-        if (cellDate < min && this.isEqual(cellDate, min)) {
-            return cloneDate(min);
-        }
-        if (cellDate > max && this.isEqual(cellDate, max)) {
-            return cloneDate(max);
-        }
-        return cellDate;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CenturyViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CenturyViewService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CenturyViewService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });