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

package/esm2022/window/actions/window-restore-action.directive.mjs

@@ -1,125 +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, ElementRef, HostBinding, HostListener, Input, Optional, NgZone, Renderer2 } from "@angular/core";
-import { NgClass } from "@angular/common";
-import { Button } from '@progress/kendo-angular-buttons';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { windowRestoreIcon } from '@progress/kendo-svg-icons';
-import { IconWrapperComponent } from "@progress/kendo-angular-icons";
-import { DragResizeService } from './../drag-resize.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./../drag-resize.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-/**
- * Represents the restore action directive of the Window component.
- *
- * ```html
- * <button kendoWindowRestoreAction>Restore</button>
- * ```
- */
-export class WindowRestoreActionDirective extends Button {
-    /**
-     * @hidden
-     */
-    window;
-    /**
-     * @hidden
-     */
-    windowRestoreIcon = windowRestoreIcon;
-    buttonType = 'button';
-    buttonClass = true;
-    constructor(el, renderer, _service, localization, ngZone) {
-        super(el, renderer, null, localization, ngZone);
-        this.window = _service;
-        this.fillMode = 'flat';
-        this.icon = 'window-restore';
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        if (!this.isDisabled) {
-            this.window.restoreAction();
-        }
-    }
-    get visible() {
-        return this.window.options.state === 'default' ? 'none' : 'inline-flex';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WindowRestoreActionDirective, isStandalone: true, selector: "button[kendoWindowRestoreAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
-        @if (!imageUrl && !iconClass) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            name="window-restore"
-            [svgIcon]="windowRestoreIcon">
-          </kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoWindowRestoreAction',
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.button'
-                        }
-                    ],
-                    selector: 'button[kendoWindowRestoreAction]',
-                    template: `
-        @if (!imageUrl && !iconClass) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            name="window-restore"
-            [svgIcon]="windowRestoreIcon">
-          </kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgClass]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DragResizeService, decorators: [{
-                    type: Optional
-                }] }, { type: i2.LocalizationService }, { type: i0.NgZone }], propDecorators: { window: [{
-                type: Input
-            }], buttonType: [{
-                type: HostBinding,
-                args: ['attr.type']
-            }], buttonClass: [{
-                type: HostBinding,
-                args: ['class.k-window-titlebar-action']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }], visible: [{
-                type: HostBinding,
-                args: ['style.display']
-            }] } });

package/esm2022/window/drag-resize.service.mjs

@@ -1,335 +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, NgZone, EventEmitter } from "@angular/core";
-import { Subscription } from 'rxjs';
-import { tap, map, switchMap, takeUntil, take } from 'rxjs/operators';
-import { isPresent, OFFSET_STYLES, preventDefault } from '../common/util';
-import { scrollPosition, offset, getDocumentElement, positionWithScroll, getWindowViewPort } from '@progress/kendo-popup-common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-let newZIndex = 11510;
-/**
- * @hidden
- */
-const DEFAULT_OPTIONS = {
-    draggable: true,
-    height: null,
-    left: null,
-    minHeight: 100,
-    minWidth: 120,
-    position: 'absolute',
-    resizable: true,
-    state: 'default',
-    top: null,
-    width: null
-};
-/**
- * @hidden
- */
-const createMoveStream = (el, ev) => mouseDown => {
-    return el.kendoDrag
-        .pipe(takeUntil(el.kendoRelease.pipe(tap(() => { ev.emit(); }))), map(({ pageX, pageY }) => ({
-        originalX: mouseDown.pageX,
-        originalY: mouseDown.pageY,
-        pageX,
-        pageY
-    })));
-};
-/**
- * @hidden
- */
-export class DragResizeService {
-    ngZone;
-    close = new EventEmitter();
-    focus = new EventEmitter();
-    change = new EventEmitter();
-    stateChange = new EventEmitter();
-    dragStart = new EventEmitter();
-    dragEnd = new EventEmitter();
-    resizeStart = new EventEmitter();
-    resizeEnd = new EventEmitter();
-    options = Object.assign({}, DEFAULT_OPTIONS);
-    restoreOptions;
-    window;
-    lastAction = null;
-    subscriptions = new Subscription();
-    dragSubscription = new Subscription();
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-        if (this.dragSubscription) {
-            this.dragSubscription.unsubscribe();
-        }
-    }
-    init(el) {
-        const state = this.options.state;
-        const options = this.options;
-        this.window = el;
-        if (state !== 'default') {
-            this.restoreOptions = Object.assign({}, options);
-        }
-        if (state === 'minimized') {
-            options.height = 0;
-            options.minHeight = 0;
-        }
-        if (state === 'maximized') {
-            options.position = 'fixed';
-        }
-    }
-    onDrag(el) {
-        this.subscriptions.add(this.ngZone.runOutsideAngular(() => {
-            let startPosition;
-            let dragStarted;
-            this.dragSubscription = el.kendoPress
-                .pipe(tap((ev) => {
-                if (!ev.isTouch) {
-                    preventDefault(ev);
-                }
-                this.focus.emit();
-                startPosition = this.currentPosition();
-                dragStarted = false;
-            }), switchMap(createMoveStream(el, this.dragEnd)))
-                .subscribe(({ pageX, pageY, originalX, originalY }) => {
-                if (!dragStarted) {
-                    this.ensureWidth();
-                    this.dragStart.emit();
-                    dragStarted = true;
-                }
-                this.handleDrag({
-                    originalX, originalY,
-                    pageX, pageY, startPosition
-                });
-            });
-        }));
-    }
-    handleDrag({ originalX, originalY, pageX, pageY, startPosition }) {
-        this.options.left = startPosition.x + pageX - originalX;
-        this.options.top = startPosition.y + pageY - originalY;
-        if (this.options.state === 'minimized' && isPresent(this.restoreOptions)) {
-            this.restoreOptions.left = this.options.left;
-            this.restoreOptions.top = this.options.top;
-        }
-        this.change.emit({
-            left: startPosition.x + pageX - originalX,
-            top: startPosition.y + pageY - originalY
-        });
-    }
-    onResize(handle, direction) {
-        this.subscriptions.add(this.ngZone.runOutsideAngular(() => {
-            let startOffsetAndPosition;
-            let resizeStarted = false;
-            handle.kendoPress.pipe(tap((ev) => {
-                preventDefault(ev);
-                this.focus.emit();
-                startOffsetAndPosition = this.currentOffsetAndPosition();
-                resizeStarted = false;
-            }), switchMap(createMoveStream(handle, this.resizeEnd)))
-                .subscribe(({ pageX, pageY, originalX, originalY }) => {
-                if (!resizeStarted) {
-                    this.resizeStart.emit(direction);
-                    resizeStarted = true;
-                }
-                const deltaX = pageX - originalX;
-                const deltaY = pageY - originalY;
-                this.handleResize(startOffsetAndPosition, direction, deltaX, deltaY);
-            });
-        }));
-    }
-    handleResize(initial, dir, deltaX, deltaY) {
-        const old = this.options;
-        const ev = {};
-        if (dir.indexOf('e') >= 0) {
-            const newWidth = initial.width + deltaX;
-            if (newWidth !== old.width && newWidth >= old.minWidth) {
-                ev.width = newWidth;
-            }
-        }
-        if (dir.indexOf('n') >= 0) {
-            const newHeight = initial.height - deltaY;
-            const newTop = initial.y + deltaY;
-            if (newHeight !== old.height && newHeight >= old.minHeight && newTop !== old.top) {
-                ev.height = newHeight;
-                ev.top = newTop;
-            }
-        }
-        if (dir.indexOf('s') >= 0) {
-            const newHeight = initial.height + deltaY;
-            if (newHeight !== old.height && newHeight >= old.minHeight) {
-                ev.height = newHeight;
-            }
-        }
-        if (dir.indexOf('w') >= 0) {
-            const newLeft = initial.x + deltaX;
-            const newWidth = initial.width - deltaX;
-            if (newWidth !== old.width && newWidth >= old.minWidth && newLeft !== old.left) {
-                ev.width = newWidth;
-                ev.left = newLeft;
-            }
-        }
-        if (isPresent(ev.width) || isPresent(ev.height)) {
-            OFFSET_STYLES.forEach((style) => {
-                if (isPresent(ev[style])) {
-                    this.options[style] = ev[style];
-                }
-            });
-            this.change.emit(ev);
-        }
-    }
-    restoreAction() {
-        this.lastAction = 'restore';
-        this.defaultState();
-    }
-    defaultState() {
-        if (isPresent(this.restoreOptions)) {
-            this.options = Object.assign({}, this.restoreOptions);
-        }
-        this.options.state = 'default';
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            if (!isPresent(this.options.left) || !isPresent(this.options.top)) {
-                this.center();
-            }
-        });
-        this.stateChange.emit('default');
-    }
-    storeOptions() {
-        this.restoreOptions = Object.assign({}, this.options);
-    }
-    maximizeAction() {
-        this.lastAction = 'maximize';
-        this.maximizeState();
-    }
-    maximizeState() {
-        this.storeOptions();
-        const wnd = this.windowViewPort;
-        this.options = Object.assign({}, this.options, {
-            height: wnd.height,
-            left: 0,
-            position: 'fixed',
-            state: 'maximized',
-            top: 0,
-            width: wnd.width
-        });
-        this.stateChange.emit('maximized');
-    }
-    minimizeAction() {
-        this.lastAction = 'minimize';
-        this.minimizeState();
-    }
-    minimizeState() {
-        this.storeOptions();
-        this.options = Object.assign({}, this.options, {
-            height: null,
-            minHeight: 0,
-            state: 'minimized'
-        });
-        this.stateChange.emit('minimized');
-    }
-    /**
-     * Handles manual changes of the 'state' property.
-     * Required to distinguish them from action clicks.
-     */
-    applyManualState() {
-        const state = this.options.state;
-        switch (state) {
-            case 'default':
-                this.clearHeight();
-                this.defaultState();
-                break;
-            case 'maximized':
-                this.clearHeight();
-                this.maximizeState();
-                break;
-            case 'minimized':
-                this.minimizeState();
-                break;
-            default:
-                break;
-        }
-    }
-    closeAction() {
-        this.close.emit();
-    }
-    ensureWidth() {
-        const windowOffset = offset(this.window.nativeElement);
-        if (!isPresent(this.options.width)) {
-            this.options.width = windowOffset.width;
-            this.change.emit({ width: windowOffset.width });
-        }
-    }
-    clearHeight() {
-        if (this.options.height === 0) {
-            delete this.options.height;
-        }
-        if (this.options.minHeight === 0) {
-            delete this.options.minHeight;
-        }
-    }
-    center() {
-        if (this.options.state === 'maximized') {
-            return;
-        }
-        const scroll = scrollPosition(this.window.nativeElement);
-        const wnd = this.windowViewPort;
-        const wrapper = offset(this.window.nativeElement);
-        const ev = {};
-        if (!isPresent(this.options.left)) {
-            this.options.left = scroll.x + Math.max(0, (wnd.width - wrapper.width) / 2);
-            ev.left = this.options.left;
-        }
-        if (!isPresent(this.options.top)) {
-            this.options.top = scroll.y + Math.max(0, (wnd.height - wrapper.height) / 2);
-            ev.top = this.options.top;
-        }
-        this.change.emit(ev);
-    }
-    currentOffsetAndPosition() {
-        const o = this.options;
-        const off = offset(this.window.nativeElement);
-        return Object.assign({}, this.currentPosition(), {
-            height: o.height ? o.height : off.height,
-            width: o.width ? o.width : off.width
-        });
-    }
-    currentPosition() {
-        const o = this.options;
-        if (!o.top || !o.left) {
-            this.setPosition();
-        }
-        return {
-            x: this.options.left,
-            y: this.options.top
-        };
-    }
-    setPosition() {
-        const wrapper = positionWithScroll(this.window.nativeElement, getDocumentElement(this.window.nativeElement));
-        this.options.left = wrapper.left;
-        this.options.top = wrapper.top;
-    }
-    setRestoreOption(style, value) {
-        if (isPresent(this.restoreOptions)) {
-            this.restoreOptions[style] = value;
-        }
-    }
-    get nextPossibleZIndex() {
-        return newZIndex;
-    }
-    get nextZIndex() {
-        return newZIndex++;
-    }
-    get windowViewPort() {
-        return getWindowViewPort(this.window.nativeElement);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragResizeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragResizeService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragResizeService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }] });

package/esm2022/window/models/index.mjs

@@ -1,11 +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 * from './window-close-result';
-export * from './window-messages';
-export * from './window-options';
-export * from './window-ref';
-export * from './window-settings';
-export * from './window-types';
-export * from './theme-color';

package/esm2022/window/models/theme-color.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/window/models/window-close-result.mjs

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Indicates that the **Close** button of a Window opened through `WindowService` is clicked.
- *
- */
-export class WindowCloseResult {
-}

package/esm2022/window/models/window-messages.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/window/models/window-options.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/window/models/window-ref.mjs

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Holds references to the Window instance. Controls Windows opened through `WindowService`. ([See example.]({% slug api_dialog_windowservice %}#toc-open))
- */
-export class WindowRef {
-    /**
-     * Represents a reference to the Window instance.
-     */
-    window;
-    /**
-     * Represents a reference to the child component of the Window. Available when you open the Window with [component content](slug:service_window#toc-rendering-the-content-area).
-     */
-    content;
-    /**
-     * Allows you to close the Window by using code. When called with no arguments, the `result` Observable is of type `WindowCloseResult`. When called with an argument, the `result` Observable holds the provided value.
-     */
-    close;
-    /**
-     * Emits events when the Window is closed through the `Esc` key, the **Close** button of the title bar, or by calling the `close` method. When the Window is closed with the title bar button, `Esc`, or by calling `close` with no arguments, the result is of type [`WindowCloseResult`]({% slug api_dialog_windowcloseresult %}). When `close` is called with an argument, the result is the passed argument.
-     */
-    result;
-}

package/esm2022/window/models/window-settings.mjs

@@ -1,92 +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 the settings for the Window actions when you open a Window through `WindowService`. ([See example.]({% slug api_dialog_windowservice %}#toc-open))
- */
-export class WindowSettings {
-    /**
-     * Use the `preventClose` predicate to check if closing the Window should be prevented. Applies to clicking the **Close** button, pressing **Esc**, or calling the `close` method. Return `true` to prevent closing. If the **Close** button or **Esc** is used, a [`WindowCloseResult`]({% slug api_dialog_windowcloseresult %}) instance is passed.
-     * @param {any} ev The event argument.
-     * @param {WindowRef} [windowRef] - The window reference, provided only when you create the window using a component.
-     * @returns Returns `true` to prevent closing the window.
-     */
-    preventClose;
-    /**
-     * Sets the Window `title`.
-     */
-    title;
-    /**
-     * Defines the Window `content`.
-     */
-    content;
-    /**
-     * Defines the content of the title bar.
-     */
-    titleBarContent;
-    /**
-     * Sets the text of the labels shown in the Window. Use for localization.
-     */
-    messages;
-    /**
-     * Set to `true` to persist the Window content in the DOM when minimized.
-     */
-    keepContent;
-    /**
-     * Sets the width of the Window in pixels.
-     */
-    width;
-    /**
-     * Sets the minimum width of the Window in pixels.
-     */
-    minWidth;
-    /**
-     * Sets the height of the Window in pixels.
-     */
-    height;
-    /**
-     * Sets the minimum height of the Window in pixels.
-     */
-    minHeight;
-    /**
-     * Sets the left offset of the Window in pixels.
-     */
-    left;
-    /**
-     * Sets the top offset of the Window in pixels.
-     */
-    top;
-    /**
-     * Specifies is the Window is draggable.
-     */
-    draggable;
-    /**
-     * Sets custom CSS classes for the Window wrapper element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
-     */
-    cssClass;
-    /**
-     * Sets HTML attributes for the Window wrapper element. Accepts string key-value pairs.
-     */
-    htmlAttributes;
-    /**
-     * Specifies if the Window is resizable.
-     */
-    resizable;
-    /**
-     * Sets the initial state of the Window.
-     */
-    state;
-    /**
-     * Defines the container where the Window is inserted. This changes the place in the page hierarchy where the Window appears.
-     */
-    appendTo;
-    /**
-     * Sets the query selector for the element to focus automatically.
-     */
-    autoFocusedElement;
-    /**
-     * Sets the theme color of the Window.
-     */
-    themeColor;
-}

package/esm2022/window/models/window-types.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 {};