@apipass/modals 0.2.5 → 0.2.7-alpha.0

package/bundles/apipass-modals.umd.js

@@ -6,14 +6,11 @@
 
     function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
-            i0.ɵɵtext(1);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelement(0, "h3", 8);
         }
         if (rf & 2) {
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", ctx_r0.data.title, " ");
+            i0.ɵɵproperty("innerHTML", ctx_r0.data.title, i0.ɵɵsanitizeHtml);
         }
     }
     function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) {
@@ -78,10 +75,10 @@
         return ConfirmRemoveModalDataComponent;
     }());
     ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(i1.MAT_DIALOG_DATA)); };
-    ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", ""], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) {
+    ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 2, 1, "h3", 1);
+                i0.ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
                 i0.ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementStart(3, "div", 3);
@@ -123,6 +120,208 @@
         }, null);
     })();
 
+    function ConfirmModalDataComponent_h3_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "h3", 7);
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("innerHTML", ctx_r0.data.title, i0.ɵɵsanitizeHtml);
+        }
+    }
+    function ConfirmModalDataComponent_icon_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "icon", 8);
+            i0.ɵɵlistener("onClick", function ConfirmModalDataComponent_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r4_1); var ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.closeClick(); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("title", ctx_r1.data.closeLabel);
+        }
+    }
+    function ConfirmModalDataComponent_p_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "p", 9);
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("innerHTML", ctx_r2.data.content, i0.ɵɵsanitizeHtml);
+        }
+    }
+    var ConfirmDialogData = /** @class */ (function () {
+        function ConfirmDialogData() {
+        }
+        return ConfirmDialogData;
+    }());
+    var ConfirmModalDataComponent = /** @class */ (function () {
+        function ConfirmModalDataComponent(dialogRef, data) {
+            this.dialogRef = dialogRef;
+            this.data = data;
+        }
+        ConfirmModalDataComponent.prototype.closeClick = function () {
+            this.dialogRef.close(false);
+        };
+        ConfirmModalDataComponent.prototype.confirmClick = function () {
+            this.dialogRef.close(true);
+        };
+        return ConfirmModalDataComponent;
+    }());
+    ConfirmModalDataComponent.ɵfac = function ConfirmModalDataComponent_Factory(t) { return new (t || ConfirmModalDataComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(i1.MAT_DIALOG_DATA)); };
+    ConfirmModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmModalDataComponent, selectors: [["confirm-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"]], template: function ConfirmModalDataComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵtemplate(1, ConfirmModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
+                i0.ɵɵtemplate(2, ConfirmModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "div", 3);
+                i0.ɵɵtemplate(4, ConfirmModalDataComponent_p_4_Template, 1, 1, "p", 4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(5, "div", 5);
+                i0.ɵɵelementStart(6, "tertiary-button", 6);
+                i0.ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_tertiary_button_onClick_6_listener() { return ctx.closeClick(); });
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(7, "primary-button", 6);
+                i0.ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_primary_button_onClick_7_listener() { return ctx.confirmClick(); });
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.data.title);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.data.showCloseIcon);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.data.content);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("icon", ctx.data.cancelIcon)("label", ctx.data.cancelText);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
+            }
+        }, directives: [i2.NgIf, i1.MatDialogContent, i1.MatDialogActions, i3.TertiaryButtonComponent, i3.PrimaryButtonComponent, i1.MatDialogTitle, i4.IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:0!important}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}.modal-actions[_ngcontent-%COMP%]   primary-button[_ngcontent-%COMP%]{margin-left:5px}"] });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ConfirmModalDataComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'confirm-modal-data',
+                        templateUrl: 'confirm-modal.component.html',
+                        styleUrls: ['confirm-modal.component.scss']
+                    }]
+            }], function () {
+            return [{ type: i1.MatDialogRef }, { type: ConfirmDialogData, decorators: [{
+                            type: i0.Inject,
+                            args: [i1.MAT_DIALOG_DATA]
+                        }] }];
+        }, null);
+    })();
+
+    function ModalHeaderComponent_div_2_icon_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "icon", 6);
+            i0.ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_1_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r4_1); var ctx_r3 = i0.ɵɵnextContext(2); return ctx_r3.changeExpand(); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("size", 13)("name", !ctx_r1.expanded ? "fa fa-expand-arrows-alt" : "fa fa-compress")("title", ctx_r1.titleExpand);
+        }
+    }
+    function ModalHeaderComponent_div_2_icon_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r6_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "icon", 7);
+            i0.ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r6_1); var ctx_r5 = i0.ɵɵnextContext(2); return ctx_r5.closeClick.next(); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("title", ctx_r2.titleClose);
+        }
+    }
+    function ModalHeaderComponent_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 3);
+            i0.ɵɵtemplate(1, ModalHeaderComponent_div_2_icon_1_Template, 1, 3, "icon", 4);
+            i0.ɵɵtemplate(2, ModalHeaderComponent_div_2_icon_2_Template, 1, 1, "icon", 5);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.showExpandIcon);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.showCloseIcon);
+        }
+    }
+    var ModalHeaderComponent = /** @class */ (function () {
+        function ModalHeaderComponent() {
+            this.expanded = false;
+            this.showExpandIcon = false;
+            this.showCloseIcon = false;
+            this.titleClose = 'Close';
+            this.titleExpand = 'Expand';
+            this.closeClick = new i0.EventEmitter();
+            this.expandClick = new i0.EventEmitter();
+        }
+        ModalHeaderComponent.prototype.changeExpand = function () {
+            var _a, _b;
+            this.expanded = !this.expanded;
+            this.expandClick.next(this.expanded);
+            if (this.expanded) {
+                (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.addPanelClass('mod-expanded');
+            }
+            else {
+                (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.removePanelClass('mod-expanded');
+            }
+        };
+        return ModalHeaderComponent;
+    }());
+    ModalHeaderComponent.ɵfac = function ModalHeaderComponent_Factory(t) { return new (t || ModalHeaderComponent)(); };
+    ModalHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ModalHeaderComponent, selectors: [["modal-header-component"]], inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, decls: 3, vars: 2, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML"], ["class", "modal-title-actions", 4, "ngIf"], [1, "modal-title-actions"], ["type", "primary clickable", 3, "size", "name", "title", "onClick", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["type", "primary clickable", 3, "size", "name", "title", "onClick"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"]], template: function ModalHeaderComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵelement(1, "h3", 1);
+                i0.ɵɵtemplate(2, ModalHeaderComponent_div_2_Template, 3, 2, "div", 2);
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("innerHTML", ctx.title, i0.ɵɵsanitizeHtml);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.showExpandIcon || ctx.showCloseIcon);
+            }
+        }, directives: [i1.MatDialogTitle, i2.NgIf, i4.IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;position:absolute;right:-5px;top:-5px}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{display:block}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]:not(:last-child){margin-right:10px}"] });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ModalHeaderComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'modal-header-component',
+                        template: "\n    <div class=\"modal-title\">\n      <h3 [innerHTML]='title' mat-dialog-title></h3>\n      <div *ngIf=\"showExpandIcon || showCloseIcon\" class=\"modal-title-actions\">\n        <icon *ngIf=\"showExpandIcon\" type=\"primary clickable\" [size]=\"13\" [name]=\"!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'\" [title]=\"titleExpand\" (onClick)=\"changeExpand()\"></icon>\n        <icon *ngIf=\"showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"titleClose\" (onClick)=\"closeClick.next()\"></icon>\n      </div>\n    </div>\n  ",
+                        styleUrls: ['modal-header.scss']
+                    }]
+            }], null, { title: [{
+                    type: i0.Input
+                }], expanded: [{
+                    type: i0.Input
+                }], showExpandIcon: [{
+                    type: i0.Input
+                }], showCloseIcon: [{
+                    type: i0.Input
+                }], titleClose: [{
+                    type: i0.Input
+                }], titleExpand: [{
+                    type: i0.Input
+                }], dialogRef: [{
+                    type: i0.Input
+                }], closeClick: [{
+                    type: i0.Output
+                }], expandClick: [{
+                    type: i0.Output
+                }] });
+    })();
+
     var ModalsModule = /** @class */ (function () {
         function ModalsModule() {
         }
@@ -137,17 +336,21 @@
                 input.MatInputModule,
                 i5.InputsModule,
                 i3.ButtonsModule,
-                i4.IconsModule,
+                i4.IconsModule
             ]] });
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent], imports: [i2.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
+                ConfirmModalDataComponent,
+                ModalHeaderComponent], imports: [i2.CommonModule,
                 i1.MatDialogModule,
                 formField.MatFormFieldModule,
                 i6.FormsModule,
                 input.MatInputModule,
                 i5.InputsModule,
                 i3.ButtonsModule,
-                i4.IconsModule], exports: [ConfirmRemoveModalDataComponent] });
+                i4.IconsModule], exports: [ConfirmRemoveModalDataComponent,
+                ConfirmModalDataComponent,
+                ModalHeaderComponent] });
     })();
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(ModalsModule, [{
@@ -161,13 +364,17 @@
                             input.MatInputModule,
                             i5.InputsModule,
                             i3.ButtonsModule,
-                            i4.IconsModule,
+                            i4.IconsModule
                         ],
                         declarations: [
-                            ConfirmRemoveModalDataComponent
+                            ConfirmRemoveModalDataComponent,
+                            ConfirmModalDataComponent,
+                            ModalHeaderComponent
                         ],
                         exports: [
-                            ConfirmRemoveModalDataComponent
+                            ConfirmRemoveModalDataComponent,
+                            ConfirmModalDataComponent,
+                            ModalHeaderComponent
                         ],
                         providers: []
                     }]
@@ -186,8 +393,11 @@
             }
         });
     });
+    exports.ConfirmDialogData = ConfirmDialogData;
+    exports.ConfirmModalDataComponent = ConfirmModalDataComponent;
     exports.ConfirmRemoveDialogData = ConfirmRemoveDialogData;
     exports.ConfirmRemoveModalDataComponent = ConfirmRemoveModalDataComponent;
+    exports.ModalHeaderComponent = ModalHeaderComponent;
     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.html","../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\n    {{data.title}}\n  </h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData,\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule,\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate1","i0.ɵɵlistener","i0.ɵɵproperty","i0.ɵɵelement","MAT_DIALOG_DATA","i0.ɵɵtemplate","Component","Inject","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","NgModule"],"mappings":";;;;;;;;YACEA,6BACE;YAAAC,YACF;YAAAC,iBAAK;;;;YADHC,eACF;YADEC,kDACF;;;;;;YACAJ,+BAAyI;YAAhCK,sMAAwB;YAACH,iBAAO;;;;YAA1DI,8CAAyB;;;;;YAIxGC,wBAAuD;;;;YAA/BD,kEAA0B;;;;;;YAClDN,sCAAqH;YAA3CK,gPAA6B;YAACH,iBAAa;;;;YAA1EI,mDAA8B,mCAAA;;;;QCN3E;SAWC;sCAAA;KAAA,IAAA;;QASC,yCACS,SAAwD,EAC/B,IAA6B;YADtD,cAAS,GAAT,SAAS,CAA+C;YAC/B,SAAI,GAAJ,IAAI,CAAyB;SAE9D;QAED,oDAAU,GAAV;YACE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;SACxB;QAED,sDAAY,GAAZ;;YACE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;gBAC3F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACjC;SACF;QAED,2DAAiB,GAAjB;;YACE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;gBACjC,OAAO,KAAK,CAAC;aACd;YACD,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,CAAC;SAC/D;;;kHAvBU,+BAA+B,8DAIhCE,kBAAe;wEAJd,+BAA+B;;gBDrB5CR,8BACE;gBAAAS,8EACE;gBAEFA,kFAAkI;gBACpIP,iBAAM;gBAENF,8BACE;gBAAAS,4EAAmD;gBACnDA,8FAAwG;gBAC1GP,iBAAM;gBAENF,8BACE;gBAAAA,2CAAyJ;gBAA9CK,0HAAW,kBAAc,IAAC;gBAACH,iBAAmB;gBAC3JA,iBAAM;;;gBAbAC,eAAkB;gBAAlBG,qCAAkB;gBAGhBH,eAA0B;gBAA1BG,6CAA0B;gBAI7BH,eAAoB;gBAApBG,uCAAoB;gBACXH,eAA8B;gBAA9BG,iDAA8B;gBAIxBH,eAAmC;gBAAnCG,qDAAmC,8BAAA,+BAAA;;;;6BCQ1C,+BAA+B;sBAL3CI,YAAS;uBAAC;wBACT,QAAQ,EAAE,2BAA2B;wBACrC,WAAW,EAAE,qCAAqC;wBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;qBACnD;;uDAKyC,uBAAuB;kCAA5DC,SAAM;mCAACH,kBAAe;;;;;;QCK3B;;;;oDAAa,YAAY;2GAAZ,YAAY,mBAFZ,EAAE,YAhBJ;gBACPI,eAAY;gBACZC,kBAAe;gBACfC,4BAAkB;gBAClBC,cAAW;gBACXC,oBAAc;gBACdC,eAAY;gBACZC,gBAAa;gBACbC,cAAW;aACZ;;iFASU,YAAY,mBAPrB,+BAA+B,aAV/BP,eAAY;gBACZC,kBAAe;gBACfC,4BAAkB;gBAClBC,cAAW;gBACXC,oBAAc;gBACdC,eAAY;gBACZC,gBAAa;gBACbC,cAAW,aAMX,+BAA+B;;;6BAItB,YAAY;sBAnBxBC,WAAQ;uBAAC;wBACR,OAAO,EAAE;4BACPR,eAAY;4BACZC,kBAAe;4BACfC,4BAAkB;4BAClBC,cAAW;4BACXC,oBAAc;4BACdC,eAAY;4BACZC,gBAAa;4BACbC,cAAW;yBACZ;wBACD,YAAY,EAAE;4BACZ,+BAA+B;yBAChC;wBACD,OAAO,EAAE;4BACP,+BAA+B;yBAChC;wBACD,SAAS,EAAE,EAAE;qBACd;;;;IC7BD;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"apipass-modals.umd.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.ts","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.html","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.ts","../../../projects/modals/src/lib/modal-header/modal-header.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <tertiary-button [icon]=\"data.cancelIcon\" [label]=\"data.cancelText\" (onClick)=\"closeClick()\"></tertiary-button>\n  <primary-button [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></primary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  cancelIcon?: string;\n  cancelText?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-modal-data',\n  templateUrl: 'confirm-modal.component.html',\n  styleUrls: ['confirm-modal.component.scss']\n})\nexport class ConfirmModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close(false);\n  }\n\n  confirmClick(): void {\n    this.dialogRef.close(true);\n  }\n\n}\n","import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\n\n@Component({\n  selector: 'modal-header-component',\n  template: `\n    <div class=\"modal-title\">\n      <h3 [innerHTML]='title' mat-dialog-title></h3>\n      <div *ngIf=\"showExpandIcon || showCloseIcon\" class=\"modal-title-actions\">\n        <icon *ngIf=\"showExpandIcon\" type=\"primary clickable\" [size]=\"13\" [name]=\"!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'\" [title]=\"titleExpand\" (onClick)=\"changeExpand()\"></icon>\n        <icon *ngIf=\"showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"titleClose\" (onClick)=\"closeClick.next()\"></icon>\n      </div>\n    </div>\n  ` ,\n  styleUrls: ['modal-header.scss']\n})\nexport class ModalHeaderComponent {\n\n  @Input() title: string | undefined;\n  @Input() expanded = false;\n  @Input() showExpandIcon = false;\n  @Input() showCloseIcon = false;\n\n  @Input() titleClose = 'Close';\n  @Input() titleExpand = 'Expand';\n  @Input() dialogRef: MatDialogRef<ModalHeaderComponent> | undefined;\n\n  @Output() closeClick: EventEmitter<any> = new EventEmitter();\n  @Output() expandClick: EventEmitter<boolean> = new EventEmitter();\n\n  public changeExpand(): void {\n    this.expanded = !this.expanded;\n    this.expandClick.next(this.expanded);\n    if (this.expanded) {\n      this.dialogRef?.addPanelClass('mod-expanded');\n    } else {\n      this.dialogRef?.removePanelClass('mod-expanded');\n    }\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal/confirm-remove-modal.component';\nimport {ConfirmModalDataComponent} from './lib/confirm-modal/confirm-modal.component';\nimport {ModalHeaderComponent} from './lib/modal-header/modal-header.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent,\n    ModalHeaderComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent,\n    ModalHeaderComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelement","i0.ɵɵproperty","i0.ɵɵelementStart","i0.ɵɵlistener","i0.ɵɵelementEnd","MAT_DIALOG_DATA","i0.ɵɵtemplate","i0.ɵɵadvance","Component","Inject","EventEmitter","Input","Output","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","NgModule"],"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/material/dialog"),require("@angular/core"),require("@angular/common"),require("@apipass/buttons"),require("@apipass/icons"),require("@apipass/inputs"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@apipass/modals",["exports","@angular/material/dialog","@angular/core","@angular/common","@apipass/buttons","@apipass/icons","@apipass/inputs","@angular/forms","@angular/material/form-field","@angular/material/input"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.modals={}),e.ng.material.dialog,e.ng.core,e.ng.common,e.i3,e.i4,e.i5,e.ng.forms,e.ng.material.formField,e.ng.material.input)}(this,(function(e,t,n,o,a,i,l,r,d,c){"use strict";function m(e,t){if(1&e&&(n.ɵɵelementStart(0,"h3",8),n.ɵɵtext(1),n.ɵɵelementEnd()),2&e){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵtextInterpolate1(" ",o.data.title," ")}}function s(e,t){if(1&e){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"icon",9),n.ɵɵlistener("onClick",(function(){return n.ɵɵrestoreView(o),n.ɵɵnextContext().closeClick()})),n.ɵɵelementEnd()}if(2&e){var a=n.ɵɵnextContext();n.ɵɵproperty("title",a.data.closeLabel)}}function u(e,t){if(1&e&&n.ɵɵelement(0,"p",10),2&e){var o=n.ɵɵnextContext();n.ɵɵproperty("innerHTML",o.data.content,n.ɵɵsanitizeHtml)}}function p(e,t){if(1&e){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"input-text",11),n.ɵɵlistener("ngModelChange",(function(e){return n.ɵɵrestoreView(o),n.ɵɵnextContext().data.removeText=e})),n.ɵɵelementEnd()}if(2&e){var a=n.ɵɵnextContext();n.ɵɵproperty("label",a.data.removeTextLabel)("ngModel",a.data.removeText)}}var f=function(){},g=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,n;(null===(e=this.data)||void 0===e?void 0:e.removeTextConfirm)&&(null===(t=this.data)||void 0===t?void 0:t.removeText)!==(null===(n=this.data)||void 0===n?void 0:n.removeTextConfirm)||this.dialogRef.close(this.data)},e.prototype.isConfirmDisabled=function(){var e,t,n;return!!(null===(e=this.data)||void 0===e?void 0:e.removeTextConfirm)&&(null===(t=this.data)||void 0===t?void 0:t.removeText)!==(null===(n=this.data)||void 0===n?void 0:n.removeTextConfirm)},e}();g.ɵfac=function(e){return new(e||g)(n.ɵɵdirectiveInject(t.MatDialogRef),n.ɵɵdirectiveInject(t.MAT_DIALOG_DATA))},g.ɵcmp=n.ɵɵdefineComponent({type:g,selectors:[["confirm-remove-modal-data"]],decls:8,vars:7,consts:[[1,"modal-title"],["mat-dialog-title","",4,"ngIf"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick",4,"ngIf"],["mat-dialog-content","",1,"modal-content"],[3,"innerHTML",4,"ngIf"],[3,"label","ngModel","ngModelChange",4,"ngIf"],["mat-dialog-actions","",1,"modal-actions"],[3,"btnDisabled","icon","label","onClick"],["mat-dialog-title",""],["type","tertiary clickable","name","fas fa-times",3,"title","onClick"],[3,"innerHTML"],[3,"label","ngModel","ngModelChange"]],template:function(e,t){1&e&&(n.ɵɵelementStart(0,"div",0),n.ɵɵtemplate(1,m,2,1,"h3",1),n.ɵɵtemplate(2,s,1,1,"icon",2),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"div",3),n.ɵɵtemplate(4,u,1,1,"p",4),n.ɵɵtemplate(5,p,1,2,"input-text",5),n.ɵɵelementEnd(),n.ɵɵelementStart(6,"div",6),n.ɵɵelementStart(7,"secondary-button",7),n.ɵɵlistener("onClick",(function(){return t.confirmClick()})),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵadvance(1),n.ɵɵproperty("ngIf",t.data.title),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",t.data.showCloseIcon),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.data.content),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",t.data.removeTextConfirm),n.ɵɵadvance(2),n.ɵɵproperty("btnDisabled",t.isConfirmDisabled())("icon",t.data.confirmIcon)("label",t.data.confirmText))},directives:[o.NgIf,t.MatDialogContent,t.MatDialogActions,a.SecondaryButtonComponent,t.MatDialogTitle,i.IconComponent,l.InputTextComponent,r.NgControlStatus,r.NgModel],styles:[".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   input-text[_ngcontent-%COMP%]{width:80%}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}"]});var M=function(){};M.ɵmod=n.ɵɵdefineNgModule({type:M}),M.ɵinj=n.ɵɵdefineInjector({factory:function(e){return new(e||M)},providers:[],imports:[[o.CommonModule,t.MatDialogModule,d.MatFormFieldModule,r.FormsModule,c.MatInputModule,l.InputsModule,a.ButtonsModule,i.IconsModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(M,{declarations:[g],imports:[o.CommonModule,t.MatDialogModule,d.MatFormFieldModule,r.FormsModule,c.MatInputModule,l.InputsModule,a.ButtonsModule,i.IconsModule],exports:[g]}),Object.keys(t).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e.ConfirmRemoveDialogData=f,e.ConfirmRemoveModalDataComponent=g,e.ModalsModule=M,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/material/dialog"),require("@angular/core"),require("@angular/common"),require("@apipass/buttons"),require("@apipass/icons"),require("@apipass/inputs"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@apipass/modals",["exports","@angular/material/dialog","@angular/core","@angular/common","@apipass/buttons","@apipass/icons","@apipass/inputs","@angular/forms","@angular/material/form-field","@angular/material/input"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).apipass=t.apipass||{},t.apipass.modals={}),t.ng.material.dialog,t.ng.core,t.ng.common,t.i3,t.i4,t.i5,t.ng.forms,t.ng.material.formField,t.ng.material.input)}(this,(function(t,e,n,o,i,a,l,r,c,d){"use strict";function s(t,e){if(1&t&&n.ɵɵelement(0,"h3",8),2&t){var o=n.ɵɵnextContext();n.ɵɵproperty("innerHTML",o.data.title,n.ɵɵsanitizeHtml)}}function m(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"icon",9),n.ɵɵlistener("onClick",(function(){return n.ɵɵrestoreView(o),n.ɵɵnextContext().closeClick()})),n.ɵɵelementEnd()}if(2&t){var i=n.ɵɵnextContext();n.ɵɵproperty("title",i.data.closeLabel)}}function p(t,e){if(1&t&&n.ɵɵelement(0,"p",10),2&t){var o=n.ɵɵnextContext();n.ɵɵproperty("innerHTML",o.data.content,n.ɵɵsanitizeHtml)}}function f(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"input-text",11),n.ɵɵlistener("ngModelChange",(function(t){return n.ɵɵrestoreView(o),n.ɵɵnextContext().data.removeText=t})),n.ɵɵelementEnd()}if(2&t){var i=n.ɵɵnextContext();n.ɵɵproperty("label",i.data.removeTextLabel)("ngModel",i.data.removeText)}}var u=function(){},g=function(){function t(t,e){this.dialogRef=t,this.data=e}return t.prototype.closeClick=function(){this.dialogRef.close()},t.prototype.confirmClick=function(){var t,e,n;(null===(t=this.data)||void 0===t?void 0:t.removeTextConfirm)&&(null===(e=this.data)||void 0===e?void 0:e.removeText)!==(null===(n=this.data)||void 0===n?void 0:n.removeTextConfirm)||this.dialogRef.close(this.data)},t.prototype.isConfirmDisabled=function(){var t,e,n;return!!(null===(t=this.data)||void 0===t?void 0:t.removeTextConfirm)&&(null===(e=this.data)||void 0===e?void 0:e.removeText)!==(null===(n=this.data)||void 0===n?void 0:n.removeTextConfirm)},t}();function C(t,e){if(1&t&&n.ɵɵelement(0,"h3",7),2&t){var o=n.ɵɵnextContext();n.ɵɵproperty("innerHTML",o.data.title,n.ɵɵsanitizeHtml)}}function x(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"icon",8),n.ɵɵlistener("onClick",(function(){return n.ɵɵrestoreView(o),n.ɵɵnextContext().closeClick()})),n.ɵɵelementEnd()}if(2&t){var i=n.ɵɵnextContext();n.ɵɵproperty("title",i.data.closeLabel)}}function M(t,e){if(1&t&&n.ɵɵelement(0,"p",9),2&t){var o=n.ɵɵnextContext();n.ɵɵproperty("innerHTML",o.data.content,n.ɵɵsanitizeHtml)}}g.ɵfac=function(t){return new(t||g)(n.ɵɵdirectiveInject(e.MatDialogRef),n.ɵɵdirectiveInject(e.MAT_DIALOG_DATA))},g.ɵcmp=n.ɵɵdefineComponent({type:g,selectors:[["confirm-remove-modal-data"]],decls:8,vars:7,consts:[[1,"modal-title"],["mat-dialog-title","",3,"innerHTML",4,"ngIf"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick",4,"ngIf"],["mat-dialog-content","",1,"modal-content"],[3,"innerHTML",4,"ngIf"],[3,"label","ngModel","ngModelChange",4,"ngIf"],["mat-dialog-actions","",1,"modal-actions"],[3,"btnDisabled","icon","label","onClick"],["mat-dialog-title","",3,"innerHTML"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick"],[3,"innerHTML"],[3,"label","ngModel","ngModelChange"]],template:function(t,e){1&t&&(n.ɵɵelementStart(0,"div",0),n.ɵɵtemplate(1,s,1,1,"h3",1),n.ɵɵtemplate(2,m,1,1,"icon",2),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"div",3),n.ɵɵtemplate(4,p,1,1,"p",4),n.ɵɵtemplate(5,f,1,2,"input-text",5),n.ɵɵelementEnd(),n.ɵɵelementStart(6,"div",6),n.ɵɵelementStart(7,"secondary-button",7),n.ɵɵlistener("onClick",(function(){return e.confirmClick()})),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&t&&(n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.data.title),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.data.showCloseIcon),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",e.data.content),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.data.removeTextConfirm),n.ɵɵadvance(2),n.ɵɵproperty("btnDisabled",e.isConfirmDisabled())("icon",e.data.confirmIcon)("label",e.data.confirmText))},directives:[o.NgIf,e.MatDialogContent,e.MatDialogActions,i.SecondaryButtonComponent,e.MatDialogTitle,a.IconComponent,l.InputTextComponent,r.NgControlStatus,r.NgModel],styles:[".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   input-text[_ngcontent-%COMP%]{width:80%}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}"]});var v=function(){},y=function(){function t(t,e){this.dialogRef=t,this.data=e}return t.prototype.closeClick=function(){this.dialogRef.close(!1)},t.prototype.confirmClick=function(){this.dialogRef.close(!0)},t}();function h(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"icon",6),n.ɵɵlistener("onClick",(function(){return n.ɵɵrestoreView(o),n.ɵɵnextContext(2).changeExpand()})),n.ɵɵelementEnd()}if(2&t){var i=n.ɵɵnextContext(2);n.ɵɵproperty("size",13)("name",i.expanded?"fa fa-compress":"fa fa-expand-arrows-alt")("title",i.titleExpand)}}function I(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"icon",7),n.ɵɵlistener("onClick",(function(){return n.ɵɵrestoreView(o),n.ɵɵnextContext(2).closeClick.next()})),n.ɵɵelementEnd()}if(2&t){var i=n.ɵɵnextContext(2);n.ɵɵproperty("title",i.titleClose)}}function b(t,e){if(1&t&&(n.ɵɵelementStart(0,"div",3),n.ɵɵtemplate(1,h,1,3,"icon",4),n.ɵɵtemplate(2,I,1,1,"icon",5),n.ɵɵelementEnd()),2&t){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵproperty("ngIf",o.showExpandIcon),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",o.showCloseIcon)}}y.ɵfac=function(t){return new(t||y)(n.ɵɵdirectiveInject(e.MatDialogRef),n.ɵɵdirectiveInject(e.MAT_DIALOG_DATA))},y.ɵcmp=n.ɵɵdefineComponent({type:y,selectors:[["confirm-modal-data"]],decls:8,vars:7,consts:[[1,"modal-title"],["mat-dialog-title","",3,"innerHTML",4,"ngIf"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick",4,"ngIf"],["mat-dialog-content","",1,"modal-content"],[3,"innerHTML",4,"ngIf"],["mat-dialog-actions","",1,"modal-actions"],[3,"icon","label","onClick"],["mat-dialog-title","",3,"innerHTML"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick"],[3,"innerHTML"]],template:function(t,e){1&t&&(n.ɵɵelementStart(0,"div",0),n.ɵɵtemplate(1,C,1,1,"h3",1),n.ɵɵtemplate(2,x,1,1,"icon",2),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"div",3),n.ɵɵtemplate(4,M,1,1,"p",4),n.ɵɵelementEnd(),n.ɵɵelementStart(5,"div",5),n.ɵɵelementStart(6,"tertiary-button",6),n.ɵɵlistener("onClick",(function(){return e.closeClick()})),n.ɵɵelementEnd(),n.ɵɵelementStart(7,"primary-button",6),n.ɵɵlistener("onClick",(function(){return e.confirmClick()})),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&t&&(n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.data.title),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.data.showCloseIcon),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",e.data.content),n.ɵɵadvance(2),n.ɵɵproperty("icon",e.data.cancelIcon)("label",e.data.cancelText),n.ɵɵadvance(1),n.ɵɵproperty("icon",e.data.confirmIcon)("label",e.data.confirmText))},directives:[o.NgIf,e.MatDialogContent,e.MatDialogActions,i.TertiaryButtonComponent,i.PrimaryButtonComponent,e.MatDialogTitle,a.IconComponent],styles:[".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:0!important}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}.modal-actions[_ngcontent-%COMP%]   primary-button[_ngcontent-%COMP%]{margin-left:5px}"]});var k=function(){function t(){this.expanded=!1,this.showExpandIcon=!1,this.showCloseIcon=!1,this.titleClose="Close",this.titleExpand="Expand",this.closeClick=new n.EventEmitter,this.expandClick=new n.EventEmitter}return t.prototype.changeExpand=function(){var t,e;this.expanded=!this.expanded,this.expandClick.next(this.expanded),this.expanded?null===(t=this.dialogRef)||void 0===t||t.addPanelClass("mod-expanded"):null===(e=this.dialogRef)||void 0===e||e.removePanelClass("mod-expanded")},t}();k.ɵfac=function(t){return new(t||k)},k.ɵcmp=n.ɵɵdefineComponent({type:k,selectors:[["modal-header-component"]],inputs:{title:"title",expanded:"expanded",showExpandIcon:"showExpandIcon",showCloseIcon:"showCloseIcon",titleClose:"titleClose",titleExpand:"titleExpand",dialogRef:"dialogRef"},outputs:{closeClick:"closeClick",expandClick:"expandClick"},decls:3,vars:2,consts:[[1,"modal-title"],["mat-dialog-title","",3,"innerHTML"],["class","modal-title-actions",4,"ngIf"],[1,"modal-title-actions"],["type","primary clickable",3,"size","name","title","onClick",4,"ngIf"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick",4,"ngIf"],["type","primary clickable",3,"size","name","title","onClick"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick"]],template:function(t,e){1&t&&(n.ɵɵelementStart(0,"div",0),n.ɵɵelement(1,"h3",1),n.ɵɵtemplate(2,b,3,2,"div",2),n.ɵɵelementEnd()),2&t&&(n.ɵɵadvance(1),n.ɵɵproperty("innerHTML",e.title,n.ɵɵsanitizeHtml),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.showExpandIcon||e.showCloseIcon))},directives:[e.MatDialogTitle,o.NgIf,a.IconComponent],styles:[".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;position:absolute;right:-5px;top:-5px}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{display:block}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]:not(:last-child){margin-right:10px}"]});var w=function(){};w.ɵmod=n.ɵɵdefineNgModule({type:w}),w.ɵinj=n.ɵɵdefineInjector({factory:function(t){return new(t||w)},providers:[],imports:[[o.CommonModule,e.MatDialogModule,c.MatFormFieldModule,r.FormsModule,d.MatInputModule,l.InputsModule,i.ButtonsModule,a.IconsModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(w,{declarations:[g,y,k],imports:[o.CommonModule,e.MatDialogModule,c.MatFormFieldModule,r.FormsModule,d.MatInputModule,l.InputsModule,i.ButtonsModule,a.IconsModule],exports:[g,y,k]}),Object.keys(e).forEach((function(n){"default"!==n&&Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[n]}})})),t.ConfirmDialogData=v,t.ConfirmModalDataComponent=y,t.ConfirmRemoveDialogData=u,t.ConfirmRemoveModalDataComponent=g,t.ModalHeaderComponent=k,t.ModalsModule=w,Object.defineProperty(t,"__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.html","../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts"],"names":["i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate1","i0.ɵɵlistener","i0.ɵɵproperty","i0.ɵɵelement","ctx_r3","data","removeText","ConfirmRemoveModalDataComponent","dialogRef","this","prototype","closeClick","close","confirmClick","_a","removeTextConfirm","_b","_c","isConfirmDisabled","i0","ɵɵdirectiveInject","i1","MatDialogRef","MAT_DIALOG_DATA","selectors","decls","vars","consts","template","rf","ctx","i0.ɵɵtemplate","confirmIcon","confirmText","ModalsModule","providers","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","declarations","exports"],"mappings":"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","sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\n    {{data.title}}\n  </h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData,\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule,\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n"]}
+{"version":3,"sources":["../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.ts","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.html","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.ts","../../../projects/modals/src/lib/modal-header/modal-header.component.ts","../../../projects/modals/src/modals.module.ts"],"names":["i0.ɵɵelement","i0.ɵɵproperty","i0.ɵɵelementStart","i0.ɵɵlistener","i0.ɵɵelementEnd","ctx_r3","data","removeText","ConfirmRemoveModalDataComponent","dialogRef","this","prototype","closeClick","close","confirmClick","_a","removeTextConfirm","_b","_c","isConfirmDisabled","i0","ɵɵdirectiveInject","i1","MatDialogRef","MAT_DIALOG_DATA","selectors","decls","vars","consts","template","rf","ctx","i0.ɵɵtemplate","i0.ɵɵadvance","confirmIcon","confirmText","ConfirmModalDataComponent","ctx_r1","expanded","titleExpand","next","cancelText","ModalHeaderComponent","showExpandIcon","showCloseIcon","titleClose","EventEmitter","expandClick","changeExpand","addPanelClass","removePanelClass","inputs","title","outputs","ModalsModule","providers","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","declarations","exports"],"mappings":"w4BACEA,EAAAA,UAAAA,EAAAA,KAAAA,gCAAuBC,EAAAA,WAAAA,YAAAA,EAAAA,KAAAA,MAAAA,EAAAA,oEACvBC,EAAAA,eAAAA,EAAAA,OAAAA,GAAyGC,EAAAA,WAAAA,WAAAA,WAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,gBAAAA,gBAAyBC,EAAAA,+CAAnDH,EAAAA,WAAAA,QAAAA,EAAAA,KAAAA,qCAI/ED,EAAAA,UAAAA,EAAAA,IAAAA,iCAAwBC,EAAAA,WAAAA,YAAAA,EAAAA,KAAAA,QAAAA,EAAAA,oEACxBC,EAAAA,eAAAA,EAAAA,aAAAA,IAA0EC,EAAAA,WAAAA,iBAAAA,SAAAA,GAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,gBAAAA,KAAAA,WAAAA,KAA8BC,EAAAA,+CAA7DH,EAAAA,WAAAA,QAAAA,EAAAA,KAAAA,gBAAAA,CAA8B,UAAAI,EAAAC,KAAAC,mBCJ3E,0BAoBE,SAAAC,EACSC,EACyBH,GADzBI,KAAAD,UAAAA,EACyBC,KAAAJ,KAAAA,SAIlCE,EAAAG,UAAAC,WAAA,WACEF,KAAKD,UAAUI,SAGjBL,EAAAG,UAAAG,aAAA,sBACgB,QAAVC,EAACL,KAAKJ,YAAI,IAAAS,OAAA,EAAAA,EAAEC,qBAA8B,QAATC,EAAAP,KAAKJ,YAAI,IAAAW,OAAA,EAAAA,EAAEV,eAAwB,QAAdW,EAAKR,KAAKJ,YAAI,IAAAY,OAAA,EAAAA,EAAEF,oBACxEN,KAAKD,UAAUI,MAAMH,KAAKJ,OAI9BE,EAAAG,UAAAQ,kBAAA,qBACE,SAAc,QAAVJ,EAACL,KAAKJ,YAAI,IAAAS,OAAA,EAAAA,EAAEC,qBAGA,QAATC,EAAAP,KAAKJ,YAAI,IAAAW,OAAA,EAAAA,EAAEV,eAAwB,QAAdW,EAAKR,KAAKJ,YAAI,IAAAY,OAAA,EAAAA,EAAEF,iDC1C9ChB,EAAAA,UAAAA,EAAAA,KAAAA,gCAAuBC,EAAAA,WAAAA,YAAAA,EAAAA,KAAAA,MAAAA,EAAAA,oEACvBC,EAAAA,eAAAA,EAAAA,OAAAA,GAAyGC,EAAAA,WAAAA,WAAAA,WAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,gBAAAA,gBAAyBC,EAAAA,+CAAnDH,EAAAA,WAAAA,QAAAA,EAAAA,KAAAA,qCAI/ED,EAAAA,UAAAA,EAAAA,IAAAA,gCAAwBC,EAAAA,WAAAA,YAAAA,EAAAA,KAAAA,QAAAA,EAAAA,kDDebO,GAA+BY,EAAAC,kBAAAC,EAAAC,cAAAH,EAAAC,kBAIhCG,EAAAA,oDAJChB,EAA+BiB,UAAA,CAAA,CAAA,8BAAAC,MAAA,EAAAC,KAAA,EAAAC,OAAA,CAAA,CAAA,EAAA,eAAA,CAAA,mBAAA,GAAA,EAAA,YAAA,EAAA,QAAA,CAAA,OAAA,qBAAA,OAAA,eAAA,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,qBAAA,GAAA,EAAA,iBAAA,CAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,QAAA,UAAA,gBAAA,EAAA,QAAA,CAAA,qBAAA,GAAA,EAAA,iBAAA,CAAA,EAAA,cAAA,OAAA,QAAA,WAAA,CAAA,mBAAA,GAAA,EAAA,aAAA,CAAA,OAAA,qBAAA,OAAA,eAAA,EAAA,QAAA,WAAA,CAAA,EAAA,aAAA,CAAA,EAAA,QAAA,UAAA,kBAAAC,SAAA,SAAAC,EAAAC,SDrB5C7B,EAAAA,eAAAA,EAAAA,MAAAA,GACE8B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,KAAAA,GACAA,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,OAAAA,GACF5B,EAAAA,eAEAF,EAAAA,eAAAA,EAAAA,MAAAA,GACE8B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,IAAAA,GACAA,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,aAAAA,GACF5B,EAAAA,eAEAF,EAAAA,eAAAA,EAAAA,MAAAA,GACEA,EAAAA,eAAAA,EAAAA,mBAAAA,GAA2GC,EAAAA,WAAAA,WAAAA,WAAAA,OAAW4B,EAAAjB,kBAAgBV,EAAAA,eACxIA,EAAAA,sBAXM6B,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,OACEgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,eAIHgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,SACSgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,mBAIMgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,cAAAA,EAAAA,oBAAAA,CAAmC,OAAA8B,EAAAzB,KAAA4B,YAAnCjC,CAAmC,QAAA8B,EAAAzB,KAAA6B,s0BGRvD,0BAmBE,SAAAC,EACS3B,EACyBH,GADzBI,KAAAD,UAAAA,EACyBC,KAAAJ,KAAAA,SAIlC8B,EAAAzB,UAAAC,WAAA,WACEF,KAAKD,UAAUI,OAAM,IAGvBuB,EAAAzB,UAAAG,aAAA,WACEJ,KAAKD,UAAUI,OAAM,4DCxBjBX,EAAAA,eAAAA,EAAAA,OAAAA,GAA0JC,EAAAA,WAAAA,WAAAA,WAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,cAAAA,GAAAA,kBAA2BC,EAAAA,gDAA/HH,EAAAA,WAAAA,OAAAA,GAAAA,CAAW,OAAAoC,EAAAC,SAAA,iBAAA,0BAAXrC,CAAW,QAAAoC,EAAAE,iEACjErC,EAAAA,eAAAA,EAAAA,OAAAA,GAA+FC,EAAAA,WAAAA,WAAAA,WAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,cAAAA,GAAWS,WAAA4B,UAAmBpC,EAAAA,gDAAnDH,EAAAA,WAAAA,QAAAA,EAAAA,sCAF5EC,EAAAA,eAAAA,EAAAA,MAAAA,GACE8B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,OAAAA,GACAA,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,OAAAA,GACF5B,EAAAA,6CAFQ6B,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,gBACAgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,iDDUDmC,GAAyBhB,EAAAC,kBAAAC,EAAAC,cAAAH,EAAAC,kBAI1BG,EAAAA,oDAJCY,EAAyBX,UAAA,CAAA,CAAA,uBAAAC,MAAA,EAAAC,KAAA,EAAAC,OAAA,CAAA,CAAA,EAAA,eAAA,CAAA,mBAAA,GAAA,EAAA,YAAA,EAAA,QAAA,CAAA,OAAA,qBAAA,OAAA,eAAA,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,qBAAA,GAAA,EAAA,iBAAA,CAAA,EAAA,YAAA,EAAA,QAAA,CAAA,qBAAA,GAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,QAAA,WAAA,CAAA,mBAAA,GAAA,EAAA,aAAA,CAAA,OAAA,qBAAA,OAAA,eAAA,EAAA,QAAA,WAAA,CAAA,EAAA,cAAAC,SAAA,SAAAC,EAAAC,SDpBtC7B,EAAAA,eAAAA,EAAAA,MAAAA,GACE8B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,KAAAA,GACAA,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,OAAAA,GACF5B,EAAAA,eAEAF,EAAAA,eAAAA,EAAAA,MAAAA,GACE8B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,IAAAA,GACF5B,EAAAA,eAEAF,EAAAA,eAAAA,EAAAA,MAAAA,GACEA,EAAAA,eAAAA,EAAAA,kBAAAA,GAAoEC,EAAAA,WAAAA,WAAAA,WAAAA,OAAW4B,EAAAnB,gBAAcR,EAAAA,eAC7FF,EAAAA,eAAAA,EAAAA,iBAAAA,GAAqEC,EAAAA,WAAAA,WAAAA,WAAAA,OAAW4B,EAAAjB,kBAAgBV,EAAAA,eAClGA,EAAAA,sBAXM6B,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,OACEgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,eAIHgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,SAIcgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,WAAAA,CAAwB,QAAA8B,EAAAzB,KAAAmC,YACzBR,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,KAAAA,YAAAA,CAAyB,QAAA8B,EAAAzB,KAAA6B,84BER3C,SAAAO,IAgBWhC,KAAA4B,UAAW,EACX5B,KAAAiC,gBAAiB,EACjBjC,KAAAkC,eAAgB,EAEhBlC,KAAAmC,WAAa,QACbnC,KAAA6B,YAAc,SAGb7B,KAAAE,WAAgC,IAAIkC,EAAAA,aACpCpC,KAAAqC,YAAqC,IAAID,EAAAA,oBAE5CJ,EAAA/B,UAAAqC,aAAA,mBACLtC,KAAK4B,UAAY5B,KAAK4B,SACtB5B,KAAKqC,YAAYP,KAAK9B,KAAK4B,UACvB5B,KAAK4B,SACO,QAAdvB,EAAAL,KAAKD,iBAAS,IAAAM,GAAAA,EAAEkC,cAAc,gBAEhB,QAAdhC,EAAAP,KAAKD,iBAAS,IAAAQ,GAAAA,EAAEiC,iBAAiB,uDApB1BR,qCAAAA,EAAoBjB,UAAA,CAAA,CAAA,2BAAA0B,OAAA,CAAAC,MAAA,QAAAd,SAAA,WAAAK,eAAA,iBAAAC,cAAA,gBAAAC,WAAA,aAAAN,YAAA,cAAA9B,UAAA,aAAA4C,QAAA,CAAAzC,WAAA,aAAAmC,YAAA,eAAArB,MAAA,EAAAC,KAAA,EAAAC,OAAA,CAAA,CAAA,EAAA,eAAA,CAAA,mBAAA,GAAA,EAAA,aAAA,CAAA,QAAA,sBAAA,EAAA,QAAA,CAAA,EAAA,uBAAA,CAAA,OAAA,oBAAA,EAAA,OAAA,OAAA,QAAA,UAAA,EAAA,QAAA,CAAA,OAAA,qBAAA,OAAA,eAAA,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,OAAA,oBAAA,EAAA,OAAA,OAAA,QAAA,WAAA,CAAA,OAAA,qBAAA,OAAA,eAAA,EAAA,QAAA,YAAAC,SAAA,SAAAC,EAAAC,SAV7B7B,EAAAA,eAAAA,EAAAA,MAAAA,GACEF,EAAAA,UAAAA,EAAAA,KAAAA,GACAgC,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,MAAAA,GAIF5B,EAAAA,sBALM6B,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,YAAAA,EAAAA,MAAAA,EAAAA,gBACCgC,EAAAA,UAAAA,GAAAhC,EAAAA,WAAAA,OAAAA,EAAAA,gBAAAA,EAAAA,guBC4BX,6CAAaqD,iEAAAA,IAAYC,UAFZ,GAAEC,QAAA,CApBJ,CACPC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,YACAC,EAAAA,eACAC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,iFAcSV,EAAY,CAAAW,aAAA,CAXrBzD,EACA4B,EACAM,GAAoBc,QAAA,CAZpBC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,YACAC,EAAAA,eACAC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,aAAWE,QAAA,CAQX1D,EACA4B,EACAM","sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <tertiary-button [icon]=\"data.cancelIcon\" [label]=\"data.cancelText\" (onClick)=\"closeClick()\"></tertiary-button>\n  <primary-button [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></primary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  cancelIcon?: string;\n  cancelText?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-modal-data',\n  templateUrl: 'confirm-modal.component.html',\n  styleUrls: ['confirm-modal.component.scss']\n})\nexport class ConfirmModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close(false);\n  }\n\n  confirmClick(): void {\n    this.dialogRef.close(true);\n  }\n\n}\n","import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\n\n@Component({\n  selector: 'modal-header-component',\n  template: `\n    <div class=\"modal-title\">\n      <h3 [innerHTML]='title' mat-dialog-title></h3>\n      <div *ngIf=\"showExpandIcon || showCloseIcon\" class=\"modal-title-actions\">\n        <icon *ngIf=\"showExpandIcon\" type=\"primary clickable\" [size]=\"13\" [name]=\"!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'\" [title]=\"titleExpand\" (onClick)=\"changeExpand()\"></icon>\n        <icon *ngIf=\"showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"titleClose\" (onClick)=\"closeClick.next()\"></icon>\n      </div>\n    </div>\n  ` ,\n  styleUrls: ['modal-header.scss']\n})\nexport class ModalHeaderComponent {\n\n  @Input() title: string | undefined;\n  @Input() expanded = false;\n  @Input() showExpandIcon = false;\n  @Input() showCloseIcon = false;\n\n  @Input() titleClose = 'Close';\n  @Input() titleExpand = 'Expand';\n  @Input() dialogRef: MatDialogRef<ModalHeaderComponent> | undefined;\n\n  @Output() closeClick: EventEmitter<any> = new EventEmitter();\n  @Output() expandClick: EventEmitter<boolean> = new EventEmitter();\n\n  public changeExpand(): void {\n    this.expanded = !this.expanded;\n    this.expandClick.next(this.expanded);\n    if (this.expanded) {\n      this.dialogRef?.addPanelClass('mod-expanded');\n    } else {\n      this.dialogRef?.removePanelClass('mod-expanded');\n    }\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal/confirm-remove-modal.component';\nimport {ConfirmModalDataComponent} from './lib/confirm-modal/confirm-modal.component';\nimport {ModalHeaderComponent} from './lib/modal-header/modal-header.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent,\n    ModalHeaderComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent,\n    ModalHeaderComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n"]}

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

@@ -0,0 +1,83 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@apipass/buttons";
+import * as i4 from "@apipass/icons";
+function ConfirmModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "h3", 7);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r0.data.title, i0.ɵɵsanitizeHtml);
+} }
+function ConfirmModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "icon", 8);
+    i0.ɵɵlistener("onClick", function ConfirmModalDataComponent_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.closeClick(); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r1.data.closeLabel);
+} }
+function ConfirmModalDataComponent_p_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 9);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r2.data.content, i0.ɵɵsanitizeHtml);
+} }
+export class ConfirmDialogData {
+}
+export class ConfirmModalDataComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    closeClick() {
+        this.dialogRef.close(false);
+    }
+    confirmClick() {
+        this.dialogRef.close(true);
+    }
+}
+ConfirmModalDataComponent.ɵfac = function ConfirmModalDataComponent_Factory(t) { return new (t || ConfirmModalDataComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+ConfirmModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmModalDataComponent, selectors: [["confirm-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"]], template: function ConfirmModalDataComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, ConfirmModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
+        i0.ɵɵtemplate(2, ConfirmModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "div", 3);
+        i0.ɵɵtemplate(4, ConfirmModalDataComponent_p_4_Template, 1, 1, "p", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "div", 5);
+        i0.ɵɵelementStart(6, "tertiary-button", 6);
+        i0.ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_tertiary_button_onClick_6_listener() { return ctx.closeClick(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "primary-button", 6);
+        i0.ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_primary_button_onClick_7_listener() { return ctx.confirmClick(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.data.title);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.data.showCloseIcon);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.data.content);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("icon", ctx.data.cancelIcon)("label", ctx.data.cancelText);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
+    } }, directives: [i2.NgIf, i1.MatDialogContent, i1.MatDialogActions, i3.TertiaryButtonComponent, i3.PrimaryButtonComponent, i1.MatDialogTitle, i4.IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:0!important}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}.modal-actions[_ngcontent-%COMP%]   primary-button[_ngcontent-%COMP%]{margin-left:5px}"] });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ConfirmModalDataComponent, [{
+        type: Component,
+        args: [{
+                selector: 'confirm-modal-data',
+                templateUrl: 'confirm-modal.component.html',
+                styleUrls: ['confirm-modal.component.scss']
+            }]
+    }], function () { return [{ type: i1.MatDialogRef }, { type: ConfirmDialogData, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb2RhbHMvc3JjL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1tb2RhbC9jb25maXJtLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQyxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7SUNBckUsd0JBQXNFOzs7SUFBL0MsZ0VBQXdCOzs7O0lBQy9DLCtCQUF5STtJQUFoQyxnTUFBd0I7SUFBQyxpQkFBTzs7O0lBQTFELDhDQUF5Qjs7O0lBSXhHLHVCQUF1RDs7O0lBQS9CLGtFQUEwQjs7QURIcEQsTUFBTSxPQUFPLGlCQUFpQjtDQVU3QjtBQU9ELE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsWUFDUyxTQUFrRCxFQUN6QixJQUF1QjtRQURoRCxjQUFTLEdBQVQsU0FBUyxDQUF5QztRQUN6QixTQUFJLEdBQUosSUFBSSxDQUFtQjtJQUV6RCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7a0dBZFUseUJBQXlCLDhEQUkxQixlQUFlOzhEQUpkLHlCQUF5QjtRQ3BCdEMsOEJBQ0U7UUFBQSx3RUFBaUU7UUFDakUsNEVBQWtJO1FBQ3BJLGlCQUFNO1FBRU4sOEJBQ0U7UUFBQSxzRUFBbUQ7UUFDckQsaUJBQU07UUFFTiw4QkFDRTtRQUFBLDBDQUErRztRQUEzQyxtSEFBVyxnQkFBWSxJQUFDO1FBQUMsaUJBQWtCO1FBQy9HLHlDQUFpSDtRQUE1QyxrSEFBVyxrQkFBYyxJQUFDO1FBQUMsaUJBQWlCO1FBQ25ILGlCQUFNOztRQVhBLGVBQWtCO1FBQWxCLHFDQUFrQjtRQUNoQixlQUEwQjtRQUExQiw2Q0FBMEI7UUFJN0IsZUFBb0I7UUFBcEIsdUNBQW9CO1FBSU4sZUFBd0I7UUFBeEIsMENBQXdCLDhCQUFBO1FBQ3pCLGVBQXlCO1FBQXpCLDJDQUF5QiwrQkFBQTs7a0REUzlCLHlCQUF5QjtjQUxyQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsV0FBVyxFQUFFLDhCQUE4QjtnQkFDM0MsU0FBUyxFQUFFLENBQUMsOEJBQThCLENBQUM7YUFDNUM7aUVBS3lDLGlCQUFpQjtzQkFBdEQsTUFBTTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5leHBvcnQgY2xhc3MgQ29uZmlybURpYWxvZ0RhdGEge1xuICB0aXRsZT86IHN0cmluZztcbiAgY29udGVudD86IHN0cmluZztcbiAgY29uZmlybUljb24/OiBzdHJpbmc7XG4gIGNvbmZpcm1UZXh0Pzogc3RyaW5nO1xuICBjYW5jZWxJY29uPzogc3RyaW5nO1xuICBjYW5jZWxUZXh0Pzogc3RyaW5nO1xuICBzaG93Q2xvc2VJY29uPzogYm9vbGVhbjtcbiAgY2xvc2VMYWJlbD86IHN0cmluZztcbiAgaXRlbT86IGFueTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29uZmlybS1tb2RhbC1kYXRhJyxcbiAgdGVtcGxhdGVVcmw6ICdjb25maXJtLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbmZpcm0tbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29uZmlybU1vZGFsRGF0YUNvbXBvbmVudD4sXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBDb25maXJtRGlhbG9nRGF0YVxuICApIHtcbiAgfVxuXG4gIGNsb3NlQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoZmFsc2UpO1xuICB9XG5cbiAgY29uZmlybUNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRydWUpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC10aXRsZVwiPlxuICA8aDMgKm5nSWY9XCJkYXRhLnRpdGxlXCIgW2lubmVySFRNTF09XCJkYXRhLnRpdGxlXCIgbWF0LWRpYWxvZy10aXRsZT48L2gzPlxuICA8aWNvbiAqbmdJZj1cImRhdGEuc2hvd0Nsb3NlSWNvblwiIHR5cGU9XCJ0ZXJ0aWFyeSBjbGlja2FibGVcIiBuYW1lPVwiZmFzIGZhLXRpbWVzXCIgW3RpdGxlXT1cImRhdGEuY2xvc2VMYWJlbFwiIChvbkNsaWNrKT1cImNsb3NlQ2xpY2soKVwiPjwvaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIG1hdC1kaWFsb2ctY29udGVudD5cbiAgPHAgKm5nSWY9XCJkYXRhLmNvbnRlbnRcIiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFwiPjwvcD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwibW9kYWwtYWN0aW9uc1wiIG1hdC1kaWFsb2ctYWN0aW9ucz5cbiAgPHRlcnRpYXJ5LWJ1dHRvbiBbaWNvbl09XCJkYXRhLmNhbmNlbEljb25cIiBbbGFiZWxdPVwiZGF0YS5jYW5jZWxUZXh0XCIgKG9uQ2xpY2spPVwiY2xvc2VDbGljaygpXCI+PC90ZXJ0aWFyeS1idXR0b24+XG4gIDxwcmltYXJ5LWJ1dHRvbiBbaWNvbl09XCJkYXRhLmNvbmZpcm1JY29uXCIgW2xhYmVsXT1cImRhdGEuY29uZmlybVRleHRcIiAob25DbGljayk9XCJjb25maXJtQ2xpY2soKVwiPjwvcHJpbWFyeS1idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2015/lib/{confirm-remove-modal.component.js → confirm-remove-modal/confirm-remove-modal.component.js}

@@ -8,13 +8,10 @@ import * as i4 from "@apipass/icons";
 import * as i5 from "@apipass/inputs";
 import * as i6 from "@angular/forms";
 function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelement(0, "h3", 8);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.data.title, " ");
+    i0.ɵɵproperty("innerHTML", ctx_r0.data.title, i0.ɵɵsanitizeHtml);
 } }
 function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -65,9 +62,9 @@ export class ConfirmRemoveModalDataComponent {
     }
 }
 ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
-ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", ""], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
+ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 2, 1, "h3", 1);
+        i0.ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
         i0.ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(3, "div", 3);
@@ -102,4 +99,4 @@ ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRe
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }]; }, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGVBQWUsRUFBRSxZQUFZLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0lDQXJFLDZCQUNFO0lBQUEsWUFDRjtJQUFBLGlCQUFLOzs7SUFESCxlQUNGO0lBREUsa0RBQ0Y7Ozs7SUFDQSwrQkFBeUk7SUFBaEMsc01BQXdCO0lBQUMsaUJBQU87OztJQUExRCw4Q0FBeUI7OztJQUl4Ryx3QkFBdUQ7OztJQUEvQixrRUFBMEI7Ozs7SUFDbEQsc0NBQXFIO0lBQTNDLGdQQUE2QjtJQUFDLGlCQUFhOzs7SUFBMUUsbURBQThCLG1DQUFBOztBRE4zRSxNQUFNLE9BQU8sdUJBQXVCO0NBV25DO0FBT0QsTUFBTSxPQUFPLCtCQUErQjtJQUUxQyxZQUNTLFNBQXdELEVBQy9CLElBQTZCO1FBRHRELGNBQVMsR0FBVCxTQUFTLENBQStDO1FBQy9CLFNBQUksR0FBSixJQUFJLENBQXlCO0lBRS9ELENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsWUFBWTs7UUFDVixJQUFJLFFBQUMsSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsSUFBSSxPQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFVBQVUsYUFBSyxJQUFJLENBQUMsSUFBSSwwQ0FBRSxpQkFBaUIsQ0FBQSxFQUFFO1lBQzNGLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxpQkFBaUI7O1FBQ2YsSUFBSSxRQUFDLElBQUksQ0FBQyxJQUFJLDBDQUFFLGlCQUFpQixDQUFBLEVBQUU7WUFDakMsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELE9BQU8sT0FBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVLGFBQUssSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsQ0FBQztJQUNoRSxDQUFDOzs4R0F2QlUsK0JBQStCLDhEQUloQyxlQUFlO29FQUpkLCtCQUErQjtRQ3JCNUMsOEJBQ0U7UUFBQSw4RUFDRTtRQUVGLGtGQUFrSTtRQUNwSSxpQkFBTTtRQUVOLDhCQUNFO1FBQUEsNEVBQW1EO1FBQ25ELDhGQUF3RztRQUMxRyxpQkFBTTtRQUVOLDhCQUNFO1FBQUEsMkNBQXlKO1FBQTlDLDBIQUFXLGtCQUFjLElBQUM7UUFBQyxpQkFBbUI7UUFDM0osaUJBQU07O1FBYkEsZUFBa0I7UUFBbEIscUNBQWtCO1FBR2hCLGVBQTBCO1FBQTFCLDZDQUEwQjtRQUk3QixlQUFvQjtRQUFwQix1Q0FBb0I7UUFDWCxlQUE4QjtRQUE5QixpREFBOEI7UUFJeEIsZUFBbUM7UUFBbkMscURBQW1DLDhCQUFBLCtCQUFBOztrRERRMUMsK0JBQStCO2NBTDNDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsMkJBQTJCO2dCQUNyQyxXQUFXLEVBQUUscUNBQXFDO2dCQUNsRCxTQUFTLEVBQUUsQ0FBQyxxQ0FBcUMsQ0FBQzthQUNuRDtpRUFLeUMsdUJBQXVCO3NCQUE1RCxNQUFNO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWZ9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmV4cG9ydCBjbGFzcyBDb25maXJtUmVtb3ZlRGlhbG9nRGF0YSB7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBjb250ZW50Pzogc3RyaW5nO1xuICBjb25maXJtSWNvbj86IHN0cmluZztcbiAgY29uZmlybVRleHQ/OiBzdHJpbmc7XG4gIHJlbW92ZVRleHQ/OiBzdHJpbmc7XG4gIHJlbW92ZVRleHRMYWJlbD86IHN0cmluZztcbiAgcmVtb3ZlVGV4dENvbmZpcm0/OiBzdHJpbmc7XG4gIHNob3dDbG9zZUljb24/OiBib29sZWFuO1xuICBjbG9zZUxhYmVsPzogc3RyaW5nO1xuICBpdGVtPzogYW55O1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb25maXJtLXJlbW92ZS1tb2RhbC1kYXRhJyxcbiAgdGVtcGxhdGVVcmw6ICdjb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50PixcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IENvbmZpcm1SZW1vdmVEaWFsb2dEYXRhLFxuICApIHtcbiAgfVxuXG4gIGNsb3NlQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxuXG4gIGNvbmZpcm1DbGljaygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm0gfHwgdGhpcy5kYXRhPy5yZW1vdmVUZXh0ID09PSB0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtKSB7XG4gICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0aGlzLmRhdGEpO1xuICAgIH1cbiAgfVxuXG4gIGlzQ29uZmlybURpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIGlmICghdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5kYXRhPy5yZW1vdmVUZXh0ICE9PSB0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC10aXRsZVwiPlxuICA8aDMgKm5nSWY9XCJkYXRhLnRpdGxlXCIgbWF0LWRpYWxvZy10aXRsZT5cbiAgICB7e2RhdGEudGl0bGV9fVxuICA8L2gzPlxuICA8aWNvbiAqbmdJZj1cImRhdGEuc2hvd0Nsb3NlSWNvblwiIHR5cGU9XCJ0ZXJ0aWFyeSBjbGlja2FibGVcIiBuYW1lPVwiZmFzIGZhLXRpbWVzXCIgW3RpdGxlXT1cImRhdGEuY2xvc2VMYWJlbFwiIChvbkNsaWNrKT1cImNsb3NlQ2xpY2soKVwiPjwvaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIG1hdC1kaWFsb2ctY29udGVudD5cbiAgPHAgKm5nSWY9XCJkYXRhLmNvbnRlbnRcIiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFwiPjwvcD5cbiAgPGlucHV0LXRleHQgKm5nSWY9XCJkYXRhLnJlbW92ZVRleHRDb25maXJtXCIgW2xhYmVsXT1cImRhdGEucmVtb3ZlVGV4dExhYmVsXCIgWyhuZ01vZGVsKV09XCJkYXRhLnJlbW92ZVRleHRcIj48L2lucHV0LXRleHQ+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIm1vZGFsLWFjdGlvbnNcIiBtYXQtZGlhbG9nLWFjdGlvbnM+XG4gIDxzZWNvbmRhcnktYnV0dG9uIFtidG5EaXNhYmxlZF09XCJpc0NvbmZpcm1EaXNhYmxlZCgpXCIgW2ljb25dPVwiZGF0YS5jb25maXJtSWNvblwiIFtsYWJlbF09XCJkYXRhLmNvbmZpcm1UZXh0XCIgKG9uQ2xpY2spPVwiY29uZmlybUNsaWNrKClcIj48L3NlY29uZGFyeS1idXR0b24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGVBQWUsRUFBRSxZQUFZLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0lDQXJFLHdCQUFzRTs7O0lBQS9DLGdFQUF3Qjs7OztJQUMvQywrQkFBeUk7SUFBaEMsc01BQXdCO0lBQUMsaUJBQU87OztJQUExRCw4Q0FBeUI7OztJQUl4Ryx3QkFBdUQ7OztJQUEvQixrRUFBMEI7Ozs7SUFDbEQsc0NBQXFIO0lBQTNDLGdQQUE2QjtJQUFDLGlCQUFhOzs7SUFBMUUsbURBQThCLG1DQUFBOztBREozRSxNQUFNLE9BQU8sdUJBQXVCO0NBV25DO0FBT0QsTUFBTSxPQUFPLCtCQUErQjtJQUUxQyxZQUNTLFNBQXdELEVBQy9CLElBQTZCO1FBRHRELGNBQVMsR0FBVCxTQUFTLENBQStDO1FBQy9CLFNBQUksR0FBSixJQUFJLENBQXlCO0lBRS9ELENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsWUFBWTs7UUFDVixJQUFJLFFBQUMsSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsSUFBSSxPQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFVBQVUsYUFBSyxJQUFJLENBQUMsSUFBSSwwQ0FBRSxpQkFBaUIsQ0FBQSxFQUFFO1lBQzNGLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxpQkFBaUI7O1FBQ2YsSUFBSSxRQUFDLElBQUksQ0FBQyxJQUFJLDBDQUFFLGlCQUFpQixDQUFBLEVBQUU7WUFDakMsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELE9BQU8sT0FBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVLGFBQUssSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsQ0FBQztJQUNoRSxDQUFDOzs4R0F2QlUsK0JBQStCLDhEQUloQyxlQUFlO29FQUpkLCtCQUErQjtRQ3JCNUMsOEJBQ0U7UUFBQSw4RUFBaUU7UUFDakUsa0ZBQWtJO1FBQ3BJLGlCQUFNO1FBRU4sOEJBQ0U7UUFBQSw0RUFBbUQ7UUFDbkQsOEZBQXdHO1FBQzFHLGlCQUFNO1FBRU4sOEJBQ0U7UUFBQSwyQ0FBeUo7UUFBOUMsMEhBQVcsa0JBQWMsSUFBQztRQUFDLGlCQUFtQjtRQUMzSixpQkFBTTs7UUFYQSxlQUFrQjtRQUFsQixxQ0FBa0I7UUFDaEIsZUFBMEI7UUFBMUIsNkNBQTBCO1FBSTdCLGVBQW9CO1FBQXBCLHVDQUFvQjtRQUNYLGVBQThCO1FBQTlCLGlEQUE4QjtRQUl4QixlQUFtQztRQUFuQyxxREFBbUMsOEJBQUEsK0JBQUE7O2tERFUxQywrQkFBK0I7Y0FMM0MsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSwyQkFBMkI7Z0JBQ3JDLFdBQVcsRUFBRSxxQ0FBcUM7Z0JBQ2xELFNBQVMsRUFBRSxDQUFDLHFDQUFxQyxDQUFDO2FBQ25EO2lFQUt5Qyx1QkFBdUI7c0JBQTVELE1BQU07dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuZXhwb3J0IGNsYXNzIENvbmZpcm1SZW1vdmVEaWFsb2dEYXRhIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNvbnRlbnQ/OiBzdHJpbmc7XG4gIGNvbmZpcm1JY29uPzogc3RyaW5nO1xuICBjb25maXJtVGV4dD86IHN0cmluZztcbiAgcmVtb3ZlVGV4dD86IHN0cmluZztcbiAgcmVtb3ZlVGV4dExhYmVsPzogc3RyaW5nO1xuICByZW1vdmVUZXh0Q29uZmlybT86IHN0cmluZztcbiAgc2hvd0Nsb3NlSWNvbj86IGJvb2xlYW47XG4gIGNsb3NlTGFiZWw/OiBzdHJpbmc7XG4gIGl0ZW0/OiBhbnk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLWRhdGEnLFxuICB0ZW1wbGF0ZVVybDogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQ+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogQ29uZmlybVJlbW92ZURpYWxvZ0RhdGFcbiAgKSB7XG4gIH1cblxuICBjbG9zZUNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gIH1cblxuICBjb25maXJtQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtIHx8IHRoaXMuZGF0YT8ucmVtb3ZlVGV4dCA9PT0gdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybSkge1xuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kYXRhKTtcbiAgICB9XG4gIH1cblxuICBpc0NvbmZpcm1EaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICBpZiAoIXRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm0pIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuZGF0YT8ucmVtb3ZlVGV4dCAhPT0gdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgPGgzICpuZ0lmPVwiZGF0YS50aXRsZVwiIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZVwiIG1hdC1kaWFsb2ctdGl0bGU+PC9oMz5cbiAgPGljb24gKm5nSWY9XCJkYXRhLnNob3dDbG9zZUljb25cIiB0eXBlPVwidGVydGlhcnkgY2xpY2thYmxlXCIgbmFtZT1cImZhcyBmYS10aW1lc1wiIFt0aXRsZV09XCJkYXRhLmNsb3NlTGFiZWxcIiAob25DbGljayk9XCJjbG9zZUNsaWNrKClcIj48L2ljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIiBtYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxwICpuZ0lmPVwiZGF0YS5jb250ZW50XCIgW2lubmVySFRNTF09XCJkYXRhLmNvbnRlbnRcIj48L3A+XG4gIDxpbnB1dC10ZXh0ICpuZ0lmPVwiZGF0YS5yZW1vdmVUZXh0Q29uZmlybVwiIFtsYWJlbF09XCJkYXRhLnJlbW92ZVRleHRMYWJlbFwiIFsobmdNb2RlbCldPVwiZGF0YS5yZW1vdmVUZXh0XCI+PC9pbnB1dC10ZXh0PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJtb2RhbC1hY3Rpb25zXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxuICA8c2Vjb25kYXJ5LWJ1dHRvbiBbYnRuRGlzYWJsZWRdPVwiaXNDb25maXJtRGlzYWJsZWQoKVwiIFtpY29uXT1cImRhdGEuY29uZmlybUljb25cIiBbbGFiZWxdPVwiZGF0YS5jb25maXJtVGV4dFwiIChvbkNsaWNrKT1cImNvbmZpcm1DbGljaygpXCI+PC9zZWNvbmRhcnktYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/modal-header/modal-header.component.js

@@ -0,0 +1,104 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@apipass/icons";
+function ModalHeaderComponent_div_2_icon_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "icon", 6);
+    i0.ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_1_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return ctx_r3.changeExpand(); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("size", 13)("name", !ctx_r1.expanded ? "fa fa-expand-arrows-alt" : "fa fa-compress")("title", ctx_r1.titleExpand);
+} }
+function ModalHeaderComponent_div_2_icon_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "icon", 7);
+    i0.ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return ctx_r5.closeClick.next(); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", ctx_r2.titleClose);
+} }
+function ModalHeaderComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, ModalHeaderComponent_div_2_icon_1_Template, 1, 3, "icon", 4);
+    i0.ɵɵtemplate(2, ModalHeaderComponent_div_2_icon_2_Template, 1, 1, "icon", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.showExpandIcon);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.showCloseIcon);
+} }
+export class ModalHeaderComponent {
+    constructor() {
+        this.expanded = false;
+        this.showExpandIcon = false;
+        this.showCloseIcon = false;
+        this.titleClose = 'Close';
+        this.titleExpand = 'Expand';
+        this.closeClick = new EventEmitter();
+        this.expandClick = new EventEmitter();
+    }
+    changeExpand() {
+        var _a, _b;
+        this.expanded = !this.expanded;
+        this.expandClick.next(this.expanded);
+        if (this.expanded) {
+            (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.addPanelClass('mod-expanded');
+        }
+        else {
+            (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.removePanelClass('mod-expanded');
+        }
+    }
+}
+ModalHeaderComponent.ɵfac = function ModalHeaderComponent_Factory(t) { return new (t || ModalHeaderComponent)(); };
+ModalHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ModalHeaderComponent, selectors: [["modal-header-component"]], inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, decls: 3, vars: 2, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML"], ["class", "modal-title-actions", 4, "ngIf"], [1, "modal-title-actions"], ["type", "primary clickable", 3, "size", "name", "title", "onClick", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["type", "primary clickable", 3, "size", "name", "title", "onClick"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"]], template: function ModalHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelement(1, "h3", 1);
+        i0.ɵɵtemplate(2, ModalHeaderComponent_div_2_Template, 3, 2, "div", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("innerHTML", ctx.title, i0.ɵɵsanitizeHtml);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.showExpandIcon || ctx.showCloseIcon);
+    } }, directives: [i1.MatDialogTitle, i2.NgIf, i3.IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;position:absolute;right:-5px;top:-5px}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{display:block}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]:not(:last-child){margin-right:10px}"] });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ModalHeaderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'modal-header-component',
+                template: `
+    <div class="modal-title">
+      <h3 [innerHTML]='title' mat-dialog-title></h3>
+      <div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
+        <icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
+        <icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next()"></icon>
+      </div>
+    </div>
+  `,
+                styleUrls: ['modal-header.scss']
+            }]
+    }], null, { title: [{
+            type: Input
+        }], expanded: [{
+            type: Input
+        }], showExpandIcon: [{
+            type: Input
+        }], showCloseIcon: [{
+            type: Input
+        }], titleClose: [{
+            type: Input
+        }], titleExpand: [{
+            type: Input
+        }], dialogRef: [{
+            type: Input
+        }], closeClick: [{
+            type: Output
+        }], expandClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUFTN0QsK0JBQTRMO0lBQWxDLG9NQUEwQjtJQUFDLGlCQUFPOzs7SUFBdEkseUJBQVcseUVBQUEsNkJBQUE7Ozs7SUFDakUsK0JBQW9JO0lBQXJDLDJLQUFXLHdCQUFpQixJQUFDO0lBQUMsaUJBQU87OztJQUExRCx5Q0FBb0I7OztJQUZoRyw4QkFDRTtJQUFBLDZFQUFxTDtJQUNyTCw2RUFBNkg7SUFDL0gsaUJBQU07OztJQUZFLGVBQXNCO0lBQXRCLDRDQUFzQjtJQUN0QixlQUFxQjtJQUFyQiwyQ0FBcUI7O0FBTW5DLE1BQU0sT0FBTyxvQkFBb0I7SUFiakM7UUFnQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUV0QixlQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsUUFBUSxDQUFDO1FBR3RCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxnQkFBVyxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO0tBWW5FO0lBVlEsWUFBWTs7UUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3JDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLGFBQWEsQ0FBQyxjQUFjLEVBQUU7U0FDL0M7YUFBTTtZQUNMLE1BQUEsSUFBSSxDQUFDLFNBQVMsMENBQUUsZ0JBQWdCLENBQUMsY0FBYyxFQUFFO1NBQ2xEO0lBQ0gsQ0FBQzs7d0ZBdEJVLG9CQUFvQjt5REFBcEIsb0JBQW9CO1FBVjdCLDhCQUNFO1FBQUEsd0JBQThDO1FBQzlDLHFFQUNFO1FBR0osaUJBQU07O1FBTEEsZUFBbUI7UUFBbkIsd0RBQW1CO1FBQ2xCLGVBQXVDO1FBQXZDLDhEQUF1Qzs7a0RBUXJDLG9CQUFvQjtjQWJoQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2dCQUNELFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ2pDO2dCQUdVLEtBQUs7a0JBQWIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxjQUFjO2tCQUF0QixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUVHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUVJLFVBQVU7a0JBQW5CLE1BQU07WUFDRyxXQUFXO2tCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9kYWwtaGVhZGVyLWNvbXBvbmVudCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XG4gICAgICA8aDMgW2lubmVySFRNTF09J3RpdGxlJyBtYXQtZGlhbG9nLXRpdGxlPjwvaDM+XG4gICAgICA8ZGl2ICpuZ0lmPVwic2hvd0V4cGFuZEljb24gfHwgc2hvd0Nsb3NlSWNvblwiIGNsYXNzPVwibW9kYWwtdGl0bGUtYWN0aW9uc1wiPlxuICAgICAgICA8aWNvbiAqbmdJZj1cInNob3dFeHBhbmRJY29uXCIgdHlwZT1cInByaW1hcnkgY2xpY2thYmxlXCIgW3NpemVdPVwiMTNcIiBbbmFtZV09XCIhZXhwYW5kZWQgPyAnZmEgZmEtZXhwYW5kLWFycm93cy1hbHQnIDogJ2ZhIGZhLWNvbXByZXNzJ1wiIFt0aXRsZV09XCJ0aXRsZUV4cGFuZFwiIChvbkNsaWNrKT1cImNoYW5nZUV4cGFuZCgpXCI+PC9pY29uPlxuICAgICAgICA8aWNvbiAqbmdJZj1cInNob3dDbG9zZUljb25cIiB0eXBlPVwidGVydGlhcnkgY2xpY2thYmxlXCIgbmFtZT1cImZhcyBmYS10aW1lc1wiIFt0aXRsZV09XCJ0aXRsZUNsb3NlXCIgKG9uQ2xpY2spPVwiY2xvc2VDbGljay5uZXh0KClcIj48L2ljb24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCAsXG4gIHN0eWxlVXJsczogWydtb2RhbC1oZWFkZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsSGVhZGVyQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBleHBhbmRlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93RXhwYW5kSWNvbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93Q2xvc2VJY29uID0gZmFsc2U7XG5cbiAgQElucHV0KCkgdGl0bGVDbG9zZSA9ICdDbG9zZSc7XG4gIEBJbnB1dCgpIHRpdGxlRXhwYW5kID0gJ0V4cGFuZCc7XG4gIEBJbnB1dCgpIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPE1vZGFsSGVhZGVyQ29tcG9uZW50PiB8IHVuZGVmaW5lZDtcblxuICBAT3V0cHV0KCkgY2xvc2VDbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBleHBhbmRDbGljazogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBjaGFuZ2VFeHBhbmQoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIHRoaXMuZXhwYW5kQ2xpY2submV4dCh0aGlzLmV4cGFuZGVkKTtcbiAgICBpZiAodGhpcy5leHBhbmRlZCkge1xuICAgICAgdGhpcy5kaWFsb2dSZWY/LmFkZFBhbmVsQ2xhc3MoJ21vZC1leHBhbmRlZCcpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRpYWxvZ1JlZj8ucmVtb3ZlUGFuZWxDbGFzcygnbW9kLWV4cGFuZGVkJyk7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==

package/esm2015/modals.module.js

@@ -1,6 +1,8 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { ConfirmRemoveModalDataComponent } from './lib/confirm-remove-modal.component';
+import { ConfirmRemoveModalDataComponent } from './lib/confirm-remove-modal/confirm-remove-modal.component';
+import { ConfirmModalDataComponent } from './lib/confirm-modal/confirm-modal.component';
+import { ModalHeaderComponent } from './lib/modal-header/modal-header.component';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { FormsModule } from '@angular/forms';
@@ -20,16 +22,20 @@ ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Fact
             MatInputModule,
             InputsModule,
             ButtonsModule,
-            IconsModule,
+            IconsModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
+        ConfirmModalDataComponent,
+        ModalHeaderComponent], imports: [CommonModule,
         MatDialogModule,
         MatFormFieldModule,
         FormsModule,
         MatInputModule,
         InputsModule,
         ButtonsModule,
-        IconsModule], exports: [ConfirmRemoveModalDataComponent] }); })();
+        IconsModule], exports: [ConfirmRemoveModalDataComponent,
+        ConfirmModalDataComponent,
+        ModalHeaderComponent] }); })();
 /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ModalsModule, [{
         type: NgModule,
         args: [{
@@ -41,15 +47,19 @@ ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Fact
                     MatInputModule,
                     InputsModule,
                     ButtonsModule,
-                    IconsModule,
+                    IconsModule
                 ],
                 declarations: [
-                    ConfirmRemoveModalDataComponent
+                    ConfirmRemoveModalDataComponent,
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 exports: [
-                    ConfirmRemoveModalDataComponent
+                    ConfirmRemoveModalDataComponent,
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 providers: []
             }]
     }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQztBQUNyRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFxQjdDLE1BQU0sT0FBTyxZQUFZOztnREFBWixZQUFZO3VHQUFaLFlBQVksbUJBRlosRUFBRSxZQWhCSjtZQUNQLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1NBQ1o7d0ZBU1UsWUFBWSxtQkFQckIsK0JBQStCLGFBVi9CLFlBQVk7UUFDWixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLFdBQVc7UUFDWCxjQUFjO1FBQ2QsWUFBWTtRQUNaLGFBQWE7UUFDYixXQUFXLGFBTVgsK0JBQStCO2tEQUl0QixZQUFZO2NBbkJ4QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixrQkFBa0I7b0JBQ2xCLFdBQVc7b0JBQ1gsY0FBYztvQkFDZCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsV0FBVztpQkFDWjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osK0JBQStCO2lCQUNoQztnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsK0JBQStCO2lCQUNoQztnQkFDRCxTQUFTLEVBQUUsRUFBRTthQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudH0gZnJvbSAnLi9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7TWF0RGlhbG9nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtCdXR0b25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9idXR0b25zJztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7SW5wdXRzTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9pbnB1dHMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgSW5wdXRzTW9kdWxlLFxuICAgIEJ1dHRvbnNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbHNNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUMxRyxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUF5QjdDLE1BQU0sT0FBTyxZQUFZOztnREFBWixZQUFZO3VHQUFaLFlBQVksbUJBRlosRUFBRSxZQXBCSjtZQUNQLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1NBQ1o7d0ZBYVUsWUFBWSxtQkFYckIsK0JBQStCO1FBQy9CLHlCQUF5QjtRQUN6QixvQkFBb0IsYUFacEIsWUFBWTtRQUNaLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsV0FBVztRQUNYLGNBQWM7UUFDZCxZQUFZO1FBQ1osYUFBYTtRQUNiLFdBQVcsYUFRWCwrQkFBK0I7UUFDL0IseUJBQXlCO1FBQ3pCLG9CQUFvQjtrREFJWCxZQUFZO2NBdkJ4QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixrQkFBa0I7b0JBQ2xCLFdBQVc7b0JBQ1gsY0FBYztvQkFDZCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsV0FBVztpQkFDWjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osK0JBQStCO29CQUMvQix5QkFBeUI7b0JBQ3pCLG9CQUFvQjtpQkFDckI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLCtCQUErQjtvQkFDL0IseUJBQXlCO29CQUN6QixvQkFBb0I7aUJBQ3JCO2dCQUNELFNBQVMsRUFBRSxFQUFFO2FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tICcuL2xpYi9jb25maXJtLXJlbW92ZS1tb2RhbC9jb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tICcuL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7TW9kYWxIZWFkZXJDb21wb25lbnR9IGZyb20gJy4vbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7TWF0RGlhbG9nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtCdXR0b25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9idXR0b25zJztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7SW5wdXRzTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9pbnB1dHMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgSW5wdXRzTW9kdWxlLFxuICAgIEJ1dHRvbnNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCxcbiAgICBDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50LFxuICAgIENvbmZpcm1Nb2RhbERhdGFDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbHNNb2R1bGUgeyB9XG4iXX0=

package/esm2015/public-api.js

@@ -1,4 +1,6 @@
 export * from '@angular/material/dialog';
 export * from './modals.module';
-export * from './lib/confirm-remove-modal.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5leHBvcnQgKiBmcm9tICcuL21vZGFscy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50JztcbiJdfQ==
+export * from './lib/confirm-remove-modal/confirm-remove-modal.component';
+export * from './lib/confirm-modal/confirm-modal.component';
+export * from './lib/modal-header/modal-header.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbHMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbmZpcm0tcmVtb3ZlLW1vZGFsL2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbiJdfQ==

package/fesm2015/apipass-modals.js

@@ -1,8 +1,8 @@
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialogModule } from '@angular/material/dialog';
 export * from '@angular/material/dialog';
-import { ɵɵelementStart, ɵɵtext, ɵɵelementEnd, ɵɵnextContext, ɵɵadvance, ɵɵtextInterpolate1, ɵɵgetCurrentView, ɵɵlistener, ɵɵrestoreView, ɵɵproperty, ɵɵelement, ɵɵsanitizeHtml, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵtemplate, ɵsetClassMetadata, Component, Inject, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { ɵɵelement, ɵɵnextContext, ɵɵproperty, ɵɵsanitizeHtml, ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵelementEnd, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵtemplate, ɵɵadvance, ɵsetClassMetadata, Component, Inject, EventEmitter, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
 import { NgIf, CommonModule } from '@angular/common';
-import { SecondaryButtonComponent, ButtonsModule } from '@apipass/buttons';
+import { SecondaryButtonComponent, TertiaryButtonComponent, PrimaryButtonComponent, ButtonsModule } from '@apipass/buttons';
 import { IconComponent, IconsModule } from '@apipass/icons';
 import { InputTextComponent, InputsModule } from '@apipass/inputs';
 import { NgControlStatus, NgModel, FormsModule } from '@angular/forms';
@@ -10,13 +10,10 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 
 function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "h3", 8);
-    ɵɵtext(1);
-    ɵɵelementEnd();
+    ɵɵelement(0, "h3", 8);
 } if (rf & 2) {
     const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ctx_r0.data.title, " ");
+    ɵɵproperty("innerHTML", ctx_r0.data.title, ɵɵsanitizeHtml);
 } }
 function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = ɵɵgetCurrentView();
@@ -67,9 +64,9 @@ class ConfirmRemoveModalDataComponent {
     }
 }
 ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(ɵɵdirectiveInject(MatDialogRef), ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
-ConfirmRemoveModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", ""], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
+ConfirmRemoveModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
-        ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 2, 1, "h3", 1);
+        ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
         ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
         ɵɵelementEnd();
         ɵɵelementStart(3, "div", 3);
@@ -105,6 +102,181 @@ ConfirmRemoveModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmRemov
                 args: [MAT_DIALOG_DATA]
             }] }]; }, null); })();
 
+function ConfirmModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "h3", 7);
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵproperty("innerHTML", ctx_r0.data.title, ɵɵsanitizeHtml);
+} }
+function ConfirmModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "icon", 8);
+    ɵɵlistener("onClick", function ConfirmModalDataComponent_icon_2_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.closeClick(); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵproperty("title", ctx_r1.data.closeLabel);
+} }
+function ConfirmModalDataComponent_p_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "p", 9);
+} if (rf & 2) {
+    const ctx_r2 = ɵɵnextContext();
+    ɵɵproperty("innerHTML", ctx_r2.data.content, ɵɵsanitizeHtml);
+} }
+class ConfirmDialogData {
+}
+class ConfirmModalDataComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    closeClick() {
+        this.dialogRef.close(false);
+    }
+    confirmClick() {
+        this.dialogRef.close(true);
+    }
+}
+ConfirmModalDataComponent.ɵfac = function ConfirmModalDataComponent_Factory(t) { return new (t || ConfirmModalDataComponent)(ɵɵdirectiveInject(MatDialogRef), ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+ConfirmModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmModalDataComponent, selectors: [["confirm-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"]], template: function ConfirmModalDataComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵtemplate(1, ConfirmModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
+        ɵɵtemplate(2, ConfirmModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
+        ɵɵelementEnd();
+        ɵɵelementStart(3, "div", 3);
+        ɵɵtemplate(4, ConfirmModalDataComponent_p_4_Template, 1, 1, "p", 4);
+        ɵɵelementEnd();
+        ɵɵelementStart(5, "div", 5);
+        ɵɵelementStart(6, "tertiary-button", 6);
+        ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_tertiary_button_onClick_6_listener() { return ctx.closeClick(); });
+        ɵɵelementEnd();
+        ɵɵelementStart(7, "primary-button", 6);
+        ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_primary_button_onClick_7_listener() { return ctx.confirmClick(); });
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.data.title);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.data.showCloseIcon);
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.data.content);
+        ɵɵadvance(2);
+        ɵɵproperty("icon", ctx.data.cancelIcon)("label", ctx.data.cancelText);
+        ɵɵadvance(1);
+        ɵɵproperty("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
+    } }, directives: [NgIf, MatDialogContent, MatDialogActions, TertiaryButtonComponent, PrimaryButtonComponent, MatDialogTitle, IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:0!important}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}.modal-actions[_ngcontent-%COMP%]   primary-button[_ngcontent-%COMP%]{margin-left:5px}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfirmModalDataComponent, [{
+        type: Component,
+        args: [{
+                selector: 'confirm-modal-data',
+                templateUrl: 'confirm-modal.component.html',
+                styleUrls: ['confirm-modal.component.scss']
+            }]
+    }], function () { return [{ type: MatDialogRef }, { type: ConfirmDialogData, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }]; }, null); })();
+
+function ModalHeaderComponent_div_2_icon_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "icon", 6);
+    ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_1_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(2); return ctx_r3.changeExpand(); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext(2);
+    ɵɵproperty("size", 13)("name", !ctx_r1.expanded ? "fa fa-expand-arrows-alt" : "fa fa-compress")("title", ctx_r1.titleExpand);
+} }
+function ModalHeaderComponent_div_2_icon_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "icon", 7);
+    ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_2_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(2); return ctx_r5.closeClick.next(); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = ɵɵnextContext(2);
+    ɵɵproperty("title", ctx_r2.titleClose);
+} }
+function ModalHeaderComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 3);
+    ɵɵtemplate(1, ModalHeaderComponent_div_2_icon_1_Template, 1, 3, "icon", 4);
+    ɵɵtemplate(2, ModalHeaderComponent_div_2_icon_2_Template, 1, 1, "icon", 5);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r0.showExpandIcon);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r0.showCloseIcon);
+} }
+class ModalHeaderComponent {
+    constructor() {
+        this.expanded = false;
+        this.showExpandIcon = false;
+        this.showCloseIcon = false;
+        this.titleClose = 'Close';
+        this.titleExpand = 'Expand';
+        this.closeClick = new EventEmitter();
+        this.expandClick = new EventEmitter();
+    }
+    changeExpand() {
+        var _a, _b;
+        this.expanded = !this.expanded;
+        this.expandClick.next(this.expanded);
+        if (this.expanded) {
+            (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.addPanelClass('mod-expanded');
+        }
+        else {
+            (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.removePanelClass('mod-expanded');
+        }
+    }
+}
+ModalHeaderComponent.ɵfac = function ModalHeaderComponent_Factory(t) { return new (t || ModalHeaderComponent)(); };
+ModalHeaderComponent.ɵcmp = ɵɵdefineComponent({ type: ModalHeaderComponent, selectors: [["modal-header-component"]], inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, decls: 3, vars: 2, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML"], ["class", "modal-title-actions", 4, "ngIf"], [1, "modal-title-actions"], ["type", "primary clickable", 3, "size", "name", "title", "onClick", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["type", "primary clickable", 3, "size", "name", "title", "onClick"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"]], template: function ModalHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelement(1, "h3", 1);
+        ɵɵtemplate(2, ModalHeaderComponent_div_2_Template, 3, 2, "div", 2);
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(1);
+        ɵɵproperty("innerHTML", ctx.title, ɵɵsanitizeHtml);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.showExpandIcon || ctx.showCloseIcon);
+    } }, directives: [MatDialogTitle, NgIf, IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;position:absolute;right:-5px;top:-5px}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{display:block}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]:not(:last-child){margin-right:10px}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ModalHeaderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'modal-header-component',
+                template: `
+    <div class="modal-title">
+      <h3 [innerHTML]='title' mat-dialog-title></h3>
+      <div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
+        <icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
+        <icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next()"></icon>
+      </div>
+    </div>
+  `,
+                styleUrls: ['modal-header.scss']
+            }]
+    }], null, { title: [{
+            type: Input
+        }], expanded: [{
+            type: Input
+        }], showExpandIcon: [{
+            type: Input
+        }], showCloseIcon: [{
+            type: Input
+        }], titleClose: [{
+            type: Input
+        }], titleExpand: [{
+            type: Input
+        }], dialogRef: [{
+            type: Input
+        }], closeClick: [{
+            type: Output
+        }], expandClick: [{
+            type: Output
+        }] }); })();
+
 class ModalsModule {
 }
 ModalsModule.ɵmod = ɵɵdefineNgModule({ type: ModalsModule });
@@ -116,16 +288,20 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
             MatInputModule,
             InputsModule,
             ButtonsModule,
-            IconsModule,
+            IconsModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
+        ConfirmModalDataComponent,
+        ModalHeaderComponent], imports: [CommonModule,
         MatDialogModule,
         MatFormFieldModule,
         FormsModule,
         MatInputModule,
         InputsModule,
         ButtonsModule,
-        IconsModule], exports: [ConfirmRemoveModalDataComponent] }); })();
+        IconsModule], exports: [ConfirmRemoveModalDataComponent,
+        ConfirmModalDataComponent,
+        ModalHeaderComponent] }); })();
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ModalsModule, [{
         type: NgModule,
         args: [{
@@ -137,13 +313,17 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
                     MatInputModule,
                     InputsModule,
                     ButtonsModule,
-                    IconsModule,
+                    IconsModule
                 ],
                 declarations: [
-                    ConfirmRemoveModalDataComponent
+                    ConfirmRemoveModalDataComponent,
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 exports: [
-                    ConfirmRemoveModalDataComponent
+                    ConfirmRemoveModalDataComponent,
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 providers: []
             }]
@@ -153,5 +333,5 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
  * Generated bundle index. Do not edit.
  */
 
-export { ConfirmRemoveDialogData, ConfirmRemoveModalDataComponent, ModalsModule };
+export { ConfirmDialogData, ConfirmModalDataComponent, ConfirmRemoveDialogData, ConfirmRemoveModalDataComponent, ModalHeaderComponent, 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.html","../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\n    {{data.title}}\n  </h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData,\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule,\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate1","i0.ɵɵlistener","i0.ɵɵproperty","i0.ɵɵelement","i0.ɵɵtemplate"],"mappings":";;;;;;;;;;;;IACEA,0BACE;IAAAC,SACF;IAAAC,cAAK;;;IADHC,YACF;IADEC,+CACF;;;;IACAJ,4BAAyI;IAAhCK,6LAAwB;IAACH,cAAO;;;IAA1DI,2CAAyB;;;IAIxGC,qBAAuD;;;IAA/BD,4DAA0B;;;;IAClDN,mCAAqH;IAA3CK,uOAA6B;IAACH,cAAa;;;IAA1EI,gDAA8B,mCAAA;;MCN9D,uBAAuB;CAWnC;MAOY,+BAA+B;IAE1C,YACS,SAAwD,EAC/B,IAA6B;QADtD,cAAS,GAAT,SAAS,CAA+C;QAC/B,SAAI,GAAJ,IAAI,CAAyB;KAE9D;IAED,UAAU;QACR,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;IAED,YAAY;;QACV,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;YAC3F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjC;KACF;IAED,iBAAiB;;QACf,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;YACjC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,CAAC;KAC/D;;8GAvBU,+BAA+B,qDAIhC,eAAe;iEAJd,+BAA+B;QDrB5CN,2BACE;QAAAQ,2EACE;QAEFA,+EAAkI;QACpIN,cAAM;QAENF,2BACE;QAAAQ,yEAAmD;QACnDA,2FAAwG;QAC1GN,cAAM;QAENF,2BACE;QAAAA,wCAAyJ;QAA9CK,uHAAW,kBAAc,IAAC;QAACH,cAAmB;QAC3JA,cAAM;;QAbAC,YAAkB;QAAlBG,kCAAkB;QAGhBH,YAA0B;QAA1BG,0CAA0B;QAI7BH,YAAoB;QAApBG,oCAAoB;QACXH,YAA8B;QAA9BG,8CAA8B;QAIxBH,YAAmC;QAAnCG,kDAAmC,8BAAA,+BAAA;;+CCQ1C,+BAA+B;cAL3C,SAAS;eAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;aACnD;8DAKyC,uBAAuB;sBAA5D,MAAM;uBAAC,eAAe;;;MCKd,YAAY;;6CAAZ,YAAY;oGAAZ,YAAY,mBAFZ,EAAE,YAhBJ;YACP,YAAY;YACZ,eAAe;YACf,kBAAkB;YAClB,WAAW;YACX,cAAc;YACd,YAAY;YACZ,aAAa;YACb,WAAW;SACZ;qFASU,YAAY,mBAPrB,+BAA+B,aAV/B,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,cAAc;QACd,YAAY;QACZ,aAAa;QACb,WAAW,aAMX,+BAA+B;+CAItB,YAAY;cAnBxB,QAAQ;eAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,kBAAkB;oBAClB,WAAW;oBACX,cAAc;oBACd,YAAY;oBACZ,aAAa;oBACb,WAAW;iBACZ;gBACD,YAAY,EAAE;oBACZ,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,+BAA+B;iBAChC;gBACD,SAAS,EAAE,EAAE;aACd;;;AC7BD;;;;;;"}
+{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.ts","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.html","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.ts","../../../projects/modals/src/lib/modal-header/modal-header.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <tertiary-button [icon]=\"data.cancelIcon\" [label]=\"data.cancelText\" (onClick)=\"closeClick()\"></tertiary-button>\n  <primary-button [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></primary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  cancelIcon?: string;\n  cancelText?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-modal-data',\n  templateUrl: 'confirm-modal.component.html',\n  styleUrls: ['confirm-modal.component.scss']\n})\nexport class ConfirmModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close(false);\n  }\n\n  confirmClick(): void {\n    this.dialogRef.close(true);\n  }\n\n}\n","import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\n\n@Component({\n  selector: 'modal-header-component',\n  template: `\n    <div class=\"modal-title\">\n      <h3 [innerHTML]='title' mat-dialog-title></h3>\n      <div *ngIf=\"showExpandIcon || showCloseIcon\" class=\"modal-title-actions\">\n        <icon *ngIf=\"showExpandIcon\" type=\"primary clickable\" [size]=\"13\" [name]=\"!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'\" [title]=\"titleExpand\" (onClick)=\"changeExpand()\"></icon>\n        <icon *ngIf=\"showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"titleClose\" (onClick)=\"closeClick.next()\"></icon>\n      </div>\n    </div>\n  ` ,\n  styleUrls: ['modal-header.scss']\n})\nexport class ModalHeaderComponent {\n\n  @Input() title: string | undefined;\n  @Input() expanded = false;\n  @Input() showExpandIcon = false;\n  @Input() showCloseIcon = false;\n\n  @Input() titleClose = 'Close';\n  @Input() titleExpand = 'Expand';\n  @Input() dialogRef: MatDialogRef<ModalHeaderComponent> | undefined;\n\n  @Output() closeClick: EventEmitter<any> = new EventEmitter();\n  @Output() expandClick: EventEmitter<boolean> = new EventEmitter();\n\n  public changeExpand(): void {\n    this.expanded = !this.expanded;\n    this.expandClick.next(this.expanded);\n    if (this.expanded) {\n      this.dialogRef?.addPanelClass('mod-expanded');\n    } else {\n      this.dialogRef?.removePanelClass('mod-expanded');\n    }\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal/confirm-remove-modal.component';\nimport {ConfirmModalDataComponent} from './lib/confirm-modal/confirm-modal.component';\nimport {ModalHeaderComponent} from './lib/modal-header/modal-header.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent,\n    ModalHeaderComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent,\n    ModalHeaderComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelement","i0.ɵɵproperty","i0.ɵɵelementStart","i0.ɵɵlistener","i0.ɵɵelementEnd","i0.ɵɵtemplate","i0.ɵɵadvance"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class ConfirmDialogData {
+    title?: string;
+    content?: string;
+    confirmIcon?: string;
+    confirmText?: string;
+    cancelIcon?: string;
+    cancelText?: string;
+    showCloseIcon?: boolean;
+    closeLabel?: string;
+    item?: any;
+}
+export declare class ConfirmModalDataComponent {
+    dialogRef: MatDialogRef<ConfirmModalDataComponent>;
+    data: ConfirmDialogData;
+    constructor(dialogRef: MatDialogRef<ConfirmModalDataComponent>, data: ConfirmDialogData);
+    closeClick(): void;
+    confirmClick(): void;
+    static ɵfac: i0.ɵɵFactoryDef<ConfirmModalDataComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ConfirmModalDataComponent, "confirm-modal-data", never, {}, {}, never, never>;
+}

package/lib/modal-header/modal-header.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class ModalHeaderComponent {
+    title: string | undefined;
+    expanded: boolean;
+    showExpandIcon: boolean;
+    showCloseIcon: boolean;
+    titleClose: string;
+    titleExpand: string;
+    dialogRef: MatDialogRef<ModalHeaderComponent> | undefined;
+    closeClick: EventEmitter<any>;
+    expandClick: EventEmitter<boolean>;
+    changeExpand(): void;
+    static ɵfac: i0.ɵɵFactoryDef<ModalHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ModalHeaderComponent, "modal-header-component", never, { "title": "title"; "expanded": "expanded"; "showExpandIcon": "showExpandIcon"; "showCloseIcon": "showCloseIcon"; "titleClose": "titleClose"; "titleExpand": "titleExpand"; "dialogRef": "dialogRef"; }, { "closeClick": "closeClick"; "expandClick": "expandClick"; }, never, never>;
+}

package/modals.module.d.ts

@@ -1,14 +1,16 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./lib/confirm-remove-modal.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/dialog";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/material/input";
-import * as i7 from "@apipass/inputs";
-import * as i8 from "@apipass/buttons";
-import * as i9 from "@apipass/icons";
+import * as i1 from "./lib/confirm-remove-modal/confirm-remove-modal.component";
+import * as i2 from "./lib/confirm-modal/confirm-modal.component";
+import * as i3 from "./lib/modal-header/modal-header.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/dialog";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/input";
+import * as i9 from "@apipass/inputs";
+import * as i10 from "@apipass/buttons";
+import * as i11 from "@apipass/icons";
 export declare class ModalsModule {
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ModalsModule, [typeof i1.ConfirmRemoveModalDataComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.MatFormFieldModule, typeof i5.FormsModule, typeof i6.MatInputModule, typeof i7.InputsModule, typeof i8.ButtonsModule, typeof i9.IconsModule], [typeof i1.ConfirmRemoveModalDataComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ModalsModule, [typeof i1.ConfirmRemoveModalDataComponent, typeof i2.ConfirmModalDataComponent, typeof i3.ModalHeaderComponent], [typeof i4.CommonModule, typeof i5.MatDialogModule, typeof i6.MatFormFieldModule, typeof i7.FormsModule, typeof i8.MatInputModule, typeof i9.InputsModule, typeof i10.ButtonsModule, typeof i11.IconsModule], [typeof i1.ConfirmRemoveModalDataComponent, typeof i2.ConfirmModalDataComponent, typeof i3.ModalHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<ModalsModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/modals",
-  "version": "0.2.5",
+  "version": "0.2.7-alpha.0",
   "peerDependencies": {
     "@angular/animations": "^10.0.11",
     "@angular/cdk": "^10.1.3",

package/public-api.d.ts

@@ -1,3 +1,5 @@
 export * from '@angular/material/dialog';
 export * from './modals.module';
-export * from './lib/confirm-remove-modal.component';
+export * from './lib/confirm-remove-modal/confirm-remove-modal.component';
+export * from './lib/confirm-modal/confirm-modal.component';
+export * from './lib/modal-header/modal-header.component';