@progress/kendo-angular-dialog 17.0.0-develop.20 → 17.0.0-develop.22

package/common/actions-layout.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the layout of the Dialog action buttons.
  */
-export declare type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';
+export type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';

package/common/animation-types.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the available Dialog animation types.
  */
-export declare type DialogAnimationType = 'translate' | 'slide' | 'fade' | 'expand' | 'zoom';
+export type DialogAnimationType = 'translate' | 'slide' | 'fade' | 'expand' | 'zoom';

package/common/dialog-animation-direction.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the available directions for the Dialog opening animation.
  */
-export declare type AnimationDirection = 'up' | 'down' | 'right' | 'left';
+export type AnimationDirection = 'up' | 'down' | 'right' | 'left';

package/dialog/dialog-actions.component.d.ts

@@ -53,5 +53,5 @@ export declare class DialogActionsComponent {
      */
     isDivider(action: DialogAction | DialogActionDivider): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogActionsComponent, "kendo-dialog-actions", never, { "actions": "actions"; "layout": "layout"; }, { "action": "action"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogActionsComponent, "kendo-dialog-actions", never, { "actions": { "alias": "actions"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "action": "action"; }, never, ["*"], true, never>;
 }

package/dialog/dialog-titlebar.component.d.ts

@@ -41,5 +41,5 @@ export declare class DialogTitleBarComponent implements AfterViewInit {
      */
     onCloseClick(e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogTitleBarComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogTitleBarComponent, "kendo-dialog-titlebar", never, { "id": "id"; "closeTitle": "closeTitle"; }, { "close": "close"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogTitleBarComponent, "kendo-dialog-titlebar", never, { "id": { "alias": "id"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
 }

package/dialog/dialog.component.d.ts

@@ -202,5 +202,5 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
     private bubble;
     private handleThemeColorClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "kendo-dialog", ["kendoDialog"], { "actions": "actions"; "actionsLayout": "actionsLayout"; "autoFocusedElement": "autoFocusedElement"; "title": "title"; "width": "width"; "minWidth": "minWidth"; "maxWidth": "maxWidth"; "height": "height"; "minHeight": "minHeight"; "maxHeight": "maxHeight"; "animation": "animation"; "themeColor": "themeColor"; }, { "action": "action"; "close": "close"; }, ["titlebarContent"], ["kendo-dialog-titlebar", "*", "kendo-dialog-actions"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "kendo-dialog", ["kendoDialog"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, { "action": "action"; "close": "close"; }, ["titlebarContent"], ["kendo-dialog-titlebar", "*", "kendo-dialog-actions"], true, never>;
 }

package/dialog/models/dialog-action-divider.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies a Dialog action that will be used as divider.
  */
-export declare type DialogActionDivider = 'spacer';
+export type DialogActionDivider = 'spacer';

package/dialog/models/dialog-result.d.ts

@@ -11,4 +11,4 @@ import { DialogCloseResult } from "./dialog-close-result";
  * ([see example]({% slug api_dialog_dialogservice %}#toc-open).
  * Otherwise, the value is the configuration of the action button that was clicked.
  */
-export declare type DialogResult = DialogCloseResult | DialogAction;
+export type DialogResult = DialogCloseResult | DialogAction;

package/dialog/models/theme-color.d.ts

@@ -10,4 +10,4 @@
  * * `light`— Applies coloring based on the `light` theme color.
  * * `dark`— Applies coloring based on the `dark` theme color.
  */
-export declare type DialogThemeColor = 'primary' | 'light' | 'dark';
+export type DialogThemeColor = 'primary' | 'light' | 'dark';

package/{esm2020 → esm2022}/common/preventable-event.mjs

@@ -3,12 +3,11 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export class PreventableEvent {
+    prevented = false;
     /**
      * @hidden
      */
-    constructor() {
-        this.prevented = false;
-    }
+    constructor() { }
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses the built-in behavior that follows the event.

package/{esm2020 → esm2022}/dialog/dialog-actions.component.mjs

@@ -11,19 +11,7 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug actionbuttons_dialog %})).
  */
 export class DialogActionsComponent {
-    constructor(el) {
-        this.el = el;
-        /**
-         * Specifies the possible layout of the action buttons.
-         * @default 'stretched'
-         */
-        this.layout = 'stretched';
-        /**
-         * Fires when the user clicks an action button.
-         */
-        this.action = new EventEmitter();
-        this.hostClasses = true;
-    }
+    el;
     /**
      * Allows the declarative specification of the actions.
      */
@@ -38,6 +26,24 @@ export class DialogActionsComponent {
             throw new Error('"actions" must be either TemplateRef or DialogAction[] instance.');
         }
     }
+    /**
+     * @hidden
+     */
+    actionsArray;
+    /**
+     * @hidden
+     */
+    actionsTemplate;
+    /**
+     * Specifies 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';
     }
@@ -50,6 +56,9 @@ export class DialogActionsComponent {
     get stretchedClassName() {
         return this.layout === 'stretched';
     }
+    constructor(el) {
+        this.el = el;
+    }
     /**
      * @hidden
      */
@@ -76,9 +85,8 @@ export class DialogActionsComponent {
     isDivider(action) {
         return action === 'spacer';
     }
-}
-DialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
         <ng-content *ngIf="!actions"></ng-content>
         <ng-container *ngIf="actionsArray; else actionTemplate">
             <ng-container *ngFor="let action of actionsArray">
@@ -99,7 +107,8 @@ DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogActionsComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-dialog-actions',

package/{esm2020 → esm2022}/dialog/dialog-container.directive.mjs

@@ -20,10 +20,10 @@ export class DialogContainerDirective {
     constructor(container, service) {
         service.container = container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.DialogContainerService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DialogContainerDirective, isStandalone: true, selector: "[kendoDialogContainer]", ngImport: i0 });
 }
-DialogContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.DialogContainerService }], target: i0.ɵɵFactoryTarget.Directive });
-DialogContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DialogContainerDirective, isStandalone: true, selector: "[kendoDialogContainer]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDialogContainer]',

package/{esm2020 → esm2022}/dialog/dialog-container.service.mjs

@@ -8,17 +8,17 @@ 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: "16.2.12", ngImport: i0, type: DialogContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerService, providedIn: 'root' });
 }
-DialogContainerService.container = null;
-DialogContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DialogContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/{esm2020 → esm2022}/dialog/dialog-content-base.mjs

@@ -14,6 +14,15 @@ import * as i1 from "./models/dialog-ref";
  * ([see example](slug:service_dialog#toc-single-component-rendering)).
  */
 export class DialogContentBase {
+    dialog;
+    /**
+     * @hidden
+     */
+    dialogTitleBar;
+    /**
+     * @hidden
+     */
+    dialogActions;
     constructor(dialog) {
         this.dialog = dialog;
     }
@@ -33,10 +42,10 @@ export class DialogContentBase {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentBase, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DialogContentBase, viewQueries: [{ propertyName: "dialogTitleBar", first: true, predicate: DialogTitleBarComponent, descendants: true }, { propertyName: "dialogActions", first: true, predicate: DialogActionsComponent, descendants: true }], ngImport: i0 });
 }
-DialogContentBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContentBase, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Directive });
-DialogContentBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: DialogContentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { dialogTitleBar: [{
                 type: ViewChild,

package/{esm2020 → esm2022}/dialog/dialog-titlebar.component.mjs

@@ -18,21 +18,32 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * It is used as part of the Dialog content when the component is created dynamically by using an [Angular service]({% slug service_dialog %}).
  */
 export class DialogTitleBarComponent {
+    zone;
+    hostElement;
+    localizationService;
+    /**
+     * Fires when the close button of the title-bar is clicked.
+     */
+    close = new EventEmitter();
+    /**
+     * @hidden
+     */
+    id;
+    /**
+     * @hidden
+     */
+    closeTitle;
+    get className() {
+        return true;
+    }
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
     constructor(zone, hostElement, localizationService) {
         this.zone = zone;
         this.hostElement = hostElement;
         this.localizationService = localizationService;
-        /**
-         * Fires when the close button of the title-bar is clicked.
-         */
-        this.close = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-    }
-    get className() {
-        return true;
     }
     get closeButtonTitle() {
         return this.closeTitle || this.localizationService.get('closeTitle');
@@ -51,19 +62,18 @@ export class DialogTitleBarComponent {
         const eventArgs = new PreventableEvent();
         this.close.emit(eventArgs);
     }
-}
-DialogTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogTitleBarComponent, isStandalone: true, selector: "kendo-dialog-titlebar", inputs: { id: "id", closeTitle: "closeTitle" }, outputs: { close: "close" }, host: { properties: { "class.k-window-titlebar": "this.className", "class.k-dialog-titlebar": "this.className" } }, providers: [
-        TitleBarLocalizationService,
-        {
-            provide: LocalizationService,
-            useExisting: TitleBarLocalizationService
-        },
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.dialog'
-        }
-    ], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogTitleBarComponent, isStandalone: true, selector: "kendo-dialog-titlebar", inputs: { id: "id", closeTitle: "closeTitle" }, outputs: { close: "close" }, host: { properties: { "class.k-window-titlebar": "this.className", "class.k-dialog-titlebar": "this.className" } }, providers: [
+            TitleBarLocalizationService,
+            {
+                provide: LocalizationService,
+                useExisting: TitleBarLocalizationService
+            },
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.dialog'
+            }
+        ], ngImport: i0, template: `
          <ng-container
             kendoDialogTitleBarLocalizedMessages
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
@@ -89,7 +99,8 @@ DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "component", type: 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: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-dialog-titlebar',

package/{esm2020 → esm2022}/dialog/dialog.component.mjs

@@ -27,58 +27,73 @@ const DEFAULT_ANIMATION_CONFIG = { duration: 300, type: 'translate' };
  * Represents the [Kendo UI Dialog component for Angular]({% slug overview_dialog_dialogs %}).
  */
 export class DialogComponent {
-    constructor(wrapper, renderer, localization, cdr, ngZone, builder) {
-        this.wrapper = wrapper;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ngZone = ngZone;
-        this.builder = builder;
-        /**
-         * Specifies the layout of the action buttons in the Dialog.
-         * This option is only applicable if the action buttons are specified through the `actions` options.
-         *
-         * @default 'stretched'
-         */
-        this.actionsLayout = 'stretched';
-        /**
-         * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
-         * By default the animation type is set to `translate` and its duration is `300ms`.
-         *
-         * @default true
-         */
-        this.animation = true;
-        /**
-         * @hidden
-         */
-        this.titleId = null;
-        /**
-         * @hidden
-         */
-        this.contentId = null;
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        /**
-         * Fires when the user clicks an action button of the Dialog.
-         * The event is fired only when the action buttons are specified through the `actions` options.
-         */
-        this.action = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Close** button of the Dialog or the **ESC** key.
-         */
-        this.close = new EventEmitter();
-        this.tabIndex = 0;
-        this._themeColor = null;
-        this.subscriptions = [];
-        this.domSubs = new Subscription();
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.subscriptions.push(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
-        this.titleId = this.generateTitleId();
-        this.contentId = this.generateContentId();
-    }
+    wrapper;
+    renderer;
+    cdr;
+    ngZone;
+    builder;
+    /**
+     * Specifies the action buttons that will be rendered.
+     */
+    actions;
+    /**
+     * Specifies the layout of the action buttons in the Dialog.
+     * This option is only applicable if the action buttons are specified through the `actions` options.
+     *
+     * @default 'stretched'
+     */
+    actionsLayout = 'stretched';
+    /**
+     * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_dialog %})).
+     */
+    autoFocusedElement;
+    /**
+     * Specifies the text that is rendered in the title bar.
+     */
+    title;
+    /**
+     * Specifies the width of the Dialog.
+     * A numeric value sets the width in pixels.
+     * A string value sets the width in arbitrary units—for example, `50%`.
+     */
+    width;
+    /**
+     * Specifies the minimum width of the Dialog.
+     * A numeric value sets the minimum width in pixels.
+     * A string value sets the minimum width in arbitrary units—for example, `50%`.
+     */
+    minWidth;
+    /**
+     * Specifies the maximum width of the Dialog.
+     * A numeric value sets the maximum width in pixels.
+     * A string value sets the maximum width in arbitrary units—for example, `50%`.
+     */
+    maxWidth;
+    /**
+     * Specifies the height of the Dialog.
+     * A numeric value sets the height in pixels.
+     * A string value sets the height in arbitrary units—for example, `50%`.
+     */
+    height;
+    /**
+     * Specifies the minimum height of the Dialog.
+     * A numeric value sets the minimum height in pixels.
+     * A string value sets the minimum height in arbitrary units—for example, `50%`.
+     */
+    minHeight;
+    /**
+     * Specifies the maximum height of the Dialog.
+     * A numeric value sets the maximum height in pixels.
+     * A string value sets the maximum height in arbitrary units—for example, `50%`.
+     */
+    maxHeight;
+    /**
+     * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
+     * By default the animation type is set to `translate` and its duration is `300ms`.
+     *
+     * @default true
+     */
+    animation = true;
     /**
      * The Dialog allows you to specify predefined theme colors.
      * The theme color will be applied as a background and border color to the titlebar while also amending the text color accordingly.
@@ -124,9 +139,62 @@ export class DialogComponent {
     get cssClass() {
         return this._cssClass;
     }
+    /**
+     * @hidden
+     */
+    contentTemplate;
+    /**
+     * @hidden
+     */
+    titleId = null;
+    /**
+     * @hidden
+     */
+    contentId = null;
+    /**
+     * @hidden
+     */
+    closeTitle;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    /**
+     * Fires when the user clicks an action button of the Dialog.
+     * The event is fired only when the action buttons are specified through the `actions` options.
+     */
+    action = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Close** button of the Dialog or the **ESC** key.
+     */
+    close = new EventEmitter();
     get dir() {
         return this.direction;
     }
+    tabIndex = 0;
+    titlebarContent;
+    titlebarView;
+    actionsView;
+    dialog;
+    _htmlAttributes;
+    _cssClass;
+    _themeColor = null;
+    direction;
+    subscriptions = [];
+    domSubs = new Subscription();
+    constructor(wrapper, renderer, localization, cdr, ngZone, builder) {
+        this.wrapper = wrapper;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.builder = builder;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.subscriptions.push(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
+        this.titleId = this.generateTitleId();
+        this.contentId = this.generateContentId();
+    }
     ngAfterContentInit() {
         this.bubble('close', this.titlebarContent.first);
         this.renderer.setAttribute(this.wrapper.nativeElement.querySelector('.k-dialog'), 'aria-describedby', this.contentId);
@@ -378,19 +446,18 @@ export class DialogComponent {
             this.renderer.addClass(dialog, classToAdd);
         }
     }
-}
-DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation", themeColor: "themeColor" }, outputs: { action: "action", close: "close" }, host: { properties: { "attr.dir": "this.dir", "attr.tabIndex": "this.tabIndex", "class.k-dialog-wrapper": "this.wrapperClass" } }, providers: [
-        LocalizationService,
-        {
-            provide: DIALOG_LOCALIZATION_SERVICE,
-            useExisting: LocalizationService
-        },
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.dialog'
-        }
-    ], queries: [{ propertyName: "titlebarContent", predicate: DialogTitleBarComponent }], viewQueries: [{ propertyName: "actionsView", first: true, predicate: DialogActionsComponent, descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, static: true }, { propertyName: "titlebarView", predicate: DialogTitleBarComponent, descendants: true }], exportAs: ["kendoDialog"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation", themeColor: "themeColor" }, outputs: { action: "action", close: "close" }, host: { properties: { "attr.dir": "this.dir", "attr.tabIndex": "this.tabIndex", "class.k-dialog-wrapper": "this.wrapperClass" } }, providers: [
+            LocalizationService,
+            {
+                provide: DIALOG_LOCALIZATION_SERVICE,
+                useExisting: LocalizationService
+            },
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.dialog'
+            }
+        ], queries: [{ propertyName: "titlebarContent", predicate: DialogTitleBarComponent }], viewQueries: [{ propertyName: "actionsView", first: true, predicate: DialogActionsComponent, descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, static: true }, { propertyName: "titlebarView", predicate: DialogTitleBarComponent, descendants: true }], exportAs: ["kendoDialog"], ngImport: i0, template: `
         <ng-container
             kendoDialogLocalizedMessages
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
@@ -414,12 +481,13 @@ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], animations: [
-        trigger('overlayAppear', [
-            state('in', style({ opacity: 1 })),
-            transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogComponent, decorators: [{
+            trigger('overlayAppear', [
+                state('in', style({ opacity: 1 })),
+                transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [

package/{esm2020 → esm2022}/dialog/dialog.service.mjs

@@ -17,6 +17,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./dialog-container.service";
 const isNotComponent = (component) => isString(component) || component instanceof TemplateRef;
 class DialogInjector {
+    getDialogRef;
+    parentInjector;
     constructor(getDialogRef, parentInjector) {
         this.getDialogRef = getDialogRef;
         this.parentInjector = parentInjector;
@@ -33,6 +35,8 @@ class DialogInjector {
  * ([see example]({% slug service_dialog %})).
  */
 export class DialogService {
+    resolver;
+    containerService;
     constructor(
     /**
      * @hidden
@@ -215,10 +219,10 @@ See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, providedIn: 'root' });
 }
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/dialog/models/dialog-action.mjs

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The settings for the Dialog actions when the Dialog is opened through `DialogService`
+ * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
+ */
+export class DialogAction {
+    /**
+     * The text of the action button.
+     */
+    text;
+    /**
+     * Determines the theme color of the action button. The theme color will be applied as a background and border color while also amending the text color accordingly.
+     */
+    themeColor;
+    /**
+     * Specifies the background and border styles of the action button.
+     */
+    fillMode;
+    /**
+     * Sets the CSS classes that will be rendered on the action button.
+     * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass;
+}