@progress/kendo-angular-dialog 14.1.1-develop.6 → 14.2.0-develop.1

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

@@ -5,6 +5,7 @@
 import { EventEmitter, TemplateRef, ElementRef } from '@angular/core';
 import { DialogAction } from './models/dialog-action';
 import { ActionsLayout } from '../common/actions-layout';
+import { DialogActionDivider } from './models/dialog-action-divider';
 import * as i0 from "@angular/core";
 /**
  * Specifies the action buttons of the Dialog
@@ -47,6 +48,10 @@ export declare class DialogActionsComponent {
      * @hidden
      */
     buttonClass(action: DialogAction): string;
+    /**
+     * @hidden
+     */
+    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, ["*"]>;
 }

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

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies a Dialog action that will be used as divider.
+ */
+export declare type DialogActionDivider = 'spacer';

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

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef, ViewContainerRef } from "@angular/core";
 import { ActionsLayout } from "./../../common/actions-layout";
-import { DialogAction } from "./dialog-action";
 import { DialogAnimation } from "./dialog-animation";
 import { DialogRef } from "./dialog-ref";
 import { DialogResult } from "./dialog-result";
@@ -98,7 +97,7 @@ export declare class DialogSettings {
     /**
      * Sets the action buttons of the Dialog.
      */
-    actions?: DialogAction[] | any[] | TemplateRef<any>;
+    actions?: any[] | TemplateRef<any>;
     /**
      * Specifies the layout of the action buttons in the Dialog.
      */

package/dialog/models/index.d.ts

@@ -9,3 +9,4 @@ export * from './dialog-result';
 export * from './dialog-settings';
 export * from './dialog-animation';
 export * from './theme-color';
+export * from './dialog-action-divider';

package/esm2020/dialog/dialog-actions.component.mjs

@@ -70,20 +70,32 @@ export class DialogActionsComponent {
         }
         return classes.join(' ');
     }
+    /**
+     * @hidden
+     */
+    isDivider(action) {
+        return action === 'spacer';
+    }
 }
 DialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DialogActionsComponent, 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">
-            <button
-                type="button"
-                *ngFor="let action of actionsArray"
-                [ngClass]="buttonClass(action)"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-            >
-                {{ action.text }}
-            </button>
+            <ng-container *ngFor="let action of actionsArray">
+                <ng-container *ngIf="isDivider(action); else defaultAction">
+                    <span class="k-spacer"></span>
+                </ng-container>
+                <ng-template #defaultAction>
+                    <button
+                        type="button"
+                        [ngClass]="buttonClass(action)"
+                        (click)="onButtonClick(action, $event)"
+                        [attr.aria-label]="action.text"
+                    >
+                        {{ action.text }}
+                    </button>
+                </ng-template>
+            </ng-container>
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
@@ -94,15 +106,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     template: `
         <ng-content *ngIf="!actions"></ng-content>
         <ng-container *ngIf="actionsArray; else actionTemplate">
-            <button
-                type="button"
-                *ngFor="let action of actionsArray"
-                [ngClass]="buttonClass(action)"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-            >
-                {{ action.text }}
-            </button>
+            <ng-container *ngFor="let action of actionsArray">
+                <ng-container *ngIf="isDivider(action); else defaultAction">
+                    <span class="k-spacer"></span>
+                </ng-container>
+                <ng-template #defaultAction>
+                    <button
+                        type="button"
+                        [ngClass]="buttonClass(action)"
+                        (click)="onButtonClick(action, $event)"
+                        [attr.aria-label]="action.text"
+                    >
+                        {{ action.text }}
+                    </button>
+                </ng-template>
+            </ng-container>
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `

package/esm2020/dialog/models/dialog-action-divider.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/dialog/models/index.mjs

@@ -9,3 +9,4 @@ export * from './dialog-result';
 export * from './dialog-settings';
 export * from './dialog-animation';
 export * from './theme-color';
+export * from './dialog-action-divider';

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1700210524,
-    version: '14.1.1-develop.6',
+    publishDate: 1700562759,
+    version: '14.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -270,20 +270,32 @@ class DialogActionsComponent {
         }
         return classes.join(' ');
     }
+    /**
+     * @hidden
+     */
+    isDivider(action) {
+        return action === 'spacer';
+    }
 }
 DialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DialogActionsComponent, 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">
-            <button
-                type="button"
-                *ngFor="let action of actionsArray"
-                [ngClass]="buttonClass(action)"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-            >
-                {{ action.text }}
-            </button>
+            <ng-container *ngFor="let action of actionsArray">
+                <ng-container *ngIf="isDivider(action); else defaultAction">
+                    <span class="k-spacer"></span>
+                </ng-container>
+                <ng-template #defaultAction>
+                    <button
+                        type="button"
+                        [ngClass]="buttonClass(action)"
+                        (click)="onButtonClick(action, $event)"
+                        [attr.aria-label]="action.text"
+                    >
+                        {{ action.text }}
+                    </button>
+                </ng-template>
+            </ng-container>
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
@@ -294,15 +306,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     template: `
         <ng-content *ngIf="!actions"></ng-content>
         <ng-container *ngIf="actionsArray; else actionTemplate">
-            <button
-                type="button"
-                *ngFor="let action of actionsArray"
-                [ngClass]="buttonClass(action)"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-            >
-                {{ action.text }}
-            </button>
+            <ng-container *ngFor="let action of actionsArray">
+                <ng-container *ngIf="isDivider(action); else defaultAction">
+                    <span class="k-spacer"></span>
+                </ng-container>
+                <ng-template #defaultAction>
+                    <button
+                        type="button"
+                        [ngClass]="buttonClass(action)"
+                        (click)="onButtonClick(action, $event)"
+                        [attr.aria-label]="action.text"
+                    >
+                        {{ action.text }}
+                    </button>
+                </ng-template>
+            </ng-container>
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `
@@ -606,8 +624,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1700210524,
-    version: '14.1.1-develop.6',
+    publishDate: 1700562759,
+    version: '14.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

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

@@ -270,20 +270,32 @@ class DialogActionsComponent {
         }
         return classes.join(' ');
     }
+    /**
+     * @hidden
+     */
+    isDivider(action) {
+        return action === 'spacer';
+    }
 }
 DialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DialogActionsComponent, 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">
-            <button
-                type="button"
-                *ngFor="let action of actionsArray"
-                [ngClass]="buttonClass(action)"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-            >
-                {{ action.text }}
-            </button>
+            <ng-container *ngFor="let action of actionsArray">
+                <ng-container *ngIf="isDivider(action); else defaultAction">
+                    <span class="k-spacer"></span>
+                </ng-container>
+                <ng-template #defaultAction>
+                    <button
+                        type="button"
+                        [ngClass]="buttonClass(action)"
+                        (click)="onButtonClick(action, $event)"
+                        [attr.aria-label]="action.text"
+                    >
+                        {{ action.text }}
+                    </button>
+                </ng-template>
+            </ng-container>
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
@@ -294,15 +306,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     template: `
         <ng-content *ngIf="!actions"></ng-content>
         <ng-container *ngIf="actionsArray; else actionTemplate">
-            <button
-                type="button"
-                *ngFor="let action of actionsArray"
-                [ngClass]="buttonClass(action)"
-                (click)="onButtonClick(action, $event)"
-                [attr.aria-label]="action.text"
-            >
-                {{ action.text }}
-            </button>
+            <ng-container *ngFor="let action of actionsArray">
+                <ng-container *ngIf="isDivider(action); else defaultAction">
+                    <span class="k-spacer"></span>
+                </ng-container>
+                <ng-template #defaultAction>
+                    <button
+                        type="button"
+                        [ngClass]="buttonClass(action)"
+                        (click)="onButtonClick(action, $event)"
+                        [attr.aria-label]="action.text"
+                    >
+                        {{ action.text }}
+                    </button>
+                </ng-template>
+            </ng-container>
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `
@@ -602,8 +620,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1700210524,
-    version: '14.1.1-develop.6',
+    publishDate: 1700562759,
+    version: '14.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

package/index.d.ts

@@ -8,7 +8,7 @@ export { DialogContentBase } from './dialog/dialog-content-base';
 export { DialogActionsComponent } from './dialog/dialog-actions.component';
 export { DialogService } from './dialog/dialog.service';
 export { DialogContainerService } from './dialog/dialog-container.service';
-export { DialogCloseResult, DialogRef, DialogSettings, DialogAction, DialogResult, DialogAnimation, DialogThemeColor } from './dialog/models/';
+export { DialogCloseResult, DialogRef, DialogSettings, DialogAction, DialogResult, DialogAnimation, DialogThemeColor, DialogActionDivider } from './dialog/models/';
 export { ActionsLayout } from './common/actions-layout';
 export { DialogAnimationType } from './common/animation-types';
 export { AnimationDirection } from './common/dialog-animation-direction';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dialog",
-  "version": "14.1.1-develop.6",
+  "version": "14.2.0-develop.1",
   "description": "Dialog Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -27,15 +27,15 @@
     "@angular/core": "13 - 17",
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "14.1.1-develop.6",
-    "@progress/kendo-angular-common": "14.1.1-develop.6",
-    "@progress/kendo-angular-icons": "14.1.1-develop.6",
-    "@progress/kendo-angular-l10n": "14.1.1-develop.6",
+    "@progress/kendo-angular-buttons": "14.2.0-develop.1",
+    "@progress/kendo-angular-common": "14.2.0-develop.1",
+    "@progress/kendo-angular-icons": "14.2.0-develop.1",
+    "@progress/kendo-angular-l10n": "14.2.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.1.1-develop.6",
+    "@progress/kendo-angular-schematics": "14.2.0-develop.1",
     "@progress/kendo-popup-common": "^1.7.0"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,7 +4,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': '14.1.1-develop.6',
+            '@progress/kendo-angular-popup': '14.2.0-develop.1',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^2.0.0'
         } });