@apipass/modals 0.1.6 → 0.1.9-alpha.1

package/fesm2015/apipass-modals.js

@@ -1,146 +1,157 @@
-import { EventEmitter, Component, Input, Output, Inject, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialogModule } from '@angular/material/dialog';
+export * from '@angular/material/dialog';
+import { ɵɵelementStart, ɵɵtext, ɵɵelementEnd, ɵɵnextContext, ɵɵadvance, ɵɵtextInterpolate1, ɵɵgetCurrentView, ɵɵlistener, ɵɵrestoreView, ɵɵproperty, ɵɵelement, ɵɵsanitizeHtml, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵtemplate, ɵsetClassMetadata, Component, Inject, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { NgIf, CommonModule } from '@angular/common';
+import { SecondaryButtonComponent, ButtonsModule } from '@apipass/buttons';
+import { IconComponent, IconsModule } from '@apipass/icons';
+import { InputTextComponent, InputsModule } from '@apipass/inputs';
+import { NgControlStatus, NgModel, FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { FormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
-import { ButtonsModule } from '@apipass/buttons';
-import { IconsModule } from '@apipass/icons';
-import { InputsModule } from '@apipass/inputs';
 
-class DialogConfig {
-}
-class ConfirmRemoveModalComponent {
-    constructor(dialog) {
-        this.dialog = dialog;
-        this.title = '';
-        this.content = '';
-        this.confirmIcon = '';
-        this.confirmText = 'Remove';
-        this.removeTextLabel = '';
-        this.removeTextConfirm = '';
-        this.showCloseIcon = true;
-        this.closeLabel = 'Close';
-        this.dialogConfig = new DialogConfig();
-        this.openModal = new EventEmitter();
-        this.confirmModal = new EventEmitter();
-        this.closeModal = new EventEmitter();
-    }
-    ngOnInit() {
-        this.openModal.subscribe((item) => {
-            this.dialogConfig.data = {
-                title: this.title,
-                content: this.content,
-                confirmIcon: this.confirmIcon,
-                confirmText: this.confirmText,
-                removeText: '',
-                removeTextLabel: this.removeTextLabel,
-                removeTextConfirm: this.removeTextConfirm,
-                showCloseIcon: this.showCloseIcon,
-                closeLabel: this.closeLabel,
-                item
-            };
-            const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);
-            dialogRef.afterClosed().subscribe((result) => {
-                if (!result) {
-                    this.closeModal.next(item);
-                }
-                if (!this.removeTextConfirm || (result === null || result === void 0 ? void 0 : result.removeText) === this.removeTextConfirm) {
-                    this.confirmModal.next(item);
-                }
-            });
-        });
-    }
-}
-ConfirmRemoveModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'confirm-remove-modal',
-                template: ``
-            },] }
-];
-ConfirmRemoveModalComponent.ctorParameters = () => [
-    { type: MatDialog }
-];
-ConfirmRemoveModalComponent.propDecorators = {
-    title: [{ type: Input }],
-    content: [{ type: Input }],
-    confirmIcon: [{ type: Input }],
-    confirmText: [{ type: Input }],
-    removeTextLabel: [{ type: Input }],
-    removeTextConfirm: [{ type: Input }],
-    showCloseIcon: [{ type: Input }],
-    closeLabel: [{ type: Input }],
-    dialogConfig: [{ type: Input }],
-    openModal: [{ type: Input }],
-    confirmModal: [{ type: Output }],
-    closeModal: [{ type: Output }]
-};
-class ConfirmRemoveModalDataComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-    }
-    closeClick() {
-        this.dialogRef.close();
-    }
-    confirmClick() {
-        var _a, _b, _c;
-        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
-            this.dialogRef.close(this.data);
-        }
-    }
-    isConfirmDisabled() {
-        var _a, _b, _c;
-        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
-            return false;
-        }
-        return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
-    }
-}
-ConfirmRemoveModalDataComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'confirm-remove-modal-data',
-                template: "<div class=\"modal-title\">\r\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\r\n    {{data.title}}\r\n  </h3>\r\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\r\n</div>\r\n\r\n<div class=\"modal-content\" mat-dialog-content>\r\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\r\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\r\n</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\r\n</div>\r\n",
-                styles: [".modal-title{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title h3{font-weight:700;margin:0;text-align:center;width:100%}.modal-title icon{position:absolute;right:-5px;top:-5px}.modal-content{border:none!important;margin:20px 0!important;text-align:center!important;width:100%!important}.modal-content input-text{width:80%}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
-            },] }
-];
-ConfirmRemoveModalDataComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "h3", 8);
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", ctx_r0.data.title, " ");
+} }
+function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "icon", 9);
+    ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_icon_2_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return ctx_r4.closeClick(); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵproperty("title", ctx_r1.data.closeLabel);
+} }
+function ConfirmRemoveModalDataComponent_p_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "p", 10);
+} if (rf & 2) {
+    const ctx_r2 = ɵɵnextContext();
+    ɵɵproperty("innerHTML", ctx_r2.data.content, ɵɵsanitizeHtml);
+} }
+function ConfirmRemoveModalDataComponent_input_text_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "input-text", 11);
+    ɵɵlistener("ngModelChange", function ConfirmRemoveModalDataComponent_input_text_5_Template_input_text_ngModelChange_0_listener($event) { ɵɵrestoreView(_r7); const ctx_r6 = ɵɵnextContext(); return ctx_r6.data.removeText = $event; });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = ɵɵnextContext();
+    ɵɵproperty("label", ctx_r3.data.removeTextLabel)("ngModel", ctx_r3.data.removeText);
+} }
+class ConfirmRemoveDialogData {
+}
+class ConfirmRemoveModalDataComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    closeClick() {
+        this.dialogRef.close();
+    }
+    confirmClick() {
+        var _a, _b, _c;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
+            this.dialogRef.close(this.data);
+        }
+    }
+    isConfirmDisabled() {
+        var _a, _b, _c;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
+            return false;
+        }
+        return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
+    }
+}
+ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(ɵɵdirectiveInject(MatDialogRef), ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+ConfirmRemoveModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", ""], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 2, 1, "h3", 1);
+        ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
+        ɵɵelementEnd();
+        ɵɵelementStart(3, "div", 3);
+        ɵɵtemplate(4, ConfirmRemoveModalDataComponent_p_4_Template, 1, 1, "p", 4);
+        ɵɵtemplate(5, ConfirmRemoveModalDataComponent_input_text_5_Template, 1, 2, "input-text", 5);
+        ɵɵelementEnd();
+        ɵɵelementStart(6, "div", 6);
+        ɵɵelementStart(7, "secondary-button", 7);
+        ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_Template_secondary_button_onClick_7_listener() { return ctx.confirmClick(); });
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.data.title);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.data.showCloseIcon);
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.data.content);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.data.removeTextConfirm);
+        ɵɵadvance(2);
+        ɵɵproperty("btnDisabled", ctx.isConfirmDisabled())("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
+    } }, directives: [NgIf, MatDialogContent, MatDialogActions, SecondaryButtonComponent, MatDialogTitle, IconComponent, InputTextComponent, NgControlStatus, 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;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%}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfirmRemoveModalDataComponent, [{
+        type: Component,
+        args: [{
+                selector: 'confirm-remove-modal-data',
+                templateUrl: 'confirm-remove-modal.component.html',
+                styleUrls: ['confirm-remove-modal.component.scss']
+            }]
+    }], function () { return [{ type: MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }]; }, null); })();
 
-class ModalsModule {
-}
-ModalsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MatDialogModule,
-                    MatFormFieldModule,
-                    FormsModule,
-                    MatInputModule,
-                    InputsModule,
-                    ButtonsModule,
-                    IconsModule,
-                ],
-                declarations: [
-                    ConfirmRemoveModalComponent,
-                    ConfirmRemoveModalDataComponent
-                ],
-                exports: [
-                    ConfirmRemoveModalComponent,
-                    ConfirmRemoveModalDataComponent
-                ],
-                entryComponents: [
-                    ConfirmRemoveModalDataComponent
-                ],
-                providers: []
-            },] }
-];
+class ModalsModule {
+}
+ModalsModule.ɵmod = ɵɵdefineNgModule({ type: ModalsModule });
+ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory(t) { return new (t || ModalsModule)(); }, providers: [], imports: [[
+            CommonModule,
+            MatDialogModule,
+            MatFormFieldModule,
+            FormsModule,
+            MatInputModule,
+            InputsModule,
+            ButtonsModule,
+            IconsModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent], imports: [CommonModule,
+        MatDialogModule,
+        MatFormFieldModule,
+        FormsModule,
+        MatInputModule,
+        InputsModule,
+        ButtonsModule,
+        IconsModule], exports: [ConfirmRemoveModalDataComponent] }); })();
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ModalsModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    MatDialogModule,
+                    MatFormFieldModule,
+                    FormsModule,
+                    MatInputModule,
+                    InputsModule,
+                    ButtonsModule,
+                    IconsModule,
+                ],
+                declarations: [
+                    ConfirmRemoveModalDataComponent
+                ],
+                exports: [
+                    ConfirmRemoveModalDataComponent
+                ],
+                providers: []
+            }]
+    }], null, null); })();
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent, DialogConfig, ModalsModule };
+export { ConfirmRemoveDialogData, ConfirmRemoveModalDataComponent, ModalsModule };
 //# sourceMappingURL=apipass-modals.js.map

package/fesm2015/apipass-modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material/dialog';\r\nimport {Direction} from '@angular/cdk/bidi';\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n  top?: string;\r\n  bottom?: string;\r\n  left?: string;\r\n  right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n  id?: string;\r\n  role?: DialogRole;\r\n  panelClass?: string | string[];\r\n  hasBackdrop?: boolean;\r\n  backdropClass?: string;\r\n  disableClose?: boolean;\r\n\r\n  width?: string;\r\n  height?: string;\r\n  minWidth?: number | string;\r\n  minHeight?: number | string;\r\n  maxWidth?: number | string;\r\n  maxHeight?: number | string;\r\n\r\n  data?: any;\r\n  position?: DialogPosition;\r\n  direction?: Direction;\r\n  ariaDescribedBy?: string | null;\r\n  ariaLabelledBy?: string | null;\r\n  ariaLabel?: string | null;\r\n  autoFocus?: boolean;\r\n  restoreFocus?: boolean;\r\n  closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n  showCloseIcon: boolean;\r\n  closeLabel: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title = '';\r\n  @Input() public content = '';\r\n  @Input() public confirmIcon = '';\r\n  @Input() public confirmText = 'Remove';\r\n  @Input() public removeTextLabel = '';\r\n  @Input() public removeTextConfirm = '';\r\n  @Input() public showCloseIcon = true;\r\n  @Input() public closeLabel = 'Close';\r\n\r\n  @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n  @Input() public openModal: EventEmitter<any> = new EventEmitter();\r\n  @Output() public confirmModal: EventEmitter<any> = new EventEmitter();\r\n  @Output() public closeModal: EventEmitter<any> = new EventEmitter();\r\n\r\n  constructor(public dialog: MatDialog) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.openModal.subscribe((item: any) => {\r\n      this.dialogConfig.data = {\r\n        title: this.title,\r\n        content: this.content,\r\n        confirmIcon: this.confirmIcon,\r\n        confirmText: this.confirmText,\r\n        removeText: '',\r\n        removeTextLabel: this.removeTextLabel,\r\n        removeTextConfirm: this.removeTextConfirm,\r\n        showCloseIcon: this.showCloseIcon,\r\n        closeLabel: this.closeLabel,\r\n        item\r\n      };\r\n      const dialogRef = this.dialog.open(ConfirmRemoveModalDataComponent, this.dialogConfig);\r\n      dialogRef.afterClosed().subscribe((result: DialogData) => {\r\n        if (!result) {\r\n          this.closeModal.next(item);\r\n        }\r\n        if (!this.removeTextConfirm || result?.removeText === this.removeTextConfirm) {\r\n          this.confirmModal.next(item);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal-data',\r\n  templateUrl: 'confirm-remove-modal.component.html',\r\n  styleUrls: ['confirm-remove-modal.component.scss']\r\n})\r\nexport class ConfirmRemoveModalDataComponent {\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData,\r\n  ) {\r\n  }\r\n\r\n  closeClick(): void {\r\n    this.dialogRef.close();\r\n  }\r\n\r\n  confirmClick(): void {\r\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\r\n      this.dialogRef.close(this.data);\r\n    }\r\n  }\r\n\r\n  isConfirmDisabled(): boolean {\r\n    if (!this.data?.removeTextConfirm) {\r\n      return false;\r\n    }\r\n    return this.data?.removeText !== this.data?.removeTextConfirm;\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ConfirmRemoveModalComponent, ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\r\nimport {MatDialogModule} from '@angular/material/dialog';\r\nimport {MatFormFieldModule} from '@angular/material/form-field';\r\nimport {FormsModule} from '@angular/forms';\r\nimport {MatInputModule} from '@angular/material/input';\r\nimport {ButtonsModule} from '@apipass/buttons';\r\nimport {IconsModule} from '@apipass/icons';\r\nimport {InputsModule} from '@apipass/inputs';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    FormsModule,\r\n    MatInputModule,\r\n    InputsModule,\r\n    ButtonsModule,\r\n    IconsModule,\r\n  ],\r\n  declarations: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  exports: [\r\n    ConfirmRemoveModalComponent,\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  entryComponents: [\r\n    ConfirmRemoveModalDataComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MAaa,YAAY;CAwBxB;MAkBY,2BAA2B;IAiBtC,YAAmB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QAfpB,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAG,EAAE,CAAC;QACb,gBAAW,GAAG,EAAE,CAAC;QACjB,gBAAW,GAAG,QAAQ,CAAC;QACvB,oBAAe,GAAG,EAAE,CAAC;QACrB,sBAAiB,GAAG,EAAE,CAAC;QACvB,kBAAa,GAAG,IAAI,CAAC;QACrB,eAAU,GAAG,OAAO,CAAC;QAErB,iBAAY,GAAiB,IAAI,YAAY,EAAE,CAAC;QAEhD,cAAS,GAAsB,IAAI,YAAY,EAAE,CAAC;QACjD,iBAAY,GAAsB,IAAI,YAAY,EAAE,CAAC;QACrD,eAAU,GAAsB,IAAI,YAAY,EAAE,CAAC;KAGnE;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAS;YACjC,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG;gBACvB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,UAAU,EAAE,EAAE;gBACd,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,IAAI;aACL,CAAC;YACF,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,+BAA+B,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvF,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,MAAkB;gBACnD,IAAI,CAAC,MAAM,EAAE;oBACX,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC5B;gBACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,IAAI,CAAC,iBAAiB,EAAE;oBAC5E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC9B;aACF,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;;;YAhDF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,QAAQ,EAAE,EAAE;aACb;;;YArDwB,SAAS;;;oBAwD/B,KAAK;sBACL,KAAK;0BACL,KAAK;0BACL,KAAK;8BACL,KAAK;gCACL,KAAK;4BACL,KAAK;yBACL,KAAK;2BAEL,KAAK;wBAEL,KAAK;2BACL,MAAM;yBACN,MAAM;;MAsCI,+BAA+B;IAE1C,YACS,SAAwD,EAC/B,IAAgB;QADzC,cAAS,GAAT,SAAS,CAA+C;QAC/B,SAAI,GAAJ,IAAI,CAAY;KAEjD;IAED,UAAU;QACR,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;IAED,YAAY;;QACV,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;YAC3F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjC;KACF;IAED,iBAAiB;;QACf,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;YACjC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,CAAC;KAC/D;;;YA5BF,SAAS,SAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,4wBAAkD;;aAEnD;;;YA1GmC,YAAY;4CA+G3C,MAAM,SAAC,eAAe;;;MC7Ed,YAAY;;;YAxBxB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,kBAAkB;oBAClB,WAAW;oBACX,cAAc;oBACd,YAAY;oBACZ,aAAa;oBACb,WAAW;iBACZ;gBACD,YAAY,EAAE;oBACZ,2BAA2B;oBAC3B,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,2BAA2B;oBAC3B,+BAA+B;iBAChC;gBACD,eAAe,EAAE;oBACf,+BAA+B;iBAChC;gBACD,SAAS,EAAE,EAAE;aACd;;;AClCD;;;;;;"}
+{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\n    {{data.title}}\n  </h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData,\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule,\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate1","i0.ɵɵlistener","i0.ɵɵproperty","i0.ɵɵelement","i0.ɵɵtemplate"],"mappings":";;;;;;;;;;;;IACEA,0BACE;IAAAC,SACF;IAAAC,cAAK;;;IADHC,YACF;IADEC,+CACF;;;;IACAJ,4BAAyI;IAAhCK,6LAAwB;IAACH,cAAO;;;IAA1DI,2CAAyB;;;IAIxGC,qBAAuD;;;IAA/BD,4DAA0B;;;;IAClDN,mCAAqH;IAA3CK,uOAA6B;IAACH,cAAa;;;IAA1EI,gDAA8B,mCAAA;;MCN9D,uBAAuB;CAWnC;MAOY,+BAA+B;IAE1C,YACS,SAAwD,EAC/B,IAA6B;QADtD,cAAS,GAAT,SAAS,CAA+C;QAC/B,SAAI,GAAJ,IAAI,CAAyB;KAE9D;IAED,UAAU;QACR,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;IAED,YAAY;;QACV,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;YAC3F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjC;KACF;IAED,iBAAiB;;QACf,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;YACjC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,CAAC;KAC/D;;8GAvBU,+BAA+B,qDAIhC,eAAe;iEAJd,+BAA+B;QDrB5CN,2BACE;QAAAQ,2EACE;QAEFA,+EAAkI;QACpIN,cAAM;QAENF,2BACE;QAAAQ,yEAAmD;QACnDA,2FAAwG;QAC1GN,cAAM;QAENF,2BACE;QAAAA,wCAAyJ;QAA9CK,uHAAW,kBAAc,IAAC;QAACH,cAAmB;QAC3JA,cAAM;;QAbAC,YAAkB;QAAlBG,kCAAkB;QAGhBH,YAA0B;QAA1BG,0CAA0B;QAI7BH,YAAoB;QAApBG,oCAAoB;QACXH,YAA8B;QAA9BG,8CAA8B;QAIxBH,YAAmC;QAAnCG,kDAAmC,8BAAA,+BAAA;;+CCQ1C,+BAA+B;cAL3C,SAAS;eAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;aACnD;8DAKyC,uBAAuB;sBAA5D,MAAM;uBAAC,eAAe;;;MCKd,YAAY;;6CAAZ,YAAY;oGAAZ,YAAY,mBAFZ,EAAE,YAhBJ;YACP,YAAY;YACZ,eAAe;YACf,kBAAkB;YAClB,WAAW;YACX,cAAc;YACd,YAAY;YACZ,aAAa;YACb,WAAW;SACZ;qFASU,YAAY,mBAPrB,+BAA+B,aAV/B,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,cAAc;QACd,YAAY;QACZ,aAAa;QACb,WAAW,aAMX,+BAA+B;+CAItB,YAAY;cAnBxB,QAAQ;eAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,kBAAkB;oBAClB,WAAW;oBACX,cAAc;oBACd,YAAY;oBACZ,aAAa;oBACb,WAAW;iBACZ;gBACD,YAAY,EAAE;oBACZ,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,+BAA+B;iBAChC;gBACD,SAAS,EAAE,EAAE;aACd;;;AC7BD;;;;;;"}

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

@@ -1,69 +1,24 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { Direction } from '@angular/cdk/bidi';
-export declare type DialogRole = 'dialog' | 'alertdialog';
-export interface DialogPosition {
-    top?: string;
-    bottom?: string;
-    left?: string;
-    right?: string;
-}
-export declare class DialogConfig {
-    id?: string;
-    role?: DialogRole;
-    panelClass?: string | string[];
-    hasBackdrop?: boolean;
-    backdropClass?: string;
-    disableClose?: boolean;
-    width?: string;
-    height?: string;
-    minWidth?: number | string;
-    minHeight?: number | string;
-    maxWidth?: number | string;
-    maxHeight?: number | string;
-    data?: any;
-    position?: DialogPosition;
-    direction?: Direction;
-    ariaDescribedBy?: string | null;
-    ariaLabelledBy?: string | null;
-    ariaLabel?: string | null;
-    autoFocus?: boolean;
-    restoreFocus?: boolean;
-    closeOnNavigation?: boolean;
-}
-export interface DialogData {
-    title: string;
-    content: string;
-    confirmIcon: string;
-    confirmText: string;
-    removeText: string;
-    removeTextLabel: string;
-    removeTextConfirm: string;
-    showCloseIcon: boolean;
-    closeLabel: string;
-}
-export declare class ConfirmRemoveModalComponent implements OnInit {
-    dialog: MatDialog;
-    title: string;
-    content: string;
-    confirmIcon: string;
-    confirmText: string;
-    removeTextLabel: string;
-    removeTextConfirm: string;
-    showCloseIcon: boolean;
-    closeLabel: string;
-    dialogConfig: DialogConfig;
-    openModal: EventEmitter<any>;
-    confirmModal: EventEmitter<any>;
-    closeModal: EventEmitter<any>;
-    constructor(dialog: MatDialog);
-    ngOnInit(): void;
-}
-export declare class ConfirmRemoveModalDataComponent {
-    dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>;
-    data: DialogData;
-    constructor(dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>, data: DialogData);
-    closeClick(): void;
-    confirmClick(): void;
-    isConfirmDisabled(): boolean;
-}
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class ConfirmRemoveDialogData {
+    title?: string;
+    content?: string;
+    confirmIcon?: string;
+    confirmText?: string;
+    removeText?: string;
+    removeTextLabel?: string;
+    removeTextConfirm?: string;
+    showCloseIcon?: boolean;
+    closeLabel?: string;
+    item?: any;
+}
+export declare class ConfirmRemoveModalDataComponent {
+    dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>;
+    data: ConfirmRemoveDialogData;
+    constructor(dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>, data: ConfirmRemoveDialogData);
+    closeClick(): void;
+    confirmClick(): void;
+    isConfirmDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDef<ConfirmRemoveModalDataComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ConfirmRemoveModalDataComponent, "confirm-remove-modal-data", never, {}, {}, never, never>;
+}

package/modals.module.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/modals",
-  "version": "0.1.6",
+  "version": "0.1.9-alpha.1",
   "peerDependencies": {
     "@angular/animations": "^10.0.11",
     "@angular/cdk": "^10.1.3",
@@ -10,9 +10,9 @@
   },
   "dependencies": {
     "@angular/material": "^10.1.3",
-    "@apipass/buttons": "^0.1.1",
-    "@apipass/icons": "^0.1.1",
-    "@apipass/inputs": "^0.1.1",
+    "@apipass/buttons": "^0.1.4",
+    "@apipass/icons": "^0.1.4",
+    "@apipass/inputs": "^0.1.4",
     "tslib": "2.0.0"
   },
   "main": "bundles/apipass-modals.umd.js",
@@ -21,6 +21,8 @@
   "esm2015": "esm2015/apipass-modals.js",
   "fesm2015": "fesm2015/apipass-modals.js",
   "typings": "apipass-modals.d.ts",
-  "metadata": "apipass-modals.metadata.json",
-  "sideEffects": false
+  "sideEffects": false,
+  "scripts": {
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy. This is not allowed.\\nPlease delete and rebuild the package, without compiling with Ivy, before attempting to publish.\\n')\" && exit 1"
+  }
 }

package/public-api.d.ts

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

package/apipass-modals.metadata.json

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