@progress/kendo-angular-dateinputs 21.4.1 → 22.0.0

package/esm2022/preventable-event.mjs

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * A preventable event instance which is triggered by the `open` and `close` events.
- */
-export class PreventableEvent {
-    prevented = false;
-    /** @hidden */
-    constructor() { }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}

package/esm2022/progress-kendo-angular-dateinputs.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/timepicker/localization/messages.mjs

@@ -1,105 +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 { Directive, Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class TimePickerMessages extends ComponentMessages {
-    /**
-     * Specifies the text of the **Accept** button in the popup footer of the TimeList.
-     */
-    accept;
-    /**
-     * Specifies the label of the **Accept** button in the popup footer of the TimeList.
-     */
-    acceptLabel;
-    /**
-     * Specifies the text of the **Cancel** button in the popup footer of the TimeList.
-     */
-    cancel;
-    /**
-     * Specifies the label of the **Cancel** button in the popup footer of the TimeList.
-     */
-    cancelLabel;
-    /**
-     * Specifies the text of the **Now** button in the popup header of the TimeList.
-     */
-    now;
-    /**
-     * Specifies the label of the **Now** button in the popup header of the TimeList.
-     */
-    nowLabel;
-    /**
-     * Specifies the title of the **Toggle** button of the TimePicker.
-     */
-    toggle;
-    /**
-     * Specifies the label of the **Hour** part in the TimePicker.
-     */
-    hour;
-    /**
-     * Specifies the label of the **Minute** part in the TimePicker.
-     */
-    minute;
-    /**
-     * Specifies the label of the **Second** part in the TimePicker.
-     */
-    second;
-    /**
-     * Specifies the label of the **Millisecond** part in the TimePicker.
-     */
-    millisecond;
-    /**
-     * Specifies the label of the **Dayperiod** part in the TimePicker.
-     */
-    dayperiod;
-    /**
-     * Specifies the title of the **Clear** button of the TimePicker.
-     */
-    clearTitle;
-    /**
-     * Specifies the title of the **Close** button of the ActionSheet that renders instead of the popup when using small screen devices in adaptive mode.
-     */
-    adaptiveCloseButtonTitle;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimePickerMessages, selector: "kendo-timepicker-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel", now: "now", nowLabel: "nowLabel", toggle: "toggle", hour: "hour", minute: "minute", second: "second", millisecond: "millisecond", dayperiod: "dayperiod", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerMessages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line
-                    selector: 'kendo-timepicker-messages-base'
-                }]
-        }], propDecorators: { accept: [{
-                type: Input
-            }], acceptLabel: [{
-                type: Input
-            }], cancel: [{
-                type: Input
-            }], cancelLabel: [{
-                type: Input
-            }], now: [{
-                type: Input
-            }], nowLabel: [{
-                type: Input
-            }], toggle: [{
-                type: Input
-            }], hour: [{
-                type: Input
-            }], minute: [{
-                type: Input
-            }], second: [{
-                type: Input
-            }], millisecond: [{
-                type: Input
-            }], dayperiod: [{
-                type: Input
-            }], clearTitle: [{
-                type: Input
-            }], adaptiveCloseButtonTitle: [{
-                type: Input
-            }] } });

package/esm2022/timepicker/localization/timepicker-custom-messages.component.mjs

@@ -1,54 +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 } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TimePickerMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Represents the Kendo UI TimePicker custom messages component for Angular. Allows you to override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
- *
- * @example
- * ```html
- * <kendo-timepicker>
- *   <kendo-timepicker-messages
- *     accept="Apply"
- *     cancel="Close"
- *     now="Current time">
- *   </kendo-timepicker-messages>
- * </kendo-timepicker>
- * ```
- */
-export class TimePickerCustomMessagesComponent extends TimePickerMessages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-timepicker-messages", providers: [
-            {
-                provide: TimePickerMessages,
-                useExisting: forwardRef(() => TimePickerCustomMessagesComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerCustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: TimePickerMessages,
-                            useExisting: forwardRef(() => TimePickerCustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-timepicker-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/timepicker/localization/timepicker-localized-messages.directive.mjs

@@ -1,39 +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 { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TimePickerMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class TimePickerLocalizedMessagesDirective extends TimePickerMessages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimePickerLocalizedMessages]", providers: [
-            {
-                provide: TimePickerMessages,
-                useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerLocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: TimePickerMessages,
-                            useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: '[kendoTimePickerLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/timepicker/localization/timeselector-custom-messages.component.mjs

@@ -1,45 +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 } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TimePickerMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- *
- * Custom component messages override default component messages.
- */
-export class TimeSelectorCustomMessagesComponent extends TimePickerMessages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimeSelectorCustomMessagesComponent, isStandalone: true, selector: "kendo-timeselector-messages", providers: [
-            {
-                provide: TimePickerMessages,
-                useExisting: forwardRef(() => TimeSelectorCustomMessagesComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorCustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: TimePickerMessages,
-                            useExisting: forwardRef(() => TimeSelectorCustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-timeselector-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/timepicker/localization/timeselector-localized-messages.directive.mjs

@@ -1,39 +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 { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TimePickerMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class TimeSelectorLocalizedMessagesDirective extends TimePickerMessages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimeSelectorLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimeSelectorLocalizedMessages]", providers: [
-            {
-                provide: TimePickerMessages,
-                useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: TimePickerMessages,
-                            useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: '[kendoTimeSelectorLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/timepicker/models/incremental-steps.model.mjs

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

package/esm2022/timepicker/models/list-item.interface.mjs

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

package/esm2022/timepicker/models/list-service-settings.mjs

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

package/esm2022/timepicker/models/list-service.interface.mjs

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

package/esm2022/timepicker/models/time-part.default.mjs

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const TIME_PART = {
-    dayperiod: 'dayperiod',
-    hour: 'hour',
-    millisecond: 'millisecond',
-    minute: 'minute',
-    second: 'second'
-};

package/esm2022/timepicker/services/dayperiod.service.mjs

@@ -1,131 +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 { cloneDate } from '@progress/kendo-date-math';
-import { IntlService } from '@progress/kendo-angular-intl';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-intl";
-const setHours = (date, hours) => {
-    const clone = cloneDate(date);
-    clone.setHours(hours);
-    return clone;
-};
-const isAM = (value) => value !== null && value < 12;
-const isPM = (value) => value !== null && (!value || value > 11);
-const inRange = (value, min, max) => ((!min && !max) || (value >= min && value <= max));
-const inReverseRange = (value, min, max) => ((!min && !max) || value >= min || value <= max);
-/**
- * @hidden
- */
-export class DayPeriodService {
-    intl;
-    min;
-    max;
-    part;
-    constructor(intl) {
-        this.intl = intl;
-    }
-    /**
-     * @hidden
-     */
-    apply(value, candidate) {
-        const hour = value.getHours();
-        const hourAM = isAM(hour);
-        const candidateAM = isAM(candidate.getHours());
-        if ((hourAM && candidateAM) || (!hourAM && !candidateAM)) {
-            return value;
-        }
-        const [min, max = 24] = this.normalizedRange();
-        const result = hour + (candidateAM ? -12 : 12);
-        return setHours(value, Math.min(Math.max(min, result), (max || 24)));
-    }
-    /**
-     * @hidden
-     */
-    configure(settings) {
-        const { min = this.min, max = this.max, part = this.part } = settings;
-        this.min = min;
-        this.max = max;
-        this.part = part;
-    }
-    /**
-     * @hidden
-     */
-    data(_) {
-        const names = this.part.names;
-        if (!names) {
-            return [];
-        }
-        const data = [];
-        const [min, max] = this.normalizedRange();
-        const dayPeriod = this.intl.dateFormatNames(names);
-        if (isAM(min)) {
-            data.push({ text: dayPeriod.am, value: setHours(this.min, min) });
-        }
-        if (isPM(max)) {
-            data.push({ text: dayPeriod.pm, value: setHours(this.min, Math.max(12, max)) });
-        }
-        return this.min.getHours() !== min ? data.reverse() : data;
-    }
-    /**
-     * @hidden
-     */
-    isRangeChanged(_, __) {
-        return false;
-    }
-    /**
-     * @hidden
-     */
-    limitRange(min, max, _) {
-        return [min, max];
-    }
-    /**
-     * @hidden
-     */
-    total() {
-        const [min, max] = this.normalizedRange();
-        if (!min && !max) {
-            return 2;
-        }
-        if (min > 11 || max < 12) {
-            return 1;
-        }
-        return 2;
-    }
-    /**
-     * @hidden
-     */
-    selectedIndex(value) {
-        if (!this.valueInList(value)) {
-            return -1;
-        }
-        const index = Math.floor(value.getHours() / 12);
-        return this.min.getHours() === this.normalizedRange()[0] ? index : (index === 0 ? 1 : 0);
-    }
-    /**
-     * @hidden
-     */
-    valueInList(value) {
-        const reverse = this.min.getHours() !== this.normalizedRange()[0];
-        const isInRange = reverse ? inReverseRange : inRange;
-        return isInRange(value.getHours(), this.min.getHours(), this.max.getHours());
-    }
-    normalizedRange() {
-        const minHour = this.min.getHours();
-        const maxHour = this.max.getHours();
-        return [
-            Math.min(minHour, maxHour),
-            Math.max(minHour, maxHour)
-        ];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayPeriodService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayPeriodService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayPeriodService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.IntlService }] });

package/esm2022/timepicker/services/dom.service.mjs

@@ -1,126 +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 { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { domContainerFactory as containerFactory } from '../../util';
-import { AdaptiveService } from '@progress/kendo-angular-utils';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-utils";
-const div = containerFactory('div');
-const ul = containerFactory('ul');
-const li = containerFactory('li');
-const span = containerFactory('span');
-const listTitle = () => span('hour', 'k-title k-timeselector-title');
-const listItem = () => li('<span>02</span>', 'k-item');
-const list = () => ul([listItem()], 'k-reset');
-const scrollable = () => (div([list()], 'k-time-container k-flex k-content k-scrollable'));
-const actionSheetContent = (isDateTimePicker) => [
-    isDateTimePicker ? div([div('button', 'k-button k-button-lg')], 'k-datetime-buttongroup') : null,
-    div([
-        div([span('04:08:48:49 AM', 'k-title k-timeselector-title'),
-            div('now', 'k-button k-button-md')
-        ], 'k-time-header'),
-        div([
-            span('', 'k-time-highlight'),
-            div([listTitle(), div([scrollable()], 'k-time-list')], 'k-time-list-wrapper'),
-        ], 'k-time-list-container'),
-    ], 'k-timeselector k-timeselector-lg'),
-];
-const timeListWrapper = (isAdaptiveEnabled = false, windowSize, isDateTimePicker) => {
-    if (!isDocumentAvailable()) {
-        return null;
-    }
-    if (!isAdaptiveEnabled) {
-        return div([listTitle(), div([scrollable()], 'k-time-list')], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
-    }
-    return div([
-        div([
-            div([div([
-                    div([], 'k-actionsheet-title'),
-                    div([
-                        div([
-                            div([div('', 'k-i-check k-button-icon k-icon k-font-icon')], 'k-icon-wrapper-host'),
-                        ], 'k-button k-icon-button k-button-lg'),
-                    ], 'k-actionsheet-actions'),
-                ], 'k-actionsheet-titlebar-group')], 'k-actionsheet-titlebar'),
-            div([
-                isDateTimePicker
-                    ? div([...actionSheetContent(isDateTimePicker)], 'k-datetime-wrap k-time-tab')
-                    : actionSheetContent(isDateTimePicker)[1],
-            ], 'k-actionsheet-content'),
-            div([div('button', 'k-button k-button-lg')], 'k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer'),
-        ], 'k-actionsheet-view'),
-    ], `k-actionsheet k-adaptive-actionsheet ${windowSize === 'small' ? 'k-actionsheet-fullscreen' : ''}`, { height: windowSize === 'small' ? '100%' : '60vh', left: '-10000px', position: 'absolute', top: 0 });
-};
-/**
- * @hidden
- */
-export class TimePickerDOMService {
-    adaptiveService;
-    constructor(adaptiveService) {
-        this.adaptiveService = adaptiveService;
-    }
-    itemHeight;
-    timeListHeight;
-    isAdaptiveEnabled;
-    isDateTimePicker;
-    get windowSize() {
-        return this.adaptiveService.size;
-    }
-    ensureHeights() {
-        if (this.timeListHeight !== undefined) {
-            return;
-        }
-        this.calculateHeights();
-    }
-    sumCSSProperties(style, ...properties) {
-        return properties.reduce((sum, property) => sum + parseFloat(style.getPropertyValue(property)), 0) || 0;
-    }
-    calculateHeights(container) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        let wrapper;
-        let hostContainer;
-        if (!this.isAdaptiveEnabled || this.windowSize === 'large') { // not adaptive            
-            const listContainer = container && container.querySelector('.k-time-list-container');
-            hostContainer = listContainer || document.body;
-            wrapper = hostContainer.appendChild(timeListWrapper());
-        }
-        else { // adaptive mode
-            hostContainer = document.body;
-            wrapper = hostContainer.appendChild(timeListWrapper(true, this.windowSize, this.isDateTimePicker));
-        }
-        const itemStyle = getComputedStyle(wrapper.querySelector('li'));
-        const listStyle = getComputedStyle(wrapper.querySelector('.k-scrollable'));
-        if (this.isAdaptiveEnabled && this.windowSize !== 'large') {
-            this.itemHeight = parseFloat(itemStyle.getPropertyValue('height'));
-        }
-        else {
-            if (itemStyle['box-sizing'] === 'border-box') {
-                this.itemHeight = parseFloat(itemStyle.getPropertyValue('height'));
-            }
-            else {
-                this.itemHeight = this.sumCSSProperties(itemStyle, 'height', 'padding-top', 'padding-bottom');
-            }
-        }
-        this.timeListHeight = parseFloat(listStyle.getPropertyValue('height'));
-        hostContainer.removeChild(wrapper);
-    }
-    isActive(element) {
-        if (!isDocumentAvailable() || !element) {
-            return false;
-        }
-        return (element.nativeElement || element) === document.activeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerDOMService, deps: [{ token: i1.AdaptiveService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerDOMService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerDOMService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.AdaptiveService }] });