@apipass/modals 0.1.5 → 0.1.9-alpha.0

package/apipass-modals.d.ts

@@ -1,4 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@apipass/modals" />
+export * from './public-api';

package/bundles/apipass-modals.umd.js

@@ -1,155 +1,193 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/form-field'), require('@angular/forms'), require('@angular/material/input'), require('@apipass/buttons'), require('@apipass/icons'), require('@apipass/inputs')) :
-    typeof define === 'function' && define.amd ? define('@apipass/modals', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/form-field', '@angular/forms', '@angular/material/input', '@apipass/buttons', '@apipass/icons', '@apipass/inputs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.modals = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.formField, global.ng.forms, global.ng.material.input, global.buttons, global.icons, global.inputs));
-}(this, (function (exports, core, common, dialog, formField, forms, input, buttons, icons, inputs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(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')) :
+    typeof define === 'function' && 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'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.modals = {}), global.ng.material.dialog, global.ng.core, global.ng.common, global.i3, global.i4, global.i5, global.ng.forms, global.ng.material.formField, global.ng.material.input));
+}(this, (function (exports, i1, i0, i2, i3, i4, i5, i6, formField, input) { 'use strict';
 
-    var DialogConfig = /** @class */ (function () {
-        function DialogConfig() {
-        }
-        return DialogConfig;
-    }());
-    var ConfirmRemoveModalComponent = /** @class */ (function () {
-        function ConfirmRemoveModalComponent(dialog) {
-            this.dialog = dialog;
-            this.title = '';
-            this.content = '';
-            this.confirmIcon = '';
-            this.confirmText = 'Remove';
-            this.removeTextLabel = '';
-            this.removeTextConfirm = '';
-            this.showCloseIcon = true;
-            this.closeLabel = 'Close';
-            this.dialogConfig = new DialogConfig();
-            this.openModal = new core.EventEmitter();
-            this.confirmModal = new core.EventEmitter();
-            this.closeModal = new core.EventEmitter();
-        }
-        ConfirmRemoveModalComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.openModal.subscribe(function (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: item
-                };
-                var dialogRef = _this.dialog.open(ConfirmRemoveModalDataComponent, _this.dialogConfig);
-                dialogRef.afterClosed().subscribe(function (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);
-                    }
-                });
-            });
-        };
-        return ConfirmRemoveModalComponent;
-    }());
-    ConfirmRemoveModalComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'confirm-remove-modal',
-                    template: ""
-                },] }
-    ];
-    ConfirmRemoveModalComponent.ctorParameters = function () { return [
-        { type: dialog.MatDialog }
-    ]; };
-    ConfirmRemoveModalComponent.propDecorators = {
-        title: [{ type: core.Input }],
-        content: [{ type: core.Input }],
-        confirmIcon: [{ type: core.Input }],
-        confirmText: [{ type: core.Input }],
-        removeTextLabel: [{ type: core.Input }],
-        removeTextConfirm: [{ type: core.Input }],
-        showCloseIcon: [{ type: core.Input }],
-        closeLabel: [{ type: core.Input }],
-        dialogConfig: [{ type: core.Input }],
-        openModal: [{ type: core.Input }],
-        confirmModal: [{ type: core.Output }],
-        closeModal: [{ type: core.Output }]
-    };
-    var ConfirmRemoveModalDataComponent = /** @class */ (function () {
-        function ConfirmRemoveModalDataComponent(dialogRef, data) {
-            this.dialogRef = dialogRef;
-            this.data = data;
-        }
-        ConfirmRemoveModalDataComponent.prototype.closeClick = function () {
-            this.dialogRef.close();
-        };
-        ConfirmRemoveModalDataComponent.prototype.confirmClick = function () {
-            var _a, _b, _c;
-            if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
-                this.dialogRef.close(this.data);
-            }
-        };
-        ConfirmRemoveModalDataComponent.prototype.isConfirmDisabled = function () {
-            var _a, _b, _c;
-            if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
-                return false;
-            }
-            return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
-        };
-        return ConfirmRemoveModalDataComponent;
-    }());
-    ConfirmRemoveModalDataComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'confirm-remove-modal-data',
-                    template: "<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 = function () { return [
-        { type: dialog.MatDialogRef },
-        { type: undefined, decorators: [{ type: core.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", ctx_r0.data.title, " ");
+        }
+    }
+    function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "icon", 9);
+            i0.ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.closeClick(); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("title", ctx_r1.data.closeLabel);
+        }
+    }
+    function ConfirmRemoveModalDataComponent_p_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "p", 10);
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("innerHTML", ctx_r2.data.content, i0.ɵɵsanitizeHtml);
+        }
+    }
+    function ConfirmRemoveModalDataComponent_input_text_5_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r7_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input-text", 11);
+            i0.ɵɵlistener("ngModelChange", function ConfirmRemoveModalDataComponent_input_text_5_Template_input_text_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.data.removeText = $event; });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r3 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("label", ctx_r3.data.removeTextLabel)("ngModel", ctx_r3.data.removeText);
+        }
+    }
+    var ConfirmRemoveDialogData = /** @class */ (function () {
+        function ConfirmRemoveDialogData() {
+        }
+        return ConfirmRemoveDialogData;
+    }());
+    var ConfirmRemoveModalDataComponent = /** @class */ (function () {
+        function ConfirmRemoveModalDataComponent(dialogRef, data) {
+            this.dialogRef = dialogRef;
+            this.data = data;
+        }
+        ConfirmRemoveModalDataComponent.prototype.closeClick = function () {
+            this.dialogRef.close();
+        };
+        ConfirmRemoveModalDataComponent.prototype.confirmClick = function () {
+            var _a, _b, _c;
+            if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
+                this.dialogRef.close(this.data);
+            }
+        };
+        ConfirmRemoveModalDataComponent.prototype.isConfirmDisabled = function () {
+            var _a, _b, _c;
+            if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
+                return false;
+            }
+            return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
+        };
+        return ConfirmRemoveModalDataComponent;
+    }());
+    ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(i1.MAT_DIALOG_DATA)); };
+    ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", ""], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 2, 1, "h3", 1);
+                i0.ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "div", 3);
+                i0.ɵɵtemplate(4, ConfirmRemoveModalDataComponent_p_4_Template, 1, 1, "p", 4);
+                i0.ɵɵtemplate(5, ConfirmRemoveModalDataComponent_input_text_5_Template, 1, 2, "input-text", 5);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(6, "div", 6);
+                i0.ɵɵelementStart(7, "secondary-button", 7);
+                i0.ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_Template_secondary_button_onClick_7_listener() { return ctx.confirmClick(); });
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.data.title);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.data.showCloseIcon);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.data.content);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.data.removeTextConfirm);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("btnDisabled", ctx.isConfirmDisabled())("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
+            }
+        }, directives: [i2.NgIf, i1.MatDialogContent, i1.MatDialogActions, i3.SecondaryButtonComponent, i1.MatDialogTitle, i4.IconComponent, i5.InputTextComponent, i6.NgControlStatus, i6.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 () {
+        i0.ɵsetClassMetadata(ConfirmRemoveModalDataComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'confirm-remove-modal-data',
+                        templateUrl: 'confirm-remove-modal.component.html',
+                        styleUrls: ['confirm-remove-modal.component.scss']
+                    }]
+            }], function () {
+            return [{ type: i1.MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
+                            type: i0.Inject,
+                            args: [i1.MAT_DIALOG_DATA]
+                        }] }];
+        }, null);
+    })();
 
-    var ModalsModule = /** @class */ (function () {
-        function ModalsModule() {
-        }
-        return ModalsModule;
-    }());
-    ModalsModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        dialog.MatDialogModule,
-                        formField.MatFormFieldModule,
-                        forms.FormsModule,
-                        input.MatInputModule,
-                        inputs.InputsModule,
-                        buttons.ButtonsModule,
-                        icons.IconsModule,
-                    ],
-                    declarations: [
-                        ConfirmRemoveModalComponent,
-                        ConfirmRemoveModalDataComponent
-                    ],
-                    exports: [
-                        ConfirmRemoveModalComponent,
-                        ConfirmRemoveModalDataComponent
-                    ],
-                    entryComponents: [
-                        ConfirmRemoveModalDataComponent
-                    ],
-                    providers: []
-                },] }
-    ];
+    var ModalsModule = /** @class */ (function () {
+        function ModalsModule() {
+        }
+        return ModalsModule;
+    }());
+    ModalsModule.ɵmod = i0.ɵɵdefineNgModule({ type: ModalsModule });
+    ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Factory(t) { return new (t || ModalsModule)(); }, providers: [], imports: [[
+                i2.CommonModule,
+                i1.MatDialogModule,
+                formField.MatFormFieldModule,
+                i6.FormsModule,
+                input.MatInputModule,
+                i5.InputsModule,
+                i3.ButtonsModule,
+                i4.IconsModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent], imports: [i2.CommonModule,
+                i1.MatDialogModule,
+                formField.MatFormFieldModule,
+                i6.FormsModule,
+                input.MatInputModule,
+                i5.InputsModule,
+                i3.ButtonsModule,
+                i4.IconsModule], exports: [ConfirmRemoveModalDataComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ModalsModule, [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i1.MatDialogModule,
+                            formField.MatFormFieldModule,
+                            i6.FormsModule,
+                            input.MatInputModule,
+                            i5.InputsModule,
+                            i3.ButtonsModule,
+                            i4.IconsModule,
+                        ],
+                        declarations: [
+                            ConfirmRemoveModalDataComponent
+                        ],
+                        exports: [
+                            ConfirmRemoveModalDataComponent
+                        ],
+                        providers: []
+                    }]
+            }], null, null);
+    })();
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
-    exports.ConfirmRemoveModalComponent = ConfirmRemoveModalComponent;
+    Object.keys(i1).forEach(function (k) {
+        if (k !== 'default') Object.defineProperty(exports, k, {
+            enumerable: true,
+            get: function () {
+                return i1[k];
+            }
+        });
+    });
+    exports.ConfirmRemoveDialogData = ConfirmRemoveDialogData;
     exports.ConfirmRemoveModalDataComponent = ConfirmRemoveModalDataComponent;
-    exports.DialogConfig = DialogConfig;
     exports.ModalsModule = ModalsModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1 +1 @@
-{"version":3,"file":"apipass-modals.umd.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, 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":["EventEmitter","Component","MatDialog","Input","Output","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule"],"mappings":"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"}
+{"version":3,"file":"apipass-modals.umd.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\n    {{data.title}}\n  </h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData,\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule,\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate1","i0.ɵɵlistener","i0.ɵɵproperty","i0.ɵɵelement","MAT_DIALOG_DATA","i0.ɵɵtemplate","Component","Inject","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","NgModule"],"mappings":";;;;;;;;YACEA,6BACE;YAAAC,YACF;YAAAC,iBAAK;;;;YADHC,eACF;YADEC,kDACF;;;;;;YACAJ,+BAAyI;YAAhCK,sMAAwB;YAACH,iBAAO;;;;YAA1DI,8CAAyB;;;;;YAIxGC,wBAAuD;;;;YAA/BD,kEAA0B;;;;;;YAClDN,sCAAqH;YAA3CK,gPAA6B;YAACH,iBAAa;;;;YAA1EI,mDAA8B,mCAAA;;;;QCN3E;SAWC;sCAAA;KAAA,IAAA;;QASC,yCACS,SAAwD,EAC/B,IAA6B;YADtD,cAAS,GAAT,SAAS,CAA+C;YAC/B,SAAI,GAAJ,IAAI,CAAyB;SAE9D;QAED,oDAAU,GAAV;YACE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;SACxB;QAED,sDAAY,GAAZ;;YACE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;gBAC3F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACjC;SACF;QAED,2DAAiB,GAAjB;;YACE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;gBACjC,OAAO,KAAK,CAAC;aACd;YACD,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,CAAC;SAC/D;;;kHAvBU,+BAA+B,8DAIhCE,kBAAe;wEAJd,+BAA+B;;gBDrB5CR,8BACE;gBAAAS,8EACE;gBAEFA,kFAAkI;gBACpIP,iBAAM;gBAENF,8BACE;gBAAAS,4EAAmD;gBACnDA,8FAAwG;gBAC1GP,iBAAM;gBAENF,8BACE;gBAAAA,2CAAyJ;gBAA9CK,0HAAW,kBAAc,IAAC;gBAACH,iBAAmB;gBAC3JA,iBAAM;;;gBAbAC,eAAkB;gBAAlBG,qCAAkB;gBAGhBH,eAA0B;gBAA1BG,6CAA0B;gBAI7BH,eAAoB;gBAApBG,uCAAoB;gBACXH,eAA8B;gBAA9BG,iDAA8B;gBAIxBH,eAAmC;gBAAnCG,qDAAmC,8BAAA,+BAAA;;;;6BCQ1C,+BAA+B;sBAL3CI,YAAS;uBAAC;wBACT,QAAQ,EAAE,2BAA2B;wBACrC,WAAW,EAAE,qCAAqC;wBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;qBACnD;;uDAKyC,uBAAuB;kCAA5DC,SAAM;mCAACH,kBAAe;;;;;;QCK3B;;;;oDAAa,YAAY;2GAAZ,YAAY,mBAFZ,EAAE,YAhBJ;gBACPI,eAAY;gBACZC,kBAAe;gBACfC,4BAAkB;gBAClBC,cAAW;gBACXC,oBAAc;gBACdC,eAAY;gBACZC,gBAAa;gBACbC,cAAW;aACZ;;iFASU,YAAY,mBAPrB,+BAA+B,aAV/BP,eAAY;gBACZC,kBAAe;gBACfC,4BAAkB;gBAClBC,cAAW;gBACXC,oBAAc;gBACdC,eAAY;gBACZC,gBAAa;gBACbC,cAAW,aAMX,+BAA+B;;;6BAItB,YAAY;sBAnBxBC,WAAQ;uBAAC;wBACR,OAAO,EAAE;4BACPR,eAAY;4BACZC,kBAAe;4BACfC,4BAAkB;4BAClBC,cAAW;4BACXC,oBAAc;4BACdC,eAAY;4BACZC,gBAAa;4BACbC,cAAW;yBACZ;wBACD,YAAY,EAAE;4BACZ,+BAA+B;yBAChC;wBACD,OAAO,EAAE;4BACP,+BAA+B;yBAChC;wBACD,SAAS,EAAE,EAAE;qBACd;;;;IC7BD;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/dialog"),require("@angular/material/form-field"),require("@angular/forms"),require("@angular/material/input"),require("@apipass/buttons"),require("@apipass/icons"),require("@apipass/inputs")):"function"==typeof define&&define.amd?define("@apipass/modals",["exports","@angular/core","@angular/common","@angular/material/dialog","@angular/material/form-field","@angular/forms","@angular/material/input","@apipass/buttons","@apipass/icons","@apipass/inputs"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).apipass=t.apipass||{},t.apipass.modals={}),t.ng.core,t.ng.common,t.ng.material.dialog,t.ng.material.formField,t.ng.forms,t.ng.material.input,t.buttons,t.icons,t.inputs)}(this,(function(t,e,o,n,i,a,r,l,s,d){"use strict";var m=function(){},c=function(){function t(t){this.dialog=t,this.title="",this.content="",this.confirmIcon="",this.confirmText="Remove",this.removeTextLabel="",this.removeTextConfirm="",this.showCloseIcon=!0,this.closeLabel="Close",this.dialogConfig=new m,this.openModal=new e.EventEmitter,this.confirmModal=new e.EventEmitter,this.closeModal=new e.EventEmitter}return t.prototype.ngOnInit=function(){var t=this;this.openModal.subscribe((function(e){t.dialogConfig.data={title:t.title,content:t.content,confirmIcon:t.confirmIcon,confirmText:t.confirmText,removeText:"",removeTextLabel:t.removeTextLabel,removeTextConfirm:t.removeTextConfirm,showCloseIcon:t.showCloseIcon,closeLabel:t.closeLabel,item:e},t.dialog.open(p,t.dialogConfig).afterClosed().subscribe((function(o){o||t.closeModal.next(e),t.removeTextConfirm&&(null==o?void 0:o.removeText)!==t.removeTextConfirm||t.confirmModal.next(e)}))}))},t}();c.decorators=[{type:e.Component,args:[{selector:"confirm-remove-modal",template:""}]}],c.ctorParameters=function(){return[{type:n.MatDialog}]},c.propDecorators={title:[{type:e.Input}],content:[{type:e.Input}],confirmIcon:[{type:e.Input}],confirmText:[{type:e.Input}],removeTextLabel:[{type:e.Input}],removeTextConfirm:[{type:e.Input}],showCloseIcon:[{type:e.Input}],closeLabel:[{type:e.Input}],dialogConfig:[{type:e.Input}],openModal:[{type:e.Input}],confirmModal:[{type:e.Output}],closeModal:[{type:e.Output}]};var p=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,o;(null===(t=this.data)||void 0===t?void 0:t.removeTextConfirm)&&(null===(e=this.data)||void 0===e?void 0:e.removeText)!==(null===(o=this.data)||void 0===o?void 0:o.removeTextConfirm)||this.dialogRef.close(this.data)},t.prototype.isConfirmDisabled=function(){var t,e,o;return!!(null===(t=this.data)||void 0===t?void 0:t.removeTextConfirm)&&(null===(e=this.data)||void 0===e?void 0:e.removeText)!==(null===(o=this.data)||void 0===o?void 0:o.removeTextConfirm)},t}();p.decorators=[{type:e.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%}"]}]}],p.ctorParameters=function(){return[{type:n.MatDialogRef},{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_DIALOG_DATA]}]}]};var u=function(){};u.decorators=[{type:e.NgModule,args:[{imports:[o.CommonModule,n.MatDialogModule,i.MatFormFieldModule,a.FormsModule,r.MatInputModule,d.InputsModule,l.ButtonsModule,s.IconsModule],declarations:[c,p],exports:[c,p],entryComponents:[p],providers:[]}]}],t.ConfirmRemoveModalComponent=c,t.ConfirmRemoveModalDataComponent=p,t.DialogConfig=m,t.ModalsModule=u,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/material/dialog"),require("@angular/core"),require("@angular/common"),require("@apipass/buttons"),require("@apipass/icons"),require("@apipass/inputs"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@apipass/modals",["exports","@angular/material/dialog","@angular/core","@angular/common","@apipass/buttons","@apipass/icons","@apipass/inputs","@angular/forms","@angular/material/form-field","@angular/material/input"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.modals={}),e.ng.material.dialog,e.ng.core,e.ng.common,e.i3,e.i4,e.i5,e.ng.forms,e.ng.material.formField,e.ng.material.input)}(this,(function(e,t,n,o,a,i,l,r,d,c){"use strict";function m(e,t){if(1&e&&(n.ɵɵelementStart(0,"h3",8),n.ɵɵtext(1),n.ɵɵelementEnd()),2&e){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵtextInterpolate1(" ",o.data.title," ")}}function s(e,t){if(1&e){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"icon",9),n.ɵɵlistener("onClick",(function(){return n.ɵɵrestoreView(o),n.ɵɵnextContext().closeClick()})),n.ɵɵelementEnd()}if(2&e){var a=n.ɵɵnextContext();n.ɵɵproperty("title",a.data.closeLabel)}}function u(e,t){if(1&e&&n.ɵɵelement(0,"p",10),2&e){var o=n.ɵɵnextContext();n.ɵɵproperty("innerHTML",o.data.content,n.ɵɵsanitizeHtml)}}function p(e,t){if(1&e){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"input-text",11),n.ɵɵlistener("ngModelChange",(function(e){return n.ɵɵrestoreView(o),n.ɵɵnextContext().data.removeText=e})),n.ɵɵelementEnd()}if(2&e){var a=n.ɵɵnextContext();n.ɵɵproperty("label",a.data.removeTextLabel)("ngModel",a.data.removeText)}}var f=function(){},g=function(){function e(e,t){this.dialogRef=e,this.data=t}return e.prototype.closeClick=function(){this.dialogRef.close()},e.prototype.confirmClick=function(){var e,t,n;(null===(e=this.data)||void 0===e?void 0:e.removeTextConfirm)&&(null===(t=this.data)||void 0===t?void 0:t.removeText)!==(null===(n=this.data)||void 0===n?void 0:n.removeTextConfirm)||this.dialogRef.close(this.data)},e.prototype.isConfirmDisabled=function(){var e,t,n;return!!(null===(e=this.data)||void 0===e?void 0:e.removeTextConfirm)&&(null===(t=this.data)||void 0===t?void 0:t.removeText)!==(null===(n=this.data)||void 0===n?void 0:n.removeTextConfirm)},e}();g.ɵfac=function(e){return new(e||g)(n.ɵɵdirectiveInject(t.MatDialogRef),n.ɵɵdirectiveInject(t.MAT_DIALOG_DATA))},g.ɵcmp=n.ɵɵdefineComponent({type:g,selectors:[["confirm-remove-modal-data"]],decls:8,vars:7,consts:[[1,"modal-title"],["mat-dialog-title","",4,"ngIf"],["type","tertiary clickable","name","fas fa-times",3,"title","onClick",4,"ngIf"],["mat-dialog-content","",1,"modal-content"],[3,"innerHTML",4,"ngIf"],[3,"label","ngModel","ngModelChange",4,"ngIf"],["mat-dialog-actions","",1,"modal-actions"],[3,"btnDisabled","icon","label","onClick"],["mat-dialog-title",""],["type","tertiary clickable","name","fas fa-times",3,"title","onClick"],[3,"innerHTML"],[3,"label","ngModel","ngModelChange"]],template:function(e,t){1&e&&(n.ɵɵelementStart(0,"div",0),n.ɵɵtemplate(1,m,2,1,"h3",1),n.ɵɵtemplate(2,s,1,1,"icon",2),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"div",3),n.ɵɵtemplate(4,u,1,1,"p",4),n.ɵɵtemplate(5,p,1,2,"input-text",5),n.ɵɵelementEnd(),n.ɵɵelementStart(6,"div",6),n.ɵɵelementStart(7,"secondary-button",7),n.ɵɵlistener("onClick",(function(){return t.confirmClick()})),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵadvance(1),n.ɵɵproperty("ngIf",t.data.title),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",t.data.showCloseIcon),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.data.content),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",t.data.removeTextConfirm),n.ɵɵadvance(2),n.ɵɵproperty("btnDisabled",t.isConfirmDisabled())("icon",t.data.confirmIcon)("label",t.data.confirmText))},directives:[o.NgIf,t.MatDialogContent,t.MatDialogActions,a.SecondaryButtonComponent,t.MatDialogTitle,i.IconComponent,l.InputTextComponent,r.NgControlStatus,r.NgModel],styles:[".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%]   icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%]   input-text[_ngcontent-%COMP%]{width:80%}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}"]});var M=function(){};M.ɵmod=n.ɵɵdefineNgModule({type:M}),M.ɵinj=n.ɵɵdefineInjector({factory:function(e){return new(e||M)},providers:[],imports:[[o.CommonModule,t.MatDialogModule,d.MatFormFieldModule,r.FormsModule,c.MatInputModule,l.InputsModule,a.ButtonsModule,i.IconsModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(M,{declarations:[g],imports:[o.CommonModule,t.MatDialogModule,d.MatFormFieldModule,r.FormsModule,c.MatInputModule,l.InputsModule,a.ButtonsModule,i.IconsModule],exports:[g]}),Object.keys(t).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e.ConfirmRemoveDialogData=f,e.ConfirmRemoveModalDataComponent=g,e.ModalsModule=M,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=apipass-modals.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts"],"names":["ConfirmRemoveModalComponent","dialog","this","title","content","confirmIcon","confirmText","removeTextLabel","removeTextConfirm","showCloseIcon","closeLabel","dialogConfig","DialogConfig","openModal","EventEmitter","confirmModal","closeModal","prototype","ngOnInit","_this","subscribe","item","data","removeText","open","ConfirmRemoveModalDataComponent","afterClosed","result","next","Component","args","selector","template","MatDialog","Input","Output","dialogRef","closeClick","close","confirmClick","_a","_b","_c","isConfirmDisabled","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","declarations","exports","entryComponents","providers"],"mappings":"k4BAaA,0BA2DE,SAAAA,EAAmBC,GAAAC,KAAAD,OAAAA,EAfHC,KAAAC,MAAQ,GACRD,KAAAE,QAAU,GACVF,KAAAG,YAAc,GACdH,KAAAI,YAAc,SACdJ,KAAAK,gBAAkB,GAClBL,KAAAM,kBAAoB,GACpBN,KAAAO,eAAgB,EAChBP,KAAAQ,WAAa,QAEbR,KAAAS,aAA6B,IAAIC,EAEjCV,KAAAW,UAA+B,IAAIC,EAAAA,aAClCZ,KAAAa,aAAkC,IAAID,EAAAA,aACtCZ,KAAAc,WAAgC,IAAIF,EAAAA,oBAKrDd,EAAAiB,UAAAC,SAAA,WAAA,IAAAC,EAAAjB,KACEA,KAAKW,UAAUO,WAAU,SAACC,GACxBF,EAAKR,aAAaW,KAAO,CACvBnB,MAAOgB,EAAKhB,MACZC,QAASe,EAAKf,QACdC,YAAac,EAAKd,YAClBC,YAAaa,EAAKb,YAClBiB,WAAY,GACZhB,gBAAiBY,EAAKZ,gBACtBC,kBAAmBW,EAAKX,kBACxBC,cAAeU,EAAKV,cACpBC,WAAYS,EAAKT,WACjBW,KAAIA,GAEYF,EAAKlB,OAAOuB,KAAKC,EAAiCN,EAAKR,cAC/De,cAAcN,WAAU,SAACO,GAC5BA,GACHR,EAAKH,WAAWY,KAAKP,GAElBF,EAAKX,oBAAqBmB,MAAAA,OAAM,EAANA,EAAQJ,cAAeJ,EAAKX,mBACzDW,EAAKJ,aAAaa,KAAKP,mCA5ChCQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,uBACVC,SAAU,gDApDaC,EAAAA,4CAwDtBC,EAAAA,uBACAA,EAAAA,2BACAA,EAAAA,2BACAA,EAAAA,+BACAA,EAAAA,iCACAA,EAAAA,6BACAA,EAAAA,0BACAA,EAAAA,4BAEAA,EAAAA,yBAEAA,EAAAA,4BACAC,EAAAA,2BACAA,EAAAA,2BAwCD,SAAAV,EACSW,EACyBd,GADzBpB,KAAAkC,UAAAA,EACyBlC,KAAAoB,KAAAA,SAIlCG,EAAAR,UAAAoB,WAAA,WACEnC,KAAKkC,UAAUE,SAGjBb,EAAAR,UAAAsB,aAAA,sBACgB,QAAVC,EAACtC,KAAKoB,YAAI,IAAAkB,OAAA,EAAAA,EAAEhC,qBAA8B,QAATiC,EAAAvC,KAAKoB,YAAI,IAAAmB,OAAA,EAAAA,EAAElB,eAAwB,QAAdmB,EAAKxC,KAAKoB,YAAI,IAAAoB,OAAA,EAAAA,EAAElC,oBACxEN,KAAKkC,UAAUE,MAAMpC,KAAKoB,OAI9BG,EAAAR,UAAA0B,kBAAA,qBACE,SAAc,QAAVH,EAACtC,KAAKoB,YAAI,IAAAkB,OAAA,EAAAA,EAAEhC,qBAGA,QAATiC,EAAAvC,KAAKoB,YAAI,IAAAmB,OAAA,EAAAA,EAAElB,eAAwB,QAAdmB,EAAKxC,KAAKoB,YAAI,IAAAoB,OAAA,EAAAA,EAAElC,6CA3B/CqB,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,4BACVC,SAAA,8tCAxGkCY,EAAAA,6CA+G/BC,EAAAA,OAAMf,KAAA,CAACgB,EAAAA,4BC7EZ,iCAxBCC,EAAAA,SAAQjB,KAAA,CAAC,CACRkB,QAAS,CACPC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,YACAC,EAAAA,eACAC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,aAEFC,aAAc,CACZzD,EACAyB,GAEFiC,QAAS,CACP1D,EACAyB,GAEFkC,gBAAiB,CACflC,GAEFmC,UAAW","sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material/dialog';\r\nimport {Direction} from '@angular/cdk/bidi';\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n  top?: string;\r\n  bottom?: string;\r\n  left?: string;\r\n  right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n  id?: string;\r\n  role?: DialogRole;\r\n  panelClass?: string | string[];\r\n  hasBackdrop?: boolean;\r\n  backdropClass?: string;\r\n  disableClose?: boolean;\r\n\r\n  width?: string;\r\n  height?: string;\r\n  minWidth?: number | string;\r\n  minHeight?: number | string;\r\n  maxWidth?: number | string;\r\n  maxHeight?: number | string;\r\n\r\n  data?: any;\r\n  position?: DialogPosition;\r\n  direction?: Direction;\r\n  ariaDescribedBy?: string | null;\r\n  ariaLabelledBy?: string | null;\r\n  ariaLabel?: string | null;\r\n  autoFocus?: boolean;\r\n  restoreFocus?: boolean;\r\n  closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n  title: string;\r\n  content: string;\r\n  confirmIcon: string;\r\n  confirmText: string;\r\n  removeText: string;\r\n  removeTextLabel: string;\r\n  removeTextConfirm: string;\r\n  showCloseIcon: boolean;\r\n  closeLabel: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'confirm-remove-modal',\r\n  template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n  @Input() public title = '';\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"]}
+{"version":3,"sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts"],"names":["i0.ɵɵelementStart","i0.ɵɵtext","i0.ɵɵelementEnd","i0.ɵɵadvance","i0.ɵɵtextInterpolate1","i0.ɵɵlistener","i0.ɵɵproperty","i0.ɵɵelement","ctx_r3","data","removeText","ConfirmRemoveModalDataComponent","dialogRef","this","prototype","closeClick","close","confirmClick","_a","removeTextConfirm","_b","_c","isConfirmDisabled","i0","ɵɵdirectiveInject","i1","MatDialogRef","MAT_DIALOG_DATA","selectors","decls","vars","consts","template","rf","ctx","i0.ɵɵtemplate","confirmIcon","confirmText","ModalsModule","providers","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","InputsModule","ButtonsModule","IconsModule","declarations","exports"],"mappings":"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","sourcesContent":["<div class=\"modal-title\">\n  <h3 *ngIf=\"data.title\" mat-dialog-title>\n    {{data.title}}\n  </h3>\n  <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\n</div>\n\n<div class=\"modal-content\" mat-dialog-content>\n  <p *ngIf=\"data.content\" [innerHTML]=\"data.content\"></p>\n  <input-text *ngIf=\"data.removeTextConfirm\" [label]=\"data.removeTextLabel\" [(ngModel)]=\"data.removeText\"></input-text>\n</div>\n\n<div class=\"modal-actions\" mat-dialog-actions>\n  <secondary-button [btnDisabled]=\"isConfirmDisabled()\" [icon]=\"data.confirmIcon\" [label]=\"data.confirmText\" (onClick)=\"confirmClick()\"></secondary-button>\n</div>\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\nexport class ConfirmRemoveDialogData {\n  title?: string;\n  content?: string;\n  confirmIcon?: string;\n  confirmText?: string;\n  removeText?: string;\n  removeTextLabel?: string;\n  removeTextConfirm?: string;\n  showCloseIcon?: boolean;\n  closeLabel?: string;\n  item?: any;\n}\n\n@Component({\n  selector: 'confirm-remove-modal-data',\n  templateUrl: 'confirm-remove-modal.component.html',\n  styleUrls: ['confirm-remove-modal.component.scss']\n})\nexport class ConfirmRemoveModalDataComponent {\n\n  constructor(\n    public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData,\n  ) {\n  }\n\n  closeClick(): void {\n    this.dialogRef.close();\n  }\n\n  confirmClick(): void {\n    if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {\n      this.dialogRef.close(this.data);\n    }\n  }\n\n  isConfirmDisabled(): boolean {\n    if (!this.data?.removeTextConfirm) {\n      return false;\n    }\n    return this.data?.removeText !== this.data?.removeTextConfirm;\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ConfirmRemoveModalDataComponent} from './lib/confirm-remove-modal.component';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {FormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {IconsModule} from '@apipass/icons';\nimport {InputsModule} from '@apipass/inputs';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    FormsModule,\n    MatInputModule,\n    InputsModule,\n    ButtonsModule,\n    IconsModule,\n  ],\n  declarations: [\n    ConfirmRemoveModalDataComponent\n  ],\n  exports: [\n    ConfirmRemoveModalDataComponent\n  ],\n  providers: []\n})\nexport class ModalsModule { }\n"]}

package/esm2015/apipass-modals.js

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpcGFzcy1tb2RhbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9tb2RhbHMvc3JjL2FwaXBhc3MtbW9kYWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=