@progress/kendo-angular-dialog 23.3.1-develop.3 → 23.4.0-develop.2

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

@@ -37,6 +37,10 @@ export declare class DialogTitleBarComponent implements AfterViewInit {
      * @hidden
      */
     closeTitle: string;
+    /**
+     * @hidden
+     */
+    closable: boolean;
     get className(): true;
     /**
      * @hidden
@@ -50,5 +54,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": { "alias": "id"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogTitleBarComponent, "kendo-dialog-titlebar", never, { "id": { "alias": "id"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
 }

package/dialog/dialog.component.d.ts

@@ -64,6 +64,14 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
      * This property is related to accessibility.
      */
     autoFocusedElement: string;
+    /**
+     * Specifies whether the Dialog can be closed by the **Close** button in the title bar or by pressing the `Esc` key.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    set closable(value: boolean);
+    get closable(): boolean;
     /**
      * Sets the text in the Dialog title bar.
      *
@@ -180,6 +188,7 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
     private _htmlAttributes;
     private _cssClass;
     private _themeColor;
+    private _closable;
     private direction;
     private subscriptions;
     private domSubs;
@@ -236,5 +245,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": { "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "kendo-dialog", ["kendoDialog"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "closable": { "alias": "closable"; "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-settings.d.ts

@@ -87,6 +87,11 @@ export declare class DialogSettings {
      * Sets the `closeTitle` for the **Close** button.
      */
     closeTitle?: string;
+    /**
+     * Specifies whether the Dialog can be closed by the **Close** button in the title bar or by pressing the `Esc` key.
+     * @default true
+     */
+    closable?: boolean;
     /**
      * Sets the Dialog `actions` buttons.
      */

package/fesm2022/progress-kendo-angular-dialog.mjs

@@ -366,6 +366,10 @@ class DialogTitleBarComponent {
      * @hidden
      */
     closeTitle;
+    /**
+     * @hidden
+     */
+    closable = true;
     get className() {
         return true;
     }
@@ -396,7 +400,7 @@ class DialogTitleBarComponent {
         this.close.emit(eventArgs);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DialogTitleBarComponent, isStandalone: true, selector: "kendo-dialog-titlebar", inputs: { id: "id", closeTitle: "closeTitle", closable: "closable" }, outputs: { close: "close" }, host: { properties: { "class.k-window-titlebar": "this.className", "class.k-dialog-titlebar": "this.className" } }, providers: [
             TitleBarLocalizationService,
             {
                 provide: LocalizationService,
@@ -416,20 +420,22 @@ class DialogTitleBarComponent {
                 <ng-content></ng-content>
             </span>
 
-            <div class="k-window-titlebar-actions k-dialog-titlebar-actions">
-                <button
-                    kendoButton
-                    fillMode="flat"
-                    type="button"
-                    [attr.title]="closeButtonTitle"
-                    [attr.aria-label]="closeButtonTitle"
-                    icon="close"
-                    [svgIcon]="xIcon"
-                    class="k-window-titlebar-action k-dialog-titlebar-action"
-                    (click)="onCloseClick($event)"
-                >
-                </button>
-            </div>
+            @if (closable) {
+                <div class="k-window-titlebar-actions k-dialog-titlebar-actions">
+                    <button
+                        kendoButton
+                        fillMode="flat"
+                        type="button"
+                        [attr.title]="closeButtonTitle"
+                        [attr.aria-label]="closeButtonTitle"
+                        icon="close"
+                        [svgIcon]="xIcon"
+                        class="k-window-titlebar-action k-dialog-titlebar-action"
+                        (click)="onCloseClick($event)"
+                    >
+                    </button>
+                </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", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
@@ -458,20 +464,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 <ng-content></ng-content>
             </span>
 
-            <div class="k-window-titlebar-actions k-dialog-titlebar-actions">
-                <button
-                    kendoButton
-                    fillMode="flat"
-                    type="button"
-                    [attr.title]="closeButtonTitle"
-                    [attr.aria-label]="closeButtonTitle"
-                    icon="close"
-                    [svgIcon]="xIcon"
-                    class="k-window-titlebar-action k-dialog-titlebar-action"
-                    (click)="onCloseClick($event)"
-                >
-                </button>
-            </div>
+            @if (closable) {
+                <div class="k-window-titlebar-actions k-dialog-titlebar-actions">
+                    <button
+                        kendoButton
+                        fillMode="flat"
+                        type="button"
+                        [attr.title]="closeButtonTitle"
+                        [attr.aria-label]="closeButtonTitle"
+                        icon="close"
+                        [svgIcon]="xIcon"
+                        class="k-window-titlebar-action k-dialog-titlebar-action"
+                        (click)="onCloseClick($event)"
+                    >
+                    </button>
+                </div>
+            }
         </ng-container>
     `,
                     standalone: true,
@@ -485,6 +493,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], closeTitle: [{
                 type: Input
+            }], closable: [{
+                type: Input
             }], className: [{
                 type: HostBinding,
                 args: ['class.k-window-titlebar']
@@ -501,8 +511,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1775658946,
-    version: '23.3.1-develop.3',
+    publishDate: 1776172098,
+    version: '23.4.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -826,6 +836,21 @@ class DialogComponent {
      * This property is related to accessibility.
      */
     autoFocusedElement;
+    /**
+     * Specifies whether the Dialog can be closed by the **Close** button in the title bar or by pressing the `Esc` key.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    set closable(value) {
+        this._closable = value;
+        if (this.titlebarContent?.first) {
+            this.titlebarContent.first.closable = value;
+        }
+    }
+    get closable() {
+        return this._closable;
+    }
     /**
      * Sets the text in the Dialog title bar.
      *
@@ -964,6 +989,7 @@ class DialogComponent {
     _htmlAttributes;
     _cssClass;
     _themeColor = undefined;
+    _closable = true;
     direction;
     subscriptions = [];
     domSubs = new Subscription();
@@ -986,11 +1012,13 @@ class DialogComponent {
         this.renderer.setAttribute(this.wrapper.nativeElement.querySelector('.k-dialog'), 'aria-describedby', this.contentId);
         if (this.titlebarContent.first) {
             this.titlebarContent.first.id = this.titleId;
+            this.titlebarContent.first.closable = this.closable;
         }
         else {
             this.subscriptions.push(this.titlebarContent.changes.subscribe(() => {
                 if (isPresent(this.titlebarContent.first)) {
                     this.titlebarContent.first.id = this.titleId;
+                    this.titlebarContent.first.closable = this.closable;
                     this.ngZone.onStable.pipe(take(1)).subscribe(() => {
                         this.bubble('close', this.titlebarContent.first);
                         this.renderer.setAttribute(this.wrapper.nativeElement.querySelector('.k-dialog'), 'aria-labelledby', this.titleId);
@@ -1064,7 +1092,7 @@ class DialogComponent {
         const parent = target.parentElement;
         const code = normalizeKeys(event);
         if (hasClasses(target, DIALOG_ELEMENTS_HANDLING_ESC_KEY) || hasClasses(parent, DIALOG_ELEMENTS_HANDLING_ESC_KEY)) {
-            if (code === Keys.Escape) {
+            if (code === Keys.Escape && this.closable) {
                 this.ngZone.run(() => {
                     this.close.emit(new DialogCloseResult());
                 });
@@ -1236,7 +1264,7 @@ class DialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", closable: "closable", 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,
@@ -1256,7 +1284,7 @@ class DialogComponent {
 
           <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
             @if (title) {
-              <kendo-dialog-titlebar [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+              <kendo-dialog-titlebar [closable]="closable" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
             }
             @if (!title) {
               <ng-content select="kendo-dialog-titlebar"></ng-content>
@@ -1283,7 +1311,7 @@ class DialogComponent {
             }
           </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: "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]", inputs: ["licenseMessage"] }], animations: [
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle", "closable"], 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]", inputs: ["licenseMessage"] }], animations: [
             trigger('overlayAppear', [
                 state('in', style({ opacity: 1 })),
                 transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -1322,7 +1350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
           <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
             @if (title) {
-              <kendo-dialog-titlebar [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+              <kendo-dialog-titlebar [closable]="closable" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
             }
             @if (!title) {
               <ng-content select="kendo-dialog-titlebar"></ng-content>
@@ -1359,6 +1387,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], autoFocusedElement: [{
                 type: Input
+            }], closable: [{
+                type: Input
             }], title: [{
                 type: Input
             }], width: [{
@@ -1622,6 +1652,11 @@ class DialogSettings {
      * Sets the `closeTitle` for the **Close** button.
      */
     closeTitle;
+    /**
+     * Specifies whether the Dialog can be closed by the **Close** button in the title bar or by pressing the `Esc` key.
+     * @default true
+     */
+    closable;
     /**
      * Sets the Dialog `actions` buttons.
      */
@@ -1787,6 +1822,7 @@ See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
         instance.autoFocusedElement = options.autoFocusedElement;
         instance.themeColor = options.themeColor != undefined ? options.themeColor : null;
         instance.closeTitle = options.closeTitle;
+        instance.closable = options.closable !== undefined ? options.closable : true;
         instance.cssClass = options.cssClass;
         instance.htmlAttributes = options.htmlAttributes;
         instance.animation = options.animation !== undefined ? options.animation : true;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1775658946,
-  "version": "23.3.1-develop.3",
+  "publishDate": 1776172098,
+  "version": "23.4.0-develop.2",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dialog",
-  "version": "23.3.1-develop.3",
+  "version": "23.4.0-develop.2",
   "description": "Dialog Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1775658946,
+      "publishDate": 1776172098,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -33,15 +33,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.3.1-develop.3",
-    "@progress/kendo-angular-common": "23.3.1-develop.3",
-    "@progress/kendo-angular-icons": "23.3.1-develop.3",
-    "@progress/kendo-angular-l10n": "23.3.1-develop.3",
+    "@progress/kendo-angular-buttons": "23.4.0-develop.2",
+    "@progress/kendo-angular-common": "23.4.0-develop.2",
+    "@progress/kendo-angular-icons": "23.4.0-develop.2",
+    "@progress/kendo-angular-l10n": "23.4.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.1-develop.3",
+    "@progress/kendo-angular-schematics": "23.4.0-develop.2",
     "@progress/kendo-popup-common": "1.9.5"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,7 +9,7 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
             // Peer dependency of buttons
-            '@progress/kendo-angular-popup': '23.3.1-develop.3',
+            '@progress/kendo-angular-popup': '23.4.0-develop.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });