raise-common-lib 0.0.226 → 0.0.228

package/fesm2015/raise-common-lib.js

@@ -15,7 +15,6 @@ import { setCulture, L10n, addClass, enableRipple, Browser, createElement } from
 import ResizeObserver from 'resize-observer-polyfill';
 import { Query, DataUtil } from '@syncfusion/ej2-data';
 import moment from 'moment';
-import { MatDialog as MatDialog$1, MatDialogRef as MatDialogRef$1, MAT_DIALOG_DATA as MAT_DIALOG_DATA$1 } from '@angular/material';
 import CircularJSON from 'circular-json';
 import { MAT_DATE_FORMATS } from '@angular/material/core';
 import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
@@ -972,6 +971,7 @@ class FloatBoxComponent {
         this._trigger = "hover";
         this._animation = "no";
         this._fixed = "no";
+        this._floatClass = "";
         this.openChange = new EventEmitter();
         this.FIXED_CONTAINER_ID = "kt-float-box-fixed-container";
         this.opened = "no";
@@ -980,8 +980,14 @@ class FloatBoxComponent {
          * @return {?}
          */
         (event) => {
+            /** @type {?} */
+            let floatElement;
+            if (this._floatClass) {
+                floatElement = document.querySelector(`${this._floatClass}`);
+            }
             if (!this.rootElement.nativeElement.contains((/** @type {?} */ (event.target))) &&
-                !this.fixedContainerEl.contains((/** @type {?} */ (event.target)))) {
+                !this.fixedContainerEl.contains((/** @type {?} */ (event.target))) &&
+                (!floatElement || !floatElement.contains((/** @type {?} */ (event.target))))) {
                 this.opened = "no";
                 this.openChange.emit(false);
                 window.removeEventListener("click", this.onClickOutside);
@@ -993,8 +999,14 @@ class FloatBoxComponent {
          * @return {?}
          */
         (event) => {
+            /** @type {?} */
+            let floatElement;
+            if (this._floatClass) {
+                floatElement = document.querySelector(`${this._floatClass}`);
+            }
             if (!this.rootElement.nativeElement.contains((/** @type {?} */ (event.target))) &&
-                !this.contentElement.nativeElement.contains((/** @type {?} */ (event.target)))) {
+                !this.contentElement.nativeElement.contains((/** @type {?} */ (event.target))) &&
+                (!floatElement || !floatElement.contains((/** @type {?} */ (event.target))))) {
                 this.opened = "no";
                 this.openChange.emit(false);
                 window.removeEventListener("click", this.onMoveOutside);
@@ -1215,6 +1227,7 @@ FloatBoxComponent.propDecorators = {
     _trigger: [{ type: Input, args: ["trigger",] }],
     _animation: [{ type: Input, args: ["animation",] }],
     _fixed: [{ type: Input, args: ["fixed",] }],
+    _floatClass: [{ type: Input, args: ["floatClass",] }],
     openChange: [{ type: Output, args: ["openChange",] }],
     rootElement: [{ type: ViewChild, args: ["element", { static: false },] }],
     contentElement: [{ type: ViewChild, args: ["content", { static: false },] }]
@@ -1231,6 +1244,8 @@ if (false) {
     /** @type {?} */
     FloatBoxComponent.prototype._fixed;
     /** @type {?} */
+    FloatBoxComponent.prototype._floatClass;
+    /** @type {?} */
     FloatBoxComponent.prototype.openChange;
     /** @type {?} */
     FloatBoxComponent.prototype.rootElement;
@@ -27669,7 +27684,7 @@ DashboardPorletsService.decorators = [
 /** @nocollapse */
 DashboardPorletsService.ctorParameters = () => [
     { type: ApiList },
-    { type: MatDialog$1 },
+    { type: MatDialog },
     { type: DialogService },
     { type: DashboardService },
     { type: HttpClient },
@@ -28813,8 +28828,8 @@ FieldFormatComponent.ctorParameters = () => [
     { type: DashboardService },
     { type: DashboardPorletsService },
     { type: DialogService },
-    { type: MatDialogRef$1 },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA$1,] }] },
+    { type: MatDialogRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [PBF_TOKEN,] }] }
 ];
 FieldFormatComponent.propDecorators = {
@@ -29509,10 +29524,10 @@ DataMartNewComponent.decorators = [
 ];
 /** @nocollapse */
 DataMartNewComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA$1,] }] },
-    { type: MatDialogRef$1 },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: MatDialogRef },
     { type: DialogService },
-    { type: MatDialog$1 },
+    { type: MatDialog },
     { type: ApiList },
     { type: DashboardService },
     { type: DashboardPorletsService },
@@ -29929,8 +29944,8 @@ PaneDownloadComponent.decorators = [
 ];
 /** @nocollapse */
 PaneDownloadComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA$1,] }] },
-    { type: MatDialogRef$1 },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: MatDialogRef },
     { type: DashboardPorletsService },
     { type: HttpClient },
     { type: ApiList },
@@ -32647,7 +32662,7 @@ PaneGroupNewComponent.decorators = [
 ];
 /** @nocollapse */
 PaneGroupNewComponent.ctorParameters = () => [
-    { type: MatDialog$1 },
+    { type: MatDialog },
     { type: DialogService },
     { type: DashboardService },
     { type: ApiList },