@progress/kendo-angular-dateinputs 6.0.3 → 7.0.0-next.202203231050

package/dist/es/calendar/templates/navigation-item-template.directive.js

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Used for rendering the navigation item of the Calendar. To define the navigation item template, nest an `<ng-template>`
- * tag with the `kendoCalendarNavigationItemTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current item value, use the `let-title` directive. To provide more details
- * about the current title, get a reference to the current `date` by using the `let-date='date'` directive or get a reference
- * to the current active view by using the `let-activeView='activeView'` directive.
- *
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarNavigationItemTemplate let-title>
- *      <span class="custom">{{title}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
- * ```
- */
-var NavigationItemTemplateDirective = /** @class */ (function () {
-    function NavigationItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    NavigationItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCalendarNavigationItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], NavigationItemTemplateDirective);
-    return NavigationItemTemplateDirective;
-}());
-export { NavigationItemTemplateDirective };

package/dist/es/calendar/templates/weeknumber-cell-template.directive.js

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Used for rendering the week number cell content in the month view of the Calendar. To define the month week number cell template,
- * nest an `<ng-template>` tag with the `kendoCalendarWeekNumberCellTemplate` directive inside the component tag. The template
- * context is set to the current component. To get a reference to the current date, use the `let-date` directive. To provide more
- * details about the current week number cell, get a reference to the current `cellContext` by using the `let-cellContext` directive.
- *
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar [weekNumber]="true">
- *    <ng-template kendoCalendarWeekNumberCellTemplate let-context="cellContext">
- *      <span class="custom">{{context.formattedValue}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
- * ```
- */
-var WeekNumberCellTemplateDirective = /** @class */ (function () {
-    function WeekNumberCellTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    WeekNumberCellTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCalendarWeekNumberCellTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], WeekNumberCellTemplateDirective);
-    return WeekNumberCellTemplateDirective;
-}());
-export { WeekNumberCellTemplateDirective };

package/dist/es/calendar/templates/year-cell-template.directive.js

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Used for rendering the year cell content of the Calendar. To define the year cell template, nest an
- * `<ng-template>` tag with the `kendoCalendarYearCellTemplate` directive inside the component tag.
- * The template context is set to the current component. To get a reference to the current date, use
- * the `let-date` directive. To provide more details about the current year cell, get a reference to the
- * current `cellContext` by using the `let-cellContext` directive.
- *
- * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar [activeView]="activeView">
- *    <ng-template kendoCalendarYearCellTemplate let-context="cellContext">
- *      <span class="custom">{{context.formattedValue}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent {
- *  public activeView: CalendarView = 'year';
- * }
- * ```
- */
-var YearCellTemplateDirective = /** @class */ (function () {
-    function YearCellTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    YearCellTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCalendarYearCellTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], YearCellTemplateDirective);
-    return YearCellTemplateDirective;
-}());
-export { YearCellTemplateDirective };

package/dist/es/calendar/templates.module.js

@@ -1,59 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { NgModule } from '@angular/core';
-import { CellTemplateDirective } from './templates/cell-template.directive';
-import { MonthCellTemplateDirective } from './templates/month-cell-template.directive';
-import { YearCellTemplateDirective } from './templates/year-cell-template.directive';
-import { DecadeCellTemplateDirective } from './templates/decade-cell-template.directive';
-import { CenturyCellTemplateDirective } from './templates/century-cell-template.directive';
-import { WeekNumberCellTemplateDirective } from './templates/weeknumber-cell-template.directive';
-import { HeaderTitleTemplateDirective } from './templates/header-title-template.directive';
-import { NavigationItemTemplateDirective } from './templates/navigation-item-template.directive';
-/**
- * @hidden
- *
- * The exported package module.
- *
- * 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.
- * - `NavigationItemTemplateDirective`—The navigation item template directive.
- */
-var TemplatesModule = /** @class */ (function () {
-    function TemplatesModule() {
-    }
-    TemplatesModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [
-                CellTemplateDirective,
-                MonthCellTemplateDirective,
-                YearCellTemplateDirective,
-                DecadeCellTemplateDirective,
-                CenturyCellTemplateDirective,
-                WeekNumberCellTemplateDirective,
-                HeaderTitleTemplateDirective,
-                NavigationItemTemplateDirective
-            ],
-            exports: [
-                CellTemplateDirective,
-                MonthCellTemplateDirective,
-                YearCellTemplateDirective,
-                DecadeCellTemplateDirective,
-                CenturyCellTemplateDirective,
-                WeekNumberCellTemplateDirective,
-                HeaderTitleTemplateDirective,
-                NavigationItemTemplateDirective
-            ]
-        })
-    ], TemplatesModule);
-    return TemplatesModule;
-}());
-export { TemplatesModule };

package/dist/es/calendar/view-list.component.js

@@ -1,301 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, TemplateRef, ViewChild } from '@angular/core';
-import { cloneDate } from '@progress/kendo-date-math';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { VirtualizationComponent } from '../virtualization/virtualization.component';
-import { BusViewService } from './services/bus-view.service';
-import { CalendarDOMService } from './services/dom.service';
-import { CalendarViewEnum } from './models/view.enum';
-import { MIN_DATE, MAX_DATE } from '../defaults';
-import { dateInRange, hasChange, shiftWeekNames } from '../util';
-var VIEWS_COUNT = 5;
-var isEqualMonthYear = function (date1, date2) { return (date1 && date2 &&
-    date1.getFullYear() === date2.getFullYear() &&
-    date1.getMonth() === date2.getMonth()); };
-var ɵ0 = isEqualMonthYear;
-/**
- * @hidden
- */
-var ViewListComponent = /** @class */ (function () {
-    function ViewListComponent(bus, cdr, intl, dom, renderer) {
-        this.bus = bus;
-        this.cdr = cdr;
-        this.intl = intl;
-        this.dom = dom;
-        this.renderer = renderer;
-        this.isActive = true;
-        this.min = new Date(MIN_DATE);
-        this.max = new Date(MAX_DATE);
-        this.selectedDates = [];
-        this.cellClick = new EventEmitter();
-        this.weekNumberCellClick = new EventEmitter();
-        this.activeDateChange = new EventEmitter();
-        this.todayButtonClick = new EventEmitter();
-        this.pageChange = new EventEmitter();
-        this.getComponentClass = true;
-        this.dates = [];
-        this.cols = [];
-        this.weekNames = [];
-        this.take = VIEWS_COUNT;
-        this.animateToIndex = true;
-        this.indexToScroll = -1;
-        this.minViewsToRender = 1;
-    }
-    Object.defineProperty(ViewListComponent.prototype, "weekNumber", {
-        get: function () {
-            return this.showWeekNumbers && this.isMonthView();
-        },
-        set: function (showWeekNumbers) {
-            this.showWeekNumbers = showWeekNumbers;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ViewListComponent.prototype, "getComponentMonthClass", {
-        get: function () {
-            return this.activeView === CalendarViewEnum.month;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ViewListComponent.prototype, "getComponentYearClass", {
-        get: function () {
-            return this.activeView === CalendarViewEnum.year;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ViewListComponent.prototype, "getComponentDecadeClass", {
-        get: function () {
-            return this.activeView === CalendarViewEnum.decade;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ViewListComponent.prototype, "getComponentCenturyClass", {
-        get: function () {
-            return this.activeView === CalendarViewEnum.century;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ViewListComponent.prototype.ngOnInit = function () {
-        this.weekNames = this.getWeekNames();
-        this.bottomOffset = this.getBottomOffset();
-        this.viewOffset = -1 * this.dom.headerHeight;
-        this.viewHeight = this.dom.viewHeight(this.activeView);
-        this.intlSubscription = this.intl.changes.subscribe(this.intlChange.bind(this));
-    };
-    ViewListComponent.prototype.ngOnChanges = function (changes) {
-        this.service = this.bus.service(this.activeView);
-        if (!this.service) {
-            return;
-        }
-        this.cols = new Array(this.service.rowLength({ prependCell: this.weekNumber })).fill('');
-        this.colWidth = Math.round(100 / this.cols.length);
-        this.weekNames = hasChange(changes, 'weekNumber') && this.weekNumber ? this.getWeekNames() : this.weekNames;
-        var activeViewChanged = hasChange(changes, 'activeView');
-        var focusedDate = this.focusedDate;
-        var viewDate = dateInRange(this.service.viewDate(focusedDate, this.max, this.minViewsToRender), this.min, this.max);
-        var total = this.service.total(this.min, this.max);
-        var totalChanged = this.total && this.total !== total;
-        var generateDates = totalChanged || !this.service.isInArray(focusedDate, this.dates);
-        this.skip = this.service.skip(viewDate, this.min);
-        this.total = total;
-        this.animateToIndex = !activeViewChanged;
-        this.bottomOffset = this.getBottomOffset();
-        this.viewHeight = this.dom.viewHeight(this.activeView);
-        if (generateDates) {
-            this.dates = this.service.datesList(viewDate, this.getTake(this.skip));
-        }
-        if (!isEqualMonthYear(this.activeDate, focusedDate)) {
-            this.activeDate = cloneDate(focusedDate);
-        }
-        var updateIndex = hasChange(changes, 'focusedDate') || activeViewChanged;
-        if (generateDates || updateIndex || this.virtualization.isIndexVisible(this.skip)) {
-            this.indexToScroll = this.service.skip(focusedDate, this.min);
-        }
-    };
-    ViewListComponent.prototype.ngOnDestroy = function () {
-        if (this.intlSubscription) {
-            this.intlSubscription.unsubscribe();
-        }
-    };
-    ViewListComponent.prototype.ngAfterViewInit = function () {
-        if (this.indexToScroll === -1) {
-            return;
-        }
-        this.virtualization.scrollToIndex(this.indexToScroll);
-        this.indexToScroll = -1;
-    };
-    ViewListComponent.prototype.ngAfterViewChecked = function () {
-        if (this.indexToScroll === -1) {
-            return;
-        }
-        this.virtualization[this.animateToIndex ? 'animateToIndex' : 'scrollToIndex'](this.indexToScroll);
-        this.animateToIndex = true;
-        this.indexToScroll = -1;
-    };
-    ViewListComponent.prototype.onPageChange = function (_a) {
-        var skip = _a.skip;
-        this.dates = this.service.datesList(this.service.addToDate(this.min, skip), this.getTake(skip));
-        this.pageChange.emit();
-    };
-    ViewListComponent.prototype.scrollChange = function (_a) {
-        var offset = _a.offset;
-        var el = this.list.nativeElement;
-        var translate = "translateY(" + offset + "px)";
-        this.renderer.setStyle(el, 'transform', translate);
-        this.renderer.setStyle(el, '-ms-transform', translate);
-    };
-    ViewListComponent.prototype.setActiveDate = function (index) {
-        var candidate = this.service.addToDate(this.min, index);
-        this.activeDate = candidate;
-        this.activeDateChange.emit(candidate);
-        this.cdr.detectChanges();
-    };
-    ViewListComponent.prototype.isMonthView = function () {
-        return this.activeView === CalendarViewEnum.month;
-    };
-    ViewListComponent.prototype.isScrolled = function () {
-        return this.virtualization.isListScrolled(this.service.skip(this.focusedDate, this.min));
-    };
-    ViewListComponent.prototype.getBottomOffset = function () {
-        return this.getScrollableHeight() - this.dom.viewHeight(this.activeView);
-    };
-    ViewListComponent.prototype.getScrollableHeight = function () {
-        return this.activeView === CalendarViewEnum.month ?
-            this.dom.scrollableContentHeight :
-            this.dom.scrollableYearContentHeight;
-    };
-    ViewListComponent.prototype.getTake = function (skip) {
-        return Math.min(this.total - skip, this.take);
-    };
-    ViewListComponent.prototype.getWeekNames = function () {
-        var weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: 'short', type: 'days' }), this.intl.firstDay());
-        return this.weekNumber ? [''].concat(weekNames) : weekNames;
-    };
-    ViewListComponent.prototype.intlChange = function () {
-        this.weekNames = this.getWeekNames();
-        if (this.isMonthView()) {
-            this.cdr.markForCheck();
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ViewListComponent.prototype, "cellTemplateRef", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ViewListComponent.prototype, "weekNumberTemplateRef", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ViewListComponent.prototype, "headerTitleTemplateRef", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ViewListComponent.prototype, "activeView", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ViewListComponent.prototype, "cellUID", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], ViewListComponent.prototype, "focusedDate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ViewListComponent.prototype, "isActive", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], ViewListComponent.prototype, "min", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], ViewListComponent.prototype, "max", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ViewListComponent.prototype, "selectedDates", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ViewListComponent.prototype, "weekNumber", null);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ViewListComponent.prototype, "cellClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ViewListComponent.prototype, "weekNumberCellClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ViewListComponent.prototype, "activeDateChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ViewListComponent.prototype, "todayButtonClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ViewListComponent.prototype, "pageChange", void 0);
-    tslib_1.__decorate([
-        ViewChild(VirtualizationComponent, { static: false }),
-        tslib_1.__metadata("design:type", VirtualizationComponent)
-    ], ViewListComponent.prototype, "virtualization", void 0);
-    tslib_1.__decorate([
-        ViewChild('list', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ViewListComponent.prototype, "list", void 0);
-    tslib_1.__decorate([
-        HostBinding("class.k-vstack"),
-        HostBinding("class.k-calendar-view"),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ViewListComponent.prototype, "getComponentClass", void 0);
-    tslib_1.__decorate([
-        HostBinding("class.k-calendar-monthview"),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ViewListComponent.prototype, "getComponentMonthClass", null);
-    tslib_1.__decorate([
-        HostBinding("class.k-calendar-yearview"),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ViewListComponent.prototype, "getComponentYearClass", null);
-    tslib_1.__decorate([
-        HostBinding("class.k-calendar-decadeview"),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ViewListComponent.prototype, "getComponentDecadeClass", null);
-    tslib_1.__decorate([
-        HostBinding("class.k-calendar-centuryview"),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ViewListComponent.prototype, "getComponentCenturyClass", null);
-    ViewListComponent = tslib_1.__decorate([
-        Component({
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-calendar-viewlist',
-            template: "\n    <kendo-calendar-header\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [activeView]=\"activeView\"\n        [templateRef]=\"headerTitleTemplateRef\"\n        (todayButtonClick)=\"todayButtonClick.emit($event)\"\n    >\n    </kendo-calendar-header>\n    <table class=\"k-calendar-weekdays k-calendar-table\" style=\"table-layout: auto;\" *ngIf=\"isMonthView()\">\n        <thead class=\"k-calendar-thead\">\n            <tr class=\"k-calendar-tr\">\n                <th class=\"k-calendar-th\" *ngFor=\"let name of weekNames\" [style.width.%]=\"colWidth\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <kendo-virtualization\n        [tabindex]=\"-1\"\n        [skip]=\"skip\"\n        [take]=\"take\"\n        [total]=\"total\"\n        [itemHeight]=\"viewHeight\"\n        [topOffset]=\"viewOffset\"\n        [bottomOffset]=\"bottomOffset\"\n        [scrollOffsetSize]=\"viewOffset\"\n        [maxScrollDifference]=\"viewHeight\"\n        (pageChange)=\"onPageChange($event)\"\n        (scrollChange)=\"scrollChange($event)\"\n        (activeIndexChange)=\"setActiveDate($event)\"\n        >\n        <table\n            #list\n            role=\"grid\"\n            class=\"k-calendar-table\"\n        >\n            <colgroup><col *ngFor=\"let _ of cols\" /></colgroup>\n\n            <tbody class=\"k-calendar-tbody\"\n                   *kFor=\"let date of dates\"\n                   kendoCalendarView\n                   role=\"rowgroup\"\n                   [activeView]=\"activeView\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\" [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDates]=\"selectedDates\"\n                   [weekNumber]=\"weekNumber\"\n                   [templateRef]=\"cellTemplateRef\"\n                   [weekNumberTemplateRef]=\"weekNumberTemplateRef\"\n                   [viewDate]=\"date\"\n                   (cellClick)=\"cellClick.emit($event)\"\n                   (weekNumberCellClick)=\"weekNumberCellClick.emit($event)\"\n            ></tbody>\n        </table>\n    </kendo-virtualization>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [BusViewService,
-            ChangeDetectorRef,
-            IntlService,
-            CalendarDOMService,
-            Renderer2])
-    ], ViewListComponent);
-    return ViewListComponent;
-}());
-export { ViewListComponent };
-export { ɵ0 };