@progress/kendo-angular-dialog 17.0.0-develop.8 → 17.0.0

package/README.md

@@ -1,34 +1,51 @@
-<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/dialogs" target="_blank">
 <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 
-## Kendo UI for Angular Dialogs (Dialog and Window Components)
+## Kendo UI for Angular Dialogs Package
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)&mdash;a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
->
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs) and speed up your development process!
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
 
-The Kendo UI for Angular Dialog is a modal window that presents information and prompt the user to take an action. The Angular Dialog component is perfect to draw the user’s attention when a decision has to be made before moving on.
+The Kendo UI for Angular Dialogs components communicate specific information to the users, and prompt them to take actions.
 
-This component is part of the Kendo UI for Angular component library. Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+## What's Included in the Angular Dialogs Package
 
-## Resources
+The [Angular Dialogs](https://www.telerik.com/kendo-angular-ui/components/dialogs) package includes two built-in components:
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
-* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
-* [Blogs](http://www.telerik.com/blogs/kendo-ui)
-* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
+* [Angular Dialog Component](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog)
+* [Angular Window Component](https://www.telerik.com/kendo-angular-ui/components/dialogs/window)
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Dialogs deliver are:
+
+* Action Buttons&mdash;The Dialogs support different approaches for rendering action buttons and also for customizing their content and appearance. [Read more about the action buttons of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/action-buttons)
+* Initial Focus&mdash;You can use the options provided by the Dialogs components to define which element will be focused upon their initial loading. [Read more about the initial element focus of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/initial-focus)
+* State Management&mdash;The Kendo UI for Angular Dialogs support various rendering states. The Dialog always displays an overlay element preventing the interaction with other elements on the page, while the Window supports maximized and minimized state. [Read more about the maximized and minizimed state of the Window...](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/minimizing-maximizing)
+* Sizing&mdash;All Kendo UI for Angular Dialogs allow you to customize their dimensions. By default, the components automatically calculate their height so they can fit the displayed content. Read more about the dimensions of the [Dialog](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/dimensions) and [Window](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/dimensions-resizing).
+* Angular Service Support&mdash;All Kendo UI for Angular Dialogs enable you to create their instances dynamically avoiding, in this way, the necessity for defining the components in templates. [Read more about the service implementation in the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service)
+* Appearance&mdash;You can use the options provided by the Dialogs components to customize their appearance. Read more about the customizable appearance of the [Dialog](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/appearance) and [Window...](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/appearance).
+* Globalization&mdash;The Kendo UI for Angular Dialogs support globalization to ensure that each Dialogs component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Dialogs support rendering in a right-to-left (RTL) direction. [Read more about Dialogs globalization...](https://www.telerik.com/kendo-angular-ui/components/dialogs/globalization)
+* Accessibility&mdash;The Dialogs are accessible for screen readers and support WAI-ARIA attributes. [Read more about accessibility support of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/accessibility)
+* Keyboard Navigation&mdash;The Dialogs support a number of keyboard shortcuts which alow users to accomplish various commands. [Read more about the keyboard navigation of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/keyboard-navigation)
 
-## Questions and Feedback
+## Support Options
 
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs)
+For any issues you might encounter while working with the Kendo UI for Angular Dialogs, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
+
+## Resources
+
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Dialogs](https://www.telerik.com/kendo-angular-ui/components/dialogs/installation/getting-started)
+* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+* [Blogs](http://www.telerik.com/blogs/kendo-ui)
+* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 

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/dialog.module.d.ts

@@ -8,10 +8,6 @@ import * as i2 from "./dialog/dialog-titlebar.component";
 import * as i3 from "./dialog/dialog-container.directive";
 import * as i4 from "./dialog/dialog-actions.component";
 import * as i5 from "./localization/custom-messages.component";
-/**
- * @hidden
- */
-export declare const DIALOG_DIRECTIVES: any[];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Dialog component that includes all Dialog components and directives.

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',