@apipass/modals 0.2.5-alpha.15 → 0.2.5-alpha.17

package/bundles/apipass-modals.umd.js

@@ -216,6 +216,108 @@
         }, 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();
+        }
+        ModalHeaderComponent.prototype.changeExpand = function () {
+            var _a, _b;
+            this.expanded = !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" }, 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
+                }] });
+    })();
+
     var ModalsModule = /** @class */ (function () {
         function ModalsModule() {
         }
@@ -234,7 +336,8 @@
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
-                ConfirmModalDataComponent], imports: [i2.CommonModule,
+                ConfirmModalDataComponent,
+                ModalHeaderComponent], imports: [i2.CommonModule,
                 i1.MatDialogModule,
                 formField.MatFormFieldModule,
                 i6.FormsModule,
@@ -242,7 +345,8 @@
                 i5.InputsModule,
                 i3.ButtonsModule,
                 i4.IconsModule], exports: [ConfirmRemoveModalDataComponent,
-                ConfirmModalDataComponent] });
+                ConfirmModalDataComponent,
+                ModalHeaderComponent] });
     })();
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(ModalsModule, [{
@@ -260,11 +364,13 @@
                         ],
                         declarations: [
                             ConfirmRemoveModalDataComponent,
-                            ConfirmModalDataComponent
+                            ConfirmModalDataComponent,
+                            ModalHeaderComponent
                         ],
                         exports: [
                             ConfirmRemoveModalDataComponent,
-                            ConfirmModalDataComponent
+                            ConfirmModalDataComponent,
+                            ModalHeaderComponent
                         ],
                         providers: []
                     }]
@@ -287,6 +393,7 @@
     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/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/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 {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 {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  ],\n  exports: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent\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","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","NgModule"],"mappings":"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"}
+{"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\n  public changeExpand(): void {\n    this.expanded = !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(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 m(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 s(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 M(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 v(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,m,1,1,"h3",1),n.ɵɵtemplate(2,s,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 x=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}();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,M,1,1,"icon",2),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"div",3),n.ɵɵtemplate(4,v,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 h=function(){};h.ɵmod=n.ɵɵdefineNgModule({type:h}),h.ɵinj=n.ɵɵdefineInjector({factory:function(t){return new(t||h)},providers:[],imports:[[o.CommonModule,e.MatDialogModule,c.MatFormFieldModule,r.FormsModule,d.MatInputModule,l.InputsModule,i.ButtonsModule,a.IconsModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(h,{declarations:[g,y],imports:[o.CommonModule,e.MatDialogModule,c.MatFormFieldModule,r.FormsModule,d.MatInputModule,l.InputsModule,i.ButtonsModule,a.IconsModule],exports:[g,y]}),Object.keys(e).forEach((function(n){"default"!==n&&Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[n]}})})),t.ConfirmDialogData=x,t.ConfirmModalDataComponent=y,t.ConfirmRemoveDialogData=u,t.ConfirmRemoveModalDataComponent=g,t.ModalsModule=h,Object.defineProperty(t,"__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 w=function(){function t(){this.expanded=!1,this.showExpandIcon=!1,this.showCloseIcon=!1,this.titleClose="Close",this.titleExpand="Expand",this.closeClick=new n.EventEmitter}return t.prototype.changeExpand=function(){var t,e;this.expanded=!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}();w.ɵfac=function(t){return new(t||w)},w.ɵcmp=n.ɵɵdefineComponent({type:w,selectors:[["modal-header-component"]],inputs:{title:"title",expanded:"expanded",showExpandIcon:"showExpandIcon",showCloseIcon:"showCloseIcon",titleClose:"titleClose",titleExpand:"titleExpand",dialogRef:"dialogRef"},outputs:{closeClick:"closeClick"},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 k=function(){};k.ɵmod=n.ɵɵdefineNgModule({type:k}),k.ɵinj=n.ɵɵdefineInjector({factory:function(t){return new(t||k)},providers:[],imports:[[o.CommonModule,e.MatDialogModule,c.MatFormFieldModule,r.FormsModule,d.MatInputModule,l.InputsModule,i.ButtonsModule,a.IconsModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(k,{declarations:[g,y,w],imports:[o.CommonModule,e.MatDialogModule,c.MatFormFieldModule,r.FormsModule,d.MatInputModule,l.InputsModule,i.ButtonsModule,a.IconsModule],exports:[g,y,w]}),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=w,t.ModalsModule=k,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/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/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","cancelText","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\" [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 {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 {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  ],\n  exports: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent\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","changeExpand","addPanelClass","removePanelClass","inputs","title","outputs","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\" [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\n  public changeExpand(): void {\n    this.expanded = !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/modal-header/modal-header.component.js

@@ -0,0 +1,100 @@
+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();
+    }
+    changeExpand() {
+        var _a, _b;
+        this.expanded = !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" }, 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
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUFTN0QsK0JBQTRMO0lBQWxDLG9NQUEwQjtJQUFDLGlCQUFPOzs7SUFBdEkseUJBQVcseUVBQUEsNkJBQUE7Ozs7SUFDakUsK0JBQW9JO0lBQXJDLDJLQUFXLHdCQUFpQixJQUFDO0lBQUMsaUJBQU87OztJQUExRCx5Q0FBb0I7OztJQUZoRyw4QkFDRTtJQUFBLDZFQUFxTDtJQUNyTCw2RUFBNkg7SUFDL0gsaUJBQU07OztJQUZFLGVBQXNCO0lBQXRCLDRDQUFzQjtJQUN0QixlQUFxQjtJQUFyQiwyQ0FBcUI7O0FBTW5DLE1BQU0sT0FBTyxvQkFBb0I7SUFiakM7UUFnQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUV0QixlQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsUUFBUSxDQUFDO1FBR3RCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQVc5RDtJQVRRLFlBQVk7O1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLGFBQWEsQ0FBQyxjQUFjLEVBQUU7U0FDL0M7YUFBTTtZQUNMLE1BQUEsSUFBSSxDQUFDLFNBQVMsMENBQUUsZ0JBQWdCLENBQUMsY0FBYyxFQUFFO1NBQ2xEO0lBQ0gsQ0FBQzs7d0ZBcEJVLG9CQUFvQjt5REFBcEIsb0JBQW9CO1FBVjdCLDhCQUNFO1FBQUEsd0JBQThDO1FBQzlDLHFFQUNFO1FBR0osaUJBQU07O1FBTEEsZUFBbUI7UUFBbkIsd0RBQW1CO1FBQ2xCLGVBQXVDO1FBQXZDLDhEQUF1Qzs7a0RBUXJDLG9CQUFvQjtjQWJoQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2dCQUNELFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ2pDO2dCQUdVLEtBQUs7a0JBQWIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxjQUFjO2tCQUF0QixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUVHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUVJLFVBQVU7a0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2RhbC1oZWFkZXItY29tcG9uZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgICAgIDxoMyBbaW5uZXJIVE1MXT0ndGl0bGUnIG1hdC1kaWFsb2ctdGl0bGU+PC9oMz5cbiAgICAgIDxkaXYgKm5nSWY9XCJzaG93RXhwYW5kSWNvbiB8fCBzaG93Q2xvc2VJY29uXCIgY2xhc3M9XCJtb2RhbC10aXRsZS1hY3Rpb25zXCI+XG4gICAgICAgIDxpY29uICpuZ0lmPVwic2hvd0V4cGFuZEljb25cIiB0eXBlPVwicHJpbWFyeSBjbGlja2FibGVcIiBbc2l6ZV09XCIxM1wiIFtuYW1lXT1cIiFleHBhbmRlZCA/ICdmYSBmYS1leHBhbmQtYXJyb3dzLWFsdCcgOiAnZmEgZmEtY29tcHJlc3MnXCIgW3RpdGxlXT1cInRpdGxlRXhwYW5kXCIgKG9uQ2xpY2spPVwiY2hhbmdlRXhwYW5kKClcIj48L2ljb24+XG4gICAgICAgIDxpY29uICpuZ0lmPVwic2hvd0Nsb3NlSWNvblwiIHR5cGU9XCJ0ZXJ0aWFyeSBjbGlja2FibGVcIiBuYW1lPVwiZmFzIGZhLXRpbWVzXCIgW3RpdGxlXT1cInRpdGxlQ2xvc2VcIiAob25DbGljayk9XCJjbG9zZUNsaWNrLm5leHQoKVwiPjwvaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgICxcbiAgc3R5bGVVcmxzOiBbJ21vZGFsLWhlYWRlci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxIZWFkZXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dFeHBhbmRJY29uID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dDbG9zZUljb24gPSBmYWxzZTtcblxuICBASW5wdXQoKSB0aXRsZUNsb3NlID0gJ0Nsb3NlJztcbiAgQElucHV0KCkgdGl0bGVFeHBhbmQgPSAnRXhwYW5kJztcbiAgQElucHV0KCkgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8TW9kYWxIZWFkZXJDb21wb25lbnQ+IHwgdW5kZWZpbmVkO1xuXG4gIEBPdXRwdXQoKSBjbG9zZUNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgY2hhbmdlRXhwYW5kKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcbiAgICBpZiAodGhpcy5leHBhbmRlZCkge1xuICAgICAgdGhpcy5kaWFsb2dSZWY/LmFkZFBhbmVsQ2xhc3MoJ21vZC1leHBhbmRlZCcpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRpYWxvZ1JlZj8ucmVtb3ZlUGFuZWxDbGFzcygnbW9kLWV4cGFuZGVkJyk7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==

package/esm2015/modals.module.js

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 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';
@@ -24,7 +25,8 @@ ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Fact
             IconsModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
-        ConfirmModalDataComponent], imports: [CommonModule,
+        ConfirmModalDataComponent,
+        ModalHeaderComponent], imports: [CommonModule,
         MatDialogModule,
         MatFormFieldModule,
         FormsModule,
@@ -32,7 +34,8 @@ ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Fact
         InputsModule,
         ButtonsModule,
         IconsModule], exports: [ConfirmRemoveModalDataComponent,
-        ConfirmModalDataComponent] }); })();
+        ConfirmModalDataComponent,
+        ModalHeaderComponent] }); })();
 /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ModalsModule, [{
         type: NgModule,
         args: [{
@@ -48,13 +51,15 @@ ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Fact
                 ],
                 declarations: [
                     ConfirmRemoveModalDataComponent,
-                    ConfirmModalDataComponent
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 exports: [
                     ConfirmRemoveModalDataComponent,
-                    ConfirmModalDataComponent
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 providers: []
             }]
     }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUMxRyxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUF1QjdDLE1BQU0sT0FBTyxZQUFZOztnREFBWixZQUFZO3VHQUFaLFlBQVksbUJBRlosRUFBRSxZQWxCSjtZQUNQLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1NBQ1o7d0ZBV1UsWUFBWSxtQkFUckIsK0JBQStCO1FBQy9CLHlCQUF5QixhQVh6QixZQUFZO1FBQ1osZUFBZTtRQUNmLGtCQUFrQjtRQUNsQixXQUFXO1FBQ1gsY0FBYztRQUNkLFlBQVk7UUFDWixhQUFhO1FBQ2IsV0FBVyxhQU9YLCtCQUErQjtRQUMvQix5QkFBeUI7a0RBSWhCLFlBQVk7Y0FyQnhCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixlQUFlO29CQUNmLGtCQUFrQjtvQkFDbEIsV0FBVztvQkFDWCxjQUFjO29CQUNkLFlBQVk7b0JBQ1osYUFBYTtvQkFDYixXQUFXO2lCQUNaO2dCQUNELFlBQVksRUFBRTtvQkFDWiwrQkFBK0I7b0JBQy9CLHlCQUF5QjtpQkFDMUI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLCtCQUErQjtvQkFDL0IseUJBQXlCO2lCQUMxQjtnQkFDRCxTQUFTLEVBQUUsRUFBRTthQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudH0gZnJvbSAnLi9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7Q29uZmlybU1vZGFsRGF0YUNvbXBvbmVudH0gZnJvbSAnLi9saWIvY29uZmlybS1tb2RhbC9jb25maXJtLW1vZGFsLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdERpYWxvZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7Rm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvYnV0dG9ucyc7XG5pbXBvcnQge0ljb25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9pY29ucyc7XG5pbXBvcnQge0lucHV0c01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvaW5wdXRzJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXREaWFsb2dNb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIElucHV0c01vZHVsZSxcbiAgICBCdXR0b25zTW9kdWxlLFxuICAgIEljb25zTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50LFxuICAgIENvbmZpcm1Nb2RhbERhdGFDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQsXG4gICAgQ29uZmlybU1vZGFsRGF0YUNvbXBvbmVudFxuICBdLFxuICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsc01vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUMxRyxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUF5QjdDLE1BQU0sT0FBTyxZQUFZOztnREFBWixZQUFZO3VHQUFaLFlBQVksbUJBRlosRUFBRSxZQXBCSjtZQUNQLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1NBQ1o7d0ZBYVUsWUFBWSxtQkFYckIsK0JBQStCO1FBQy9CLHlCQUF5QjtRQUN6QixvQkFBb0IsYUFacEIsWUFBWTtRQUNaLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsV0FBVztRQUNYLGNBQWM7UUFDZCxZQUFZO1FBQ1osYUFBYTtRQUNiLFdBQVcsYUFRWCwrQkFBK0I7UUFDL0IseUJBQXlCO1FBQ3pCLG9CQUFvQjtrREFJWCxZQUFZO2NBdkJ4QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixrQkFBa0I7b0JBQ2xCLFdBQVc7b0JBQ1gsY0FBYztvQkFDZCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsV0FBVztpQkFDWjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osK0JBQStCO29CQUMvQix5QkFBeUI7b0JBQ3pCLG9CQUFvQjtpQkFDckI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLCtCQUErQjtvQkFDL0IseUJBQXlCO29CQUN6QixvQkFBb0I7aUJBQ3JCO2dCQUNELFNBQVMsRUFBRSxFQUFFO2FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tICcuL2xpYi9jb25maXJtLXJlbW92ZS1tb2RhbC9jb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tICcuL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7TW9kYWxIZWFkZXJDb21wb25lbnR9IGZyb20gJy4vbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7TWF0RGlhbG9nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtCdXR0b25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9idXR0b25zJztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7SW5wdXRzTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9pbnB1dHMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgSW5wdXRzTW9kdWxlLFxuICAgIEJ1dHRvbnNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQsXG4gICAgQ29uZmlybU1vZGFsRGF0YUNvbXBvbmVudCxcbiAgICBNb2RhbEhlYWRlckNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCxcbiAgICBDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyQ29tcG9uZW50XG4gIF0sXG4gIHByb3ZpZGVyczogW11cbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxzTW9kdWxlIHsgfVxuIl19

package/esm2015/public-api.js

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

package/fesm2015/apipass-modals.js

@@ -1,6 +1,6 @@
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialogModule } from '@angular/material/dialog';
 export * from '@angular/material/dialog';
-import { ɵɵelement, ɵɵnextContext, ɵɵproperty, ɵɵsanitizeHtml, ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵelementEnd, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵtemplate, ɵɵadvance, ɵ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, TertiaryButtonComponent, PrimaryButtonComponent, ButtonsModule } from '@apipass/buttons';
 import { IconComponent, IconsModule } from '@apipass/icons';
@@ -178,6 +178,101 @@ ConfirmModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmModalDataCo
                 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();
+    }
+    changeExpand() {
+        var _a, _b;
+        this.expanded = !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" }, 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
+        }] }); })();
+
 class ModalsModule {
 }
 ModalsModule.ɵmod = ɵɵdefineNgModule({ type: ModalsModule });
@@ -192,7 +287,8 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
             IconsModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
-        ConfirmModalDataComponent], imports: [CommonModule,
+        ConfirmModalDataComponent,
+        ModalHeaderComponent], imports: [CommonModule,
         MatDialogModule,
         MatFormFieldModule,
         FormsModule,
@@ -200,7 +296,8 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
         InputsModule,
         ButtonsModule,
         IconsModule], exports: [ConfirmRemoveModalDataComponent,
-        ConfirmModalDataComponent] }); })();
+        ConfirmModalDataComponent,
+        ModalHeaderComponent] }); })();
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ModalsModule, [{
         type: NgModule,
         args: [{
@@ -216,11 +313,13 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
                 ],
                 declarations: [
                     ConfirmRemoveModalDataComponent,
-                    ConfirmModalDataComponent
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 exports: [
                     ConfirmRemoveModalDataComponent,
-                    ConfirmModalDataComponent
+                    ConfirmModalDataComponent,
+                    ModalHeaderComponent
                 ],
                 providers: []
             }]
@@ -230,5 +329,5 @@ ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory
  * Generated bundle index. Do not edit.
  */
 
-export { ConfirmDialogData, ConfirmModalDataComponent, 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/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/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 {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 {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  ],\n  exports: [\n    ConfirmRemoveModalDataComponent,\n    ConfirmModalDataComponent\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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"}
+{"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\n  public changeExpand(): void {\n    this.expanded = !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/modal-header/modal-header.component.d.ts

@@ -0,0 +1,16 @@
+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>;
+    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"; }, never, never>;
+}

package/modals.module.d.ts

@@ -1,15 +1,16 @@
 import * as i0 from "@angular/core";
 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 "@angular/common";
-import * as i4 from "@angular/material/dialog";
-import * as i5 from "@angular/material/form-field";
-import * as i6 from "@angular/forms";
-import * as i7 from "@angular/material/input";
-import * as i8 from "@apipass/inputs";
-import * as i9 from "@apipass/buttons";
-import * as i10 from "@apipass/icons";
+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.ConfirmModalDataComponent], [typeof i3.CommonModule, typeof i4.MatDialogModule, typeof i5.MatFormFieldModule, typeof i6.FormsModule, typeof i7.MatInputModule, typeof i8.InputsModule, typeof i9.ButtonsModule, typeof i10.IconsModule], [typeof i1.ConfirmRemoveModalDataComponent, typeof i2.ConfirmModalDataComponent]>;
+    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-alpha.15",
+  "version": "0.2.5-alpha.17",
   "peerDependencies": {
     "@angular/animations": "^10.0.11",
     "@angular/cdk": "^10.1.3",

package/public-api.d.ts

@@ -2,3 +2,4 @@ export * from '@angular/material/dialog';
 export * from './modals.module';
 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';