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

package/esm2022/window/navigation.service.mjs

@@ -1,160 +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 } from "@angular/core";
-import { DragResizeService } from './drag-resize.service';
-import { isPresent, OFFSET_STYLES, WINDOW_CLASSES, hasClasses, WINDOW_ELEMENTS_HANDLING_ESC_KEY } from '../common/util';
-import { Keys, normalizeKeys } from "@progress/kendo-angular-common";
-import * as i0 from "@angular/core";
-import * as i1 from "./drag-resize.service";
-/**
- * @hidden
- */
-export class NavigationService {
-    window;
-    ngZone;
-    constructor(window, ngZone) {
-        this.window = window;
-        this.ngZone = ngZone;
-    }
-    process(ev) {
-        const key = normalizeKeys(ev);
-        const target = ev.target;
-        switch (key) {
-            case Keys.ArrowUp:
-            case Keys.ArrowDown:
-            case Keys.ArrowLeft:
-            case Keys.ArrowRight: {
-                if (hasClasses(target, WINDOW_CLASSES)) {
-                    ev.preventDefault();
-                    this.ngZone.run(() => {
-                        this.handleArrow(key, ev);
-                    });
-                }
-                break;
-            }
-            case Keys.Escape:
-                if (hasClasses(target, WINDOW_ELEMENTS_HANDLING_ESC_KEY)) {
-                    this.ngZone.run(() => {
-                        this.handleEscape();
-                    });
-                }
-                break;
-            default:
-                break;
-        }
-    }
-    handleArrow(key, ev) {
-        const options = this.window.options;
-        if (ev.altKey) {
-            this.handleStateChange(key, options.state);
-            return;
-        }
-        if ((ev.ctrlKey || ev.metaKey) && options.state === 'default') {
-            this.handleResize(key);
-        }
-        else {
-            this.handleDrag(key);
-        }
-    }
-    handleEscape() {
-        this.window.closeAction();
-    }
-    handleDrag(key) {
-        const options = this.window.options;
-        if (!options.draggable) {
-            return;
-        }
-        const offset = this.window.currentOffsetAndPosition();
-        const restoreOptions = this.window.restoreOptions;
-        const ev = {};
-        let delta = 10;
-        if (key === Keys.ArrowLeft || key === Keys.ArrowUp) {
-            delta *= -1;
-        }
-        switch (key) {
-            case Keys.ArrowLeft:
-            case Keys.ArrowRight: {
-                ev.left = offset.x + delta;
-                options.left = ev.left;
-                break;
-            }
-            case Keys.ArrowUp:
-            case Keys.ArrowDown: {
-                ev.top = offset.y + delta;
-                options.top = ev.top;
-                break;
-            }
-            default:
-                break;
-        }
-        if (options.state === 'minimized' && isPresent(restoreOptions)) {
-            restoreOptions.left = options.left;
-            restoreOptions.top = options.top;
-        }
-        this.window.change.emit(ev);
-    }
-    handleResize(key) {
-        const options = this.window.options;
-        if (!options.resizable) {
-            return;
-        }
-        const offset = this.window.currentOffsetAndPosition();
-        let newWidth;
-        let newHeight;
-        const ev = {};
-        let delta = 10;
-        if (key === Keys.ArrowLeft || key === Keys.ArrowUp) {
-            delta *= -1;
-        }
-        switch (key) {
-            case Keys.ArrowLeft:
-            case Keys.ArrowRight: {
-                newWidth = offset.width + delta;
-                if (newWidth !== options.width && newWidth >= options.minWidth) {
-                    ev.width = newWidth;
-                }
-                break;
-            }
-            case Keys.ArrowUp:
-            case Keys.ArrowDown: {
-                newHeight = offset.height + delta;
-                if (newHeight !== options.height && newHeight >= options.minHeight) {
-                    ev.height = newHeight;
-                }
-                break;
-            }
-            default:
-                break;
-        }
-        if (isPresent(ev.width) || isPresent(ev.height)) {
-            OFFSET_STYLES.forEach((style) => {
-                if (isPresent(ev[style])) {
-                    this.window.options[style] = ev[style];
-                }
-            });
-            this.window.change.emit(ev);
-        }
-    }
-    handleStateChange(key, state) {
-        if ((state === 'minimized' && key === Keys.ArrowUp) ||
-            (state === 'maximized' && key === Keys.ArrowDown)) {
-            this.window.restoreAction();
-            return;
-        }
-        if (state === 'default') {
-            if (key === Keys.ArrowUp) {
-                this.window.maximizeAction();
-            }
-            else if (key === Keys.ArrowDown) {
-                this.window.minimizeAction();
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.DragResizeService }, { type: i0.NgZone }] });

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

package/esm2022/window/window-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 WindowContainerService {
-    static container = null;
-    set container(container) {
-        WindowContainerService.container = container;
-    }
-    get container() {
-        return WindowContainerService.container;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowContainerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });

package/esm2022/window/window-events.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/window-resize-handle.directive.mjs

@@ -1,74 +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, Host, ElementRef, Input, HostBinding, Renderer2 } from '@angular/core';
-import { DraggableDirective } from '@progress/kendo-angular-common';
-import { DragResizeService } from './drag-resize.service';
-import { Subscription, of, merge } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-common";
-import * as i2 from "./drag-resize.service";
-/**
- * @hidden
- */
-export class ResizeHandleDirective {
-    draggable;
-    el;
-    renderer;
-    service;
-    direction;
-    get hostClass() {
-        return true;
-    }
-    subscriptions = new Subscription();
-    constructor(draggable, el, renderer, service) {
-        this.draggable = draggable;
-        this.el = el;
-        this.renderer = renderer;
-        this.service = service;
-    }
-    ngOnInit() {
-        this.setDisplay();
-        this.renderer.addClass(this.el.nativeElement, 'k-resize-' + this.direction);
-        this.subscriptions.add(of(this.draggable).subscribe(handle => {
-            this.service.onResize(handle, this.direction);
-        }));
-        this.subscriptions.add(this.service.resizeStart.subscribe((dir) => {
-            if (dir !== this.direction) {
-                this.setDisplay('none');
-            }
-        }));
-        this.subscriptions.add(this.service.dragStart.subscribe(() => {
-            this.setDisplay('none');
-        }));
-        this.subscriptions.add(merge(this.service.resizeEnd, this.service.dragEnd).subscribe(() => {
-            this.setDisplay('block');
-        }));
-        this.subscriptions.add(this.service.stateChange.subscribe((state) => {
-            this.setDisplay(state === 'default' ? 'block' : 'none');
-        }));
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    setDisplay(value = 'block') {
-        this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeHandleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoWindowResizeHandle]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.DraggableDirective, decorators: [{
-                    type: Host
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.DragResizeService }], propDecorators: { direction: [{
-                type: Input
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-resize-handle']
-            }] } });

package/esm2022/window/window-titlebar.component.mjs

@@ -1,173 +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, HostBinding, HostListener, ElementRef, NgZone, TemplateRef, Input } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { DraggableDirective } from '@progress/kendo-angular-common';
-import { DragResizeService } from './drag-resize.service';
-import { of } from 'rxjs';
-import { hasClasses, isFocusable, isPresent } from '../common/util';
-import * as i0 from "@angular/core";
-import * as i1 from "./drag-resize.service";
-/**
- * Represents the title bar of the Window component.
- *
- */
-export class WindowTitleBarComponent {
-    el;
-    ngZone;
-    /**
-     * @hidden
-     */
-    template;
-    /**
-     * @hidden
-     */
-    id;
-    /**
-     * @hidden
-     */
-    service;
-    dragDirective;
-    dragSubscription;
-    stateSubscription;
-    constructor(el, service, ngZone) {
-        this.el = el;
-        this.ngZone = ngZone;
-        this.service = service;
-    }
-    ngOnInit() {
-        this.dragDirective = new DraggableDirective(this.el, this.ngZone);
-        this.dragDirective.ngOnInit();
-        if (this.isDraggable) {
-            this.subscribeDrag();
-        }
-        this.subscribeStateChange();
-    }
-    ngAfterViewInit() {
-        const element = this.el.nativeElement.querySelector('.k-window-title');
-        if (isPresent(element)) {
-            element.setAttribute('id', this.id);
-        }
-    }
-    ngOnDestroy() {
-        this.dragDirective.ngOnDestroy();
-        this.unsubscribeDrag();
-        this.unsubscribeState();
-    }
-    /**
-     * @hidden
-     */
-    subscribeDrag() {
-        this.unsubscribeDrag();
-        this.dragSubscription = of(this.dragDirective).subscribe(titleBar => {
-            this.service.onDrag(titleBar);
-        });
-    }
-    /**
-     * @hidden
-     */
-    subscribeStateChange() {
-        this.stateSubscription = this.service.stateChange.subscribe((state) => {
-            if (this.service.options.draggable) {
-                if (state === 'maximized') {
-                    this.unsubscribeDrag();
-                }
-                else {
-                    this.subscribeDrag();
-                }
-            }
-        });
-    }
-    /**
-     * @hidden
-     */
-    unsubscribeDrag() {
-        if (this.dragSubscription) {
-            this.service.dragSubscription.unsubscribe();
-            this.dragSubscription.unsubscribe();
-            this.dragSubscription = null;
-        }
-    }
-    /**
-     * @hidden
-     */
-    unsubscribeState() {
-        if (this.stateSubscription) {
-            this.stateSubscription.unsubscribe();
-            this.stateSubscription = null;
-        }
-    }
-    get className() {
-        return true;
-    }
-    get touchAction() {
-        if (this.isDraggable) {
-            return 'none';
-        }
-    }
-    /**
-     * @hidden
-     */
-    handle(ev) {
-        const target = ev.target;
-        const state = this.service.options.state;
-        if (!hasClasses(target, 'k-icon') && !isFocusable(target, false) && this.service.options.resizable) {
-            if (state === 'default') {
-                this.service.maximizeAction();
-            }
-            else if (state === 'maximized') {
-                this.service.restoreAction();
-            }
-        }
-    }
-    get isDraggable() {
-        const options = this.service.options;
-        return options.draggable && options.state !== 'maximized';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
-	@if (!template) {
-	  <ng-content></ng-content>
-	}
-	@if (template) {
-	  <ng-template
-	    [ngTemplateOutlet]="template"
-	    [ngTemplateOutletContext]="{'$implicit': service}">
-	  </ng-template>
-	}
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-window-titlebar',
-                    template: `
-	@if (!template) {
-	  <ng-content></ng-content>
-	}
-	@if (template) {
-	  <ng-template
-	    [ngTemplateOutlet]="template"
-	    [ngTemplateOutletContext]="{'$implicit': service}">
-	  </ng-template>
-	}
-	`,
-                    standalone: true,
-                    imports: [NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragResizeService }, { type: i0.NgZone }], propDecorators: { template: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], className: [{
-                type: HostBinding,
-                args: ['class.k-window-titlebar']
-            }], touchAction: [{
-                type: HostBinding,
-                args: ['style.touch-action']
-            }], handle: [{
-                type: HostListener,
-                args: ['dblclick', ['$event']]
-            }] } });