@apipass/modals 1.0.0 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2020 → esm2022}/apipass-modals.mjs +4 -4
- package/esm2022/lib/confirm-modal/confirm-modal.component.mjs +43 -0
- package/esm2022/lib/confirm-remove-modal/confirm-remove-modal.component.mjs +54 -0
- package/esm2022/lib/modal-header/modal-header.component.mjs +69 -0
- package/esm2022/modals.module.mjs +64 -0
- package/esm2022/public-api.mjs +6 -0
- package/fesm2022/apipass-modals.mjs +215 -0
- package/fesm2022/apipass-modals.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/confirm-modal/confirm-modal.component.d.ts +22 -22
- package/lib/confirm-remove-modal/confirm-remove-modal.component.d.ts +24 -24
- package/lib/modal-header/modal-header.component.d.ts +17 -17
- package/modals.module.d.ts +17 -17
- package/package.json +15 -21
- package/public-api.d.ts +5 -5
- package/esm2020/lib/confirm-modal/confirm-modal.component.mjs +0 -31
- package/esm2020/lib/confirm-remove-modal/confirm-remove-modal.component.mjs +0 -41
- package/esm2020/lib/modal-header/modal-header.component.mjs +0 -67
- package/esm2020/modals.module.mjs +0 -63
- package/esm2020/public-api.mjs +0 -6
- package/fesm2015/apipass-modals.mjs +0 -199
- package/fesm2015/apipass-modals.mjs.map +0 -1
- package/fesm2020/apipass-modals.mjs +0 -192
- package/fesm2020/apipass-modals.mjs.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpcGFzcy1tb2RhbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9tb2RhbHMvc3JjL2FwaXBhc3MtbW9kYWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Component, Inject } from '@angular/core';
|
|
2
|
+
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/dialog";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@apipass/buttons";
|
|
7
|
+
import * as i4 from "@apipass/icons";
|
|
8
|
+
export class ConfirmDialogData {
|
|
9
|
+
title;
|
|
10
|
+
content;
|
|
11
|
+
confirmIcon;
|
|
12
|
+
confirmText;
|
|
13
|
+
cancelIcon;
|
|
14
|
+
cancelText;
|
|
15
|
+
showCloseIcon;
|
|
16
|
+
closeLabel;
|
|
17
|
+
item;
|
|
18
|
+
}
|
|
19
|
+
class ConfirmModalDataComponent {
|
|
20
|
+
dialogRef;
|
|
21
|
+
data;
|
|
22
|
+
constructor(dialogRef, data) {
|
|
23
|
+
this.dialogRef = dialogRef;
|
|
24
|
+
this.data = data;
|
|
25
|
+
}
|
|
26
|
+
closeClick() {
|
|
27
|
+
this.dialogRef.close(false);
|
|
28
|
+
}
|
|
29
|
+
confirmClick() {
|
|
30
|
+
this.dialogRef.close(true);
|
|
31
|
+
}
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmModalDataComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ConfirmModalDataComponent, selector: "confirm-modal-data", ngImport: i0, template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n <tertiary-button [icon]=\"data.cancelIcon || ''\" [label]=\"data.cancelText || ''\" (onClick)=\"closeClick()\"></tertiary-button>\r\n <primary-button [icon]=\"data.confirmIcon || ''\" [label]=\"data.confirmText || ''\" (onClick)=\"confirmClick()\"></primary-button>\r\n</div>\r\n", styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content p{margin:0!important}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}.modal-actions primary-button{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.PrimaryButtonComponent, selector: "primary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }, { kind: "component", type: i3.TertiaryButtonComponent, selector: "tertiary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }, { kind: "component", type: i4.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }] });
|
|
34
|
+
}
|
|
35
|
+
export { ConfirmModalDataComponent };
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmModalDataComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'confirm-modal-data', template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n <tertiary-button [icon]=\"data.cancelIcon || ''\" [label]=\"data.cancelText || ''\" (onClick)=\"closeClick()\"></tertiary-button>\r\n <primary-button [icon]=\"data.confirmIcon || ''\" [label]=\"data.confirmText || ''\" (onClick)=\"confirmClick()\"></primary-button>\r\n</div>\r\n", styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content p{margin:0!important}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}.modal-actions primary-button{margin-left:5px}\n"] }]
|
|
39
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmDialogData, decorators: [{
|
|
40
|
+
type: Inject,
|
|
41
|
+
args: [MAT_DIALOG_DATA]
|
|
42
|
+
}] }]; } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb2RhbHMvc3JjL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1tb2RhbC9jb25maXJtLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7Ozs7OztBQUV4RSxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLEtBQUssQ0FBUztJQUNkLE9BQU8sQ0FBUztJQUNoQixXQUFXLENBQVM7SUFDcEIsV0FBVyxDQUFTO0lBQ3BCLFVBQVUsQ0FBUztJQUNuQixVQUFVLENBQVM7SUFDbkIsYUFBYSxDQUFVO0lBQ3ZCLFVBQVUsQ0FBUztJQUNuQixJQUFJLENBQU07Q0FDWDtBQUVELE1BS2EseUJBQXlCO0lBRTNCO0lBQ3lCO0lBRmxDLFlBQ1MsU0FBa0QsRUFDekIsSUFBdUI7UUFEaEQsY0FBUyxHQUFULFNBQVMsQ0FBeUM7UUFDekIsU0FBSSxHQUFKLElBQUksQ0FBbUI7SUFFekQsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM3QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzVCLENBQUM7dUdBYlUseUJBQXlCLDhDQUcxQixlQUFlOzJGQUhkLHlCQUF5QiwwRENwQnRDLHl1QkFhQTs7U0RPYSx5QkFBeUI7MkZBQXpCLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0I7OzBCQU8zQixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJ1xyXG5cclxuZXhwb3J0IGNsYXNzIENvbmZpcm1EaWFsb2dEYXRhIHtcclxuICB0aXRsZT86IHN0cmluZ1xyXG4gIGNvbnRlbnQ/OiBzdHJpbmdcclxuICBjb25maXJtSWNvbj86IHN0cmluZ1xyXG4gIGNvbmZpcm1UZXh0Pzogc3RyaW5nXHJcbiAgY2FuY2VsSWNvbj86IHN0cmluZ1xyXG4gIGNhbmNlbFRleHQ/OiBzdHJpbmdcclxuICBzaG93Q2xvc2VJY29uPzogYm9vbGVhblxyXG4gIGNsb3NlTGFiZWw/OiBzdHJpbmdcclxuICBpdGVtPzogYW55XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uZmlybS1tb2RhbC1kYXRhJyxcclxuICB0ZW1wbGF0ZVVybDogJ2NvbmZpcm0tbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjb25maXJtLW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbmZpcm1Nb2RhbERhdGFDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yIChcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50PixcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogQ29uZmlybURpYWxvZ0RhdGFcclxuICApIHtcclxuICB9XHJcblxyXG4gIGNsb3NlQ2xpY2sgKCk6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoZmFsc2UpXHJcbiAgfVxyXG5cclxuICBjb25maXJtQ2xpY2sgKCk6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodHJ1ZSlcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XHJcbiAgPGgzICpuZ0lmPVwiZGF0YS50aXRsZVwiIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZVwiIG1hdC1kaWFsb2ctdGl0bGU+PC9oMz5cclxuICA8aWNvbiAqbmdJZj1cImRhdGEuc2hvd0Nsb3NlSWNvblwiIHR5cGU9XCJ0ZXJ0aWFyeSBjbGlja2FibGVcIiBuYW1lPVwiZmFzIGZhLXRpbWVzXCIgW3RpdGxlXT1cImRhdGEuY2xvc2VMYWJlbFwiIChvbkNsaWNrKT1cImNsb3NlQ2xpY2soKVwiPjwvaWNvbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIG1hdC1kaWFsb2ctY29udGVudD5cclxuICA8cCAqbmdJZj1cImRhdGEuY29udGVudFwiIFtpbm5lckhUTUxdPVwiZGF0YS5jb250ZW50XCI+PC9wPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJtb2RhbC1hY3Rpb25zXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxyXG4gIDx0ZXJ0aWFyeS1idXR0b24gW2ljb25dPVwiZGF0YS5jYW5jZWxJY29uIHx8ICcnXCIgW2xhYmVsXT1cImRhdGEuY2FuY2VsVGV4dCB8fCAnJ1wiIChvbkNsaWNrKT1cImNsb3NlQ2xpY2soKVwiPjwvdGVydGlhcnktYnV0dG9uPlxyXG4gIDxwcmltYXJ5LWJ1dHRvbiBbaWNvbl09XCJkYXRhLmNvbmZpcm1JY29uIHx8ICcnXCIgW2xhYmVsXT1cImRhdGEuY29uZmlybVRleHQgfHwgJydcIiAob25DbGljayk9XCJjb25maXJtQ2xpY2soKVwiPjwvcHJpbWFyeS1idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Component, Inject } from '@angular/core';
|
|
2
|
+
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/dialog";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@angular/forms";
|
|
7
|
+
import * as i4 from "@apipass/inputs";
|
|
8
|
+
import * as i5 from "@apipass/buttons";
|
|
9
|
+
import * as i6 from "@apipass/icons";
|
|
10
|
+
export class ConfirmRemoveDialogData {
|
|
11
|
+
title;
|
|
12
|
+
content;
|
|
13
|
+
confirmIcon;
|
|
14
|
+
confirmText;
|
|
15
|
+
removeText;
|
|
16
|
+
removeTextLabel;
|
|
17
|
+
removeTextConfirm;
|
|
18
|
+
showCloseIcon;
|
|
19
|
+
closeLabel;
|
|
20
|
+
item;
|
|
21
|
+
}
|
|
22
|
+
class ConfirmRemoveModalDataComponent {
|
|
23
|
+
dialogRef;
|
|
24
|
+
data;
|
|
25
|
+
constructor(dialogRef, data) {
|
|
26
|
+
this.dialogRef = dialogRef;
|
|
27
|
+
this.data = data;
|
|
28
|
+
}
|
|
29
|
+
closeClick() {
|
|
30
|
+
this.dialogRef.close();
|
|
31
|
+
}
|
|
32
|
+
confirmClick() {
|
|
33
|
+
if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {
|
|
34
|
+
this.dialogRef.close(this.data);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
isConfirmDisabled() {
|
|
38
|
+
if (!this.data?.removeTextConfirm) {
|
|
39
|
+
return false;
|
|
40
|
+
}
|
|
41
|
+
return this.data?.removeText !== this.data?.removeTextConfirm;
|
|
42
|
+
}
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmRemoveModalDataComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ConfirmRemoveModalDataComponent, selector: "confirm-remove-modal-data", ngImport: i0, template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content input-text{width:80%}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.InputTextComponent, selector: "input-text", inputs: ["label", "disabled", "iconSuffix", "iconPrefix", "autoComplete"], outputs: ["suffixIconClick", "prefixIconClick"] }, { kind: "component", type: i5.SecondaryButtonComponent, selector: "secondary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }, { kind: "component", type: i6.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }] });
|
|
45
|
+
}
|
|
46
|
+
export { ConfirmRemoveModalDataComponent };
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmRemoveModalDataComponent, decorators: [{
|
|
48
|
+
type: Component,
|
|
49
|
+
args: [{ selector: 'confirm-remove-modal-data', template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content input-text{width:80%}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}\n"] }]
|
|
50
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
|
|
51
|
+
type: Inject,
|
|
52
|
+
args: [MAT_DIALOG_DATA]
|
|
53
|
+
}] }]; } });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTs7Ozs7Ozs7QUFFeEUsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxLQUFLLENBQVM7SUFDZCxPQUFPLENBQVM7SUFDaEIsV0FBVyxDQUFTO0lBQ3BCLFdBQVcsQ0FBUztJQUNwQixVQUFVLENBQVM7SUFDbkIsZUFBZSxDQUFTO0lBQ3hCLGlCQUFpQixDQUFTO0lBQzFCLGFBQWEsQ0FBVTtJQUN2QixVQUFVLENBQVM7SUFDbkIsSUFBSSxDQUFNO0NBQ1g7QUFFRCxNQUthLCtCQUErQjtJQUVqQztJQUN5QjtJQUZsQyxZQUNTLFNBQXdELEVBQy9CLElBQTZCO1FBRHRELGNBQVMsR0FBVCxTQUFTLENBQStDO1FBQy9CLFNBQUksR0FBSixJQUFJLENBQXlCO0lBRS9ELENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLGlCQUFpQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsVUFBVSxLQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLEVBQUU7WUFDM0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ2hDO0lBQ0gsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLGlCQUFpQixFQUFFO1lBQ2pDLE9BQU8sS0FBSyxDQUFBO1NBQ2I7UUFDRCxPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsVUFBVSxLQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLENBQUE7SUFDL0QsQ0FBQzt1R0F0QlUsK0JBQStCLDhDQUdoQyxlQUFlOzJGQUhkLCtCQUErQixpRUNyQjVDLG14QkFhQTs7U0RRYSwrQkFBK0I7MkZBQS9CLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwyQkFBMkI7OzBCQU9sQyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJ1xyXG5cclxuZXhwb3J0IGNsYXNzIENvbmZpcm1SZW1vdmVEaWFsb2dEYXRhIHtcclxuICB0aXRsZT86IHN0cmluZ1xyXG4gIGNvbnRlbnQ/OiBzdHJpbmdcclxuICBjb25maXJtSWNvbj86IHN0cmluZ1xyXG4gIGNvbmZpcm1UZXh0Pzogc3RyaW5nXHJcbiAgcmVtb3ZlVGV4dD86IHN0cmluZ1xyXG4gIHJlbW92ZVRleHRMYWJlbD86IHN0cmluZ1xyXG4gIHJlbW92ZVRleHRDb25maXJtPzogc3RyaW5nXHJcbiAgc2hvd0Nsb3NlSWNvbj86IGJvb2xlYW5cclxuICBjbG9zZUxhYmVsPzogc3RyaW5nXHJcbiAgaXRlbT86IGFueVxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLWRhdGEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3RvciAoXHJcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IENvbmZpcm1SZW1vdmVEaWFsb2dEYXRhXHJcbiAgKSB7XHJcbiAgfVxyXG5cclxuICBjbG9zZUNsaWNrICgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKClcclxuICB9XHJcblxyXG4gIGNvbmZpcm1DbGljayAoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm0gfHwgdGhpcy5kYXRhPy5yZW1vdmVUZXh0ID09PSB0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtKSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuZGF0YSlcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGlzQ29uZmlybURpc2FibGVkICgpOiBib29sZWFuIHtcclxuICAgIGlmICghdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybSkge1xyXG4gICAgICByZXR1cm4gZmFsc2VcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLmRhdGE/LnJlbW92ZVRleHQgIT09IHRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XHJcbiAgPGgzICpuZ0lmPVwiZGF0YS50aXRsZVwiIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZVwiIG1hdC1kaWFsb2ctdGl0bGU+PC9oMz5cclxuICA8aWNvbiAqbmdJZj1cImRhdGEuc2hvd0Nsb3NlSWNvblwiIHR5cGU9XCJ0ZXJ0aWFyeSBjbGlja2FibGVcIiBuYW1lPVwiZmFzIGZhLXRpbWVzXCIgW3RpdGxlXT1cImRhdGEuY2xvc2VMYWJlbFwiIChvbkNsaWNrKT1cImNsb3NlQ2xpY2soKVwiPjwvaWNvbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIG1hdC1kaWFsb2ctY29udGVudD5cclxuICA8cCAqbmdJZj1cImRhdGEuY29udGVudFwiIFtpbm5lckhUTUxdPVwiZGF0YS5jb250ZW50XCI+PC9wPlxyXG4gIDxpbnB1dC10ZXh0ICpuZ0lmPVwiZGF0YS5yZW1vdmVUZXh0Q29uZmlybVwiIFtsYWJlbF09XCJkYXRhLnJlbW92ZVRleHRMYWJlbCB8fCAnJ1wiIFsobmdNb2RlbCldPVwiZGF0YS5yZW1vdmVUZXh0XCI+PC9pbnB1dC10ZXh0PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJtb2RhbC1hY3Rpb25zXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxyXG4gIDxzZWNvbmRhcnktYnV0dG9uIFtidG5EaXNhYmxlZF09XCJpc0NvbmZpcm1EaXNhYmxlZCgpXCIgW2ljb25dPVwiZGF0YS5jb25maXJtSWNvbiB8fCAnJ1wiIFtsYWJlbF09XCJkYXRhLmNvbmZpcm1UZXh0IHx8ICcnXCIgKG9uQ2xpY2spPVwiY29uZmlybUNsaWNrKClcIj48L3NlY29uZGFyeS1idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/material/dialog";
|
|
6
|
+
import * as i3 from "@apipass/icons";
|
|
7
|
+
class ModalHeaderComponent {
|
|
8
|
+
title;
|
|
9
|
+
expanded = false;
|
|
10
|
+
showExpandIcon = false;
|
|
11
|
+
showCloseIcon = false;
|
|
12
|
+
titleClose = 'Close';
|
|
13
|
+
titleExpand = 'Expand';
|
|
14
|
+
dialogRef;
|
|
15
|
+
closeClick = new EventEmitter();
|
|
16
|
+
expandClick = new EventEmitter();
|
|
17
|
+
changeExpand() {
|
|
18
|
+
this.expanded = !this.expanded;
|
|
19
|
+
this.expandClick.next(this.expanded);
|
|
20
|
+
if (this.expanded) {
|
|
21
|
+
this.dialogRef?.addPanelClass('mod-expanded');
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
this.dialogRef?.removePanelClass('mod-expanded');
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ModalHeaderComponent, selector: "modal-header-component", inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, ngImport: i0, template: `
|
|
29
|
+
<div class="modal-title">
|
|
30
|
+
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
31
|
+
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
32
|
+
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
33
|
+
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next(undefined)"></icon>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
`, isInline: true, styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title>.modal-title-actions{position:absolute;right:10px;top:5px;display:flex;justify-content:center;align-items:center}.modal-title>.modal-title-actions icon{display:block}.modal-title>.modal-title-actions icon:not(:last-child){margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: i3.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }] });
|
|
37
|
+
}
|
|
38
|
+
export { ModalHeaderComponent };
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'modal-header-component', template: `
|
|
42
|
+
<div class="modal-title">
|
|
43
|
+
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
44
|
+
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
45
|
+
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
46
|
+
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next(undefined)"></icon>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
`, styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title>.modal-title-actions{position:absolute;right:10px;top:5px;display:flex;justify-content:center;align-items:center}.modal-title>.modal-title-actions icon{display:block}.modal-title>.modal-title-actions icon:not(:last-child){margin-right:10px}\n"] }]
|
|
50
|
+
}], propDecorators: { title: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], expanded: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], showExpandIcon: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], showCloseIcon: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], titleClose: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], titleExpand: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], dialogRef: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], closeClick: [{
|
|
65
|
+
type: Output
|
|
66
|
+
}], expandClick: [{
|
|
67
|
+
type: Output
|
|
68
|
+
}] } });
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFBOzs7OztBQUV2RCxNQWFhLG9CQUFvQjtJQUN0QixLQUFLLENBQW9CO0lBQ3pCLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDaEIsY0FBYyxHQUFHLEtBQUssQ0FBQTtJQUN0QixhQUFhLEdBQUcsS0FBSyxDQUFBO0lBRXJCLFVBQVUsR0FBRyxPQUFPLENBQUE7SUFDcEIsV0FBVyxHQUFHLFFBQVEsQ0FBQTtJQUN0QixTQUFTLENBQWdEO0lBRXhELFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFBO0lBQ3BDLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0lBRTVDLFlBQVk7UUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7UUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQ3BDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQTtTQUM5QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxnQkFBZ0IsQ0FBQyxjQUFjLENBQUMsQ0FBQTtTQUNqRDtJQUNILENBQUM7dUdBckJVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLG1VQVhyQjs7Ozs7Ozs7R0FRVDs7U0FHVSxvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFiaEMsU0FBUzsrQkFDRSx3QkFBd0IsWUFDeEI7Ozs7Ozs7O0dBUVQ7OEJBSVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtb2RhbC1oZWFkZXItY29tcG9uZW50JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XHJcbiAgICAgIDxoMyBbaW5uZXJIVE1MXT0ndGl0bGUnIG1hdC1kaWFsb2ctdGl0bGU+PC9oMz5cclxuICAgICAgPGRpdiAqbmdJZj1cInNob3dFeHBhbmRJY29uIHx8IHNob3dDbG9zZUljb25cIiBjbGFzcz1cIm1vZGFsLXRpdGxlLWFjdGlvbnNcIj5cclxuICAgICAgICA8aWNvbiAqbmdJZj1cInNob3dFeHBhbmRJY29uXCIgdHlwZT1cInByaW1hcnkgY2xpY2thYmxlXCIgW3NpemVdPVwiMTNcIiBbbmFtZV09XCIhZXhwYW5kZWQgPyAnZmEgZmEtZXhwYW5kLWFycm93cy1hbHQnIDogJ2ZhIGZhLWNvbXByZXNzJ1wiIFt0aXRsZV09XCJ0aXRsZUV4cGFuZFwiIChvbkNsaWNrKT1cImNoYW5nZUV4cGFuZCgpXCI+PC9pY29uPlxyXG4gICAgICAgIDxpY29uICpuZ0lmPVwic2hvd0Nsb3NlSWNvblwiIHR5cGU9XCJ0ZXJ0aWFyeSBjbGlja2FibGVcIiBuYW1lPVwiZmFzIGZhLXRpbWVzXCIgW3RpdGxlXT1cInRpdGxlQ2xvc2VcIiAob25DbGljayk9XCJjbG9zZUNsaWNrLm5leHQodW5kZWZpbmVkKVwiPjwvaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWydtb2RhbC1oZWFkZXIuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbEhlYWRlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZFxyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2VcclxuICBASW5wdXQoKSBzaG93RXhwYW5kSWNvbiA9IGZhbHNlXHJcbiAgQElucHV0KCkgc2hvd0Nsb3NlSWNvbiA9IGZhbHNlXHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlQ2xvc2UgPSAnQ2xvc2UnXHJcbiAgQElucHV0KCkgdGl0bGVFeHBhbmQgPSAnRXhwYW5kJ1xyXG4gIEBJbnB1dCgpIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPE1vZGFsSGVhZGVyQ29tcG9uZW50PiB8IHVuZGVmaW5lZFxyXG5cclxuICBAT3V0cHV0KCkgY2xvc2VDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXHJcbiAgQE91dHB1dCgpIGV4cGFuZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXHJcblxyXG4gIHB1YmxpYyBjaGFuZ2VFeHBhbmQgKCk6IHZvaWQge1xyXG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkXHJcbiAgICB0aGlzLmV4cGFuZENsaWNrLm5leHQodGhpcy5leHBhbmRlZClcclxuICAgIGlmICh0aGlzLmV4cGFuZGVkKSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nUmVmPy5hZGRQYW5lbENsYXNzKCdtb2QtZXhwYW5kZWQnKVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5kaWFsb2dSZWY/LnJlbW92ZVBhbmVsQ2xhc3MoJ21vZC1leHBhbmRlZCcpXHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { ConfirmRemoveModalDataComponent } from './lib/confirm-remove-modal/confirm-remove-modal.component';
|
|
4
|
+
import { ConfirmModalDataComponent } from './lib/confirm-modal/confirm-modal.component';
|
|
5
|
+
import { ModalHeaderComponent } from './lib/modal-header/modal-header.component';
|
|
6
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
7
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
8
|
+
import { FormsModule } from '@angular/forms';
|
|
9
|
+
import { MatInputModule } from '@angular/material/input';
|
|
10
|
+
import { ButtonsModule } from '@apipass/buttons';
|
|
11
|
+
import { IconsModule } from '@apipass/icons';
|
|
12
|
+
import { InputsModule } from '@apipass/inputs';
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
14
|
+
class ModalsModule {
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, declarations: [ConfirmRemoveModalDataComponent,
|
|
17
|
+
ConfirmModalDataComponent,
|
|
18
|
+
ModalHeaderComponent], imports: [CommonModule,
|
|
19
|
+
MatDialogModule,
|
|
20
|
+
MatFormFieldModule,
|
|
21
|
+
FormsModule,
|
|
22
|
+
MatInputModule,
|
|
23
|
+
InputsModule,
|
|
24
|
+
ButtonsModule,
|
|
25
|
+
IconsModule], exports: [ConfirmRemoveModalDataComponent,
|
|
26
|
+
ConfirmModalDataComponent,
|
|
27
|
+
ModalHeaderComponent] });
|
|
28
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, imports: [CommonModule,
|
|
29
|
+
MatDialogModule,
|
|
30
|
+
MatFormFieldModule,
|
|
31
|
+
FormsModule,
|
|
32
|
+
MatInputModule,
|
|
33
|
+
InputsModule,
|
|
34
|
+
ButtonsModule,
|
|
35
|
+
IconsModule] });
|
|
36
|
+
}
|
|
37
|
+
export { ModalsModule };
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, decorators: [{
|
|
39
|
+
type: NgModule,
|
|
40
|
+
args: [{
|
|
41
|
+
imports: [
|
|
42
|
+
CommonModule,
|
|
43
|
+
MatDialogModule,
|
|
44
|
+
MatFormFieldModule,
|
|
45
|
+
FormsModule,
|
|
46
|
+
MatInputModule,
|
|
47
|
+
InputsModule,
|
|
48
|
+
ButtonsModule,
|
|
49
|
+
IconsModule
|
|
50
|
+
],
|
|
51
|
+
declarations: [
|
|
52
|
+
ConfirmRemoveModalDataComponent,
|
|
53
|
+
ConfirmModalDataComponent,
|
|
54
|
+
ModalHeaderComponent
|
|
55
|
+
],
|
|
56
|
+
exports: [
|
|
57
|
+
ConfirmRemoveModalDataComponent,
|
|
58
|
+
ConfirmModalDataComponent,
|
|
59
|
+
ModalHeaderComponent
|
|
60
|
+
],
|
|
61
|
+
providers: []
|
|
62
|
+
}]
|
|
63
|
+
}] });
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQTtBQUMzRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQTtBQUN2RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQTtBQUNoRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDakUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDaEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTs7QUFFOUMsTUF1QmEsWUFBWTt1R0FBWixZQUFZO3dHQUFaLFlBQVksaUJBWHJCLCtCQUErQjtZQUMvQix5QkFBeUI7WUFDekIsb0JBQW9CLGFBWnBCLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXLGFBUVgsK0JBQStCO1lBQy9CLHlCQUF5QjtZQUN6QixvQkFBb0I7d0dBSVgsWUFBWSxZQXJCckIsWUFBWTtZQUNaLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsV0FBVztZQUNYLGNBQWM7WUFDZCxZQUFZO1lBQ1osYUFBYTtZQUNiLFdBQVc7O1NBY0YsWUFBWTsyRkFBWixZQUFZO2tCQXZCeEIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsV0FBVzt3QkFDWCxjQUFjO3dCQUNkLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixXQUFXO3FCQUNaO29CQUNELFlBQVksRUFBRTt3QkFDWiwrQkFBK0I7d0JBQy9CLHlCQUF5Qjt3QkFDekIsb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsK0JBQStCO3dCQUMvQix5QkFBeUI7d0JBQ3pCLG9CQUFvQjtxQkFDckI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcclxuaW1wb3J0IHsgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCB9IGZyb20gJy4vbGliL2NvbmZpcm0tcmVtb3ZlLW1vZGFsL2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudCdcclxuaW1wb3J0IHsgQ29uZmlybU1vZGFsRGF0YUNvbXBvbmVudCB9IGZyb20gJy4vbGliL2NvbmZpcm0tbW9kYWwvY29uZmlybS1tb2RhbC5jb21wb25lbnQnXHJcbmltcG9ydCB7IE1vZGFsSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvbW9kYWwtaGVhZGVyL21vZGFsLWhlYWRlci5jb21wb25lbnQnXHJcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZydcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCdcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3JtcydcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCdcclxuaW1wb3J0IHsgQnV0dG9uc01vZHVsZSB9IGZyb20gJ0BhcGlwYXNzL2J1dHRvbnMnXHJcbmltcG9ydCB7IEljb25zTW9kdWxlIH0gZnJvbSAnQGFwaXBhc3MvaWNvbnMnXHJcbmltcG9ydCB7IElucHV0c01vZHVsZSB9IGZyb20gJ0BhcGlwYXNzL2lucHV0cydcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIElucHV0c01vZHVsZSxcclxuICAgIEJ1dHRvbnNNb2R1bGUsXHJcbiAgICBJY29uc01vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50LFxyXG4gICAgQ29uZmlybU1vZGFsRGF0YUNvbXBvbmVudCxcclxuICAgIE1vZGFsSGVhZGVyQ29tcG9uZW50XHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50LFxyXG4gICAgQ29uZmlybU1vZGFsRGF0YUNvbXBvbmVudCxcclxuICAgIE1vZGFsSGVhZGVyQ29tcG9uZW50XHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbHNNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from '@angular/material/dialog';
|
|
2
|
+
export * from './modals.module';
|
|
3
|
+
export * from './lib/confirm-remove-modal/confirm-remove-modal.component';
|
|
4
|
+
export * from './lib/confirm-modal/confirm-modal.component';
|
|
5
|
+
export * from './lib/modal-header/modal-header.component';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFBO0FBQ3hDLGNBQWMsaUJBQWlCLENBQUE7QUFDL0IsY0FBYywyREFBMkQsQ0FBQTtBQUN6RSxjQUFjLDZDQUE2QyxDQUFBO0FBQzNELGNBQWMsMkNBQTJDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnXHJcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWxzLm1vZHVsZSdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RhbC1oZWFkZXIvbW9kYWwtaGVhZGVyLmNvbXBvbmVudCdcclxuIl19
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import * as i1 from '@angular/material/dialog';
|
|
2
|
+
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
3
|
+
export * from '@angular/material/dialog';
|
|
4
|
+
import * as i0 from '@angular/core';
|
|
5
|
+
import { Component, Inject, EventEmitter, Input, Output, NgModule } from '@angular/core';
|
|
6
|
+
import * as i2 from '@angular/common';
|
|
7
|
+
import { CommonModule } from '@angular/common';
|
|
8
|
+
import * as i3 from '@angular/forms';
|
|
9
|
+
import { FormsModule } from '@angular/forms';
|
|
10
|
+
import * as i4 from '@apipass/inputs';
|
|
11
|
+
import { InputsModule } from '@apipass/inputs';
|
|
12
|
+
import * as i3$1 from '@apipass/buttons';
|
|
13
|
+
import { ButtonsModule } from '@apipass/buttons';
|
|
14
|
+
import * as i6 from '@apipass/icons';
|
|
15
|
+
import { IconsModule } from '@apipass/icons';
|
|
16
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
17
|
+
import { MatInputModule } from '@angular/material/input';
|
|
18
|
+
|
|
19
|
+
class ConfirmRemoveDialogData {
|
|
20
|
+
title;
|
|
21
|
+
content;
|
|
22
|
+
confirmIcon;
|
|
23
|
+
confirmText;
|
|
24
|
+
removeText;
|
|
25
|
+
removeTextLabel;
|
|
26
|
+
removeTextConfirm;
|
|
27
|
+
showCloseIcon;
|
|
28
|
+
closeLabel;
|
|
29
|
+
item;
|
|
30
|
+
}
|
|
31
|
+
class ConfirmRemoveModalDataComponent {
|
|
32
|
+
dialogRef;
|
|
33
|
+
data;
|
|
34
|
+
constructor(dialogRef, data) {
|
|
35
|
+
this.dialogRef = dialogRef;
|
|
36
|
+
this.data = data;
|
|
37
|
+
}
|
|
38
|
+
closeClick() {
|
|
39
|
+
this.dialogRef.close();
|
|
40
|
+
}
|
|
41
|
+
confirmClick() {
|
|
42
|
+
if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {
|
|
43
|
+
this.dialogRef.close(this.data);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
isConfirmDisabled() {
|
|
47
|
+
if (!this.data?.removeTextConfirm) {
|
|
48
|
+
return false;
|
|
49
|
+
}
|
|
50
|
+
return this.data?.removeText !== this.data?.removeTextConfirm;
|
|
51
|
+
}
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmRemoveModalDataComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ConfirmRemoveModalDataComponent, selector: "confirm-remove-modal-data", ngImport: i0, template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content input-text{width:80%}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.InputTextComponent, selector: "input-text", inputs: ["label", "disabled", "iconSuffix", "iconPrefix", "autoComplete"], outputs: ["suffixIconClick", "prefixIconClick"] }, { kind: "component", type: i3$1.SecondaryButtonComponent, selector: "secondary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }, { kind: "component", type: i6.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }] });
|
|
54
|
+
}
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmRemoveModalDataComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'confirm-remove-modal-data', template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content input-text{width:80%}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}\n"] }]
|
|
58
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
|
|
59
|
+
type: Inject,
|
|
60
|
+
args: [MAT_DIALOG_DATA]
|
|
61
|
+
}] }]; } });
|
|
62
|
+
|
|
63
|
+
class ConfirmDialogData {
|
|
64
|
+
title;
|
|
65
|
+
content;
|
|
66
|
+
confirmIcon;
|
|
67
|
+
confirmText;
|
|
68
|
+
cancelIcon;
|
|
69
|
+
cancelText;
|
|
70
|
+
showCloseIcon;
|
|
71
|
+
closeLabel;
|
|
72
|
+
item;
|
|
73
|
+
}
|
|
74
|
+
class ConfirmModalDataComponent {
|
|
75
|
+
dialogRef;
|
|
76
|
+
data;
|
|
77
|
+
constructor(dialogRef, data) {
|
|
78
|
+
this.dialogRef = dialogRef;
|
|
79
|
+
this.data = data;
|
|
80
|
+
}
|
|
81
|
+
closeClick() {
|
|
82
|
+
this.dialogRef.close(false);
|
|
83
|
+
}
|
|
84
|
+
confirmClick() {
|
|
85
|
+
this.dialogRef.close(true);
|
|
86
|
+
}
|
|
87
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmModalDataComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
88
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ConfirmModalDataComponent, selector: "confirm-modal-data", ngImport: i0, template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n <tertiary-button [icon]=\"data.cancelIcon || ''\" [label]=\"data.cancelText || ''\" (onClick)=\"closeClick()\"></tertiary-button>\r\n <primary-button [icon]=\"data.confirmIcon || ''\" [label]=\"data.confirmText || ''\" (onClick)=\"confirmClick()\"></primary-button>\r\n</div>\r\n", styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content p{margin:0!important}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}.modal-actions primary-button{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3$1.PrimaryButtonComponent, selector: "primary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }, { kind: "component", type: i3$1.TertiaryButtonComponent, selector: "tertiary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }, { kind: "component", type: i6.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }] });
|
|
89
|
+
}
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfirmModalDataComponent, decorators: [{
|
|
91
|
+
type: Component,
|
|
92
|
+
args: [{ selector: 'confirm-modal-data', template: "<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n <tertiary-button [icon]=\"data.cancelIcon || ''\" [label]=\"data.cancelText || ''\" (onClick)=\"closeClick()\"></tertiary-button>\r\n <primary-button [icon]=\"data.confirmIcon || ''\" [label]=\"data.confirmText || ''\" (onClick)=\"confirmClick()\"></primary-button>\r\n</div>\r\n", styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title icon{position:absolute;right:10px;top:5px}.modal-content{margin:20px 0!important;border:none!important;text-align:center!important;box-shadow:none!important}.modal-content p{margin:0!important}.modal-actions{width:100%;display:flex;justify-content:center;align-items:center}.modal-actions primary-button{margin-left:5px}\n"] }]
|
|
93
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmDialogData, decorators: [{
|
|
94
|
+
type: Inject,
|
|
95
|
+
args: [MAT_DIALOG_DATA]
|
|
96
|
+
}] }]; } });
|
|
97
|
+
|
|
98
|
+
class ModalHeaderComponent {
|
|
99
|
+
title;
|
|
100
|
+
expanded = false;
|
|
101
|
+
showExpandIcon = false;
|
|
102
|
+
showCloseIcon = false;
|
|
103
|
+
titleClose = 'Close';
|
|
104
|
+
titleExpand = 'Expand';
|
|
105
|
+
dialogRef;
|
|
106
|
+
closeClick = new EventEmitter();
|
|
107
|
+
expandClick = new EventEmitter();
|
|
108
|
+
changeExpand() {
|
|
109
|
+
this.expanded = !this.expanded;
|
|
110
|
+
this.expandClick.next(this.expanded);
|
|
111
|
+
if (this.expanded) {
|
|
112
|
+
this.dialogRef?.addPanelClass('mod-expanded');
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
this.dialogRef?.removePanelClass('mod-expanded');
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ModalHeaderComponent, selector: "modal-header-component", inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, ngImport: i0, template: `
|
|
120
|
+
<div class="modal-title">
|
|
121
|
+
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
122
|
+
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
123
|
+
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
124
|
+
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next(undefined)"></icon>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
`, isInline: true, styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title>.modal-title-actions{position:absolute;right:10px;top:5px;display:flex;justify-content:center;align-items:center}.modal-title>.modal-title-actions icon{display:block}.modal-title>.modal-title-actions icon:not(:last-child){margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: i6.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }] });
|
|
128
|
+
}
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
130
|
+
type: Component,
|
|
131
|
+
args: [{ selector: 'modal-header-component', template: `
|
|
132
|
+
<div class="modal-title">
|
|
133
|
+
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
134
|
+
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
135
|
+
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
136
|
+
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next(undefined)"></icon>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
`, styles: [".modal-title{display:flex;position:relative;justify-content:center;width:100%;align-items:flex-start}.modal-title h3{width:100%;text-align:center;margin:0;font-weight:700}.modal-title>.modal-title-actions{position:absolute;right:10px;top:5px;display:flex;justify-content:center;align-items:center}.modal-title>.modal-title-actions icon{display:block}.modal-title>.modal-title-actions icon:not(:last-child){margin-right:10px}\n"] }]
|
|
140
|
+
}], propDecorators: { title: [{
|
|
141
|
+
type: Input
|
|
142
|
+
}], expanded: [{
|
|
143
|
+
type: Input
|
|
144
|
+
}], showExpandIcon: [{
|
|
145
|
+
type: Input
|
|
146
|
+
}], showCloseIcon: [{
|
|
147
|
+
type: Input
|
|
148
|
+
}], titleClose: [{
|
|
149
|
+
type: Input
|
|
150
|
+
}], titleExpand: [{
|
|
151
|
+
type: Input
|
|
152
|
+
}], dialogRef: [{
|
|
153
|
+
type: Input
|
|
154
|
+
}], closeClick: [{
|
|
155
|
+
type: Output
|
|
156
|
+
}], expandClick: [{
|
|
157
|
+
type: Output
|
|
158
|
+
}] } });
|
|
159
|
+
|
|
160
|
+
class ModalsModule {
|
|
161
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
162
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, declarations: [ConfirmRemoveModalDataComponent,
|
|
163
|
+
ConfirmModalDataComponent,
|
|
164
|
+
ModalHeaderComponent], imports: [CommonModule,
|
|
165
|
+
MatDialogModule,
|
|
166
|
+
MatFormFieldModule,
|
|
167
|
+
FormsModule,
|
|
168
|
+
MatInputModule,
|
|
169
|
+
InputsModule,
|
|
170
|
+
ButtonsModule,
|
|
171
|
+
IconsModule], exports: [ConfirmRemoveModalDataComponent,
|
|
172
|
+
ConfirmModalDataComponent,
|
|
173
|
+
ModalHeaderComponent] });
|
|
174
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, imports: [CommonModule,
|
|
175
|
+
MatDialogModule,
|
|
176
|
+
MatFormFieldModule,
|
|
177
|
+
FormsModule,
|
|
178
|
+
MatInputModule,
|
|
179
|
+
InputsModule,
|
|
180
|
+
ButtonsModule,
|
|
181
|
+
IconsModule] });
|
|
182
|
+
}
|
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalsModule, decorators: [{
|
|
184
|
+
type: NgModule,
|
|
185
|
+
args: [{
|
|
186
|
+
imports: [
|
|
187
|
+
CommonModule,
|
|
188
|
+
MatDialogModule,
|
|
189
|
+
MatFormFieldModule,
|
|
190
|
+
FormsModule,
|
|
191
|
+
MatInputModule,
|
|
192
|
+
InputsModule,
|
|
193
|
+
ButtonsModule,
|
|
194
|
+
IconsModule
|
|
195
|
+
],
|
|
196
|
+
declarations: [
|
|
197
|
+
ConfirmRemoveModalDataComponent,
|
|
198
|
+
ConfirmModalDataComponent,
|
|
199
|
+
ModalHeaderComponent
|
|
200
|
+
],
|
|
201
|
+
exports: [
|
|
202
|
+
ConfirmRemoveModalDataComponent,
|
|
203
|
+
ConfirmModalDataComponent,
|
|
204
|
+
ModalHeaderComponent
|
|
205
|
+
],
|
|
206
|
+
providers: []
|
|
207
|
+
}]
|
|
208
|
+
}] });
|
|
209
|
+
|
|
210
|
+
/**
|
|
211
|
+
* Generated bundle index. Do not edit.
|
|
212
|
+
*/
|
|
213
|
+
|
|
214
|
+
export { ConfirmDialogData, ConfirmModalDataComponent, ConfirmRemoveDialogData, ConfirmRemoveModalDataComponent, ModalHeaderComponent, ModalsModule };
|
|
215
|
+
//# sourceMappingURL=apipass-modals.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apipass-modals.mjs","sources":["../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.ts","../../../projects/modals/src/lib/confirm-remove-modal/confirm-remove-modal.component.html","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.ts","../../../projects/modals/src/lib/confirm-modal/confirm-modal.component.html","../../../projects/modals/src/lib/modal-header/modal-header.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import { Component, Inject } from '@angular/core'\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'\r\n\r\nexport class ConfirmRemoveDialogData {\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 item?: any\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 constructor (\r\n public dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>,\r\n @Inject(MAT_DIALOG_DATA) public data: ConfirmRemoveDialogData\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","<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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","import { Component, Inject } from '@angular/core'\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'\r\n\r\nexport class ConfirmDialogData {\r\n title?: string\r\n content?: string\r\n confirmIcon?: string\r\n confirmText?: string\r\n cancelIcon?: string\r\n cancelText?: string\r\n showCloseIcon?: boolean\r\n closeLabel?: string\r\n item?: any\r\n}\r\n\r\n@Component({\r\n selector: 'confirm-modal-data',\r\n templateUrl: 'confirm-modal.component.html',\r\n styleUrls: ['confirm-modal.component.scss']\r\n})\r\nexport class ConfirmModalDataComponent {\r\n constructor (\r\n public dialogRef: MatDialogRef<ConfirmModalDataComponent>,\r\n @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData\r\n ) {\r\n }\r\n\r\n closeClick (): void {\r\n this.dialogRef.close(false)\r\n }\r\n\r\n confirmClick (): void {\r\n this.dialogRef.close(true)\r\n }\r\n}\r\n","<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" [innerHTML]=\"data.title\" mat-dialog-title></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</div>\r\n\r\n<div class=\"modal-actions\" mat-dialog-actions>\r\n <tertiary-button [icon]=\"data.cancelIcon || ''\" [label]=\"data.cancelText || ''\" (onClick)=\"closeClick()\"></tertiary-button>\r\n <primary-button [icon]=\"data.confirmIcon || ''\" [label]=\"data.confirmText || ''\" (onClick)=\"confirmClick()\"></primary-button>\r\n</div>\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core'\r\nimport { MatDialogRef } from '@angular/material/dialog'\r\n\r\n@Component({\r\n selector: 'modal-header-component',\r\n template: `\r\n <div class=\"modal-title\">\r\n <h3 [innerHTML]='title' mat-dialog-title></h3>\r\n <div *ngIf=\"showExpandIcon || showCloseIcon\" class=\"modal-title-actions\">\r\n <icon *ngIf=\"showExpandIcon\" type=\"primary clickable\" [size]=\"13\" [name]=\"!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'\" [title]=\"titleExpand\" (onClick)=\"changeExpand()\"></icon>\r\n <icon *ngIf=\"showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"titleClose\" (onClick)=\"closeClick.next(undefined)\"></icon>\r\n </div>\r\n </div>\r\n `,\r\n styleUrls: ['modal-header.scss']\r\n})\r\nexport class ModalHeaderComponent {\r\n @Input() title: string | undefined\r\n @Input() expanded = false\r\n @Input() showExpandIcon = false\r\n @Input() showCloseIcon = false\r\n\r\n @Input() titleClose = 'Close'\r\n @Input() titleExpand = 'Expand'\r\n @Input() dialogRef: MatDialogRef<ModalHeaderComponent> | undefined\r\n\r\n @Output() closeClick = new EventEmitter<any>()\r\n @Output() expandClick = new EventEmitter<boolean>()\r\n\r\n public changeExpand (): void {\r\n this.expanded = !this.expanded\r\n this.expandClick.next(this.expanded)\r\n if (this.expanded) {\r\n this.dialogRef?.addPanelClass('mod-expanded')\r\n } else {\r\n this.dialogRef?.removePanelClass('mod-expanded')\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core'\r\nimport { CommonModule } from '@angular/common'\r\nimport { ConfirmRemoveModalDataComponent } from './lib/confirm-remove-modal/confirm-remove-modal.component'\r\nimport { ConfirmModalDataComponent } from './lib/confirm-modal/confirm-modal.component'\r\nimport { ModalHeaderComponent } from './lib/modal-header/modal-header.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 ConfirmRemoveModalDataComponent,\r\n ConfirmModalDataComponent,\r\n ModalHeaderComponent\r\n ],\r\n exports: [\r\n ConfirmRemoveModalDataComponent,\r\n ConfirmModalDataComponent,\r\n ModalHeaderComponent\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":["i5","i3","i4","i1","i2"],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
/// <amd-module name="@apipass/modals" />
|
|
5
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="@apipass/modals" />
|
|
5
|
+
export * from './public-api';
|