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

package/esm2022/daterange/date-range.service.mjs

@@ -1,225 +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, Renderer2, Optional } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
-import { isEqual } from '@progress/kendo-date-math';
-import { attributeNames } from '../common/utils';
-import * as i0 from "@angular/core";
-const isActive = (cmp) => (cmp && cmp.isActive) || false;
-const hasActiveContent = (popup) => popup && popup.hasActiveContent();
-/**
- * Manages communication between components inside the DateRangeComponent.
- * For example, handles interactions between the start and end DateInput components and the DateRangePopup component.
- */
-export class DateRangeService {
-    renderer;
-    /**
-     * Notifies when the `activeRangeEnd` state changes.
-     */
-    activeRangeEnd$ = new BehaviorSubject(null);
-    /**
-     * Notifies when the `focusedDate` changes.
-     */
-    focusedDate$ = new BehaviorSubject(null);
-    /**
-     * Notifies when the end DateInput component changes.
-     * For example, when you attach a new end `DateInput` or detach the old one.
-     */
-    endInput$ = new BehaviorSubject(null);
-    /**
-     * Notifies when the start DateInput component changes.
-     * For example, when you attach a new start `DateInput` or detach the old one.
-     */
-    startInput$ = new BehaviorSubject(null);
-    /**
-     * Notifies when the `DateRangePopup` component changes.
-     */
-    dateRangePopup$ = new BehaviorSubject(null);
-    /**
-     * Notifies when the selection range state changes.
-     */
-    range$ = new BehaviorSubject(EMPTY_SELECTIONRANGE);
-    /**
-     * Gets the current `activeRangeEnd` value.
-     */
-    get activeRangeEnd() {
-        return this.activeRangeEnd$.value;
-    }
-    /**
-     * Gets the current `focusedDate` value.
-     */
-    get focusedDate() {
-        return this.focusedDate$.value;
-    }
-    /**
-     * Gets the minimum range value.
-     * Takes the `min` value from the start DateInput component or the `min` value of the calendar.
-     */
-    get min() {
-        return (this.startInput$.value || {}).min || null;
-    }
-    /**
-     * Gets the maximum range value.
-     * Takes the `max` value from the end DateInput component or the `max` value of the calendar.
-     */
-    get max() {
-        return (this.endInput$.value || {}).max || null;
-    }
-    /**
-     * Gets the current `selectionRange` value.
-     */
-    get selectionRange() {
-        return this.range$.value;
-    }
-    /**
-     * @hidden
-     * Gets the start input element.
-     */
-    get inputStartElement() {
-        return this.startInput$.value.inputElement;
-    }
-    /**
-     * @hidden
-     * Gets the end input element.
-     */
-    get inputEndElement() {
-        return this.endInput$.value.inputElement;
-    }
-    /** @hidden */
-    constructor(renderer) {
-        this.renderer = renderer;
-    }
-    /**
-     * Opens the registered DateRangePopup component.
-     * Opens the popup and focuses the calendar.
-     */
-    activatePopup() {
-        const dateRangePopup = this.dateRangePopup$.value;
-        if (!dateRangePopup) {
-            return;
-        }
-        if (this.startInput$.value) {
-            this.renderer.setAttribute(this.inputStartElement, attributeNames.ariaControls, dateRangePopup.popupUID);
-            this.renderer.setAttribute(this.inputStartElement, attributeNames.ariaExpanded, 'true');
-            this.renderer.setAttribute(this.inputEndElement, attributeNames.ariaControls, dateRangePopup.popupUID);
-            this.renderer.setAttribute(this.inputEndElement, attributeNames.ariaExpanded, 'true');
-        }
-        dateRangePopup.activate();
-    }
-    /**
-     * Deactivates the registered `DateRangePopup` component.
-     * The method closes the popup.
-     */
-    deactivatePopup() {
-        const dateRangePopup = this.dateRangePopup$.value;
-        if (this.startInput$.value) {
-            this.renderer.removeAttribute(this.inputStartElement, attributeNames.ariaControls);
-            this.renderer.setAttribute(this.inputStartElement, attributeNames.ariaExpanded, 'false');
-            this.renderer.removeAttribute(this.inputStartElement, attributeNames.ariaActiveDescendant);
-            this.renderer.removeAttribute(this.inputEndElement, attributeNames.ariaControls);
-            this.renderer.setAttribute(this.inputEndElement, attributeNames.ariaExpanded, 'false');
-            this.renderer.removeAttribute(this.inputEndElement, attributeNames.ariaActiveDescendant);
-        }
-        if (!(dateRangePopup && dateRangePopup.show)) {
-            return;
-        }
-        dateRangePopup.show = false;
-    }
-    /**
-     * @hidden
-     */
-    setActiveDescendent(id) {
-        this.renderer.setAttribute(this.inputStartElement, attributeNames.ariaActiveDescendant, id);
-        this.renderer.setAttribute(this.inputEndElement, attributeNames.ariaActiveDescendant, id);
-    }
-    /**
-     * @hidden
-     *
-     * Deactivates the registered `DateRangePopup` component and fires the `cancel` event.
-     * The method closes the popup.
-     */
-    cancelPopup() {
-        const dateRangePopup = this.dateRangePopup$.value;
-        if (!(dateRangePopup && dateRangePopup.show)) {
-            return;
-        }
-        dateRangePopup.cancelPopup();
-    }
-    /**
-     * Completes all observables to prevent memory leaks.
-     * Call this method when you destroy a component that uses the service.
-     */
-    destroy() {
-        this.activeRangeEnd$.complete();
-        this.dateRangePopup$.complete();
-        this.focusedDate$.complete();
-        this.endInput$.complete();
-        this.startInput$.complete();
-        this.range$.complete();
-    }
-    /**
-     * Checks if any component inside the DateRangeComponent is active.
-     * For example, detects an open popup or a focused DateInput component.
-     *
-     * @returns {boolean} Returns `true` if an active component is present.
-     */
-    hasActiveComponent() {
-        const popup = this.dateRangePopup$.value;
-        const isPopup = isActive(popup);
-        const isStart = isActive(this.startInput$.value);
-        const isEnd = isActive(this.endInput$.value);
-        return isPopup || isStart || isEnd || hasActiveContent(popup) || false;
-    }
-    /**
-     * Registers a new start DateInput component and notifies all `startInput$` listeners.
-     */
-    registerStartInput(startInput) {
-        this.startInput$.next(startInput);
-    }
-    /**
-     * Registers a new end `DateInput` component and notifies all `endInput$` listeners.
-     */
-    registerEndInput(endInput) {
-        this.endInput$.next(endInput);
-    }
-    /**
-     * Registers a new `DateRangePopup` component and notifies all `dateRangePopup$` listeners.
-     */
-    registerPopup(dateRangePopup) {
-        this.dateRangePopup$.next(dateRangePopup);
-    }
-    /**
-     * Updates the `activeRangeEnd` value and notifies all `activeRangeEnd$` listeners.
-     */
-    setActiveRangeEnd(activeRange) {
-        if (!activeRange || this.activeRangeEnd === activeRange) {
-            return;
-        }
-        this.activeRangeEnd$.next(activeRange);
-    }
-    /**
-     * Updates the focused date and notifies all `focusedDate$` listeners.
-     */
-    setFocusedDate(value) {
-        if (isEqual(this.focusedDate$.value, value)) {
-            return;
-        }
-        this.focusedDate$.next(value);
-    }
-    /**
-     * Updates the selection range and notifies all `range$` listeners.
-     */
-    setRange(range = EMPTY_SELECTIONRANGE) {
-        this.range$.next(range);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeService, deps: [{ token: i0.Renderer2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/daterange/localization/daterange-popup-custom-messages.component.mjs

@@ -1,43 +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 { DateRangePopupMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
- */
-export class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
-    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: DateRangePopupCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DateRangePopupCustomMessagesComponent, isStandalone: true, selector: "kendo-daterange-popup-messages", providers: [
-            {
-                provide: DateRangePopupMessages,
-                useExisting: forwardRef(() => DateRangePopupCustomMessagesComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangePopupCustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: DateRangePopupMessages,
-                            useExisting: forwardRef(() => DateRangePopupCustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-daterange-popup-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

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

package/esm2022/daterange/localization/messages.mjs

@@ -1,51 +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 DateRangePopupMessages extends ComponentMessages {
-    /**
-     * The text of the **Accept** button in the popup footer of the DateRange Popup.
-     */
-    accept;
-    /**
-     * The label of the **Accept** button in the popup footer of the DateRange Popup.
-     */
-    acceptLabel;
-    /**
-     * The text of the **Cancel** button in the popup footer of the DateRange Popup.
-     */
-    cancel;
-    /**
-     * The label of the **Cancel** button in the popup footer of the DateRange Popup.
-     */
-    cancelLabel;
-    /**
-     * The title of the Close button of the ActionSheet that is rendered 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: DateRangePopupMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangePopupMessages, selector: "kendo-daterangepopup-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangePopupMessages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line
-                    selector: 'kendo-daterangepopup-messages-base'
-                }]
-        }], propDecorators: { accept: [{
-                type: Input
-            }], acceptLabel: [{
-                type: Input
-            }], cancel: [{
-                type: Input
-            }], cancelLabel: [{
-                type: Input
-            }], adaptiveCloseButtonTitle: [{
-                type: Input
-            }] } });