primeng 16.0.0-rc.1 → 16.0.0-rc.2

package/fesm2022/primeng-dialog.mjs

@@ -1,19 +1,19 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, ContentChild, ContentChildren, ViewChild, Output, NgModule } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation } from '@angular/animations';
 import * as i2 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
-import { DomHandler } from 'primeng/dom';
+import * as i0 from '@angular/core';
+import { EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, ContentChild, ContentChildren, ViewChild, NgModule } from '@angular/core';
 import * as i1 from 'primeng/api';
 import { Header, Footer, PrimeTemplate, SharedModule } from 'primeng/api';
+import { DomHandler } from 'primeng/dom';
 import * as i3 from 'primeng/focustrap';
 import { FocusTrapModule } from 'primeng/focustrap';
-import * as i4 from 'primeng/ripple';
-import { RippleModule } from 'primeng/ripple';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
 import { TimesIcon } from 'primeng/icons/times';
 import { WindowMaximizeIcon } from 'primeng/icons/windowmaximize';
 import { WindowMinimizeIcon } from 'primeng/icons/windowminimize';
+import * as i4 from 'primeng/ripple';
+import { RippleModule } from 'primeng/ripple';
+import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
 
 const showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);
 const hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);
@@ -25,73 +25,302 @@ class Dialog {
     zone;
     cd;
     config;
+    /**
+     * Title text of the dialog.
+     * @group Props
+     */
     header;
+    /**
+     * Enables dragging to change the position using header.
+     * @group Props
+     */
     draggable = true;
+    /**
+     * Enables resizing of the content.
+     * @group Props
+     */
     resizable = true;
+    /**
+     * @deprecated
+     * Defines the left offset of dialog.
+     * @group Props
+     */
     get positionLeft() {
         return 0;
     }
     set positionLeft(_positionLeft) {
         console.log('positionLeft property is deprecated.');
     }
+    /**
+     * @deprecated
+     * Defines the top offset of dialog.
+     * @group Props
+     */
     get positionTop() {
         return 0;
     }
     set positionTop(_positionTop) {
         console.log('positionTop property is deprecated.');
     }
+    /**
+     * Style of the content section.
+     * @group Props
+     */
     contentStyle;
+    /**
+     * Style class of the content.
+     * @group Props
+     */
     contentStyleClass;
-    modal;
+    /**
+     * Defines if background should be blocked when dialog is displayed.
+     * @group Props
+     */
+    modal = false;
+    /**
+     * Specifies if pressing escape key should hide the dialog.
+     * @group Props
+     */
     closeOnEscape = true;
-    dismissableMask;
-    rtl;
+    /**
+     * Specifies if clicking the modal background should hide the dialog.
+     * @group Props
+     */
+    dismissableMask = false;
+    /**
+     * When enabled dialog is displayed in RTL direction.
+     * @group Props
+     */
+    rtl = false;
+    /**
+     * Adds a close icon to the header to hide the dialog.
+     * @group Props
+     */
     closable = true;
+    /**
+     * @deprecated
+     * Defines if the component is responsive.
+     * @group Props
+     */
     get responsive() {
         return false;
     }
     set responsive(_responsive) {
         console.log('Responsive property is deprecated.');
     }
+    /**
+     *  Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @group Props
+     */
     appendTo;
+    /**
+     * Object literal to define widths per screen size.
+     * @group Props
+     */
     breakpoints;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
     styleClass;
+    /**
+     * Style class of the mask.
+     * @group Props
+     */
     maskStyleClass;
+    /**
+     * Whether to show the header or not.
+     * @group Props
+     */
     showHeader = true;
+    /**
+     * @deprecated
+     * Defines the breakpoint of the component responsive.
+     * @group Props
+     */
     get breakpoint() {
         return 649;
     }
     set breakpoint(_breakpoint) {
         console.log('Breakpoint property is not utilized and deprecated, use breakpoints or CSS media queries instead.');
     }
+    /**
+     * Whether background scroll should be blocked when dialog is visible.
+     * @group Props
+     */
     blockScroll = false;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
     autoZIndex = true;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
     baseZIndex = 0;
+    /**
+     * Minimum value for the left coordinate of dialog in dragging.
+     * @group Props
+     */
     minX = 0;
+    /**
+     * Minimum value for the top coordinate of dialog in dragging.
+     * @group Props
+     */
     minY = 0;
+    /**
+     * When enabled, first button receives focus on show.
+     * @group Props
+     */
     focusOnShow = true;
-    maximizable;
+    /**
+     * Whether the dialog can be displayed full screen.
+     * @group Props
+     */
+    maximizable = false;
+    /**
+     * Keeps dialog in the viewport.
+     * @group Props
+     */
     keepInViewport = true;
+    /**
+     * When enabled, can only focus on elements inside the dialog.
+     * @group Props
+     */
     focusTrap = true;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     */
     transitionOptions = '150ms cubic-bezier(0, 0, 0.2, 1)';
+    /**
+     * Name of the close icon.
+     * @group Props
+     */
     closeIcon;
+    /**
+     * Defines a string that labels the close button for accessibility.
+     * @group Props
+     */
     closeAriaLabel;
+    /**
+     * Index of the close button in tabbing order.
+     * @group Props
+     */
     closeTabindex = '-1';
+    /**
+     * Name of the minimize icon.
+     * @group Props
+     */
     minimizeIcon;
+    /**
+     * Name of the maximize icon.
+     * @group Props
+     */
     maximizeIcon;
-    headerFacet;
-    footerFacet;
-    templates;
-    headerViewChild;
-    contentViewChild;
-    footerViewChild;
+    /**
+     * Specifies the visibility of the dialog.
+     * @group Props
+     */
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        this._visible = value;
+        if (this._visible && !this.maskVisible) {
+            this.maskVisible = true;
+        }
+    }
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    get style() {
+        return this._style;
+    }
+    set style(value) {
+        if (value) {
+            this._style = { ...value };
+            this.originalStyle = value;
+        }
+    }
+    /**
+     * Position of the dialog.
+     * @group Props
+     */
+    get position() {
+        return this._position;
+    }
+    set position(value) {
+        this._position = value;
+        switch (value) {
+            case 'topleft':
+            case 'bottomleft':
+            case 'left':
+                this.transformOptions = 'translate3d(-100%, 0px, 0px)';
+                break;
+            case 'topright':
+            case 'bottomright':
+            case 'right':
+                this.transformOptions = 'translate3d(100%, 0px, 0px)';
+                break;
+            case 'bottom':
+                this.transformOptions = 'translate3d(0px, 100%, 0px)';
+                break;
+            case 'top':
+                this.transformOptions = 'translate3d(0px, -100%, 0px)';
+                break;
+            default:
+                this.transformOptions = 'scale(0.7)';
+                break;
+        }
+    }
+    /**
+     * Callback to invoke when dialog is shown.
+     * @group Emits
+     */
     onShow = new EventEmitter();
+    /**
+     * Callback to invoke when dialog is hidden.
+     * @group Emits
+     */
     onHide = new EventEmitter();
+    /**
+     * This EventEmitter is used to notify changes in the visibility state of a component.
+     * @param {boolean} value - New value.
+     * @group Emits
+     */
     visibleChange = new EventEmitter();
+    /**
+     * Callback to invoke when dialog resizing is initiated.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
     onResizeInit = new EventEmitter();
+    /**
+     * Callback to invoke when dialog resizing is completed.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
     onResizeEnd = new EventEmitter();
+    /**
+     * Callback to invoke when dialog dragging is completed.
+     * @param {DragEvent} event - Drag event.
+     * @group Emits
+     */
     onDragEnd = new EventEmitter();
+    /**
+     * Callback to invoke when dialog maximized or unmaximized.
+     * @group Emits
+     */
     onMaximize = new EventEmitter();
+    headerFacet;
+    footerFacet;
+    templates;
+    headerViewChild;
+    contentViewChild;
+    footerViewChild;
     headerTemplate;
     contentTemplate;
     footerTemplate;
@@ -137,7 +366,7 @@ class Dialog {
         this.window = this.document.defaultView;
     }
     ngAfterContentInit() {
-        this.templates.forEach((item) => {
+        this.templates?.forEach((item) => {
             switch (item.getType()) {
                 case 'header':
                     this.headerTemplate = item.template;
@@ -168,51 +397,6 @@ class Dialog {
             this.createStyle();
         }
     }
-    get visible() {
-        return this._visible;
-    }
-    set visible(value) {
-        this._visible = value;
-        if (this._visible && !this.maskVisible) {
-            this.maskVisible = true;
-        }
-    }
-    get style() {
-        return this._style;
-    }
-    set style(value) {
-        if (value) {
-            this._style = { ...value };
-            this.originalStyle = value;
-        }
-    }
-    get position() {
-        return this._position;
-    }
-    set position(value) {
-        this._position = value;
-        switch (value) {
-            case 'topleft':
-            case 'bottomleft':
-            case 'left':
-                this.transformOptions = 'translate3d(-100%, 0px, 0px)';
-                break;
-            case 'topright':
-            case 'bottomright':
-            case 'right':
-                this.transformOptions = 'translate3d(100%, 0px, 0px)';
-                break;
-            case 'bottom':
-                this.transformOptions = 'translate3d(0px, 100%, 0px)';
-                break;
-            case 'top':
-                this.transformOptions = 'translate3d(0px, -100%, 0px)';
-                break;
-            default:
-                this.transformOptions = 'scale(0.7)';
-                break;
-        }
-    }
     focus() {
         let focusable = DomHandler.findSingle(this.container, '[autofocus]');
         if (focusable) {
@@ -396,7 +580,7 @@ class Dialog {
             let deltaY = event.pageY - this.lastPageY;
             let containerWidth = DomHandler.getOuterWidth(this.container);
             let containerHeight = DomHandler.getOuterHeight(this.container);
-            let contentHeight = DomHandler.getOuterHeight(this.contentViewChild.nativeElement);
+            let contentHeight = DomHandler.getOuterHeight(this.contentViewChild?.nativeElement);
             let newWidth = containerWidth + deltaX;
             let newHeight = containerHeight + deltaY;
             let minWidth = this.container.style.minWidth;
@@ -521,11 +705,11 @@ class Dialog {
         switch (event.toState) {
             case 'visible':
                 this.container = event.element;
-                this.wrapper = this.container.parentElement;
+                this.wrapper = this.container?.parentElement;
                 this.appendContainer();
                 this.moveOnTop();
                 this.bindGlobalListeners();
-                this.container.setAttribute(this.id, '');
+                this.container?.setAttribute(this.id, '');
                 if (this.modal) {
                     this.enableModality();
                 }
@@ -589,8 +773,8 @@ class Dialog {
         }
         this.destroyStyle();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: Dialog, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: Dialog, selector: "p-dialog", inputs: { header: "header", draggable: "draggable", resizable: "resizable", positionLeft: "positionLeft", positionTop: "positionTop", contentStyle: "contentStyle", contentStyleClass: "contentStyleClass", modal: "modal", closeOnEscape: "closeOnEscape", dismissableMask: "dismissableMask", rtl: "rtl", closable: "closable", responsive: "responsive", appendTo: "appendTo", breakpoints: "breakpoints", styleClass: "styleClass", maskStyleClass: "maskStyleClass", showHeader: "showHeader", breakpoint: "breakpoint", blockScroll: "blockScroll", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", minX: "minX", minY: "minY", focusOnShow: "focusOnShow", maximizable: "maximizable", keepInViewport: "keepInViewport", focusTrap: "focusTrap", transitionOptions: "transitionOptions", closeIcon: "closeIcon", closeAriaLabel: "closeAriaLabel", closeTabindex: "closeTabindex", minimizeIcon: "minimizeIcon", maximizeIcon: "maximizeIcon", visible: "visible", style: "style", position: "position" }, outputs: { onShow: "onShow", onHide: "onHide", visibleChange: "visibleChange", onResizeInit: "onResizeInit", onResizeEnd: "onResizeEnd", onDragEnd: "onDragEnd", onMaximize: "onMaximize" }, host: { classAttribute: "p-element" }, queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "headerViewChild", first: true, predicate: ["titlebar"], descendants: true }, { propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }, { propertyName: "footerViewChild", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: Dialog, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: Dialog, selector: "p-dialog", inputs: { header: "header", draggable: "draggable", resizable: "resizable", positionLeft: "positionLeft", positionTop: "positionTop", contentStyle: "contentStyle", contentStyleClass: "contentStyleClass", modal: "modal", closeOnEscape: "closeOnEscape", dismissableMask: "dismissableMask", rtl: "rtl", closable: "closable", responsive: "responsive", appendTo: "appendTo", breakpoints: "breakpoints", styleClass: "styleClass", maskStyleClass: "maskStyleClass", showHeader: "showHeader", breakpoint: "breakpoint", blockScroll: "blockScroll", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", minX: "minX", minY: "minY", focusOnShow: "focusOnShow", maximizable: "maximizable", keepInViewport: "keepInViewport", focusTrap: "focusTrap", transitionOptions: "transitionOptions", closeIcon: "closeIcon", closeAriaLabel: "closeAriaLabel", closeTabindex: "closeTabindex", minimizeIcon: "minimizeIcon", maximizeIcon: "maximizeIcon", visible: "visible", style: "style", position: "position" }, outputs: { onShow: "onShow", onHide: "onHide", visibleChange: "visibleChange", onResizeInit: "onResizeInit", onResizeEnd: "onResizeEnd", onDragEnd: "onDragEnd", onMaximize: "onMaximize" }, host: { classAttribute: "p-element" }, queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "headerViewChild", first: true, predicate: ["titlebar"], descendants: true }, { propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }, { propertyName: "footerViewChild", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: `
         <div
             *ngIf="maskVisible"
             [class]="maskStyleClass"
@@ -675,7 +859,7 @@ class Dialog {
         </div>
     `, isInline: true, styles: [".p-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.p-dialog-mask.p-component-overlay{pointer-events:auto}.p-dialog{display:flex;flex-direction:column;pointer-events:auto;max-height:90%;transform:scale(1);position:relative}.p-dialog-content{overflow-y:auto;flex-grow:1}.p-dialog-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.p-dialog-draggable .p-dialog-header{cursor:move}.p-dialog-footer{flex-shrink:0}.p-dialog .p-dialog-header-icons{display:flex;align-items:center}.p-dialog .p-dialog-header-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-fluid .p-dialog-footer .p-button{width:auto}.p-dialog-top .p-dialog,.p-dialog-bottom .p-dialog,.p-dialog-left .p-dialog,.p-dialog-right .p-dialog,.p-dialog-top-left .p-dialog,.p-dialog-top-right .p-dialog,.p-dialog-bottom-left .p-dialog,.p-dialog-bottom-right .p-dialog{margin:.75rem;transform:translateZ(0)}.p-dialog-maximized{transition:none;transform:none;width:100vw!important;height:100vh!important;top:0!important;left:0!important;max-height:100%;height:100%}.p-dialog-maximized .p-dialog-content{flex-grow:1}.p-dialog-left{justify-content:flex-start}.p-dialog-right{justify-content:flex-end}.p-dialog-top{align-items:flex-start}.p-dialog-top-left{justify-content:flex-start;align-items:flex-start}.p-dialog-top-right{justify-content:flex-end;align-items:flex-start}.p-dialog-bottom{align-items:flex-end}.p-dialog-bottom-left{justify-content:flex-start;align-items:flex-end}.p-dialog-bottom-right{justify-content:flex-end;align-items:flex-end}.p-dialog .p-resizable-handle{position:absolute;font-size:.1px;display:block;cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.p-confirm-dialog .p-dialog-content{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.FocusTrap; }), selector: "[pFocusTrap]", inputs: ["pFocusTrapDisabled"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.Ripple; }), selector: "[pRipple]" }, { kind: "component", type: i0.forwardRef(function () { return TimesIcon; }), selector: "TimesIcon" }, { kind: "component", type: i0.forwardRef(function () { return WindowMaximizeIcon; }), selector: "WindowMaximizeIcon" }, { kind: "component", type: i0.forwardRef(function () { return WindowMinimizeIcon; }), selector: "WindowMinimizeIcon" }], animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: Dialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: Dialog, decorators: [{
             type: Component,
             args: [{ selector: 'p-dialog', template: `
         <div
@@ -837,6 +1021,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 type: Input
             }], maximizeIcon: [{
                 type: Input
+            }], visible: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], onShow: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], visibleChange: [{
+                type: Output
+            }], onResizeInit: [{
+                type: Output
+            }], onResizeEnd: [{
+                type: Output
+            }], onDragEnd: [{
+                type: Output
+            }], onMaximize: [{
+                type: Output
             }], headerFacet: [{
                 type: ContentChild,
                 args: [Header]
@@ -855,33 +1059,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }], footerViewChild: [{
                 type: ViewChild,
                 args: ['footer']
-            }], onShow: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], visibleChange: [{
-                type: Output
-            }], onResizeInit: [{
-                type: Output
-            }], onResizeEnd: [{
-                type: Output
-            }], onDragEnd: [{
-                type: Output
-            }], onMaximize: [{
-                type: Output
-            }], visible: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], position: [{
-                type: Input
             }] } });
 class DialogModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, declarations: [Dialog], imports: [CommonModule, FocusTrapModule, RippleModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon], exports: [Dialog, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, imports: [CommonModule, FocusTrapModule, RippleModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: DialogModule, declarations: [Dialog], imports: [CommonModule, FocusTrapModule, RippleModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon], exports: [Dialog, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DialogModule, imports: [CommonModule, FocusTrapModule, RippleModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FocusTrapModule, RippleModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon],