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

package/{dist/es2015 → esm2015}/timepicker/timeselector.component.js

@@ -2,20 +2,25 @@
 * 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, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, ViewChild, ViewChildren, QueryList, Optional, Renderer2 } from '@angular/core';
+import { Component, ChangeDetectionStrategy, EventEmitter, HostBinding, Input, Output, NgZone, ViewChild, ViewChildren, Optional } from '@angular/core';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { IntlService } from '@progress/kendo-angular-intl';
 import { cloneDate, getDate } from '@progress/kendo-date-math';
 import { Keys } from '@progress/kendo-angular-common';
 import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../defaults';
 import { TimeListComponent } from './timelist.component';
-import { TimePickerDOMService } from './services/dom.service';
 import { getNow, hasChange, isInTimeRange, timeInRange } from '../util';
 import { generateGetters, generateSnappers, snapTime, valueMerger } from './util';
-import { PickerService } from '../common/picker.service';
 import { closest } from '../common/dom-queries';
 import { currentFocusTarget, isPresent } from '../common/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-intl";
+import * as i3 from "./services/dom.service";
+import * as i4 from "../common/picker.service";
+import * as i5 from "./timelist.component";
+import * as i6 from "./localization/timeselector-localized-messages.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@progress/kendo-angular-common";
 const listReducer = (state, list, idx, all) => {
     if (state.length || !list.isActive) {
         return state;
@@ -25,7 +30,6 @@ const listReducer = (state, list, idx, all) => {
             prev: all[idx - 1] || list
         }];
 };
-const ɵ0 = listReducer;
 var Direction;
 (function (Direction) {
     Direction[Direction["Left"] = 0] = "Left";
@@ -36,7 +40,7 @@ var Direction;
  *
  * Represents the Kendo UI TimeSelector component for Angular.
  */
-let TimeSelectorComponent = class TimeSelectorComponent {
+export class TimeSelectorComponent {
     constructor(localization, cdr, element, intl, dom, zone, renderer, pickerService) {
         this.localization = localization;
         this.cdr = cdr;
@@ -364,90 +368,132 @@ let TimeSelectorComponent = class TimeSelectorComponent {
         }
         return listIdx;
     }
-};
-tslib_1.__decorate([
-    ViewChild('accept', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], TimeSelectorComponent.prototype, "accept", void 0);
-tslib_1.__decorate([
-    ViewChild('cancel', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], TimeSelectorComponent.prototype, "cancel", void 0);
-tslib_1.__decorate([
-    ViewChild('now', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], TimeSelectorComponent.prototype, "now", void 0);
-tslib_1.__decorate([
-    ViewChildren(TimeListComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], TimeSelectorComponent.prototype, "timeLists", void 0);
-tslib_1.__decorate([
-    ViewChildren('listWrapper'),
-    tslib_1.__metadata("design:type", QueryList)
-], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TimeSelectorComponent.prototype, "disabledClass", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TimeSelectorComponent.prototype, "format", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date)
-], TimeSelectorComponent.prototype, "min", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date)
-], TimeSelectorComponent.prototype, "max", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimeSelectorComponent.prototype, "cancelButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimeSelectorComponent.prototype, "setButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimeSelectorComponent.prototype, "nowButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimeSelectorComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], TimeSelectorComponent.prototype, "steps", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date)
-], TimeSelectorComponent.prototype, "value", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimeSelectorComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimeSelectorComponent.prototype, "valueReject", void 0);
-TimeSelectorComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendo-timeselector',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.timeselector'
-            }
-        ],
-        selector: 'kendo-timeselector',
-        template: `
+}
+TimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.IntlService }, { token: i3.TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.timeselector'
+        }
+    ], viewQueries: [{ propertyName: "accept", first: true, predicate: ["accept"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "now", first: true, predicate: ["now"], descendants: true }, { propertyName: "timeLists", predicate: TimeListComponent, descendants: true }, { propertyName: "timeListWrappers", predicate: ["listWrapper"], descendants: true }], exportAs: ["kendo-timeselector"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoTimeSelectorLocalizedMessages
+            i18n-accept="kendo.timeselector.accept|The Accept button text in the timeselector component"
+            accept="Set"
+
+            i18n-acceptLabel="kendo.timeselector.acceptLabel|The label for the Accept button in the timeselector component"
+            acceptLabel="Set time"
+
+            i18n-cancel="kendo.timeselector.cancel|The Cancel button text in the timeselector component"
+            cancel="Cancel"
+
+            i18n-cancelLabel="kendo.timeselector.cancelLabel|The label for the Cancel button in the timeselector component"
+            cancelLabel="Cancel changes"
+
+            i18n-now="kendo.timeselector.now|The Now button text in the timeselector component"
+            now="Now"
+
+            i18n-nowLabel="kendo.timeselector.nowLabel|The label for the Now button in the timeselector component"
+            nowLabel="Select now"
+        >
+        </ng-container>
+        <div class="k-time-header">
+            <span class="k-title k-timeselector-title">
+                {{ intl.formatDate(current, format) }}
+            </span>
+            <button
+                #now
+                *ngIf="showNowButton"
+                type="button"
+                class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-time-now"
+                [attr.title]="localization.get('nowLabel')"
+                [attr.aria-label]="localization.get('nowLabel')"
+                [kendoEventsOutsideAngular]="{
+                    click: handleNow,
+                    focus: handleFocus,
+                    blur: handleBlur
+                }"
+                [scope]="this"
+                [disabled]="disabled"
+            >{{localization.get('now')}}</button>
+        </div>
+        <div class="k-time-list-container">
+            <span class="k-time-highlight"></span>
+            <ng-template ngFor [ngForOf]="dateFormatParts" let-part let-idx="index">
+                <div
+                    #listWrapper
+                    class="k-time-list-wrapper"
+                    role="presentation" tabindex="-1"
+                    *ngIf="part.type !== 'literal'"
+                >
+                    <span class="k-title k-timeselector-title">{{intl.dateFieldName(part)}}</span>
+                    <kendo-timelist
+                        [min]="min"
+                        [max]="max"
+                        [part]="part"
+                        [step]="partStep(part)"
+                        [disabled]="disabled"
+                        [(value)]="current"
+                        [kendoEventsOutsideAngular]="{
+                            focus: handleListFocus,
+                            blur: handleBlur
+                        }"
+                        [scope]="this"
+                        [attr.data-timelist-index]="idx"
+                    ></kendo-timelist>
+                </div>
+                <div class="k-time-separator" *ngIf="part.type === 'literal'">
+                    {{part.pattern}}
+                </div>
+            </ng-template>
+        </div>
+        <div class="k-time-footer k-action-buttons k-actions k-hstack k-justify-content-stretch" *ngIf="setButton || cancelButton">
+            <button
+                #cancel
+                *ngIf="cancelButton"
+                class="k-button k-time-cancel k-button-md k-rounded-md k-button-solid k-button-solid-base"
+                type="button"
+                [attr.title]="localization.get('cancelLabel')"
+                [attr.aria-label]="localization.get('cancelLabel')"
+                [kendoEventsOutsideAngular]="{
+                    click: handleReject,
+                    focus: handleFocus,
+                    blur: handleBlur
+                }"
+                [scope]="this"
+                [disabled]="disabled"
+            >{{localization.get('cancel')}}</button>
+            <button
+                #accept
+                *ngIf="setButton"
+                type="button"
+                class="k-button k-time-accept k-button-md k-rounded-md k-button-solid k-button-solid-primary"
+                [attr.title]="localization.get('acceptLabel')"
+                [attr.aria-label]="localization.get('acceptLabel')"
+                [kendoEventsOutsideAngular]="{
+                    click: handleAccept,
+                    focus: handleFocus,
+                    blur: handleBlur
+                }"
+                [scope]="this"
+                [disabled]="disabled"
+            >{{localization.get('accept')}}</button>
+        </div>
+    `, isInline: true, components: [{ type: i5.TimeListComponent, selector: "kendo-timelist", inputs: ["min", "max", "part", "step", "disabled", "value"], outputs: ["valueChange"] }], directives: [{ type: i6.TimeSelectorLocalizedMessagesDirective, selector: "[kendoTimeSelectorLocalizedMessages]" }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimeSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendo-timeselector',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.timeselector'
+                        }
+                    ],
+                    selector: 'kendo-timeselector',
+                    template: `
         <ng-container kendoTimeSelectorLocalizedMessages
             i18n-accept="kendo.timeselector.accept|The Accept button text in the timeselector component"
             accept="Set"
@@ -551,16 +597,47 @@ TimeSelectorComponent = tslib_1.__decorate([
             >{{localization.get('accept')}}</button>
         </div>
     `
-    }),
-    tslib_1.__param(7, Optional()),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        ElementRef,
-        IntlService,
-        TimePickerDOMService,
-        NgZone,
-        Renderer2,
-        PickerService])
-], TimeSelectorComponent);
-export { TimeSelectorComponent };
-export { ɵ0 };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.IntlService }, { type: i3.TimePickerDOMService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i4.PickerService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { accept: [{
+                type: ViewChild,
+                args: ['accept', { static: false }]
+            }], cancel: [{
+                type: ViewChild,
+                args: ['cancel', { static: false }]
+            }], now: [{
+                type: ViewChild,
+                args: ['now', { static: false }]
+            }], timeLists: [{
+                type: ViewChildren,
+                args: [TimeListComponent]
+            }], timeListWrappers: [{
+                type: ViewChildren,
+                args: ['listWrapper']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], format: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], cancelButton: [{
+                type: Input
+            }], setButton: [{
+                type: Input
+            }], nowButton: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], valueReject: [{
+                type: Output
+            }] } });

package/{dist/es2015 → esm2015}/timepicker/util.js

@@ -5,41 +5,32 @@
 import { cloneDate } from '@progress/kendo-date-math';
 import { TIME_PART } from './models/time-part.default';
 const isEqualTillMinute = (value, min) => value.getHours() === min.getHours() && value.getMinutes() === min.getMinutes();
-const ɵ0 = isEqualTillMinute;
 const isEqualTillSecond = (value, min) => isEqualTillMinute(value, min) && value.getSeconds() === min.getSeconds();
-const ɵ1 = isEqualTillSecond;
 const isEqualTillMillisecond = (value, min) => isEqualTillSecond(value, min) && value.getMilliseconds() === min.getMilliseconds();
-const ɵ2 = isEqualTillMillisecond;
-const ɵ3 = (value) => value.getHours(), ɵ4 = (_, min) => min.getHours(), ɵ5 = (value) => value.getMinutes(), ɵ6 = (value, min) => isEqualTillMinute(value, min) ? min.getMinutes() : 0, ɵ7 = (value) => value.getSeconds(), ɵ8 = (value, min) => isEqualTillSecond(value, min) ? min.getSeconds() : 0, ɵ9 = (value) => value.getMilliseconds(), ɵ10 = (value, min) => isEqualTillMillisecond(value, min) ? min.getMilliseconds() : 0;
 const defaultGetters = [
     {
         type: TIME_PART.hour,
-        getter: ɵ3,
-        minGetter: ɵ4
+        getter: (value) => value.getHours(),
+        minGetter: (_, min) => min.getHours()
     }, {
         type: TIME_PART.minute,
-        getter: ɵ5,
-        minGetter: ɵ6
+        getter: (value) => value.getMinutes(),
+        minGetter: (value, min) => isEqualTillMinute(value, min) ? min.getMinutes() : 0
     }, {
         type: TIME_PART.second,
-        getter: ɵ7,
-        minGetter: ɵ8
+        getter: (value) => value.getSeconds(),
+        minGetter: (value, min) => isEqualTillSecond(value, min) ? min.getSeconds() : 0
     }, {
         type: TIME_PART.millisecond,
-        getter: ɵ9,
-        minGetter: ɵ10
+        getter: (value) => value.getMilliseconds(),
+        minGetter: (value, min) => isEqualTillMillisecond(value, min) ? min.getMilliseconds() : 0
     }
 ];
 const left = getter => (origin, _) => getter(origin);
-const ɵ11 = left;
 const right = getter => (_, candidate) => getter(candidate);
-const ɵ12 = right;
 const convertToObject = (parts) => parts.reduce((obj, p) => { obj[p.type] = p.type; return obj; }, {});
-const ɵ13 = convertToObject;
 const getterByPart = parts => g => parts[g.type] ? right(g.getter) : left(g.getter);
-const ɵ14 = getterByPart;
 const gettersFactory = getters => parts => (getters.map(getterByPart(convertToObject(parts))));
-const ɵ15 = gettersFactory;
 const snapValue = (getter, minGetter, step) => (date, min) => {
     const value = getter(date);
     const minValue = minGetter(date, min);
@@ -50,12 +41,10 @@ const snapValue = (getter, minGetter, step) => (date, min) => {
     const mod = rest % step;
     return value - mod + (mod > step / 2 ? step : 0);
 };
-const ɵ16 = snapValue;
 const snappersFactory = (getters) => steps => (getters.map(g => {
     const step = steps[g.type];
     return step ? snapValue(g.getter, g.minGetter, step) : g.getter;
 }));
-const ɵ17 = snappersFactory;
 /**
  * @hidden
  */
@@ -79,4 +68,3 @@ export const snapTime = snappers => (candidate, min) => {
     date.setHours(...snappers.map(s => s(date, min)));
     return date;
 };
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ16, ɵ17 };

package/{dist/es2015 → esm2015}/util.js

@@ -2,19 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* tslint:disable:no-bitwise max-line-length */
 import { addDays, cloneDate, getDate, isEqual } from '@progress/kendo-date-math';
 import { MIDNIGHT_DATE } from './defaults';
 import { EMPTY_SELECTIONRANGE } from './calendar/models/selection-range.interface';
 import { isPresent } from './common/utils';
 const isSet = (value) => value !== null && value !== undefined;
-const ɵ0 = isSet;
 const setter = (method) => (date, value) => {
     const clone = cloneDate(date);
     clone[method](value);
     return clone;
 };
-const ɵ1 = setter;
 /**
  * @hidden
  */
@@ -29,7 +26,6 @@ const normalizeTimes = (candidate, min, max) => ({
         (min.getHours() === max.getHours() && min.getMinutes() < max.getMinutes()) ? 0 : 1),
     minValue: setTime(MIDNIGHT_DATE, min)
 });
-const ɵ2 = normalizeTimes;
 /**
  * @hidden
  */
@@ -120,7 +116,7 @@ export const getToday = () => getDate(new Date());
 /**
  * @hidden
  */
-export const noop = (_) => { }; // tslint:disable-line:no-empty
+export const noop = (_) => { }; // eslint-disable-line no-empty
 /**
  * @hidden
  */
@@ -386,4 +382,3 @@ export const getFillModeClass = (component, fillMode) => {
     };
     return FILLMODE_CLASSES[fillMode];
 };
-export { ɵ0, ɵ1, ɵ2 };

package/{dist/es2015 → esm2015}/validators/disabled-dates-range.validator.js

@@ -5,7 +5,6 @@
 import { disabledDatesInRange } from '../util';
 import { isPresent } from '../common/utils';
 const noop = () => null;
-const ɵ0 = noop;
 /**
  * @hidden
  */
@@ -25,4 +24,3 @@ export const disabledDatesRangeValidator = (isDateDisabled) => {
         return disabledDates.length ? error : null;
     };
 };
-export { ɵ0 };

package/{dist/es2015/calendar → esm2015/virtualization}/models/scrollable.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/virtualization/services/row-height.service.js

@@ -9,7 +9,6 @@ const update = (arr, idx, value) => ([
     ...arr.slice(0, idx + 1),
     ...(arr.slice(idx + 1).map(x => x + value))
 ]);
-const ɵ0 = update;
 /**
  * @hidden
  */
@@ -55,7 +54,7 @@ export class RowHeightService {
                 return idx - 1;
             }
             return undefined;
-        }, undefined); // tslint:disable-line:align
+        }, undefined);
         return result === undefined ? this.total - 1 : result;
     }
     offset(rowIndex) {
@@ -69,4 +68,3 @@ export class RowHeightService {
         this.offsets = update(this.offsets, rowIndex, value);
     }
 }
-export { ɵ0 };

package/{dist/es2015 → esm2015}/virtualization/services/scroller.service.js

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import { Observable, ReplaySubject } from 'rxjs';
 const normalize = x => Math.max(x, 0);
-const ɵ0 = normalize;
 /**
  * @hidden
  */
@@ -97,4 +96,3 @@ export class ScrollerService {
         }
     }
 }
-export { ɵ0 };