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

package/esm2022/common/dialog-animation-direction.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/common/preventable-event.mjs

@@ -1,30 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents a preventable event in Dialog and Window components.
- *
- */
-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/common/util.mjs

@@ -1,167 +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 { of } from 'rxjs';
-import { delay, takeUntil } from 'rxjs/operators';
-/**
- * @hidden
- */
-export const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-export const isTruthy = (value) => !!value;
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-const focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
-/**
- * @hidden
- */
-export const DIALOG_ELEMENTS_HANDLING_ESC_KEY = 'k-dialog-wrapper k-actions k-dialog-titlebar-action';
-/**
- * @hidden
- */
-export const DIALOG_ELEMENTS_HANDLING_ARROWS = 'k-actions';
-/**
- * @hidden
- */
-export const WINDOW_CLASSES = 'k-window';
-/**
- * @hidden
- */
-export const WINDOW_ELEMENTS_HANDLING_ESC_KEY = 'k-window k-window-titlebar-action';
-/**
- * @hidden
- */
-export const hasClasses = (element, classNames) => {
-    const namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
-};
-/**
- * @hidden
- */
-export const isVisible = (element) => {
-    const rect = element.getBoundingClientRect();
-    return !!(rect.width && rect.height) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-/**
- * @hidden
- */
-export const isFocusable = (element, checkVisibility = true) => {
-    if (element.tagName) {
-        const tagName = element.tagName.toLowerCase();
-        const tabIndex = element.getAttribute('tabIndex');
-        const validTabIndex = tabIndex !== null && !isNaN(tabIndex) && tabIndex > -1;
-        let focusable = false;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled;
-        }
-        else {
-            focusable = validTabIndex;
-        }
-        return focusable && (!checkVisibility || isVisible(element));
-    }
-    return false;
-};
-/**
- * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
- *
- * @hidden
- */
-export const parseCSSClassNames = (value) => {
-    if (isObject(value)) {
-        return parseObjectClassNames(value);
-    }
-    if (isString(value)) {
-        return parseStringClassNames(value);
-    }
-    if (Array.isArray(value)) {
-        return parseArrayClassNames(value);
-    }
-};
-const parseObjectClassNames = (value) => {
-    const classes = [];
-    Object.keys(value).forEach(className => {
-        const currentClassName = splitStringToArray(className);
-        if (value[className] && currentClassName[0]) {
-            classes.push(...currentClassName);
-        }
-    });
-    return classes;
-};
-const parseStringClassNames = (value) => {
-    const classes = [];
-    const classesArray = splitStringToArray(value);
-    classesArray.forEach(className => {
-        classes.push(className);
-    });
-    return classes;
-};
-const parseArrayClassNames = (value) => {
-    const classes = [];
-    value.forEach((className) => {
-        const current = splitStringToArray(className);
-        if (current[0]) {
-            classes.push(...current);
-        }
-    });
-    return classes;
-};
-/**
- * @hidden
- */
-export const preventDefault = ({ originalEvent: event }) => {
-    event.stopPropagation();
-    event.preventDefault();
-};
-/**
- * @hidden
- */
-export const isWindowAvailable = () => {
-    return typeof window !== 'undefined';
-};
-/**
- * @hidden
- */
-export const preventOnDblClick = release => (mouseDown) => of(mouseDown).pipe(delay(150), takeUntil(release));
-/**
- * @hidden
- */
-export const RESIZE_DIRECTIONS = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
-/**
- * @hidden
- */
-export const OFFSET_STYLES = ['top', 'left', 'width', 'height'];
-/**
- * @hidden
- */
-export const isString = (value) => value instanceof String || typeof value === 'string';
-/**
- * @hidden
- */
-export const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
-/**
- * @hidden
- */
-export const isNumber = (value) => typeof value === 'number' && isFinite(value);
-/**
- * @hidden
- */
-export const createValueWithUnit = (value) => value + (isNumber(value) ? 'px' : '');
-/**
- * @hidden
- */
-export const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
-/**
- * @hidden
- */
-export const findPrimaryButton = (buttons) => {
-    for (let i = buttons.length - 1; i >= 0; i--) {
-        const classList = buttons[i].classList;
-        for (let j = 0; j < classList.length; j++) {
-            if (classList[j].endsWith('-primary')) {
-                return buttons[i];
-            }
-        }
-    }
-};

package/esm2022/dialog/dialog-actions.component.mjs

@@ -1,182 +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, EventEmitter, HostBinding, TemplateRef, Input, Output, ElementRef } from '@angular/core';
-import { NgClass, NgTemplateOutlet } from '@angular/common';
-import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-buttons";
-/**
- * Represents the action buttons of the Dialog.
- * ([See example.]({% slug actionbuttons_dialog %}))
- *
- * ```html
- * <kendo-dialog>
- *  <kendo-dialog-actions>
- *     <button kendoButton fillMode="flat" themeColor="primary" (click)="onPrimaryActionClick()">
- *       Primary Action
- *    </button>
- *  </kendo-dialog-actions>
- * </kendo-dialog>
- * ```
- */
-export class DialogActionsComponent {
-    el;
-    /**
-     * Allows the declarative specification of the Dialog `actions`.
-     */
-    set actions(value) {
-        if (value instanceof TemplateRef) {
-            this.actionsTemplate = value;
-        }
-        else if (Array.isArray(value)) {
-            this.actionsArray = value;
-        }
-        else {
-            throw new Error('"actions" must be either TemplateRef or DialogAction[] instance.');
-        }
-    }
-    /**
-     * @hidden
-     */
-    actionsArray;
-    /**
-     * @hidden
-     */
-    actionsTemplate;
-    /**
-     * Sets the possible layout of the action buttons.
-     * @default 'stretched'
-     */
-    layout = 'stretched';
-    /**
-     * Fires when the user clicks an action button.
-     */
-    action = new EventEmitter();
-    hostClasses = true;
-    get startClassName() {
-        return this.layout === 'start';
-    }
-    get centerClassName() {
-        return this.layout === 'center';
-    }
-    get endClassName() {
-        return this.layout === 'end';
-    }
-    get stretchedClassName() {
-        return this.layout === 'stretched';
-    }
-    constructor(el) {
-        this.el = el;
-    }
-    /**
-     * @hidden
-     */
-    onButtonClick(action, _e) {
-        this.action.emit(action);
-    }
-    /**
-     * @hidden
-     */
-    isDivider(action) {
-        return action === 'spacer';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DialogActionsComponent, isStandalone: true, selector: "kendo-dialog-actions", inputs: { actions: "actions", layout: "layout" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClasses", "class.k-actions-horizontal": "this.hostClasses", "class.k-window-actions": "this.hostClasses", "class.k-dialog-actions": "this.hostClasses", "class.k-actions-start": "this.startClassName", "class.k-actions-center": "this.centerClassName", "class.k-actions-end": "this.endClassName", "class.k-actions-stretched": "this.stretchedClassName" } }, ngImport: i0, template: `
-        @if (!actions) {
-          <ng-content></ng-content>
-        }
-        @if (actionsArray) {
-          @for (action of actionsArray; track action) {
-            @if (isDivider(action)) {
-              <span class="k-spacer"></span>
-            } @else {
-              <button
-                type="button"
-                kendoButton
-                [disabled]="action.disabled"
-                [fillMode]="action.fillMode"
-                [themeColor]="action.themeColor"
-                [ngClass]="action.cssClass"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-                [svgIcon]="action.svgIcon"
-                [icon]="action.icon"
-                >
-                {{ action.text }}
-              </button>
-            }
-          }
-        } @else {
-          <ng-container [ngTemplateOutlet]="actionsTemplate"></ng-container>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogActionsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-dialog-actions',
-                    template: `
-        @if (!actions) {
-          <ng-content></ng-content>
-        }
-        @if (actionsArray) {
-          @for (action of actionsArray; track action) {
-            @if (isDivider(action)) {
-              <span class="k-spacer"></span>
-            } @else {
-              <button
-                type="button"
-                kendoButton
-                [disabled]="action.disabled"
-                [fillMode]="action.fillMode"
-                [themeColor]="action.themeColor"
-                [ngClass]="action.cssClass"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-                [svgIcon]="action.svgIcon"
-                [icon]="action.icon"
-                >
-                {{ action.text }}
-              </button>
-            }
-          }
-        } @else {
-          <ng-container [ngTemplateOutlet]="actionsTemplate"></ng-container>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgClass, NgTemplateOutlet, KENDO_BUTTON]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { actions: [{
-                type: Input
-            }], layout: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-actions']
-            }, {
-                type: HostBinding,
-                args: ['class.k-actions-horizontal']
-            }, {
-                type: HostBinding,
-                args: ['class.k-window-actions']
-            }, {
-                type: HostBinding,
-                args: ['class.k-dialog-actions']
-            }], startClassName: [{
-                type: HostBinding,
-                args: ['class.k-actions-start']
-            }], centerClassName: [{
-                type: HostBinding,
-                args: ['class.k-actions-center']
-            }], endClassName: [{
-                type: HostBinding,
-                args: ['class.k-actions-end']
-            }], stretchedClassName: [{
-                type: HostBinding,
-                args: ['class.k-actions-stretched']
-            }] } });

package/esm2022/dialog/dialog-animations/animate-content.mjs

@@ -1,19 +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 { animations } from "./animations";
-import { createPlayer } from "./create-animation-player";
-/**
- * @hidden
- */
-export const animateContent = (animation, defAnimationConfig, animatedElement, builder) => {
-    let animationConfig = defAnimationConfig;
-    if (typeof animation !== 'boolean') {
-        animationConfig = animation;
-        animationConfig.duration = animationConfig.duration ? animationConfig.duration : defAnimationConfig.duration;
-    }
-    const animationSpecs = animations(animationConfig.duration, animationConfig.direction, animationConfig.type);
-    const player = createPlayer(builder, animationSpecs, animatedElement);
-    player.play();
-};

package/esm2022/dialog/dialog-animations/animations.mjs

@@ -1,69 +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 { animate, keyframes, style } from '@angular/animations';
-/**
- * @hidden
- */
-export function animations(duration, direction, animationType) {
-    switch (animationType) {
-        case 'slide': {
-            const translate = direction === 'left' || direction === 'right' ? 'translateX' : 'translateY';
-            const start = direction === 'right' || direction === 'down' ? -100 : 100;
-            const end = 0;
-            return [
-                style({ transform: `${translate}(${start}%)` }),
-                animate(`${duration}ms ease-in`, style({ transform: `${translate}(${end}%)` }))
-            ];
-        }
-        case 'expand': {
-            const scale = direction === 'up' || direction === 'down' ? 'scaleY' : 'scaleX';
-            const startScale = 0;
-            const endScale = 1;
-            let origin;
-            if (direction === 'down') {
-                origin = 'top';
-            }
-            else if (direction === 'left') {
-                origin = 'right';
-            }
-            else if (direction === 'right') {
-                origin = 'left';
-            }
-            else {
-                origin = 'bottom';
-            }
-            return [
-                style({ transform: `${scale}(${startScale})`, transformOrigin: origin }),
-                animate(`${duration}ms ease-in`, style({ transform: `${scale}(${endScale})` }))
-            ];
-        }
-        case 'zoom': {
-            const startZoom = 0;
-            const endZoom = 1;
-            return [
-                animate(duration, keyframes([
-                    style({ transform: `scale(${startZoom})` }),
-                    style({ transform: `scale(${endZoom})` })
-                ]))
-            ];
-        }
-        case 'fade': {
-            const startFade = 0;
-            const endFade = 1;
-            return [
-                animate(duration, keyframes([
-                    style({ opacity: `${startFade}` }),
-                    style({ opacity: `${endFade}` })
-                ]))
-            ];
-        }
-        // 'translate' is considered the default animation type
-        default:
-            return [
-                style({ transform: 'translate(0, -10%)' }),
-                animate(`${duration}ms cubic-bezier(.2, 1, .2, 1)`)
-            ];
-    }
-}

package/esm2022/dialog/dialog-animations/create-animation-player.mjs

@@ -1,18 +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 createPlayer = (builder, animation, animatedElement) => {
-    const factory = builder.build(animation);
-    let player = factory.create(animatedElement);
-    player.onDone(() => {
-        if (player) {
-            player.destroy();
-            player = null;
-        }
-    });
-    return player;
-};

package/esm2022/dialog/dialog-container.directive.mjs

@@ -1,31 +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, ViewContainerRef } from '@angular/core';
-import { DialogContainerService } from './dialog-container.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./dialog-container.service";
-/**
- * Represents an insertion point for Dialogs created through the Dialog service.
- * The created Dialogs mount after this element. ([See example.]({% slug api_dialog_dialogservice %}#toc-open))
- *
- * @example
- * ```html
- * <div kendoDialogContainer></div>
- * ```
- */
-export class DialogContainerDirective {
-    constructor(container, service) {
-        service.container = container;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.DialogContainerService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DialogContainerDirective, isStandalone: true, selector: "[kendoDialogContainer]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContainerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDialogContainer]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i1.DialogContainerService }] });

package/esm2022/dialog/dialog-container.service.mjs

@@ -1,26 +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 * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class DialogContainerService {
-    static container = null;
-    set container(container) {
-        DialogContainerService.container = container;
-    }
-    get container() {
-        return DialogContainerService.container;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContainerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContainerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });

package/esm2022/dialog/dialog-content-base.mjs

@@ -1,57 +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 { DialogRef } from './models/dialog-ref';
-import { DialogActionsComponent } from './dialog-actions.component';
-import { DialogTitleBarComponent } from './dialog-titlebar.component';
-import { Directive, ViewChild } from '@angular/core';
-import { filter } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "./models/dialog-ref";
-/**
- * Serves as the base class for a component provided as Dialog content through the `content` property.
- * ([See example.](slug:service_dialog#toc-single-component-rendering)).
- *
- */
-export class DialogContentBase {
-    dialog;
-    /**
-     * @hidden
-     */
-    dialogTitleBar;
-    /**
-     * @hidden
-     */
-    dialogActions;
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
-    /**
-     * @hidden
-     */
-    ngAfterViewInit() {
-        if (this.dialogTitleBar) {
-            // when opening component inside dialog with service AND the component has defined its own titlebar
-            this.dialogTitleBar.close.pipe(filter((e) => !e.isDefaultPrevented())).subscribe(() => {
-                this.dialog.close();
-            });
-        }
-        if (this.dialogActions) {
-            if (this.dialogActions.actions) {
-                this.dialogActions.action.subscribe(action => this.dialog.dialog.instance.action.emit(action));
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContentBase, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DialogContentBase, viewQueries: [{ propertyName: "dialogTitleBar", first: true, predicate: DialogTitleBarComponent, descendants: true }, { propertyName: "dialogActions", first: true, predicate: DialogActionsComponent, descendants: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContentBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i1.DialogRef }], propDecorators: { dialogTitleBar: [{
-                type: ViewChild,
-                args: [DialogTitleBarComponent, { static: false }]
-            }], dialogActions: [{
-                type: ViewChild,
-                args: [DialogActionsComponent, { static: false }]
-            }] } });