@progress/kendo-angular-dialog 13.4.1-develop.4 → 13.5.0-develop.2

package/dialog/dialog.component.d.ts

@@ -124,6 +124,10 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
      * @hidden
      */
     closeTitle: string;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark: boolean;
     /**
      * 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.

package/dialog.module.d.ts

@@ -7,9 +7,10 @@ import * as i1 from "./dialog/dialog.component";
 import * as i2 from "./dialog/dialog-titlebar.component";
 import * as i3 from "./dialog/dialog-container.directive";
 import * as i4 from "./shared.module";
-import * as i5 from "./dialog/dialog-actions.component";
-import * as i6 from "./localization/custom-messages.component";
-import * as i7 from "./localization/localized-messages.directive";
+import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "./dialog/dialog-actions.component";
+import * as i7 from "./localization/custom-messages.component";
+import * as i8 from "./localization/localized-messages.directive";
 /**
  * @hidden
  */
@@ -38,6 +39,6 @@ export declare const DIALOG_DIRECTIVES: any[];
  */
 export declare class DialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, [typeof i1.DialogComponent, typeof i2.DialogTitleBarComponent, typeof i3.DialogContainerDirective], [typeof i4.SharedModule], [typeof i1.DialogComponent, typeof i2.DialogTitleBarComponent, typeof i5.DialogActionsComponent, typeof i6.CustomMessagesComponent, typeof i7.LocalizedMessagesDirective, typeof i3.DialogContainerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, [typeof i1.DialogComponent, typeof i2.DialogTitleBarComponent, typeof i3.DialogContainerDirective], [typeof i4.SharedModule, typeof i5.WatermarkModule], [typeof i1.DialogComponent, typeof i2.DialogTitleBarComponent, typeof i6.DialogActionsComponent, typeof i7.CustomMessagesComponent, typeof i8.LocalizedMessagesDirective, typeof i3.DialogContainerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DialogModule>;
 }

package/esm2020/dialog/dialog.component.mjs

@@ -10,7 +10,7 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { hasClasses, Keys, isPresent, isFocusable, DIALOG_ELEMENTS_HANDLING_ARROWS, DIALOG_ELEMENTS_HANDLING_ESC_KEY, createValueWithUnit, setHTMLAttributes, parseCSSClassNames, findPrimaryButton } from '../common/util';
-import { focusableSelector } from '@progress/kendo-angular-common';
+import { focusableSelector, shouldShowValidationUI } from '@progress/kendo-angular-common';
 import { DialogCloseResult } from './models/dialog-close-result';
 import { DIALOG_LOCALIZATION_SERVICE } from './../localization/dialog-localization.service';
 import { take } from 'rxjs/operators';
@@ -22,8 +22,9 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@angular/animations";
 import * as i3 from "./dialog-titlebar.component";
 import * as i4 from "./dialog-actions.component";
-import * as i5 from "../localization/localized-messages.directive";
-import * as i6 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "../localization/localized-messages.directive";
+import * as i7 from "@angular/common";
 const DEFAULT_ANIMATION_CONFIG = { duration: 300, type: 'translate' };
 /**
  * Represents the [Kendo UI Dialog component for Angular]({% slug overview_dialog_dialogs %}).
@@ -57,6 +58,10 @@ export class DialogComponent {
          * @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.
@@ -70,7 +75,8 @@ export class DialogComponent {
         this._themeColor = null;
         this.subscriptions = [];
         this.domSubs = new Subscription();
-        validatePackage(packageMetadata);
+        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();
@@ -391,22 +397,24 @@ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
             closeTitle="Close"
         >
-        <div class="k-overlay" @overlayAppear></div>
+            <div class="k-overlay" @overlayAppear></div>
 
-        <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
-            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
-            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+            <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
+                <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+                <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
 
-            <div [id]="contentId" class="k-window-content k-dialog-content">
-                <ng-content *ngIf="!contentTemplate"></ng-content>
-                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
-            </div>
+                <div [id]="contentId" class="k-window-content k-dialog-content">
+                    <ng-content *ngIf="!contentTemplate"></ng-content>
+                    <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+                </div>
+
+                <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+                <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
 
-            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
-            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
-        </div>
-    </ng-container>
-    `, isInline: true, components: [{ type: i3.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i5.LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+            </div>
+        </ng-container>
+    `, isInline: true, components: [{ type: i3.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i5.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: i6.LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger('overlayAppear', [
             state('in', style({ opacity: 1 })),
             transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -440,21 +448,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
             closeTitle="Close"
         >
-        <div class="k-overlay" @overlayAppear></div>
+            <div class="k-overlay" @overlayAppear></div>
 
-        <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
-            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
-            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+            <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
+                <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+                <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
 
-            <div [id]="contentId" class="k-window-content k-dialog-content">
-                <ng-content *ngIf="!contentTemplate"></ng-content>
-                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
-            </div>
+                <div [id]="contentId" class="k-window-content k-dialog-content">
+                    <ng-content *ngIf="!contentTemplate"></ng-content>
+                    <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+                </div>
 
-            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
-            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
-        </div>
-    </ng-container>
+                <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+                <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
+
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+            </div>
+        </ng-container>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2.AnimationBuilder }]; }, propDecorators: { actions: [{

package/esm2020/dialog.module.mjs

@@ -8,6 +8,7 @@ import { DialogTitleBarComponent } from './dialog/dialog-titlebar.component';
 import { DialogService } from './dialog/dialog.service';
 import { DialogContainerDirective } from './dialog/dialog-container.directive';
 import { DialogContainerService } from './dialog/dialog-container.service';
+import { WatermarkModule } from '@progress/kendo-angular-common';
 import { SharedModule, SHARED_DIRECTIVES } from './shared.module';
 import * as i0 from "@angular/core";
 import * as i1 from "./dialog/dialog-actions.component";
@@ -46,16 +47,16 @@ export class DialogModule {
 }
 DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
-        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule], exports: [DialogComponent,
+        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule, WatermarkModule], exports: [DialogComponent,
         DialogTitleBarComponent, i1.DialogActionsComponent, i2.CustomMessagesComponent, i3.LocalizedMessagesDirective, DialogContainerDirective] });
-DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule]] });
+DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule, WatermarkModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DIALOG_DIRECTIVES, DialogContainerDirective],
                     entryComponents: [DIALOG_DIRECTIVES],
                     exports: [DIALOG_DIRECTIVES, SHARED_DIRECTIVES, DialogContainerDirective],
-                    imports: [SharedModule],
+                    imports: [SharedModule, WatermarkModule],
                     providers: [DialogContainerService, DialogService]
                 }]
         }] });

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: 1694174817,
-    version: '13.4.1-develop.4',
+    publishDate: 1694426857,
+    version: '13.5.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/window/window.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, Output, HostBinding, EventEmitter, ContentChild, ElementRef, Renderer2, ViewChildren, QueryList, HostListener, NgZone, ViewChild } from '@angular/core';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { isChanged, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { isChanged, isDocumentAvailable, shouldShowValidationUI } from '@progress/kendo-angular-common';
 import { Subscription } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -23,10 +23,10 @@ import * as i5 from "./actions/window-minimize-action.directive";
 import * as i6 from "./actions/window-maximize-action.directive";
 import * as i7 from "./actions/window-restore-action.directive";
 import * as i8 from "./actions/window-close-action.directive";
-import * as i9 from "../localization/localized-messages.directive";
-import * as i10 from "@angular/common";
-import * as i11 from "./window-resize-handle.directive";
-import * as i12 from "@progress/kendo-angular-common";
+import * as i9 from "@progress/kendo-angular-common";
+import * as i10 from "../localization/localized-messages.directive";
+import * as i11 from "@angular/common";
+import * as i12 from "./window-resize-handle.directive";
 /**
  * Represents the [Kendo UI Window component for Angular]({% slug overview_window_dialogs %}).
  */
@@ -92,6 +92,10 @@ export class WindowComponent {
          * @hidden
          */
         this.messages = {};
+        /**
+         * @hidden
+         */
+        this.showLicenseWatermark = false;
         this.tabIndex = 0;
         this.role = 'dialog';
         this.hostClass = true;
@@ -104,7 +108,8 @@ export class WindowComponent {
         this.resized = false;
         this.windowSubscription = new Subscription();
         this.domSubs = new Subscription();
-        validatePackage(packageMetadata);
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.localizationChangeSubscription = this.localization.changes
             .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
@@ -622,7 +627,9 @@ WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 kendoDraggable>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { type: i5.WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: i6.WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: i7.WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: i8.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }], directives: [{ type: i9.LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i12.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+    `, isInline: true, components: [{ type: i4.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { type: i5.WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: i6.WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: i7.WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: i8.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { type: i9.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: i10.LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i9.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowComponent, decorators: [{
             type: Component,
             args: [{
@@ -679,6 +686,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 kendoDraggable>
             </div>
         </ng-template>
+
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DragResizeService }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.LocalizationService }]; }, propDecorators: { autoFocusedElement: [{

package/esm2020/window.module.mjs

@@ -5,7 +5,7 @@
 import { NgModule } from "@angular/core";
 import { WindowComponent } from "./window/window.component";
 import { WindowTitleBarComponent } from "./window/window-titlebar.component";
-import { DraggableModule } from '@progress/kendo-angular-common';
+import { DraggableModule, WatermarkModule } from '@progress/kendo-angular-common';
 import { ResizeHandleDirective } from './window/window-resize-handle.directive';
 import { WindowMaximizeActionDirective } from './window/actions/window-maximize-action.directive';
 import { WindowMinimizeActionDirective } from './window/actions/window-minimize-action.directive';
@@ -71,20 +71,20 @@ WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         WindowCloseActionDirective,
         WindowMinimizeActionDirective,
         WindowMaximizeActionDirective,
-        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule], exports: [WindowComponent,
+        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule, WatermarkModule], exports: [WindowComponent,
         WindowCloseActionDirective,
         WindowMinimizeActionDirective,
         WindowMaximizeActionDirective,
         WindowRestoreActionDirective,
         WindowTitleBarComponent, i1.DialogActionsComponent, i2.CustomMessagesComponent, i3.LocalizedMessagesDirective, WindowContainerDirective] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule]] });
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule, WatermarkModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WINDOW_DIRECTIVES, WindowContainerDirective],
                     entryComponents: [ENTRY_COMPONENTS],
                     exports: [exportedModules, SHARED_DIRECTIVES, WindowContainerDirective],
-                    imports: [SharedModule, DraggableModule],
+                    imports: [SharedModule, DraggableModule, WatermarkModule],
                     providers: [WindowContainerService, WindowService]
                 }]
         }] });

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

@@ -17,7 +17,7 @@ import * as i2 from '@progress/kendo-angular-buttons';
 import { Button, ButtonModule } from '@progress/kendo-angular-buttons';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$1 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, focusableSelector, DraggableDirective, isChanged, DraggableModule } from '@progress/kendo-angular-common';
+import { shouldShowValidationUI, isDocumentAvailable, focusableSelector, DraggableDirective, isChanged, WatermarkModule, DraggableModule } from '@progress/kendo-angular-common';
 import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
 import * as i3 from '@progress/kendo-angular-icons';
 import { IconsModule } from '@progress/kendo-angular-icons';
@@ -606,8 +606,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1694174817,
-    version: '13.4.1-develop.4',
+    publishDate: 1694426857,
+    version: '13.5.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -750,6 +750,10 @@ class DialogComponent {
          * @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.
@@ -763,7 +767,8 @@ class DialogComponent {
         this._themeColor = null;
         this.subscriptions = [];
         this.domSubs = new Subscription();
-        validatePackage(packageMetadata);
+        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();
@@ -1084,22 +1089,24 @@ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
             closeTitle="Close"
         >
-        <div class="k-overlay" @overlayAppear></div>
+            <div class="k-overlay" @overlayAppear></div>
 
-        <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
-            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
-            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+            <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
+                <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+                <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
 
-            <div [id]="contentId" class="k-window-content k-dialog-content">
-                <ng-content *ngIf="!contentTemplate"></ng-content>
-                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
-            </div>
+                <div [id]="contentId" class="k-window-content k-dialog-content">
+                    <ng-content *ngIf="!contentTemplate"></ng-content>
+                    <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+                </div>
 
-            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
-            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
-        </div>
-    </ng-container>
-    `, isInline: true, components: [{ type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+                <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+                <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
+
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+            </div>
+        </ng-container>
+    `, isInline: true, components: [{ type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i1$1.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger('overlayAppear', [
             state('in', style({ opacity: 1 })),
             transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -1133,21 +1140,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
             closeTitle="Close"
         >
-        <div class="k-overlay" @overlayAppear></div>
+            <div class="k-overlay" @overlayAppear></div>
 
-        <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
-            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
-            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+            <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
+                <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+                <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
 
-            <div [id]="contentId" class="k-window-content k-dialog-content">
-                <ng-content *ngIf="!contentTemplate"></ng-content>
-                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
-            </div>
+                <div [id]="contentId" class="k-window-content k-dialog-content">
+                    <ng-content *ngIf="!contentTemplate"></ng-content>
+                    <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+                </div>
 
-            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
-            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
-        </div>
-    </ng-container>
+                <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+                <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
+
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+            </div>
+        </ng-container>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2$1.AnimationBuilder }]; }, propDecorators: { actions: [{
@@ -2566,6 +2575,10 @@ class WindowComponent {
          * @hidden
          */
         this.messages = {};
+        /**
+         * @hidden
+         */
+        this.showLicenseWatermark = false;
         this.tabIndex = 0;
         this.role = 'dialog';
         this.hostClass = true;
@@ -2578,7 +2591,8 @@ class WindowComponent {
         this.resized = false;
         this.windowSubscription = new Subscription();
         this.domSubs = new Subscription();
-        validatePackage(packageMetadata);
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.localizationChangeSubscription = this.localization.changes
             .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
@@ -3096,7 +3110,9 @@ WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 kendoDraggable>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+    `, isInline: true, components: [{ type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { type: i1$1.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowComponent, decorators: [{
             type: Component,
             args: [{
@@ -3153,6 +3169,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 kendoDraggable>
             </div>
         </ng-template>
+
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }, { type: NavigationService }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { autoFocusedElement: [{
@@ -3609,16 +3627,16 @@ class DialogModule {
 }
 DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
-        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule], exports: [DialogComponent,
+        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule, WatermarkModule], exports: [DialogComponent,
         DialogTitleBarComponent, DialogActionsComponent, CustomMessagesComponent, LocalizedMessagesDirective, DialogContainerDirective] });
-DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule]] });
+DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule, WatermarkModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DIALOG_DIRECTIVES, DialogContainerDirective],
                     entryComponents: [DIALOG_DIRECTIVES],
                     exports: [DIALOG_DIRECTIVES, SHARED_DIRECTIVES, DialogContainerDirective],
-                    imports: [SharedModule],
+                    imports: [SharedModule, WatermarkModule],
                     providers: [DialogContainerService, DialogService]
                 }]
         }] });
@@ -3699,20 +3717,20 @@ WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         WindowCloseActionDirective,
         WindowMinimizeActionDirective,
         WindowMaximizeActionDirective,
-        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule], exports: [WindowComponent,
+        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule, WatermarkModule], exports: [WindowComponent,
         WindowCloseActionDirective,
         WindowMinimizeActionDirective,
         WindowMaximizeActionDirective,
         WindowRestoreActionDirective,
         WindowTitleBarComponent, DialogActionsComponent, CustomMessagesComponent, LocalizedMessagesDirective, WindowContainerDirective] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule]] });
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule, WatermarkModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WINDOW_DIRECTIVES, WindowContainerDirective],
                     entryComponents: [ENTRY_COMPONENTS],
                     exports: [exportedModules, SHARED_DIRECTIVES, WindowContainerDirective],
-                    imports: [SharedModule, DraggableModule],
+                    imports: [SharedModule, DraggableModule, WatermarkModule],
                     providers: [WindowContainerService, WindowService]
                 }]
         }] });

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

@@ -17,7 +17,7 @@ import * as i2 from '@progress/kendo-angular-buttons';
 import { Button, ButtonModule } from '@progress/kendo-angular-buttons';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$1 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, focusableSelector, DraggableDirective, isChanged, DraggableModule } from '@progress/kendo-angular-common';
+import { shouldShowValidationUI, isDocumentAvailable, focusableSelector, DraggableDirective, isChanged, WatermarkModule, DraggableModule } from '@progress/kendo-angular-common';
 import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
 import * as i3 from '@progress/kendo-angular-icons';
 import { IconsModule } from '@progress/kendo-angular-icons';
@@ -602,8 +602,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1694174817,
-    version: '13.4.1-develop.4',
+    publishDate: 1694426857,
+    version: '13.5.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -746,6 +746,10 @@ class DialogComponent {
          * @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.
@@ -759,7 +763,8 @@ class DialogComponent {
         this._themeColor = null;
         this.subscriptions = [];
         this.domSubs = new Subscription();
-        validatePackage(packageMetadata);
+        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();
@@ -1080,22 +1085,24 @@ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
             closeTitle="Close"
         >
-        <div class="k-overlay" @overlayAppear></div>
+            <div class="k-overlay" @overlayAppear></div>
 
-        <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
-            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
-            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+            <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
+                <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+                <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
 
-            <div [id]="contentId" class="k-window-content k-dialog-content">
-                <ng-content *ngIf="!contentTemplate"></ng-content>
-                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
-            </div>
+                <div [id]="contentId" class="k-window-content k-dialog-content">
+                    <ng-content *ngIf="!contentTemplate"></ng-content>
+                    <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+                </div>
 
-            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
-            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
-        </div>
-    </ng-container>
-    `, isInline: true, components: [{ type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+                <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+                <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
+
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+            </div>
+        </ng-container>
+    `, isInline: true, components: [{ type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i1$1.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger('overlayAppear', [
             state('in', style({ opacity: 1 })),
             transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -1129,21 +1136,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
             closeTitle="Close"
         >
-        <div class="k-overlay" @overlayAppear></div>
+            <div class="k-overlay" @overlayAppear></div>
 
-        <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
-            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
-            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+            <div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
+                <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+                <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
 
-            <div [id]="contentId" class="k-window-content k-dialog-content">
-                <ng-content *ngIf="!contentTemplate"></ng-content>
-                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
-            </div>
+                <div [id]="contentId" class="k-window-content k-dialog-content">
+                    <ng-content *ngIf="!contentTemplate"></ng-content>
+                    <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+                </div>
 
-            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
-            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
-        </div>
-    </ng-container>
+                <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+                <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
+
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+            </div>
+        </ng-container>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2$1.AnimationBuilder }]; }, propDecorators: { actions: [{
@@ -2550,6 +2559,10 @@ class WindowComponent {
          * @hidden
          */
         this.messages = {};
+        /**
+         * @hidden
+         */
+        this.showLicenseWatermark = false;
         this.tabIndex = 0;
         this.role = 'dialog';
         this.hostClass = true;
@@ -2562,7 +2575,8 @@ class WindowComponent {
         this.resized = false;
         this.windowSubscription = new Subscription();
         this.domSubs = new Subscription();
-        validatePackage(packageMetadata);
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.localizationChangeSubscription = this.localization.changes
             .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
@@ -3080,7 +3094,9 @@ WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 kendoDraggable>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+    `, isInline: true, components: [{ type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { type: i1$1.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowComponent, decorators: [{
             type: Component,
             args: [{
@@ -3137,6 +3153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 kendoDraggable>
             </div>
         </ng-template>
+
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }, { type: NavigationService }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { autoFocusedElement: [{
@@ -3591,16 +3609,16 @@ class DialogModule {
 }
 DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
-        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule], exports: [DialogComponent,
+        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule, WatermarkModule], exports: [DialogComponent,
         DialogTitleBarComponent, DialogActionsComponent, CustomMessagesComponent, LocalizedMessagesDirective, DialogContainerDirective] });
-DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule]] });
+DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule, WatermarkModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DIALOG_DIRECTIVES, DialogContainerDirective],
                     entryComponents: [DIALOG_DIRECTIVES],
                     exports: [DIALOG_DIRECTIVES, SHARED_DIRECTIVES, DialogContainerDirective],
-                    imports: [SharedModule],
+                    imports: [SharedModule, WatermarkModule],
                     providers: [DialogContainerService, DialogService]
                 }]
         }] });
@@ -3681,20 +3699,20 @@ WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         WindowCloseActionDirective,
         WindowMinimizeActionDirective,
         WindowMaximizeActionDirective,
-        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule], exports: [WindowComponent,
+        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule, WatermarkModule], exports: [WindowComponent,
         WindowCloseActionDirective,
         WindowMinimizeActionDirective,
         WindowMaximizeActionDirective,
         WindowRestoreActionDirective,
         WindowTitleBarComponent, DialogActionsComponent, CustomMessagesComponent, LocalizedMessagesDirective, WindowContainerDirective] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule]] });
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule, WatermarkModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WINDOW_DIRECTIVES, WindowContainerDirective],
                     entryComponents: [ENTRY_COMPONENTS],
                     exports: [exportedModules, SHARED_DIRECTIVES, WindowContainerDirective],
-                    imports: [SharedModule, DraggableModule],
+                    imports: [SharedModule, DraggableModule, WatermarkModule],
                     providers: [WindowContainerService, WindowService]
                 }]
         }] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dialog",
-  "version": "13.4.1-develop.4",
+  "version": "13.5.0-develop.2",
   "description": "Dialog Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -27,15 +27,15 @@
     "@angular/core": "13 - 16",
     "@angular/platform-browser": "13 - 16",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "13.4.1-develop.4",
-    "@progress/kendo-angular-common": "13.4.1-develop.4",
-    "@progress/kendo-angular-icons": "13.4.1-develop.4",
-    "@progress/kendo-angular-l10n": "13.4.1-develop.4",
+    "@progress/kendo-angular-buttons": "13.5.0-develop.2",
+    "@progress/kendo-angular-common": "13.5.0-develop.2",
+    "@progress/kendo-angular-icons": "13.5.0-develop.2",
+    "@progress/kendo-angular-l10n": "13.5.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.4.1-develop.4",
+    "@progress/kendo-angular-schematics": "13.5.0-develop.2",
     "@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': '13.4.1-develop.4',
+            '@progress/kendo-angular-popup': '13.5.0-develop.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^1.0.0'
         } });

package/window/window.component.d.ts

@@ -182,6 +182,10 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
      * @hidden
      */
     messages: WindowMessages;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark: boolean;
     tabIndex: number;
     role: string;
     hostClass: boolean;

package/window.module.d.ts

@@ -40,6 +40,6 @@ import * as i13 from "./localization/localized-messages.directive";
  */
 export declare class WindowModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<WindowModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WindowModule, [typeof i1.ResizeHandleDirective, typeof i2.WindowComponent, typeof i3.WindowTitleBarComponent, typeof i4.WindowCloseActionDirective, typeof i5.WindowMinimizeActionDirective, typeof i6.WindowMaximizeActionDirective, typeof i7.WindowRestoreActionDirective, typeof i8.WindowContainerDirective], [typeof i9.SharedModule, typeof i10.DraggableModule], [typeof i2.WindowComponent, typeof i4.WindowCloseActionDirective, typeof i5.WindowMinimizeActionDirective, typeof i6.WindowMaximizeActionDirective, typeof i7.WindowRestoreActionDirective, typeof i3.WindowTitleBarComponent, typeof i11.DialogActionsComponent, typeof i12.CustomMessagesComponent, typeof i13.LocalizedMessagesDirective, typeof i8.WindowContainerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WindowModule, [typeof i1.ResizeHandleDirective, typeof i2.WindowComponent, typeof i3.WindowTitleBarComponent, typeof i4.WindowCloseActionDirective, typeof i5.WindowMinimizeActionDirective, typeof i6.WindowMaximizeActionDirective, typeof i7.WindowRestoreActionDirective, typeof i8.WindowContainerDirective], [typeof i9.SharedModule, typeof i10.DraggableModule, typeof i10.WatermarkModule], [typeof i2.WindowComponent, typeof i4.WindowCloseActionDirective, typeof i5.WindowMinimizeActionDirective, typeof i6.WindowMaximizeActionDirective, typeof i7.WindowRestoreActionDirective, typeof i3.WindowTitleBarComponent, typeof i11.DialogActionsComponent, typeof i12.CustomMessagesComponent, typeof i13.LocalizedMessagesDirective, typeof i8.WindowContainerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WindowModule>;
 }