@apipass/modals 0.1.1-beta.4 → 0.1.1

package/apipass-modals.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"ModalsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":15,"character":4},{"__symbolic":"reference","module":"@apipass/buttons","name":"ButtonsModule","line":16,"character":4}],"declarations":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"exports":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"providers":[]}]}],"members":{}},"DialogData":{"__symbolic":"interface"},"ConfirmRemoveModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"confirm-remove-modal","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"confirmIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"removeTextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"removeTextConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"openModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"confirmModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":30,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ConfirmRemoveModalDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":63,"character":1},"arguments":[{"selector":"confirm-remove-modal-data","template":"<h1 *ngIf=\"data.title\" mat-dialog-title>\r\n  {{data.title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p *ngIf=\"data.content\">{{data.content}}</p>\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n    <input matInput [(ngModel)]=\"data.removeText\">\r\n  </mat-form-field>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button (click)=\"closeClick()\">No Thanks</button>\r\n  <secondary-button [icon]=\"data.confirmIcon\" [mat-dialog-close]=\"data\" [label]=\"data.confirmText\"></secondary-button>\r\n</div>\r\n","styles":[".clickable{cursor:pointer}.apipass-custom-icon{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":72,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":72,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}]},{"__symbolic":"reference","name":"any"}]}],"closeClick":[{"__symbolic":"method"}]}}},"origins":{"ModalsModule":"./modals.module","DialogData":"./lib/confirm-remove-modal.component","ConfirmRemoveModalComponent":"./lib/confirm-remove-modal.component","ConfirmRemoveModalDataComponent":"./lib/confirm-remove-modal.component"},"importAs":"@apipass/modals"}
+{"__symbolic":"module","version":4,"metadata":{"ModalsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":17,"character":4},{"__symbolic":"reference","module":"@apipass/inputs","name":"InputsModule","line":18,"character":4},{"__symbolic":"reference","module":"@apipass/buttons","name":"ButtonsModule","line":19,"character":4},{"__symbolic":"reference","module":"@apipass/icons","name":"IconsModule","line":20,"character":4}],"declarations":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"exports":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"providers":[]}]}],"members":{}},"DialogRole":{"__symbolic":"interface"},"DialogPosition":{"__symbolic":"interface"},"DialogConfig":{"__symbolic":"class","members":{}},"DialogData":{"__symbolic":"interface"},"ConfirmRemoveModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"confirm-remove-modal","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"confirmIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"removeTextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"removeTextConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"closeLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"dialogConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"openModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"confirmModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":72,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ConfirmRemoveModalDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":108,"character":1},"arguments":[{"selector":"confirm-remove-modal-data","template":"<div class=\"modal-title\">\r\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\r\n    {{data.title}}\r\n  </h3>\r\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\r\n</div>\r\n\r\n<div class=\"modal-content\" mat-dialog-content>\r\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\r\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\r\n</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\r\n</div>\r\n","styles":[".modal-title{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title h3{font-weight:700;margin:0;text-align:center;width:100%}.modal-title icon{position:absolute;right:-5px;top:-5px}.modal-content{margin-top:20px;text-align:center;width:100%}.modal-content input-text{width:80%}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":117,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":117,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}]},{"__symbolic":"reference","name":"any"}]}],"closeClick":[{"__symbolic":"method"}],"confirmClick":[{"__symbolic":"method"}],"isConfirmDisabled":[{"__symbolic":"method"}]}}},"origins":{"ModalsModule":"./modals.module","DialogRole":"./lib/confirm-remove-modal.component","DialogPosition":"./lib/confirm-remove-modal.component","DialogConfig":"./lib/confirm-remove-modal.component","DialogData":"./lib/confirm-remove-modal.component","ConfirmRemoveModalComponent":"./lib/confirm-remove-modal.component","ConfirmRemoveModalDataComponent":"./lib/confirm-remove-modal.component"},"importAs":"@apipass/modals"}

package/bundles/apipass-modals.umd.js

@@ -1,18 +1,26 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/form-field'), require('@angular/forms'), require('@angular/material/input'), require('@apipass/buttons')) :
-    typeof define === 'function' && define.amd ? define('@apipass/modals', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/form-field', '@angular/forms', '@angular/material/input', '@apipass/buttons'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.modals = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.formField, global.ng.forms, global.ng.material.input, global.buttons));
-}(this, (function (exports, core, common, dialog, formField, forms, input, buttons) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/form-field'), require('@angular/forms'), require('@angular/material/input'), require('@apipass/buttons'), require('@apipass/icons'), require('@apipass/inputs')) :
+    typeof define === 'function' && define.amd ? define('@apipass/modals', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/form-field', '@angular/forms', '@angular/material/input', '@apipass/buttons', '@apipass/icons', '@apipass/inputs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.modals = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.formField, global.ng.forms, global.ng.material.input, global.buttons, global.icons, global.inputs));
+}(this, (function (exports, core, common, dialog, formField, forms, input, buttons, icons, inputs) { 'use strict';
 
+    var DialogConfig = /** @class */ (function () {
+        function DialogConfig() {
+        }
+        return DialogConfig;
+    }());
     var ConfirmRemoveModalComponent = /** @class */ (function () {
         function ConfirmRemoveModalComponent(dialog) {
             this.dialog = dialog;
             this.title = '';
             this.content = '';
             this.confirmIcon = '';
-            this.confirmText = "Remove";
+            this.confirmText = 'Remove';
             this.removeTextLabel = '';
             this.removeTextConfirm = '';
+            this.showCloseIcon = true;
+            this.closeLabel = 'Close';
+            this.dialogConfig = new DialogConfig();
             this.openModal = new core.EventEmitter();
             this.confirmModal = new core.EventEmitter();
             this.closeModal = new core.EventEmitter();
@@ -20,23 +28,26 @@
         ConfirmRemoveModalComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.openModal.subscribe(function () {
-                var dialogRef = _this.dialog.open(ConfirmRemoveModalDataComponent, {
-                    width: '250px',
-                    data: {
-                        title: _this.title,
-                        content: _this.content,
-                        confirmIcon: _this.confirmIcon,
-                        confirmText: _this.confirmText,
-                        removeText: '',
-                        removeTextLabel: _this.removeTextLabel,
-                        removeTextConfirm: _this.removeTextConfirm,
-                    },
-                });
+                _this.dialogConfig.data = {
+                    title: _this.title,
+                    content: _this.content,
+                    confirmIcon: _this.confirmIcon,
+                    confirmText: _this.confirmText,
+                    removeText: '',
+                    removeTextLabel: _this.removeTextLabel,
+                    removeTextConfirm: _this.removeTextConfirm,
+                    showCloseIcon: _this.showCloseIcon,
+                    closeLabel: _this.closeLabel
+                };
+                var dialogRef = _this.dialog.open(ConfirmRemoveModalDataComponent, _this.dialogConfig);
                 dialogRef.afterClosed().subscribe(function (result) {
                     if (!result) {
                         _this.closeModal.next();
                         _this.confirmModal.next(false);
                     }
+                    if (!_this.removeTextConfirm) {
+                        _this.confirmModal.next(true);
+                    }
                     if ((result === null || result === void 0 ? void 0 : result.removeText) !== _this.removeTextConfirm) {
                         _this.confirmModal.next(false);
                     }
@@ -64,6 +75,9 @@
         confirmText: [{ type: core.Input }],
         removeTextLabel: [{ type: core.Input }],
         removeTextConfirm: [{ type: core.Input }],
+        showCloseIcon: [{ type: core.Input }],
+        closeLabel: [{ type: core.Input }],
+        dialogConfig: [{ type: core.Input }],
         openModal: [{ type: core.Input }],
         confirmModal: [{ type: core.Output }],
         closeModal: [{ type: core.Output }]
@@ -76,13 +90,26 @@
         ConfirmRemoveModalDataComponent.prototype.closeClick = function () {
             this.dialogRef.close();
         };
+        ConfirmRemoveModalDataComponent.prototype.confirmClick = function () {
+            var _a, _b, _c;
+            if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
+                this.dialogRef.close(this.data);
+            }
+        };
+        ConfirmRemoveModalDataComponent.prototype.isConfirmDisabled = function () {
+            var _a, _b, _c;
+            if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
+                return false;
+            }
+            return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
+        };
         return ConfirmRemoveModalDataComponent;
     }());
     ConfirmRemoveModalDataComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'confirm-remove-modal-data',
-                    template: "<h1 *ngIf=\"data.title\" mat-dialog-title>\r\n  {{data.title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p *ngIf=\"data.content\">{{data.content}}</p>\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n    <input matInput [(ngModel)]=\"data.removeText\">\r\n  </mat-form-field>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button (click)=\"closeClick()\">No Thanks</button>\r\n  <secondary-button [icon]=\"data.confirmIcon\" [mat-dialog-close]=\"data\" [label]=\"data.confirmText\"></secondary-button>\r\n</div>\r\n",
-                    styles: [".clickable{cursor:pointer}.apipass-custom-icon{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"]
+                    template: "<div class=\"modal-title\">\r\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\r\n    {{data.title}}\r\n  </h3>\r\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\r\n</div>\r\n\r\n<div class=\"modal-content\" mat-dialog-content>\r\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\r\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\r\n</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\r\n</div>\r\n",
+                    styles: [".modal-title{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title h3{font-weight:700;margin:0;text-align:center;width:100%}.modal-title icon{position:absolute;right:-5px;top:-5px}.modal-content{margin-top:20px;text-align:center;width:100%}.modal-content input-text{width:80%}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
                 },] }
     ];
     ConfirmRemoveModalDataComponent.ctorParameters = function () { return [
@@ -103,7 +130,9 @@
                         formField.MatFormFieldModule,
                         forms.FormsModule,
                         input.MatInputModule,
+                        inputs.InputsModule,
                         buttons.ButtonsModule,
+                        icons.IconsModule,
                     ],
                     declarations: [
                         ConfirmRemoveModalComponent,
@@ -126,6 +155,7 @@
 
     exports.ConfirmRemoveModalComponent = ConfirmRemoveModalComponent;
     exports.ConfirmRemoveModalDataComponent = ConfirmRemoveModalDataComponent;
+    exports.DialogConfig = DialogConfig;
     exports.ModalsModule = ModalsModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });

package/bundles/apipass-modals.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"apipass-modals.umd.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, Input, EventEmitter, Output, OnInit, Inject} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title: string = '';\r\n  @Input() public content: string = '';\r\n  @Input() public confirmIcon: string = '';\r\n  @Input() public confirmText: string = \"Remove\";\r\n  @Input() public removeTextLabel: string = '';\r\n  @Input() public removeTextConfirm: string = '';\r\n\r\n  @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe(() => {\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, {\r\n        width: '250px',\r\n        data: {\r\n          title: this.title,\r\n          content: this.content,\r\n          confirmIcon: this.confirmIcon,\r\n          confirmText: this.confirmText,\r\n          removeText: '',\r\n          removeTextLabel: this.removeTextLabel,\r\n          removeTextConfirm: this.removeTextConfirm,\r\n        },\r\n      });\r\n      dialogRef.afterClosed().subscribe((result : DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next()\r\n          this.confirmModal.next(false);\r\n        }\r\n        if (result?.removeText !== this.removeTextConfirm) {\r\n          this.confirmModal.next(false);\r\n        } else {\r\n          this.confirmModal.next(true);\r\n        }\r\n      });\r\n    })\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {}\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from \"./lib/confirm-remove-modal.component\";\r\nimport {MatDialogModule} from \"@angular/material/dialog\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {FormsModule} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {ButtonsModule} from \"@apipass/buttons\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    ButtonsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","MatDialog","Input","Output","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","ButtonsModule"],"mappings":";;;;;;;QA8BE,qCAAmB,MAAiB;YAAjB,WAAM,GAAN,MAAM,CAAW;YAXpB,UAAK,GAAW,EAAE,CAAC;YACnB,YAAO,GAAW,EAAE,CAAC;YACrB,gBAAW,GAAW,EAAE,CAAC;YACzB,gBAAW,GAAW,QAAQ,CAAC;YAC/B,oBAAe,GAAW,EAAE,CAAC;YAC7B,sBAAiB,GAAW,EAAE,CAAC;YAE/B,cAAS,GAAuB,IAAIA,iBAAY,EAAE,CAAC;YAClD,iBAAY,GAA0B,IAAIA,iBAAY,EAAE,CAAC;YACzD,eAAU,GAAuB,IAAIA,iBAAY,EAAE,CAAC;SAGpE;QAED,8CAAQ,GAAR;YAAA,iBA0BC;YAzBC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;gBACvB,IAAM,SAAS,GAAG,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,+BAA+B,EAAE;oBAClE,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE;wBACJ,KAAK,EAAE,KAAI,CAAC,KAAK;wBACjB,OAAO,EAAE,KAAI,CAAC,OAAO;wBACrB,WAAW,EAAE,KAAI,CAAC,WAAW;wBAC7B,WAAW,EAAE,KAAI,CAAC,WAAW;wBAC7B,UAAU,EAAE,EAAE;wBACd,eAAe,EAAE,KAAI,CAAC,eAAe;wBACrC,iBAAiB,EAAE,KAAI,CAAC,iBAAiB;qBAC1C;iBACF,CAAC,CAAC;gBACH,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,UAAC,MAAmB;oBACpD,IAAI,CAAC,MAAM,EAAE;wBACX,KAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;wBACtB,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC/B;oBACD,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,KAAI,CAAC,iBAAiB,EAAE;wBACjD,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC/B;yBAAM;wBACL,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBAC9B;iBACF,CAAC,CAAC;aACJ,CAAC,CAAA;SACH;;;;gBA9CFC,cAAS,SAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE,EAAE;iBACb;;;gBAfwBC,gBAAS;;;wBAkB/BC,UAAK;0BACLA,UAAK;8BACLA,UAAK;8BACLA,UAAK;kCACLA,UAAK;oCACLA,UAAK;4BAELA,UAAK;+BACLC,WAAM;6BACNA,WAAM;;;QA0CP,yCACS,SAAwD,EAC/B,IAAgB;YADzC,cAAS,GAAT,SAAS,CAA+C;YAC/B,SAAI,GAAJ,IAAI,CAAY;SAC9C;QAEJ,oDAAU,GAAV;YACE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;SACxB;;;;gBAdFH,cAAS,SAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,umBAAkD;;iBAEnD;;;gBAlEmCI,mBAAY;gDAuE3CC,WAAM,SAACC,sBAAe;;;;QCzC3B;;;;;gBAtBCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,sBAAe;wBACfC,4BAAkB;wBAClBC,iBAAW;wBACXC,oBAAc;wBACdC,qBAAa;qBACd;oBACD,YAAY,EAAE;wBACZ,2BAA2B;wBAC3B,+BAA+B;qBAChC;oBACD,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,+BAA+B;qBAChC;oBACD,eAAe,EAAE;wBACf,+BAA+B;qBAChC;oBACD,SAAS,EAAE,EAAE;iBACd;;;IC9BD;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"apipass-modals.umd.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\nimport {Direction} from \"@angular/cdk/bidi\";\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n  top?: string;\r\n  bottom?: string;\r\n  left?: string;\r\n  right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n  id?: string;\r\n  role?: DialogRole;\r\n  panelClass?: string | string[];\r\n  hasBackdrop?: boolean;\r\n  backdropClass?: string;\r\n  disableClose?: boolean;\r\n\r\n  width?: string;\r\n  height?: string;\r\n  minWidth?: number | string;\r\n  minHeight?: number | string;\r\n  maxWidth?: number | string;\r\n  maxHeight?: number | string;\r\n\r\n  data?: any;\r\n  position?: DialogPosition;\r\n  direction?: Direction;\r\n  ariaDescribedBy?: string | null;\r\n  ariaLabelledBy?: string | null;\r\n  ariaLabel?: string | null;\r\n  autoFocus?: boolean;\r\n  restoreFocus?: boolean;\r\n  closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n  showCloseIcon: boolean;\r\n  closeLabel: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title: string = '';\r\n  @Input() public content: string = '';\r\n  @Input() public confirmIcon: string = '';\r\n  @Input() public confirmText: string = 'Remove';\r\n  @Input() public removeTextLabel: string = '';\r\n  @Input() public removeTextConfirm: string = '';\r\n  @Input() public showCloseIcon: boolean = true;\r\n  @Input() public closeLabel: string = 'Close';\r\n\r\n  @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n  @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe(() => {\r\n      this.dialogConfig.data = {\r\n        title: this.title,\r\n        content: this.content,\r\n        confirmIcon: this.confirmIcon,\r\n        confirmText: this.confirmText,\r\n        removeText: '',\r\n        removeTextLabel: this.removeTextLabel,\r\n        removeTextConfirm: this.removeTextConfirm,\r\n        showCloseIcon: this.showCloseIcon,\r\n        closeLabel: this.closeLabel\r\n      };\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);\r\n      dialogRef.afterClosed().subscribe((result: DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next()\r\n          this.confirmModal.next(false);\r\n        }\r\n        if (!this.removeTextConfirm) {\r\n          this.confirmModal.next(true);\r\n        }\r\n        if (result?.removeText !== this.removeTextConfirm) {\r\n          this.confirmModal.next(false);\r\n        } else {\r\n          this.confirmModal.next(true);\r\n        }\r\n      });\r\n    })\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {\r\n  }\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n  confirmClick(): void {\r\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\r\n      this.dialogRef.close(this.data);\r\n    }\r\n  }\r\n\r\n  isConfirmDisabled(): boolean {\r\n    if (!this.data?.removeTextConfirm) {\r\n      return false;\r\n    }\r\n    return this.data?.removeText !== this.data?.removeTextConfirm;\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from \"./lib/confirm-remove-modal.component\";\r\nimport {MatDialogModule} from \"@angular/material/dialog\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {FormsModule} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {ButtonsModule} from \"@apipass/buttons\";\r\nimport {IconsModule} from \"@apipass/icons\";\r\nimport {InputsModule} from \"@apipass/inputs\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    InputsModule,\r\n    ButtonsModule,\r\n    IconsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","MatDialog","Input","Output","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule"],"mappings":"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"}

package/bundles/apipass-modals.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/dialog"),require("@angular/material/form-field"),require("@angular/forms"),require("@angular/material/input"),require("@apipass/buttons")):"function"==typeof define&&define.amd?define("@apipass/modals",["exports","@angular/core","@angular/common","@angular/material/dialog","@angular/material/form-field","@angular/forms","@angular/material/input","@apipass/buttons"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.modals={}),e.ng.core,e.ng.common,e.ng.material.dialog,e.ng.material.formField,e.ng.forms,e.ng.material.input,e.buttons)}(this,(function(e,t,o,a,n,i,r,s){"use strict";var l=function(){function e(e){this.dialog=e,this.title="",this.content="",this.confirmIcon="",this.confirmText="Remove",this.removeTextLabel="",this.removeTextConfirm="",this.openModal=new t.EventEmitter,this.confirmModal=new t.EventEmitter,this.closeModal=new t.EventEmitter}return e.prototype.ngOnInit=function(){var e=this;this.openModal.subscribe((function(){e.dialog.open(m,{width:"250px",data:{title:e.title,content:e.content,confirmIcon:e.confirmIcon,confirmText:e.confirmText,removeText:"",removeTextLabel:e.removeTextLabel,removeTextConfirm:e.removeTextConfirm}}).afterClosed().subscribe((function(t){t||(e.closeModal.next(),e.confirmModal.next(!1)),(null==t?void 0:t.removeText)!==e.removeTextConfirm?e.confirmModal.next(!1):e.confirmModal.next(!0)}))}))},e}();l.decorators=[{type:t.Component,args:[{selector:"confirm-remove-modal",template:""}]}],l.ctorParameters=function(){return[{type:a.MatDialog}]},l.propDecorators={title:[{type:t.Input}],content:[{type:t.Input}],confirmIcon:[{type:t.Input}],confirmText:[{type:t.Input}],removeTextLabel:[{type:t.Input}],removeTextConfirm:[{type:t.Input}],openModal:[{type:t.Input}],confirmModal:[{type:t.Output}],closeModal:[{type:t.Output}]};var m=function(){function e(e,t){this.dialogRef=e,this.data=t}return e.prototype.closeClick=function(){this.dialogRef.close()},e}();m.decorators=[{type:t.Component,args:[{selector:"confirm-remove-modal-data",template:'<h1 *ngIf="data.title" mat-dialog-title>\r\n  {{data.title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p *ngIf="data.content">{{data.content}}</p>\r\n  <mat-form-field appearance="fill">\r\n    <mat-label *ngIf="data.removeTextLabel">{{data.removeTextLabel}}</mat-label>\r\n    <input matInput [(ngModel)]="data.removeText">\r\n  </mat-form-field>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button (click)="closeClick()">No Thanks</button>\r\n  <secondary-button [icon]="data.confirmIcon" [mat-dialog-close]="data" [label]="data.confirmText"></secondary-button>\r\n</div>\r\n',styles:[".clickable{cursor:pointer}.apipass-custom-icon{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"]}]}],m.ctorParameters=function(){return[{type:a.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[a.MAT_DIALOG_DATA]}]}]};var c=function(){};c.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,a.MatDialogModule,n.MatFormFieldModule,i.FormsModule,r.MatInputModule,s.ButtonsModule],declarations:[l,m],exports:[l,m],entryComponents:[m],providers:[]}]}],e.ConfirmRemoveModalComponent=l,e.ConfirmRemoveModalDataComponent=m,e.ModalsModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/dialog"),require("@angular/material/form-field"),require("@angular/forms"),require("@angular/material/input"),require("@apipass/buttons"),require("@apipass/icons"),require("@apipass/inputs")):"function"==typeof define&&define.amd?define("@apipass/modals",["exports","@angular/core","@angular/common","@angular/material/dialog","@angular/material/form-field","@angular/forms","@angular/material/input","@apipass/buttons","@apipass/icons","@apipass/inputs"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.modals={}),e.ng.core,e.ng.common,e.ng.material.dialog,e.ng.material.formField,e.ng.forms,e.ng.material.input,e.buttons,e.icons,e.inputs)}(this,(function(e,t,o,n,i,a,r,l,s,d){"use strict";var m=function(){},c=function(){function e(e){this.dialog=e,this.title="",this.content="",this.confirmIcon="",this.confirmText="Remove",this.removeTextLabel="",this.removeTextConfirm="",this.showCloseIcon=!0,this.closeLabel="Close",this.dialogConfig=new m,this.openModal=new t.EventEmitter,this.confirmModal=new t.EventEmitter,this.closeModal=new t.EventEmitter}return e.prototype.ngOnInit=function(){var e=this;this.openModal.subscribe((function(){e.dialogConfig.data={title:e.title,content:e.content,confirmIcon:e.confirmIcon,confirmText:e.confirmText,removeText:"",removeTextLabel:e.removeTextLabel,removeTextConfirm:e.removeTextConfirm,showCloseIcon:e.showCloseIcon,closeLabel:e.closeLabel},e.dialog.open(p,e.dialogConfig).afterClosed().subscribe((function(t){t||(e.closeModal.next(),e.confirmModal.next(!1)),e.removeTextConfirm||e.confirmModal.next(!0),(null==t?void 0:t.removeText)!==e.removeTextConfirm?e.confirmModal.next(!1):e.confirmModal.next(!0)}))}))},e}();c.decorators=[{type:t.Component,args:[{selector:"confirm-remove-modal",template:""}]}],c.ctorParameters=function(){return[{type:n.MatDialog}]},c.propDecorators={title:[{type:t.Input}],content:[{type:t.Input}],confirmIcon:[{type:t.Input}],confirmText:[{type:t.Input}],removeTextLabel:[{type:t.Input}],removeTextConfirm:[{type:t.Input}],showCloseIcon:[{type:t.Input}],closeLabel:[{type:t.Input}],dialogConfig:[{type:t.Input}],openModal:[{type:t.Input}],confirmModal:[{type:t.Output}],closeModal:[{type:t.Output}]};var p=function(){function e(e,t){this.dialogRef=e,this.data=t}return e.prototype.closeClick=function(){this.dialogRef.close()},e.prototype.confirmClick=function(){var e,t,o;(null===(e=this.data)||void 0===e?void 0:e.removeTextConfirm)&&(null===(t=this.data)||void 0===t?void 0:t.removeText)!==(null===(o=this.data)||void 0===o?void 0:o.removeTextConfirm)||this.dialogRef.close(this.data)},e.prototype.isConfirmDisabled=function(){var e,t,o;return!!(null===(e=this.data)||void 0===e?void 0:e.removeTextConfirm)&&(null===(t=this.data)||void 0===t?void 0:t.removeText)!==(null===(o=this.data)||void 0===o?void 0:o.removeTextConfirm)},e}();p.decorators=[{type:t.Component,args:[{selector:"confirm-remove-modal-data",template:'<div class="modal-title">\r\n  <h3 *ngIf="data.title" mat-dialog-title>\r\n    {{data.title}}\r\n  </h3>\r\n  <icon *ngIf="data.showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="data.closeLabel" (onClick)="closeClick()"></icon>\r\n</div>\r\n\r\n<div class="modal-content" mat-dialog-content>\r\n  <p *ngIf="data.content" [innerHTML]="data.content"></p>\r\n  <input-text *ngIf="data.removeTextConfirm" [label]="data.removeTextLabel" [(ngModel)]="data.removeText"></input-text>\r\n</div>\r\n\r\n<div class="modal-actions" mat-dialog-actions>\r\n  <secondary-button [btnDisabled]="isConfirmDisabled()" [icon]="data.confirmIcon" [label]="data.confirmText" (onClick)="confirmClick()"></secondary-button>\r\n</div>\r\n',styles:[".modal-title{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title h3{font-weight:700;margin:0;text-align:center;width:100%}.modal-title icon{position:absolute;right:-5px;top:-5px}.modal-content{margin-top:20px;text-align:center;width:100%}.modal-content input-text{width:80%}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]}]}],p.ctorParameters=function(){return[{type:n.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[n.MAT_DIALOG_DATA]}]}]};var u=function(){};u.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,n.MatDialogModule,i.MatFormFieldModule,a.FormsModule,r.MatInputModule,d.InputsModule,l.ButtonsModule,s.IconsModule],declarations:[c,p],exports:[c,p],entryComponents:[p],providers:[]}]}],e.ConfirmRemoveModalComponent=c,e.ConfirmRemoveModalDataComponent=p,e.DialogConfig=m,e.ModalsModule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=apipass-modals.umd.min.js.map

package/bundles/apipass-modals.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts"],"names":["ConfirmRemoveModalComponent","dialog","this","title","content","confirmIcon","confirmText","removeTextLabel","removeTextConfirm","openModal","EventEmitter","confirmModal","closeModal","prototype","ngOnInit","_this","subscribe","open","ConfirmRemoveModalDataComponent","width","data","removeText","afterClosed","result","next","Component","args","selector","template","MatDialog","Input","Output","dialogRef","closeClick","close","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","ButtonsModule","declarations","exports","entryComponents","providers"],"mappings":"gyBA8BE,SAAAA,EAAmBC,GAAAC,KAAAD,OAAAA,EAXHC,KAAAC,MAAgB,GAChBD,KAAAE,QAAkB,GAClBF,KAAAG,YAAsB,GACtBH,KAAAI,YAAsB,SACtBJ,KAAAK,gBAA0B,GAC1BL,KAAAM,kBAA4B,GAE5BN,KAAAO,UAAgC,IAAIC,EAAAA,aACnCR,KAAAS,aAAsC,IAAID,EAAAA,aAC1CR,KAAAU,WAAiC,IAAIF,EAAAA,oBAKtDV,EAAAa,UAAAC,SAAA,WAAA,IAAAC,EAAAb,KACEA,KAAKO,UAAUO,WAAU,WACLD,EAAKd,OAAOgB,KAAKC,EAAiC,CAClEC,MAAO,QACPC,KAAM,CACJjB,MAAOY,EAAKZ,MACZC,QAASW,EAAKX,QACdC,YAAaU,EAAKV,YAClBC,YAAaS,EAAKT,YAClBe,WAAY,GACZd,gBAAiBQ,EAAKR,gBACtBC,kBAAmBO,EAAKP,qBAGlBc,cAAcN,WAAU,SAACO,GAC5BA,IACHR,EAAKH,WAAWY,OAChBT,EAAKJ,aAAaa,MAAK,KAErBD,MAAAA,OAAM,EAANA,EAAQF,cAAeN,EAAKP,kBAC9BO,EAAKJ,aAAaa,MAAK,GAEvBT,EAAKJ,aAAaa,MAAK,mCA1ChCC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,uBACVC,SAAU,gDAdaC,EAAAA,4CAkBtBC,EAAAA,uBACAA,EAAAA,2BACAA,EAAAA,2BACAA,EAAAA,+BACAA,EAAAA,iCACAA,EAAAA,yBAEAA,EAAAA,4BACAC,EAAAA,2BACAA,EAAAA,2BA0CD,SAAAb,EACSc,EACyBZ,GADzBlB,KAAA8B,UAAAA,EACyB9B,KAAAkB,KAAAA,SAGlCF,EAAAL,UAAAoB,WAAA,WACE/B,KAAK8B,UAAUE,kCAblBT,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,4BACVC,SAAA,krCAhEkCO,EAAAA,6CAuE/BC,EAAAA,OAAMV,KAAA,CAACW,EAAAA,4BCzCZ,iCAtBCC,EAAAA,SAAQZ,KAAA,CAAC,CACRa,QAAS,CACPC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,YACAC,EAAAA,eACAC,EAAAA,eAEFC,aAAc,CACZ9C,EACAkB,GAEF6B,QAAS,CACP/C,EACAkB,GAEF8B,gBAAiB,CACf9B,GAEF+B,UAAW","sourcesContent":["import {Component, Input, EventEmitter, Output, OnInit, Inject} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title: string = '';\r\n  @Input() public content: string = '';\r\n  @Input() public confirmIcon: string = '';\r\n  @Input() public confirmText: string = \"Remove\";\r\n  @Input() public removeTextLabel: string = '';\r\n  @Input() public removeTextConfirm: string = '';\r\n\r\n  @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe(() => {\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, {\r\n        width: '250px',\r\n        data: {\r\n          title: this.title,\r\n          content: this.content,\r\n          confirmIcon: this.confirmIcon,\r\n          confirmText: this.confirmText,\r\n          removeText: '',\r\n          removeTextLabel: this.removeTextLabel,\r\n          removeTextConfirm: this.removeTextConfirm,\r\n        },\r\n      });\r\n      dialogRef.afterClosed().subscribe((result : DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next()\r\n          this.confirmModal.next(false);\r\n        }\r\n        if (result?.removeText !== this.removeTextConfirm) {\r\n          this.confirmModal.next(false);\r\n        } else {\r\n          this.confirmModal.next(true);\r\n        }\r\n      });\r\n    })\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {}\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from \"./lib/confirm-remove-modal.component\";\r\nimport {MatDialogModule} from \"@angular/material/dialog\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {FormsModule} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {ButtonsModule} from \"@apipass/buttons\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    ButtonsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n"]}
+{"version":3,"sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts"],"names":["ConfirmRemoveModalComponent","dialog","this","title","content","confirmIcon","confirmText","removeTextLabel","removeTextConfirm","showCloseIcon","closeLabel","dialogConfig","DialogConfig","openModal","EventEmitter","confirmModal","closeModal","prototype","ngOnInit","_this","subscribe","data","removeText","open","ConfirmRemoveModalDataComponent","afterClosed","result","next","Component","args","selector","template","MatDialog","Input","Output","dialogRef","closeClick","close","confirmClick","_a","_b","_c","isConfirmDisabled","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","declarations","exports","entryComponents","providers"],"mappings":"k4BAaA,0BA2DE,SAAAA,EAAmBC,GAAAC,KAAAD,OAAAA,EAfHC,KAAAC,MAAgB,GAChBD,KAAAE,QAAkB,GAClBF,KAAAG,YAAsB,GACtBH,KAAAI,YAAsB,SACtBJ,KAAAK,gBAA0B,GAC1BL,KAAAM,kBAA4B,GAC5BN,KAAAO,eAAyB,EACzBP,KAAAQ,WAAqB,QAErBR,KAAAS,aAA6B,IAAIC,EAEjCV,KAAAW,UAAgC,IAAIC,EAAAA,aACnCZ,KAAAa,aAAsC,IAAID,EAAAA,aAC1CZ,KAAAc,WAAiC,IAAIF,EAAAA,oBAKtDd,EAAAiB,UAAAC,SAAA,WAAA,IAAAC,EAAAjB,KACEA,KAAKW,UAAUO,WAAU,WACvBD,EAAKR,aAAaU,KAAO,CACvBlB,MAAOgB,EAAKhB,MACZC,QAASe,EAAKf,QACdC,YAAac,EAAKd,YAClBC,YAAaa,EAAKb,YAClBgB,WAAY,GACZf,gBAAiBY,EAAKZ,gBACtBC,kBAAmBW,EAAKX,kBACxBC,cAAeU,EAAKV,cACpBC,WAAYS,EAAKT,YAEDS,EAAKlB,OAAOsB,KAAKC,EAAiCL,EAAKR,cAC/Dc,cAAcL,WAAU,SAACM,GAC5BA,IACHP,EAAKH,WAAWW,OAChBR,EAAKJ,aAAaY,MAAK,IAEpBR,EAAKX,mBACRW,EAAKJ,aAAaY,MAAK,IAErBD,MAAAA,OAAM,EAANA,EAAQJ,cAAeH,EAAKX,kBAC9BW,EAAKJ,aAAaY,MAAK,GAEvBR,EAAKJ,aAAaY,MAAK,mCAjDhCC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,uBACVC,SAAU,gDApDaC,EAAAA,4CAwDtBC,EAAAA,uBACAA,EAAAA,2BACAA,EAAAA,2BACAA,EAAAA,+BACAA,EAAAA,iCACAA,EAAAA,6BACAA,EAAAA,0BACAA,EAAAA,4BAEAA,EAAAA,yBAEAA,EAAAA,4BACAC,EAAAA,2BACAA,EAAAA,2BA6CD,SAAAV,EACSW,EACyBd,GADzBnB,KAAAiC,UAAAA,EACyBjC,KAAAmB,KAAAA,SAIlCG,EAAAP,UAAAmB,WAAA,WACElC,KAAKiC,UAAUE,SAGjBb,EAAAP,UAAAqB,aAAA,sBACgB,QAAVC,EAACrC,KAAKmB,YAAI,IAAAkB,OAAA,EAAAA,EAAE/B,qBAA8B,QAATgC,EAAAtC,KAAKmB,YAAI,IAAAmB,OAAA,EAAAA,EAAElB,eAAwB,QAAdmB,EAAKvC,KAAKmB,YAAI,IAAAoB,OAAA,EAAAA,EAAEjC,oBACxEN,KAAKiC,UAAUE,MAAMnC,KAAKmB,OAI9BG,EAAAP,UAAAyB,kBAAA,qBACE,SAAc,QAAVH,EAACrC,KAAKmB,YAAI,IAAAkB,OAAA,EAAAA,EAAE/B,qBAGA,QAATgC,EAAAtC,KAAKmB,YAAI,IAAAmB,OAAA,EAAAA,EAAElB,eAAwB,QAAdmB,EAAKvC,KAAKmB,YAAI,IAAAoB,OAAA,EAAAA,EAAEjC,6CA3B/CoB,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,4BACVC,SAAA,4qCA7GkCY,EAAAA,6CAoH/BC,EAAAA,OAAMf,KAAA,CAACgB,EAAAA,4BClFZ,iCAxBCC,EAAAA,SAAQjB,KAAA,CAAC,CACRkB,QAAS,CACPC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,YACAC,EAAAA,eACAC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,aAEFC,aAAc,CACZxD,EACAwB,GAEFiC,QAAS,CACPzD,EACAwB,GAEFkC,gBAAiB,CACflC,GAEFmC,UAAW","sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\nimport {Direction} from \"@angular/cdk/bidi\";\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n  top?: string;\r\n  bottom?: string;\r\n  left?: string;\r\n  right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n  id?: string;\r\n  role?: DialogRole;\r\n  panelClass?: string | string[];\r\n  hasBackdrop?: boolean;\r\n  backdropClass?: string;\r\n  disableClose?: boolean;\r\n\r\n  width?: string;\r\n  height?: string;\r\n  minWidth?: number | string;\r\n  minHeight?: number | string;\r\n  maxWidth?: number | string;\r\n  maxHeight?: number | string;\r\n\r\n  data?: any;\r\n  position?: DialogPosition;\r\n  direction?: Direction;\r\n  ariaDescribedBy?: string | null;\r\n  ariaLabelledBy?: string | null;\r\n  ariaLabel?: string | null;\r\n  autoFocus?: boolean;\r\n  restoreFocus?: boolean;\r\n  closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n  showCloseIcon: boolean;\r\n  closeLabel: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title: string = '';\r\n  @Input() public content: string = '';\r\n  @Input() public confirmIcon: string = '';\r\n  @Input() public confirmText: string = 'Remove';\r\n  @Input() public removeTextLabel: string = '';\r\n  @Input() public removeTextConfirm: string = '';\r\n  @Input() public showCloseIcon: boolean = true;\r\n  @Input() public closeLabel: string = 'Close';\r\n\r\n  @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n  @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe(() => {\r\n      this.dialogConfig.data = {\r\n        title: this.title,\r\n        content: this.content,\r\n        confirmIcon: this.confirmIcon,\r\n        confirmText: this.confirmText,\r\n        removeText: '',\r\n        removeTextLabel: this.removeTextLabel,\r\n        removeTextConfirm: this.removeTextConfirm,\r\n        showCloseIcon: this.showCloseIcon,\r\n        closeLabel: this.closeLabel\r\n      };\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);\r\n      dialogRef.afterClosed().subscribe((result: DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next()\r\n          this.confirmModal.next(false);\r\n        }\r\n        if (!this.removeTextConfirm) {\r\n          this.confirmModal.next(true);\r\n        }\r\n        if (result?.removeText !== this.removeTextConfirm) {\r\n          this.confirmModal.next(false);\r\n        } else {\r\n          this.confirmModal.next(true);\r\n        }\r\n      });\r\n    })\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {\r\n  }\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n  confirmClick(): void {\r\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\r\n      this.dialogRef.close(this.data);\r\n    }\r\n  }\r\n\r\n  isConfirmDisabled(): boolean {\r\n    if (!this.data?.removeTextConfirm) {\r\n      return false;\r\n    }\r\n    return this.data?.removeText !== this.data?.removeTextConfirm;\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from \"./lib/confirm-remove-modal.component\";\r\nimport {MatDialogModule} from \"@angular/material/dialog\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {FormsModule} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {ButtonsModule} from \"@apipass/buttons\";\r\nimport {IconsModule} from \"@apipass/icons\";\r\nimport {InputsModule} from \"@apipass/inputs\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    InputsModule,\r\n    ButtonsModule,\r\n    IconsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n"]}

package/esm2015/lib/confirm-remove-modal.component.js

@@ -1,37 +1,45 @@
-import { Component, Input, EventEmitter, Output, Inject } from '@angular/core';
+import { Component, EventEmitter, Inject, Input, Output } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from "@angular/material/dialog";
+export class DialogConfig {
+}
 export class ConfirmRemoveModalComponent {
     constructor(dialog) {
         this.dialog = dialog;
         this.title = '';
         this.content = '';
         this.confirmIcon = '';
-        this.confirmText = "Remove";
+        this.confirmText = 'Remove';
         this.removeTextLabel = '';
         this.removeTextConfirm = '';
+        this.showCloseIcon = true;
+        this.closeLabel = 'Close';
+        this.dialogConfig = new DialogConfig();
         this.openModal = new EventEmitter();
         this.confirmModal = new EventEmitter();
         this.closeModal = new EventEmitter();
     }
     ngOnInit() {
         this.openModal.subscribe(() => {
-            const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, {
-                width: '250px',
-                data: {
-                    title: this.title,
-                    content: this.content,
-                    confirmIcon: this.confirmIcon,
-                    confirmText: this.confirmText,
-                    removeText: '',
-                    removeTextLabel: this.removeTextLabel,
-                    removeTextConfirm: this.removeTextConfirm,
-                },
-            });
+            this.dialogConfig.data = {
+                title: this.title,
+                content: this.content,
+                confirmIcon: this.confirmIcon,
+                confirmText: this.confirmText,
+                removeText: '',
+                removeTextLabel: this.removeTextLabel,
+                removeTextConfirm: this.removeTextConfirm,
+                showCloseIcon: this.showCloseIcon,
+                closeLabel: this.closeLabel
+            };
+            const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);
             dialogRef.afterClosed().subscribe((result) => {
                 if (!result) {
                     this.closeModal.next();
                     this.confirmModal.next(false);
                 }
+                if (!this.removeTextConfirm) {
+                    this.confirmModal.next(true);
+                }
                 if ((result === null || result === void 0 ? void 0 : result.removeText) !== this.removeTextConfirm) {
                     this.confirmModal.next(false);
                 }
@@ -58,6 +66,9 @@ ConfirmRemoveModalComponent.propDecorators = {
     confirmText: [{ type: Input }],
     removeTextLabel: [{ type: Input }],
     removeTextConfirm: [{ type: Input }],
+    showCloseIcon: [{ type: Input }],
+    closeLabel: [{ type: Input }],
+    dialogConfig: [{ type: Input }],
     openModal: [{ type: Input }],
     confirmModal: [{ type: Output }],
     closeModal: [{ type: Output }]
@@ -70,16 +81,29 @@ export class ConfirmRemoveModalDataComponent {
     closeClick() {
         this.dialogRef.close();
     }
+    confirmClick() {
+        var _a, _b, _c;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
+            this.dialogRef.close(this.data);
+        }
+    }
+    isConfirmDisabled() {
+        var _a, _b, _c;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
+            return false;
+        }
+        return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
+    }
 }
 ConfirmRemoveModalDataComponent.decorators = [
     { type: Component, args: [{
                 selector: 'confirm-remove-modal-data',
-                template: "<h1 *ngIf=\"data.title\" mat-dialog-title>\r\n  {{data.title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p *ngIf=\"data.content\">{{data.content}}</p>\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n    <input matInput [(ngModel)]=\"data.removeText\">\r\n  </mat-form-field>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button (click)=\"closeClick()\">No Thanks</button>\r\n  <secondary-button [icon]=\"data.confirmIcon\" [mat-dialog-close]=\"data\" [label]=\"data.confirmText\"></secondary-button>\r\n</div>\r\n",
-                styles: [".clickable{cursor:pointer}.apipass-custom-icon{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"]
+                template: "<div class=\"modal-title\">\r\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\r\n    {{data.title}}\r\n  </h3>\r\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\r\n</div>\r\n\r\n<div class=\"modal-content\" mat-dialog-content>\r\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\r\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\r\n</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\r\n</div>\r\n",
+                styles: [".modal-title{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title h3{font-weight:700;margin:0;text-align:center;width:100%}.modal-title icon{position:absolute;right:-5px;top:-5px}.modal-content{margin-top:20px;text-align:center;width:100%}.modal-content input-text{width:80%}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
             },] }
 ];
 ConfirmRemoveModalDataComponent.ctorParameters = () => [
     { type: MatDialogRef },
     { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBZ0JsRixNQUFNLE9BQU8sMkJBQTJCO0lBYXRDLFlBQW1CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFYcEIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGdCQUFXLEdBQVcsUUFBUSxDQUFDO1FBQy9CLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLHNCQUFpQixHQUFXLEVBQUUsQ0FBQztRQUUvQixjQUFTLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEQsaUJBQVksR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN6RCxlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFHckUsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDNUIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsK0JBQStCLEVBQUU7Z0JBQ2xFLEtBQUssRUFBRSxPQUFPO2dCQUNkLElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7b0JBQ2pCLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTztvQkFDckIsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO29CQUM3QixXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVc7b0JBQzdCLFVBQVUsRUFBRSxFQUFFO29CQUNkLGVBQWUsRUFBRSxJQUFJLENBQUMsZUFBZTtvQkFDckMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGlCQUFpQjtpQkFDMUM7YUFDRixDQUFDLENBQUM7WUFDSCxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBbUIsRUFBRSxFQUFFO2dCQUN4RCxJQUFJLENBQUMsTUFBTSxFQUFFO29CQUNYLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUE7b0JBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUMvQjtnQkFDRCxJQUFJLENBQUEsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLFVBQVUsTUFBSyxJQUFJLENBQUMsaUJBQWlCLEVBQUU7b0JBQ2pELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUMvQjtxQkFBTTtvQkFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztpQkFDOUI7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7O1lBOUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUUsRUFBRTthQUNiOzs7WUFmd0IsU0FBUzs7O29CQWtCL0IsS0FBSztzQkFDTCxLQUFLOzBCQUNMLEtBQUs7MEJBQ0wsS0FBSzs4QkFDTCxLQUFLO2dDQUNMLEtBQUs7d0JBRUwsS0FBSzsyQkFDTCxNQUFNO3lCQUNOLE1BQU07O0FBd0NULE1BQU0sT0FBTywrQkFBK0I7SUFFMUMsWUFDUyxTQUF3RCxFQUMvQixJQUFnQjtRQUR6QyxjQUFTLEdBQVQsU0FBUyxDQUErQztRQUMvQixTQUFJLEdBQUosSUFBSSxDQUFZO0lBQy9DLENBQUM7SUFFSixVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDOzs7WUFkRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtnQkFDckMsdW1CQUFrRDs7YUFFbkQ7OztZQWxFbUMsWUFBWTs0Q0F1RTNDLE1BQU0sU0FBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgT25Jbml0LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nLCBNYXREaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nRGF0YSB7XHJcbiAgdGl0bGU6IHN0cmluZztcclxuICBjb250ZW50OiBzdHJpbmc7XHJcbiAgY29uZmlybUljb246IHN0cmluZztcclxuICBjb25maXJtVGV4dDogc3RyaW5nO1xyXG4gIHJlbW92ZVRleHQ6IHN0cmluZztcclxuICByZW1vdmVUZXh0TGFiZWw6IHN0cmluZztcclxuICByZW1vdmVUZXh0Q29uZmlybTogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsJyxcclxuICB0ZW1wbGF0ZTogYGBcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbmZpcm1SZW1vdmVNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbnRlbnQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maXJtSWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbmZpcm1UZXh0OiBzdHJpbmcgPSBcIlJlbW92ZVwiO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZW1vdmVUZXh0TGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZW1vdmVUZXh0Q29uZmlybTogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBvcGVuTW9kYWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgcHVibGljIGNvbmZpcm1Nb2RhbDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VNb2RhbDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuTW9kYWwuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50LCB7XHJcbiAgICAgICAgd2lkdGg6ICcyNTBweCcsXHJcbiAgICAgICAgZGF0YToge1xyXG4gICAgICAgICAgdGl0bGU6IHRoaXMudGl0bGUsXHJcbiAgICAgICAgICBjb250ZW50OiB0aGlzLmNvbnRlbnQsXHJcbiAgICAgICAgICBjb25maXJtSWNvbjogdGhpcy5jb25maXJtSWNvbixcclxuICAgICAgICAgIGNvbmZpcm1UZXh0OiB0aGlzLmNvbmZpcm1UZXh0LFxyXG4gICAgICAgICAgcmVtb3ZlVGV4dDogJycsXHJcbiAgICAgICAgICByZW1vdmVUZXh0TGFiZWw6IHRoaXMucmVtb3ZlVGV4dExhYmVsLFxyXG4gICAgICAgICAgcmVtb3ZlVGV4dENvbmZpcm06IHRoaXMucmVtb3ZlVGV4dENvbmZpcm0sXHJcbiAgICAgICAgfSxcclxuICAgICAgfSk7XHJcbiAgICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgocmVzdWx0IDogRGlhbG9nRGF0YSkgPT4ge1xyXG4gICAgICAgIGlmICghcmVzdWx0KSB7XHJcbiAgICAgICAgICB0aGlzLmNsb3NlTW9kYWwubmV4dCgpXHJcbiAgICAgICAgICB0aGlzLmNvbmZpcm1Nb2RhbC5uZXh0KGZhbHNlKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHJlc3VsdD8ucmVtb3ZlVGV4dCAhPT0gdGhpcy5yZW1vdmVUZXh0Q29uZmlybSkge1xyXG4gICAgICAgICAgdGhpcy5jb25maXJtTW9kYWwubmV4dChmYWxzZSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMuY29uZmlybU1vZGFsLm5leHQodHJ1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH0pXHJcbiAgfVxyXG5cclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb25maXJtLXJlbW92ZS1tb2RhbC1kYXRhJyxcclxuICB0ZW1wbGF0ZVVybDogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQ+LFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBEaWFsb2dEYXRhLFxyXG4gICkge31cclxuXHJcbiAgY2xvc2VDbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBWWxGLE1BQU0sT0FBTyxZQUFZO0NBd0J4QjtBQWtCRCxNQUFNLE9BQU8sMkJBQTJCO0lBaUJ0QyxZQUFtQixNQUFpQjtRQUFqQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBZnBCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixnQkFBVyxHQUFXLFFBQVEsQ0FBQztRQUMvQixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM3QixzQkFBaUIsR0FBVyxFQUFFLENBQUM7UUFDL0Isa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFDOUIsZUFBVSxHQUFXLE9BQU8sQ0FBQztRQUU3QixpQkFBWSxHQUFpQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELGNBQVMsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxpQkFBWSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3pELGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUdyRSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM1QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksR0FBRztnQkFDdkIsS0FBSyxFQUFF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InNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZywgTWF0RGlhbG9nUmVmfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7RGlyZWN0aW9ufSBmcm9tIFwiQGFuZ3VsYXIvY2RrL2JpZGlcIjtcclxuXHJcbmV4cG9ydCBkZWNsYXJlIHR5cGUgRGlhbG9nUm9sZSA9ICdkaWFsb2cnIHwgJ2FsZXJ0ZGlhbG9nJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nUG9zaXRpb24ge1xyXG4gIHRvcD86IHN0cmluZztcclxuICBib3R0b20/OiBzdHJpbmc7XHJcbiAgbGVmdD86IHN0cmluZztcclxuICByaWdodD86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbmZpZyB7XHJcbiAgaWQ/OiBzdHJpbmc7XHJcbiAgcm9sZT86IERpYWxvZ1JvbGU7XHJcbiAgcGFuZWxDbGFzcz86IHN0cmluZyB8IHN0cmluZ1tdO1xyXG4gIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcclxuICBiYWNrZHJvcENsYXNzPzogc3RyaW5nO1xyXG4gIGRpc2FibGVDbG9zZT86IGJvb2xlYW47XHJcblxyXG4gIHdpZHRoPzogc3RyaW5nO1xyXG4gIGhlaWdodD86IHN0cmluZztcclxuICBtaW5XaWR0aD86IG51bWJlciB8IHN0cmluZztcclxuICBtaW5IZWlnaHQ/OiBudW1iZXIgfCBzdHJpbmc7XHJcbiAgbWF4V2lkdGg/OiBudW1iZXIgfCBzdHJpbmc7XHJcbiAgbWF4SGVpZ2h0PzogbnVtYmVyIHwgc3RyaW5nO1xyXG5cclxuICBkYXRhPzogYW55O1xyXG4gIHBvc2l0aW9uPzogRGlhbG9nUG9zaXRpb247XHJcbiAgZGlyZWN0aW9uPzogRGlyZWN0aW9uO1xyXG4gIGFyaWFEZXNjcmliZWRCeT86IHN0cmluZyB8IG51bGw7XHJcbiAgYXJpYUxhYmVsbGVkQnk/OiBzdHJpbmcgfCBudWxsO1xyXG4gIGFyaWFMYWJlbD86IHN0cmluZyB8IG51bGw7XHJcbiAgYXV0b0ZvY3VzPzogYm9vbGVhbjtcclxuICByZXN0b3JlRm9jdXM/OiBib29sZWFuO1xyXG4gIGNsb3NlT25OYXZpZ2F0aW9uPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEaWFsb2dEYXRhIHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGNvbnRlbnQ6IHN0cmluZztcclxuICBjb25maXJtSWNvbjogc3RyaW5nO1xyXG4gIGNvbmZpcm1UZXh0OiBzdHJpbmc7XHJcbiAgcmVtb3ZlVGV4dDogc3RyaW5nO1xyXG4gIHJlbW92ZVRleHRMYWJlbDogc3RyaW5nO1xyXG4gIHJlbW92ZVRleHRDb25maXJtOiBzdHJpbmc7XHJcbiAgc2hvd0Nsb3NlSWNvbjogYm9vbGVhbjtcclxuICBjbG9zZUxhYmVsOiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uZmlybS1yZW1vdmUtbW9kYWwnLFxyXG4gIHRlbXBsYXRlOiBgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlbW92ZU1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgY29udGVudDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbmZpcm1JY29uOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgY29uZmlybVRleHQ6IHN0cmluZyA9ICdSZW1vdmUnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZW1vdmVUZXh0TGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZW1vdmVUZXh0Q29uZmlybTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIHNob3dDbG9zZUljb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjbG9zZUxhYmVsOiBzdHJpbmcgPSAnQ2xvc2UnO1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgZGlhbG9nQ29uZmlnOiBEaWFsb2dDb25maWcgPSBuZXcgRGlhbG9nQ29uZmlnKCk7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBvcGVuTW9kYWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgcHVibGljIGNvbmZpcm1Nb2RhbDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VNb2RhbDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuTW9kYWwuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5kaWFsb2dDb25maWcuZGF0YSA9IHtcclxuICAgICAgICB0aXRsZTogdGhpcy50aXRsZSxcclxuICAgICAgICBjb250ZW50OiB0aGlzLmNvbnRlbnQsXHJcbiAgICAgICAgY29uZmlybUljb246IHRoaXMuY29uZmlybUljb24sXHJcbiAgICAgICAgY29uZmlybVRleHQ6IHRoaXMuY29uZmlybVRleHQsXHJcbiAgICAgICAgcmVtb3ZlVGV4dDogJycsXHJcbiAgICAgICAgcmVtb3ZlVGV4dExhYmVsOiB0aGlzLnJlbW92ZVRleHRMYWJlbCxcclxuICAgICAgICByZW1vdmVUZXh0Q29uZmlybTogdGhpcy5yZW1vdmVUZXh0Q29uZmlybSxcclxuICAgICAgICBzaG93Q2xvc2VJY29uOiB0aGlzLnNob3dDbG9zZUljb24sXHJcbiAgICAgICAgY2xvc2VMYWJlbDogdGhpcy5jbG9zZUxhYmVsXHJcbiAgICAgIH07XHJcbiAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCwgdGhpcy5kaWFsb2dDb25maWcpO1xyXG4gICAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdDogRGlhbG9nRGF0YSkgPT4ge1xyXG4gICAgICAgIGlmICghcmVzdWx0KSB7XHJcbiAgICAgICAgICB0aGlzLmNsb3NlTW9kYWwubmV4dCgpXHJcbiAgICAgICAgICB0aGlzLmNvbmZpcm1Nb2RhbC5uZXh0KGZhbHNlKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKCF0aGlzLnJlbW92ZVRleHRDb25maXJtKSB7XHJcbiAgICAgICAgICB0aGlzLmNvbmZpcm1Nb2RhbC5uZXh0KHRydWUpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAocmVzdWx0Py5yZW1vdmVUZXh0ICE9PSB0aGlzLnJlbW92ZVRleHRDb25maXJtKSB7XHJcbiAgICAgICAgICB0aGlzLmNvbmZpcm1Nb2RhbC5uZXh0KGZhbHNlKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgdGhpcy5jb25maXJtTW9kYWwubmV4dCh0cnVlKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLWRhdGEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IERpYWxvZ0RhdGEsXHJcbiAgKSB7XHJcbiAgfVxyXG5cclxuICBjbG9zZUNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIGNvbmZpcm1DbGljaygpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybSB8fCB0aGlzLmRhdGE/LnJlbW92ZVRleHQgPT09IHRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm0pIHtcclxuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kYXRhKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGlzQ29uZmlybURpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKCF0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtKSB7XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLmRhdGE/LnJlbW92ZVRleHQgIT09IHRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm07XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2015/modals.module.js

@@ -6,6 +6,8 @@ import { MatFormFieldModule } from "@angular/material/form-field";
 import { FormsModule } from "@angular/forms";
 import { MatInputModule } from "@angular/material/input";
 import { ButtonsModule } from "@apipass/buttons";
+import { IconsModule } from "@apipass/icons";
+import { InputsModule } from "@apipass/inputs";
 export class ModalsModule {
 }
 ModalsModule.decorators = [
@@ -16,7 +18,9 @@ ModalsModule.decorators = [
                     MatFormFieldModule,
                     FormsModule,
                     MatInputModule,
+                    InputsModule,
                     ButtonsModule,
+                    IconsModule,
                 ],
                 declarations: [
                     ConfirmRemoveModalComponent,
@@ -32,4 +36,4 @@ ModalsModule.decorators = [
                 providers: []
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsMkJBQTJCLEVBQUUsK0JBQStCLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsSCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUF3Qi9DLE1BQU0sT0FBTyxZQUFZOzs7WUF0QnhCLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixlQUFlO29CQUNmLGtCQUFrQjtvQkFDbEIsV0FBVztvQkFDWCxjQUFjO29CQUNkLGFBQWE7aUJBQ2Q7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLDJCQUEyQjtvQkFDM0IsK0JBQStCO2lCQUNoQztnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsMkJBQTJCO29CQUMzQiwrQkFBK0I7aUJBQ2hDO2dCQUNELGVBQWUsRUFBRTtvQkFDZiwrQkFBK0I7aUJBQ2hDO2dCQUNELFNBQVMsRUFBRSxFQUFFO2FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7Q29uZmlybVJlbW92ZU1vZGFsQ29tcG9uZW50LCBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tIFwiLi9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7TWF0RGlhbG9nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xyXG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2lucHV0XCI7XHJcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSBcIkBhcGlwYXNzL2J1dHRvbnNcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIEJ1dHRvbnNNb2R1bGUsXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbENvbXBvbmVudCxcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnRcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbENvbXBvbmVudCxcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnRcclxuICBdLFxyXG4gIGVudHJ5Q29tcG9uZW50czogW1xyXG4gICAgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxzTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsMkJBQTJCLEVBQUUsK0JBQStCLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsSCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQTBCN0MsTUFBTSxPQUFPLFlBQVk7OztZQXhCeEIsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGVBQWU7b0JBQ2Ysa0JBQWtCO29CQUNsQixXQUFXO29CQUNYLGNBQWM7b0JBQ2QsWUFBWTtvQkFDWixhQUFhO29CQUNiLFdBQVc7aUJBQ1o7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLDJCQUEyQjtvQkFDM0IsK0JBQStCO2lCQUNoQztnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsMkJBQTJCO29CQUMzQiwrQkFBK0I7aUJBQ2hDO2dCQUNELGVBQWUsRUFBRTtvQkFDZiwrQkFBK0I7aUJBQ2hDO2dCQUNELFNBQVMsRUFBRSxFQUFFO2FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7Q29uZmlybVJlbW92ZU1vZGFsQ29tcG9uZW50LCBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tIFwiLi9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7TWF0RGlhbG9nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xyXG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2lucHV0XCI7XHJcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSBcIkBhcGlwYXNzL2J1dHRvbnNcIjtcclxuaW1wb3J0IHtJY29uc01vZHVsZX0gZnJvbSBcIkBhcGlwYXNzL2ljb25zXCI7XHJcbmltcG9ydCB7SW5wdXRzTW9kdWxlfSBmcm9tIFwiQGFwaXBhc3MvaW5wdXRzXCI7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdERpYWxvZ01vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgTWF0SW5wdXRNb2R1bGUsXHJcbiAgICBJbnB1dHNNb2R1bGUsXHJcbiAgICBCdXR0b25zTW9kdWxlLFxyXG4gICAgSWNvbnNNb2R1bGUsXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbENvbXBvbmVudCxcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnRcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbENvbXBvbmVudCxcclxuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnRcclxuICBdLFxyXG4gIGVudHJ5Q29tcG9uZW50czogW1xyXG4gICAgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxzTW9kdWxlIHsgfVxyXG4iXX0=

package/fesm2015/apipass-modals.js

@@ -5,39 +5,49 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { FormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { ButtonsModule } from '@apipass/buttons';
+import { IconsModule } from '@apipass/icons';
+import { InputsModule } from '@apipass/inputs';
 
+class DialogConfig {
+}
 class ConfirmRemoveModalComponent {
     constructor(dialog) {
         this.dialog = dialog;
         this.title = '';
         this.content = '';
         this.confirmIcon = '';
-        this.confirmText = "Remove";
+        this.confirmText = 'Remove';
         this.removeTextLabel = '';
         this.removeTextConfirm = '';
+        this.showCloseIcon = true;
+        this.closeLabel = 'Close';
+        this.dialogConfig = new DialogConfig();
         this.openModal = new EventEmitter();
         this.confirmModal = new EventEmitter();
         this.closeModal = new EventEmitter();
     }
     ngOnInit() {
         this.openModal.subscribe(() => {
-            const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, {
-                width: '250px',
-                data: {
-                    title: this.title,
-                    content: this.content,
-                    confirmIcon: this.confirmIcon,
-                    confirmText: this.confirmText,
-                    removeText: '',
-                    removeTextLabel: this.removeTextLabel,
-                    removeTextConfirm: this.removeTextConfirm,
-                },
-            });
+            this.dialogConfig.data = {
+                title: this.title,
+                content: this.content,
+                confirmIcon: this.confirmIcon,
+                confirmText: this.confirmText,
+                removeText: '',
+                removeTextLabel: this.removeTextLabel,
+                removeTextConfirm: this.removeTextConfirm,
+                showCloseIcon: this.showCloseIcon,
+                closeLabel: this.closeLabel
+            };
+            const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);
             dialogRef.afterClosed().subscribe((result) => {
                 if (!result) {
                     this.closeModal.next();
                     this.confirmModal.next(false);
                 }
+                if (!this.removeTextConfirm) {
+                    this.confirmModal.next(true);
+                }
                 if ((result === null || result === void 0 ? void 0 : result.removeText) !== this.removeTextConfirm) {
                     this.confirmModal.next(false);
                 }
@@ -64,6 +74,9 @@ ConfirmRemoveModalComponent.propDecorators = {
     confirmText: [{ type: Input }],
     removeTextLabel: [{ type: Input }],
     removeTextConfirm: [{ type: Input }],
+    showCloseIcon: [{ type: Input }],
+    closeLabel: [{ type: Input }],
+    dialogConfig: [{ type: Input }],
     openModal: [{ type: Input }],
     confirmModal: [{ type: Output }],
     closeModal: [{ type: Output }]
@@ -76,12 +89,25 @@ class ConfirmRemoveModalDataComponent {
     closeClick() {
         this.dialogRef.close();
     }
+    confirmClick() {
+        var _a, _b, _c;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
+            this.dialogRef.close(this.data);
+        }
+    }
+    isConfirmDisabled() {
+        var _a, _b, _c;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
+            return false;
+        }
+        return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
+    }
 }
 ConfirmRemoveModalDataComponent.decorators = [
     { type: Component, args: [{
                 selector: 'confirm-remove-modal-data',
-                template: "<h1 *ngIf=\"data.title\" mat-dialog-title>\r\n  {{data.title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p *ngIf=\"data.content\">{{data.content}}</p>\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n    <input matInput [(ngModel)]=\"data.removeText\">\r\n  </mat-form-field>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button (click)=\"closeClick()\">No Thanks</button>\r\n  <secondary-button [icon]=\"data.confirmIcon\" [mat-dialog-close]=\"data\" [label]=\"data.confirmText\"></secondary-button>\r\n</div>\r\n",
-                styles: [".clickable{cursor:pointer}.apipass-custom-icon{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"]
+                template: "<div class=\"modal-title\">\r\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\r\n    {{data.title}}\r\n  </h3>\r\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\r\n</div>\r\n\r\n<div class=\"modal-content\" mat-dialog-content>\r\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\r\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\r\n</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\r\n</div>\r\n",
+                styles: [".modal-title{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title h3{font-weight:700;margin:0;text-align:center;width:100%}.modal-title icon{position:absolute;right:-5px;top:-5px}.modal-content{margin-top:20px;text-align:center;width:100%}.modal-content input-text{width:80%}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
             },] }
 ];
 ConfirmRemoveModalDataComponent.ctorParameters = () => [
@@ -99,7 +125,9 @@ ModalsModule.decorators = [
                     MatFormFieldModule,
                     FormsModule,
                     MatInputModule,
+                    InputsModule,
                     ButtonsModule,
+                    IconsModule,
                 ],
                 declarations: [
                     ConfirmRemoveModalComponent,
@@ -120,5 +148,5 @@ ModalsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent, ModalsModule };
+export { ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent, DialogConfig, ModalsModule };
 //# sourceMappingURL=apipass-modals.js.map

package/fesm2015/apipass-modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, Input, EventEmitter, Output, OnInit, Inject} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title: string = '';\r\n  @Input() public content: string = '';\r\n  @Input() public confirmIcon: string = '';\r\n  @Input() public confirmText: string = \"Remove\";\r\n  @Input() public removeTextLabel: string = '';\r\n  @Input() public removeTextConfirm: string = '';\r\n\r\n  @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe(() => {\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, {\r\n        width: '250px',\r\n        data: {\r\n          title: this.title,\r\n          content: this.content,\r\n          confirmIcon: this.confirmIcon,\r\n          confirmText: this.confirmText,\r\n          removeText: '',\r\n          removeTextLabel: this.removeTextLabel,\r\n          removeTextConfirm: this.removeTextConfirm,\r\n        },\r\n      });\r\n      dialogRef.afterClosed().subscribe((result : DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next()\r\n          this.confirmModal.next(false);\r\n        }\r\n        if (result?.removeText !== this.removeTextConfirm) {\r\n          this.confirmModal.next(false);\r\n        } else {\r\n          this.confirmModal.next(true);\r\n        }\r\n      });\r\n    })\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {}\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from \"./lib/confirm-remove-modal.component\";\r\nimport {MatDialogModule} from \"@angular/material/dialog\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {FormsModule} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {ButtonsModule} from \"@apipass/buttons\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    ButtonsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAiBa,2BAA2B;IAatC,YAAmB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QAXpB,UAAK,GAAW,EAAE,CAAC;QACnB,YAAO,GAAW,EAAE,CAAC;QACrB,gBAAW,GAAW,EAAE,CAAC;QACzB,gBAAW,GAAW,QAAQ,CAAC;QAC/B,oBAAe,GAAW,EAAE,CAAC;QAC7B,sBAAiB,GAAW,EAAE,CAAC;QAE/B,cAAS,GAAuB,IAAI,YAAY,EAAE,CAAC;QAClD,iBAAY,GAA0B,IAAI,YAAY,EAAE,CAAC;QACzD,eAAU,GAAuB,IAAI,YAAY,EAAE,CAAC;KAGpE;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;YACvB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,+BAA+B,EAAE;gBAClE,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,UAAU,EAAE,EAAE;oBACd,eAAe,EAAE,IAAI,CAAC,eAAe;oBACrC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;iBAC1C;aACF,CAAC,CAAC;YACH,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,MAAmB;gBACpD,IAAI,CAAC,MAAM,EAAE;oBACX,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;oBACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;gBACD,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,IAAI,CAAC,iBAAiB,EAAE;oBACjD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;qBAAM;oBACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC9B;aACF,CAAC,CAAC;SACJ,CAAC,CAAA;KACH;;;YA9CF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,QAAQ,EAAE,EAAE;aACb;;;YAfwB,SAAS;;;oBAkB/B,KAAK;sBACL,KAAK;0BACL,KAAK;0BACL,KAAK;8BACL,KAAK;gCACL,KAAK;wBAEL,KAAK;2BACL,MAAM;yBACN,MAAM;;MAwCI,+BAA+B;IAE1C,YACS,SAAwD,EAC/B,IAAgB;QADzC,cAAS,GAAT,SAAS,CAA+C;QAC/B,SAAI,GAAJ,IAAI,CAAY;KAC9C;IAEJ,UAAU;QACR,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;;;YAdF,SAAS,SAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,umBAAkD;;aAEnD;;;YAlEmC,YAAY;4CAuE3C,MAAM,SAAC,eAAe;;;MCzCd,YAAY;;;YAtBxB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,kBAAkB;oBAClB,WAAW;oBACX,cAAc;oBACd,aAAa;iBACd;gBACD,YAAY,EAAE;oBACZ,2BAA2B;oBAC3B,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,2BAA2B;oBAC3B,+BAA+B;iBAChC;gBACD,eAAe,EAAE;oBACf,+BAA+B;iBAChC;gBACD,SAAS,EAAE,EAAE;aACd;;;AC9BD;;;;;;"}
+{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\nimport {Direction} from \"@angular/cdk/bidi\";\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n  top?: string;\r\n  bottom?: string;\r\n  left?: string;\r\n  right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n  id?: string;\r\n  role?: DialogRole;\r\n  panelClass?: string | string[];\r\n  hasBackdrop?: boolean;\r\n  backdropClass?: string;\r\n  disableClose?: boolean;\r\n\r\n  width?: string;\r\n  height?: string;\r\n  minWidth?: number | string;\r\n  minHeight?: number | string;\r\n  maxWidth?: number | string;\r\n  maxHeight?: number | string;\r\n\r\n  data?: any;\r\n  position?: DialogPosition;\r\n  direction?: Direction;\r\n  ariaDescribedBy?: string | null;\r\n  ariaLabelledBy?: string | null;\r\n  ariaLabel?: string | null;\r\n  autoFocus?: boolean;\r\n  restoreFocus?: boolean;\r\n  closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n  showCloseIcon: boolean;\r\n  closeLabel: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title: string = '';\r\n  @Input() public content: string = '';\r\n  @Input() public confirmIcon: string = '';\r\n  @Input() public confirmText: string = 'Remove';\r\n  @Input() public removeTextLabel: string = '';\r\n  @Input() public removeTextConfirm: string = '';\r\n  @Input() public showCloseIcon: boolean = true;\r\n  @Input() public closeLabel: string = 'Close';\r\n\r\n  @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n  @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe(() => {\r\n      this.dialogConfig.data = {\r\n        title: this.title,\r\n        content: this.content,\r\n        confirmIcon: this.confirmIcon,\r\n        confirmText: this.confirmText,\r\n        removeText: '',\r\n        removeTextLabel: this.removeTextLabel,\r\n        removeTextConfirm: this.removeTextConfirm,\r\n        showCloseIcon: this.showCloseIcon,\r\n        closeLabel: this.closeLabel\r\n      };\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);\r\n      dialogRef.afterClosed().subscribe((result: DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next()\r\n          this.confirmModal.next(false);\r\n        }\r\n        if (!this.removeTextConfirm) {\r\n          this.confirmModal.next(true);\r\n        }\r\n        if (result?.removeText !== this.removeTextConfirm) {\r\n          this.confirmModal.next(false);\r\n        } else {\r\n          this.confirmModal.next(true);\r\n        }\r\n      });\r\n    })\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {\r\n  }\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n  confirmClick(): void {\r\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\r\n      this.dialogRef.close(this.data);\r\n    }\r\n  }\r\n\r\n  isConfirmDisabled(): boolean {\r\n    if (!this.data?.removeTextConfirm) {\r\n      return false;\r\n    }\r\n    return this.data?.removeText !== this.data?.removeTextConfirm;\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from \"./lib/confirm-remove-modal.component\";\r\nimport {MatDialogModule} from \"@angular/material/dialog\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {FormsModule} from \"@angular/forms\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {ButtonsModule} from \"@apipass/buttons\";\r\nimport {IconsModule} from \"@apipass/icons\";\r\nimport {InputsModule} from \"@apipass/inputs\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    InputsModule,\r\n    ButtonsModule,\r\n    IconsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/confirm-remove-modal.component.d.ts

@@ -1,5 +1,36 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { MatDialog, MatDialogRef } from "@angular/material/dialog";
+import { Direction } from "@angular/cdk/bidi";
+export declare type DialogRole = 'dialog' | 'alertdialog';
+export interface DialogPosition {
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+}
+export declare class DialogConfig {
+    id?: string;
+    role?: DialogRole;
+    panelClass?: string | string[];
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    disableClose?: boolean;
+    width?: string;
+    height?: string;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    data?: any;
+    position?: DialogPosition;
+    direction?: Direction;
+    ariaDescribedBy?: string | null;
+    ariaLabelledBy?: string | null;
+    ariaLabel?: string | null;
+    autoFocus?: boolean;
+    restoreFocus?: boolean;
+    closeOnNavigation?: boolean;
+}
 export interface DialogData {
     title: string;
     content: string;
@@ -8,6 +39,8 @@ export interface DialogData {
     removeText: string;
     removeTextLabel: string;
     removeTextConfirm: string;
+    showCloseIcon: boolean;
+    closeLabel: string;
 }
 export declare class ConfirmRemoveModalComponent implements OnInit {
     dialog: MatDialog;
@@ -17,6 +50,9 @@ export declare class ConfirmRemoveModalComponent implements OnInit {
     confirmText: string;
     removeTextLabel: string;
     removeTextConfirm: string;
+    showCloseIcon: boolean;
+    closeLabel: string;
+    dialogConfig: DialogConfig;
     openModal: EventEmitter<void>;
     confirmModal: EventEmitter<boolean>;
     closeModal: EventEmitter<void>;
@@ -28,4 +64,6 @@ export declare class ConfirmRemoveModalDataComponent {
     data: DialogData;
     constructor(dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>, data: DialogData);
     closeClick(): void;
+    confirmClick(): void;
+    isConfirmDisabled(): boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/modals",
-  "version": "0.1.1-beta.4",
+  "version": "0.1.1",
   "peerDependencies": {
     "@angular/animations": "10.0.11",
     "@angular/cdk": "10.0.2",
@@ -15,7 +15,9 @@
     "@angular/core": "10.0.11",
     "@angular/forms": "10.0.11",
     "@angular/material": "10.0.2",
-    "@apipass/buttons": "^0.0.5-beta.17",
+    "@apipass/buttons": "^0.1.1",
+    "@apipass/icons": "^0.1.1",
+    "@apipass/inputs": "^0.1.1",
     "tslib": "2.0.0"
   },
   "main": "bundles/apipass-modals.umd.js",