@apipass/modals 0.1.1-beta.15 → 0.1.1-beta.16
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/apipass-modals.metadata.json +1 -1
- package/bundles/apipass-modals.umd.js +6 -3
- package/bundles/apipass-modals.umd.js.map +1 -1
- package/bundles/apipass-modals.umd.min.js +1 -1
- package/bundles/apipass-modals.umd.min.js.map +1 -1
- package/esm2015/lib/confirm-remove-modal.component.js +7 -4
- package/fesm2015/apipass-modals.js +6 -3
- package/fesm2015/apipass-modals.js.map +1 -1
- package/lib/confirm-remove-modal.component.d.ts +1 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ModalsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":16,"character":4},{"__symbolic":"reference","module":"@apipass/buttons","name":"ButtonsModule","line":17,"character":4},{"__symbolic":"reference","module":"@apipass/icons","name":"IconsModule","line":18,"character":4}],"declarations":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"exports":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"providers":[]}]}],"members":{}},"DialogRole":{"__symbolic":"interface"},"DialogPosition":{"__symbolic":"interface"},"DialogConfig":{"__symbolic":"class","members":{}},"DialogData":{"__symbolic":"interface"},"ConfirmRemoveModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"confirm-remove-modal","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"confirmIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"removeTextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"removeTextConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"closeLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"dialogConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"openModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"confirmModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":72,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ConfirmRemoveModalDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":105,"character":1},"arguments":[{"selector":"confirm-remove-modal-data","template":"<
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"ModalsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":16,"character":4},{"__symbolic":"reference","module":"@apipass/buttons","name":"ButtonsModule","line":17,"character":4},{"__symbolic":"reference","module":"@apipass/icons","name":"IconsModule","line":18,"character":4}],"declarations":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"exports":[{"__symbolic":"reference","name":"ConfirmRemoveModalComponent"},{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}],"providers":[]}]}],"members":{}},"DialogRole":{"__symbolic":"interface"},"DialogPosition":{"__symbolic":"interface"},"DialogConfig":{"__symbolic":"class","members":{}},"DialogData":{"__symbolic":"interface"},"ConfirmRemoveModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"confirm-remove-modal","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"confirmIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"removeTextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"removeTextConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"closeLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"dialogConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"openModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"confirmModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":72,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ConfirmRemoveModalDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":105,"character":1},"arguments":[{"selector":"confirm-remove-modal-data","template":"<div class=\"modal-title\">\r\n <h3 *ngIf=\"data.title\" mat-dialog-title>\r\n {{data.title}}\r\n </h3>\r\n <icon *ngIf=\"data.showCloseIcon\" type=\"tertiary clickable\" name=\"fas fa-times\" [title]=\"data.closeLabel\" (onClick)=\"closeClick()\"></icon>\r\n</div>\r\n\r\n<div class=\"modal-content\" mat-dialog-content>\r\n <p *ngIf=\"data.content\">{{data.content}}</p>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n <input matInput [(ngModel)]=\"data.removeText\">\r\n </mat-form-field>\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{margin-top:20px}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":114,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":114,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ConfirmRemoveModalDataComponent"}]},{"__symbolic":"reference","name":"any"}]}],"closeClick":[{"__symbolic":"method"}],"confirmClick":[{"__symbolic":"method"}],"isConfirmDisabled":[{"__symbolic":"method"}]}}},"origins":{"ModalsModule":"./modals.module","DialogRole":"./lib/confirm-remove-modal.component","DialogPosition":"./lib/confirm-remove-modal.component","DialogConfig":"./lib/confirm-remove-modal.component","DialogData":"./lib/confirm-remove-modal.component","ConfirmRemoveModalComponent":"./lib/confirm-remove-modal.component","ConfirmRemoveModalDataComponent":"./lib/confirm-remove-modal.component"},"importAs":"@apipass/modals"}
|
|
@@ -85,9 +85,12 @@
|
|
|
85
85
|
this.data = data;
|
|
86
86
|
}
|
|
87
87
|
ConfirmRemoveModalDataComponent.prototype.closeClick = function () {
|
|
88
|
+
this.dialogRef.close();
|
|
89
|
+
};
|
|
90
|
+
ConfirmRemoveModalDataComponent.prototype.confirmClick = function () {
|
|
88
91
|
var _a, _b;
|
|
89
92
|
if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeText) === ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeTextConfirm)) {
|
|
90
|
-
this.dialogRef.close();
|
|
93
|
+
this.dialogRef.close(this.data);
|
|
91
94
|
}
|
|
92
95
|
};
|
|
93
96
|
ConfirmRemoveModalDataComponent.prototype.isConfirmDisabled = function () {
|
|
@@ -99,8 +102,8 @@
|
|
|
99
102
|
ConfirmRemoveModalDataComponent.decorators = [
|
|
100
103
|
{ type: core.Component, args: [{
|
|
101
104
|
selector: 'confirm-remove-modal-data',
|
|
102
|
-
template: "<
|
|
103
|
-
styles: [".
|
|
105
|
+
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\">{{data.content}}</p>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n <input matInput [(ngModel)]=\"data.removeText\">\r\n </mat-form-field>\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",
|
|
106
|
+
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{margin-top:20px}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
|
|
104
107
|
},] }
|
|
105
108
|
];
|
|
106
109
|
ConfirmRemoveModalDataComponent.ctorParameters = function () { return [
|
|
@@ -1 +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: string = '';\r\n @Input() public content: string = '';\r\n @Input() public confirmIcon: string = '';\r\n @Input() public confirmText: string = 'Remove';\r\n @Input() public removeTextLabel: string = '';\r\n @Input() public removeTextConfirm: string = '';\r\n @Input() public showCloseIcon: boolean = true;\r\n @Input() public closeLabel: string = 'Close';\r\n\r\n @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n constructor(public dialog: MatDialog) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.openModal.subscribe(() => {\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 };\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()\r\n this.confirmModal.next(false);\r\n }\r\n if (result?.removeText !== this.removeTextConfirm) {\r\n this.confirmModal.next(false);\r\n } else {\r\n this.confirmModal.next(true);\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 if (this.data?.removeText === this.data?.removeTextConfirm) {\r\n this.dialogRef.close();\r\n }\r\n }\r\n\r\n isConfirmDisabled(): boolean {\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\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n FormsModule,\r\n MatInputModule,\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","ButtonsModule","IconsModule"],"mappings":";;;;;;;QAaA;SAwBC;2BAAA;KAAA,IAAA;;QAmCC,qCAAmB,MAAiB;YAAjB,WAAM,GAAN,MAAM,CAAW;YAfpB,UAAK,GAAW,EAAE,CAAC;YACnB,YAAO,GAAW,EAAE,CAAC;YACrB,gBAAW,GAAW,EAAE,CAAC;YACzB,gBAAW,GAAW,QAAQ,CAAC;YAC/B,oBAAe,GAAW,EAAE,CAAC;YAC7B,sBAAiB,GAAW,EAAE,CAAC;YAC/B,kBAAa,GAAY,IAAI,CAAC;YAC9B,eAAU,GAAW,OAAO,CAAC;YAE7B,iBAAY,GAAiB,IAAI,YAAY,EAAE,CAAC;YAEhD,cAAS,GAAuB,IAAIA,iBAAY,EAAE,CAAC;YAClD,iBAAY,GAA0B,IAAIA,iBAAY,EAAE,CAAC;YACzD,eAAU,GAAuB,IAAIA,iBAAY,EAAE,CAAC;SAGpE;QAED,8CAAQ,GAAR;YAAA,iBA0BC;YAzBC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;gBACvB,KAAI,CAAC,YAAY,CAAC,IAAI,GAAG;oBACvB,KAAK,EAAE,KAAI,CAAC,KAAK;oBACjB,OAAO,EAAE,KAAI,CAAC,OAAO;oBACrB,WAAW,EAAE,KAAI,CAAC,WAAW;oBAC7B,WAAW,EAAE,KAAI,CAAC,WAAW;oBAC7B,UAAU,EAAE,EAAE;oBACd,eAAe,EAAE,KAAI,CAAC,eAAe;oBACrC,iBAAiB,EAAE,KAAI,CAAC,iBAAiB;oBACzC,aAAa,EAAE,KAAI,CAAC,aAAa;oBACjC,UAAU,EAAE,KAAI,CAAC,UAAU;iBAC5B,CAAC;gBACF,IAAM,SAAS,GAAG,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC;gBACvF,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,UAAC,MAAkB;oBACnD,IAAI,CAAC,MAAM,EAAE;wBACX,KAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;wBACtB,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC/B;oBACD,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,KAAI,CAAC,iBAAiB,EAAE;wBACjD,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC/B;yBAAM;wBACL,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBAC9B;iBACF,CAAC,CAAC;aACJ,CAAC,CAAA;SACH;;;;gBAlDFC,cAAS,SAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE,EAAE;iBACb;;;gBArDwBC,gBAAS;;;wBAwD/BC,UAAK;0BACLA,UAAK;8BACLA,UAAK;8BACLA,UAAK;kCACLA,UAAK;oCACLA,UAAK;gCACLA,UAAK;6BACLA,UAAK;+BAELA,UAAK;4BAELA,UAAK;+BACLC,WAAM;6BACNA,WAAM;;;QA0CP,yCACS,SAAwD,EAC/B,IAAgB;YADzC,cAAS,GAAT,SAAS,CAA+C;YAC/B,SAAI,GAAJ,IAAI,CAAY;SAEjD;QAED,oDAAU,GAAV;;YACE,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,EAAE;gBAC1D,IAAI,CAAC,SAAS,CAAC,KAAK,
|
|
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: string = '';\r\n @Input() public content: string = '';\r\n @Input() public confirmIcon: string = '';\r\n @Input() public confirmText: string = 'Remove';\r\n @Input() public removeTextLabel: string = '';\r\n @Input() public removeTextConfirm: string = '';\r\n @Input() public showCloseIcon: boolean = true;\r\n @Input() public closeLabel: string = 'Close';\r\n\r\n @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n constructor(public dialog: MatDialog) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.openModal.subscribe(() => {\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 };\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()\r\n this.confirmModal.next(false);\r\n }\r\n if (result?.removeText !== this.removeTextConfirm) {\r\n this.confirmModal.next(false);\r\n } else {\r\n this.confirmModal.next(true);\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?.removeText === this.data?.removeTextConfirm) {\r\n this.dialogRef.close(this.data);\r\n }\r\n }\r\n\r\n isConfirmDisabled(): boolean {\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\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n FormsModule,\r\n MatInputModule,\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","ButtonsModule","IconsModule"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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")):"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"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.modals={}),e.ng.core,e.ng.common,e.ng.material.dialog,e.ng.material.formField,e.ng.forms,e.ng.material.input,e.buttons,e.icons)}(this,(function(e,t,o,n,a,i,r,l,s){"use strict";var m=function(){},c=function(){function e(e){this.dialog=e,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 t.EventEmitter,this.confirmModal=new t.EventEmitter,this.closeModal=new t.EventEmitter}return e.prototype.ngOnInit=function(){var e=this;this.openModal.subscribe((function(){e.dialogConfig.data={title:e.title,content:e.content,confirmIcon:e.confirmIcon,confirmText:e.confirmText,removeText:"",removeTextLabel:e.removeTextLabel,removeTextConfirm:e.removeTextConfirm,showCloseIcon:e.showCloseIcon,closeLabel:e.closeLabel},e.dialog.open(d,e.dialogConfig).afterClosed().subscribe((function(t){t||(e.closeModal.next(),e.confirmModal.next(!1)),(null==t?void 0:t.removeText)!==e.removeTextConfirm?e.confirmModal.next(!1):e.confirmModal.next(!0)}))}))},e}();c.decorators=[{type:t.Component,args:[{selector:"confirm-remove-modal",template:""}]}],c.ctorParameters=function(){return[{type:n.MatDialog}]},c.propDecorators={title:[{type:t.Input}],content:[{type:t.Input}],confirmIcon:[{type:t.Input}],confirmText:[{type:t.Input}],removeTextLabel:[{type:t.Input}],removeTextConfirm:[{type:t.Input}],showCloseIcon:[{type:t.Input}],closeLabel:[{type:t.Input}],dialogConfig:[{type:t.Input}],openModal:[{type:t.Input}],confirmModal:[{type:t.Output}],closeModal:[{type:t.Output}]};var d=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;(null===(e=this.data)||void 0===e?void 0:e.removeText)===(null===(t=this.data)||void 0===t?void 0:t.removeTextConfirm)&&this.dialogRef.close(this.data)},e.prototype.isConfirmDisabled=function(){var e,t;return(null===(e=this.data)||void 0===e?void 0:e.removeText)!==(null===(t=this.data)||void 0===t?void 0:t.removeTextConfirm)},e}();d.decorators=[{type:t.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">{{data.content}}</p>\r\n <mat-form-field appearance="fill">\r\n <mat-label *ngIf="data.removeTextLabel">{{data.removeTextLabel}}</mat-label>\r\n <input matInput [(ngModel)]="data.removeText">\r\n </mat-form-field>\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{margin-top:20px}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]}]}],d.ctorParameters=function(){return[{type:n.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[n.MAT_DIALOG_DATA]}]}]};var p=function(){};p.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,n.MatDialogModule,a.MatFormFieldModule,i.FormsModule,r.MatInputModule,l.ButtonsModule,s.IconsModule],declarations:[c,d],exports:[c,d],entryComponents:[d],providers:[]}]}],e.ConfirmRemoveModalComponent=c,e.ConfirmRemoveModalDataComponent=d,e.DialogConfig=m,e.ModalsModule=p,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=apipass-modals.umd.min.js.map
|
|
@@ -1 +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","data","removeText","open","ConfirmRemoveModalDataComponent","afterClosed","result","next","Component","args","selector","template","MatDialog","Input","Output","dialogRef","closeClick","
|
|
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","data","removeText","open","ConfirmRemoveModalDataComponent","afterClosed","result","next","Component","args","selector","template","MatDialog","Input","Output","dialogRef","closeClick","close","confirmClick","_a","_b","isConfirmDisabled","MatDialogRef","Inject","MAT_DIALOG_DATA","NgModule","imports","CommonModule","MatDialogModule","MatFormFieldModule","FormsModule","MatInputModule","ButtonsModule","IconsModule","declarations","exports","entryComponents","providers"],"mappings":"00BAaA,0BA2DE,SAAAA,EAAmBC,GAAAC,KAAAD,OAAAA,EAfHC,KAAAC,MAAgB,GAChBD,KAAAE,QAAkB,GAClBF,KAAAG,YAAsB,GACtBH,KAAAI,YAAsB,SACtBJ,KAAAK,gBAA0B,GAC1BL,KAAAM,kBAA4B,GAC5BN,KAAAO,eAAyB,EACzBP,KAAAQ,WAAqB,QAErBR,KAAAS,aAA6B,IAAIC,EAEjCV,KAAAW,UAAgC,IAAIC,EAAAA,aACnCZ,KAAAa,aAAsC,IAAID,EAAAA,aAC1CZ,KAAAc,WAAiC,IAAIF,EAAAA,oBAKtDd,EAAAiB,UAAAC,SAAA,WAAA,IAAAC,EAAAjB,KACEA,KAAKW,UAAUO,WAAU,WACvBD,EAAKR,aAAaU,KAAO,CACvBlB,MAAOgB,EAAKhB,MACZC,QAASe,EAAKf,QACdC,YAAac,EAAKd,YAClBC,YAAaa,EAAKb,YAClBgB,WAAY,GACZf,gBAAiBY,EAAKZ,gBACtBC,kBAAmBW,EAAKX,kBACxBC,cAAeU,EAAKV,cACpBC,WAAYS,EAAKT,YAEDS,EAAKlB,OAAOsB,KAAKC,EAAiCL,EAAKR,cAC/Dc,cAAcL,WAAU,SAACM,GAC5BA,IACHP,EAAKH,WAAWW,OAChBR,EAAKJ,aAAaY,MAAK,KAErBD,MAAAA,OAAM,EAANA,EAAQJ,cAAeH,EAAKX,kBAC9BW,EAAKJ,aAAaY,MAAK,GAEvBR,EAAKJ,aAAaY,MAAK,mCA9ChCC,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,2BA0CD,SAAAV,EACSW,EACyBd,GADzBnB,KAAAiC,UAAAA,EACyBjC,KAAAmB,KAAAA,SAIlCG,EAAAP,UAAAmB,WAAA,WACElC,KAAKiC,UAAUE,SAGjBb,EAAAP,UAAAqB,aAAA,oBACe,QAATC,EAAArC,KAAKmB,YAAI,IAAAkB,OAAA,EAAAA,EAAEjB,eAAwB,QAAdkB,EAAKtC,KAAKmB,YAAI,IAAAmB,OAAA,EAAAA,EAAEhC,oBACvCN,KAAKiC,UAAUE,MAAMnC,KAAKmB,OAI9BG,EAAAP,UAAAwB,kBAAA,mBACE,OAAgB,QAATF,EAAArC,KAAKmB,YAAI,IAAAkB,OAAA,EAAAA,EAAEjB,eAAwB,QAAdkB,EAAKtC,KAAKmB,YAAI,IAAAmB,OAAA,EAAAA,EAAEhC,6CAxB/CoB,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,4BACVC,SAAA,8qCA1GkCW,EAAAA,6CAiH/BC,EAAAA,OAAMd,KAAA,CAACe,EAAAA,4BCjFZ,iCAvBCC,EAAAA,SAAQhB,KAAA,CAAC,CACRiB,QAAS,CACPC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,YACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,aAEFC,aAAc,CACZtD,EACAwB,GAEF+B,QAAS,CACPvD,EACAwB,GAEFgC,gBAAiB,CACfhC,GAEFiC,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: string = '';\r\n @Input() public content: string = '';\r\n @Input() public confirmIcon: string = '';\r\n @Input() public confirmText: string = 'Remove';\r\n @Input() public removeTextLabel: string = '';\r\n @Input() public removeTextConfirm: string = '';\r\n @Input() public showCloseIcon: boolean = true;\r\n @Input() public closeLabel: string = 'Close';\r\n\r\n @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n constructor(public dialog: MatDialog) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.openModal.subscribe(() => {\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 };\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()\r\n this.confirmModal.next(false);\r\n }\r\n if (result?.removeText !== this.removeTextConfirm) {\r\n this.confirmModal.next(false);\r\n } else {\r\n this.confirmModal.next(true);\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?.removeText === this.data?.removeTextConfirm) {\r\n this.dialogRef.close(this.data);\r\n }\r\n }\r\n\r\n isConfirmDisabled(): boolean {\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\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n FormsModule,\r\n MatInputModule,\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"]}
|
|
@@ -76,9 +76,12 @@ export class ConfirmRemoveModalDataComponent {
|
|
|
76
76
|
this.data = data;
|
|
77
77
|
}
|
|
78
78
|
closeClick() {
|
|
79
|
+
this.dialogRef.close();
|
|
80
|
+
}
|
|
81
|
+
confirmClick() {
|
|
79
82
|
var _a, _b;
|
|
80
83
|
if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeText) === ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeTextConfirm)) {
|
|
81
|
-
this.dialogRef.close();
|
|
84
|
+
this.dialogRef.close(this.data);
|
|
82
85
|
}
|
|
83
86
|
}
|
|
84
87
|
isConfirmDisabled() {
|
|
@@ -89,12 +92,12 @@ export class ConfirmRemoveModalDataComponent {
|
|
|
89
92
|
ConfirmRemoveModalDataComponent.decorators = [
|
|
90
93
|
{ type: Component, args: [{
|
|
91
94
|
selector: 'confirm-remove-modal-data',
|
|
92
|
-
template: "<
|
|
93
|
-
styles: [".
|
|
95
|
+
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\">{{data.content}}</p>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n <input matInput [(ngModel)]=\"data.removeText\">\r\n </mat-form-field>\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",
|
|
96
|
+
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{margin-top:20px}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
|
|
94
97
|
},] }
|
|
95
98
|
];
|
|
96
99
|
ConfirmRemoveModalDataComponent.ctorParameters = () => [
|
|
97
100
|
{ type: MatDialogRef },
|
|
98
101
|
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
|
99
102
|
];
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBWWxGLE1BQU0sT0FBTyxZQUFZO0NBd0J4QjtBQWtCRCxNQUFNLE9BQU8sMkJBQTJCO0lBaUJ0QyxZQUFtQixNQUFpQjtRQUFqQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBZnBCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixnQkFBVyxHQUFXLFFBQVEsQ0FBQztRQUMvQixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM3QixzQkFBaUIsR0FBVyxFQUFFLENBQUM7UUFDL0Isa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFDOUIsZUFBVSxHQUFXLE9BQU8sQ0FBQztRQUU3QixpQkFBWSxHQUFpQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELGNBQVMsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxpQkFBWSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3pELGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUdyRSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM1QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksR0FBRztnQkFDdkIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87Z0JBQ3JCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztnQkFDN0IsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO2dCQUM3QixVQUFVLEVBQUUsRUFBRTtnQkFDZCxlQUFlLEVBQUUsSUFBSSxDQUFDLGVBQWU7Z0JBQ3JDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxpQkFBaUI7Z0JBQ3pDLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYTtnQkFDakMsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO2FBQzVCLENBQUM7WUFDRixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQywrQkFBK0IsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDdkYsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQWtCLEVBQUUsRUFBRTtnQkFDdkQsSUFBSSxDQUFDLE1BQU0sRUFBRTtvQkFDWCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFBO29CQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDL0I7Z0JBQ0QsSUFBSSxDQUFBLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxVQUFVLE1BQUssSUFBSSxDQUFDLGlCQUFpQixFQUFFO29CQUNqRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDL0I7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7aUJBQzlCO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7OztZQWxERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsUUFBUSxFQUFFLEVBQUU7YUFDYjs7O1lBckR3QixTQUFTOzs7b0JBd0QvQixLQUFLO3NCQUNMLEtBQUs7MEJBQ0wsS0FBSzswQkFDTCxLQUFLOzhCQUNMLEtBQUs7Z0NBQ0wsS0FBSzs0QkFDTCxLQUFLO3lCQUNMLEtBQUs7MkJBRUwsS0FBSzt3QkFFTCxLQUFLOzJCQUNMLE1BQU07eUJBQ04sTUFBTTs7QUF3Q1QsTUFBTSxPQUFPLCtCQUErQjtJQUUxQyxZQUNTLFNBQXdELEVBQy9CLElBQWdCO1FBRHpDLGNBQVMsR0FBVCxTQUFTLENBQStDO1FBQy9CLFNBQUksR0FBSixJQUFJLENBQVk7SUFFbEQsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxZQUFZOztRQUNWLElBQUksT0FBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVLGFBQUssSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsRUFBRTtZQUMxRCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDakM7SUFDSCxDQUFDO0lBRUQsaUJBQWlCOztRQUNmLE9BQU8sT0FBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVLGFBQUssSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsQ0FBQztJQUNoRSxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSwyQkFBMkI7Z0JBQ3JDLDYwQkFBa0Q7O2FBRW5EOzs7WUE1R21DLFlBQVk7NENBaUgzQyxNQUFNLFNBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZywgTWF0RGlhbG9nUmVmfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7RGlyZWN0aW9ufSBmcm9tIFwiQGFuZ3VsYXIvY2RrL2JpZGlcIjtcclxuXHJcbmV4cG9ydCBkZWNsYXJlIHR5cGUgRGlhbG9nUm9sZSA9ICdkaWFsb2cnIHwgJ2FsZXJ0ZGlhbG9nJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nUG9zaXRpb24ge1xyXG4gIHRvcD86IHN0cmluZztcclxuICBib3R0b20/OiBzdHJpbmc7XHJcbiAgbGVmdD86IHN0cmluZztcclxuICByaWdodD86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbmZpZyB7XHJcbiAgaWQ/OiBzdHJpbmc7XHJcbiAgcm9sZT86IERpYWxvZ1JvbGU7XHJcbiAgcGFuZWxDbGFzcz86IHN0cmluZyB8IHN0cmluZ1tdO1xyXG4gIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcclxuICBiYWNrZHJvcENsYXNzPzogc3RyaW5nO1xyXG4gIGRpc2FibGVDbG9zZT86IGJvb2xlYW47XHJcblxyXG4gIHdpZHRoPzogc3RyaW5nO1xyXG4gIGhlaWdodD86IHN0cmluZztcclxuICBtaW5XaWR0aD86IG51bWJlciB8IHN0cmluZztcclxuICBtaW5IZWlnaHQ/OiBudW1iZXIgfCBzdHJpbmc7XHJcbiAgbWF4V2lkdGg/OiBudW1iZXIgfCBzdHJpbmc7XHJcbiAgbWF4SGVpZ2h0PzogbnVtYmVyIHwgc3RyaW5nO1xyXG5cclxuICBkYXRhPzogYW55O1xyXG4gIHBvc2l0aW9uPzogRGlhbG9nUG9zaXRpb247XHJcbiAgZGlyZWN0aW9uPzogRGlyZWN0aW9uO1xyXG4gIGFyaWFEZXNjcmliZWRCeT86IHN0cmluZyB8IG51bGw7XHJcbiAgYXJpYUxhYmVsbGVkQnk/OiBzdHJpbmcgfCBudWxsO1xyXG4gIGFyaWFMYWJlbD86IHN0cmluZyB8IG51bGw7XHJcbiAgYXV0b0ZvY3VzPzogYm9vbGVhbjtcclxuICByZXN0b3JlRm9jdXM/OiBib29sZWFuO1xyXG4gIGNsb3NlT25OYXZpZ2F0aW9uPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEaWFsb2dEYXRhIHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGNvbnRlbnQ6IHN0cmluZztcclxuICBjb25maXJtSWNvbjogc3RyaW5nO1xyXG4gIGNvbmZpcm1UZXh0OiBzdHJpbmc7XHJcbiAgcmVtb3ZlVGV4dDogc3RyaW5nO1xyXG4gIHJlbW92ZVRleHRMYWJlbDogc3RyaW5nO1xyXG4gIHJlbW92ZVRleHRDb25maXJtOiBzdHJpbmc7XHJcbiAgc2hvd0Nsb3NlSWNvbjogYm9vbGVhbjtcclxuICBjbG9zZUxhYmVsOiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uZmlybS1yZW1vdmUtbW9kYWwnLFxyXG4gIHRlbXBsYXRlOiBgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlbW92ZU1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgY29udGVudDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbmZpcm1JY29uOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgY29uZmlybVRleHQ6IHN0cmluZyA9ICdSZW1vdmUnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZW1vdmVUZXh0TGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZW1vdmVUZXh0Q29uZmlybTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIHNob3dDbG9zZUljb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjbG9zZUxhYmVsOiBzdHJpbmcgPSAnQ2xvc2UnO1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgZGlhbG9nQ29uZmlnOiBEaWFsb2dDb25maWcgPSBuZXcgRGlhbG9nQ29uZmlnKCk7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBvcGVuTW9kYWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgcHVibGljIGNvbmZpcm1Nb2RhbDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VNb2RhbDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuTW9kYWwuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5kaWFsb2dDb25maWcuZGF0YSA9IHtcclxuICAgICAgICB0aXRsZTogdGhpcy50aXRsZSxcclxuICAgICAgICBjb250ZW50OiB0aGlzLmNvbnRlbnQsXHJcbiAgICAgICAgY29uZmlybUljb246IHRoaXMuY29uZmlybUljb24sXHJcbiAgICAgICAgY29uZmlybVRleHQ6IHRoaXMuY29uZmlybVRleHQsXHJcbiAgICAgICAgcmVtb3ZlVGV4dDogJycsXHJcbiAgICAgICAgcmVtb3ZlVGV4dExhYmVsOiB0aGlzLnJlbW92ZVRleHRMYWJlbCxcclxuICAgICAgICByZW1vdmVUZXh0Q29uZmlybTogdGhpcy5yZW1vdmVUZXh0Q29uZmlybSxcclxuICAgICAgICBzaG93Q2xvc2VJY29uOiB0aGlzLnNob3dDbG9zZUljb24sXHJcbiAgICAgICAgY2xvc2VMYWJlbDogdGhpcy5jbG9zZUxhYmVsXHJcbiAgICAgIH07XHJcbiAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCwgdGhpcy5kaWFsb2dDb25maWcpO1xyXG4gICAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdDogRGlhbG9nRGF0YSkgPT4ge1xyXG4gICAgICAgIGlmICghcmVzdWx0KSB7XHJcbiAgICAgICAgICB0aGlzLmNsb3NlTW9kYWwubmV4dCgpXHJcbiAgICAgICAgICB0aGlzLmNvbmZpcm1Nb2RhbC5uZXh0KGZhbHNlKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHJlc3VsdD8ucmVtb3ZlVGV4dCAhPT0gdGhpcy5yZW1vdmVUZXh0Q29uZmlybSkge1xyXG4gICAgICAgICAgdGhpcy5jb25maXJtTW9kYWwubmV4dChmYWxzZSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMuY29uZmlybU1vZGFsLm5leHQodHJ1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH0pXHJcbiAgfVxyXG5cclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb25maXJtLXJlbW92ZS1tb2RhbC1kYXRhJyxcclxuICB0ZW1wbGF0ZVVybDogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQ+LFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBEaWFsb2dEYXRhLFxyXG4gICkge1xyXG4gIH1cclxuXHJcbiAgY2xvc2VDbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBjb25maXJtQ2xpY2soKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5kYXRhPy5yZW1vdmVUZXh0ID09PSB0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtKSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuZGF0YSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpc0NvbmZpcm1EaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmRhdGE/LnJlbW92ZVRleHQgIT09IHRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm07XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -83,9 +83,12 @@ class ConfirmRemoveModalDataComponent {
|
|
|
83
83
|
this.data = data;
|
|
84
84
|
}
|
|
85
85
|
closeClick() {
|
|
86
|
+
this.dialogRef.close();
|
|
87
|
+
}
|
|
88
|
+
confirmClick() {
|
|
86
89
|
var _a, _b;
|
|
87
90
|
if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeText) === ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeTextConfirm)) {
|
|
88
|
-
this.dialogRef.close();
|
|
91
|
+
this.dialogRef.close(this.data);
|
|
89
92
|
}
|
|
90
93
|
}
|
|
91
94
|
isConfirmDisabled() {
|
|
@@ -96,8 +99,8 @@ class ConfirmRemoveModalDataComponent {
|
|
|
96
99
|
ConfirmRemoveModalDataComponent.decorators = [
|
|
97
100
|
{ type: Component, args: [{
|
|
98
101
|
selector: 'confirm-remove-modal-data',
|
|
99
|
-
template: "<
|
|
100
|
-
styles: [".
|
|
102
|
+
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\">{{data.content}}</p>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label *ngIf=\"data.removeTextLabel\">{{data.removeTextLabel}}</mat-label>\r\n <input matInput [(ngModel)]=\"data.removeText\">\r\n </mat-form-field>\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",
|
|
103
|
+
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{margin-top:20px}.modal-actions{align-items:center;display:flex;justify-content:center;width:100%}"]
|
|
101
104
|
},] }
|
|
102
105
|
];
|
|
103
106
|
ConfirmRemoveModalDataComponent.ctorParameters = () => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\nimport {Direction} from \"@angular/cdk/bidi\";\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n top?: string;\r\n bottom?: string;\r\n left?: string;\r\n right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n id?: string;\r\n role?: DialogRole;\r\n panelClass?: string | string[];\r\n hasBackdrop?: boolean;\r\n backdropClass?: string;\r\n disableClose?: boolean;\r\n\r\n width?: string;\r\n height?: string;\r\n minWidth?: number | string;\r\n minHeight?: number | string;\r\n maxWidth?: number | string;\r\n maxHeight?: number | string;\r\n\r\n data?: any;\r\n position?: DialogPosition;\r\n direction?: Direction;\r\n ariaDescribedBy?: string | null;\r\n ariaLabelledBy?: string | null;\r\n ariaLabel?: string | null;\r\n autoFocus?: boolean;\r\n restoreFocus?: boolean;\r\n closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n title: string;\r\n content: string;\r\n confirmIcon: string;\r\n confirmText: string;\r\n removeText: string;\r\n removeTextLabel: string;\r\n removeTextConfirm: string;\r\n showCloseIcon: boolean;\r\n closeLabel: string;\r\n}\r\n\r\n@Component({\r\n selector: 'confirm-remove-modal',\r\n template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n @Input() public title: string = '';\r\n @Input() public content: string = '';\r\n @Input() public confirmIcon: string = '';\r\n @Input() public confirmText: string = 'Remove';\r\n @Input() public removeTextLabel: string = '';\r\n @Input() public removeTextConfirm: string = '';\r\n @Input() public showCloseIcon: boolean = true;\r\n @Input() public closeLabel: string = 'Close';\r\n\r\n @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n constructor(public dialog: MatDialog) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.openModal.subscribe(() => {\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 };\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()\r\n this.confirmModal.next(false);\r\n }\r\n if (result?.removeText !== this.removeTextConfirm) {\r\n this.confirmModal.next(false);\r\n } else {\r\n this.confirmModal.next(true);\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 if (this.data?.removeText === this.data?.removeTextConfirm) {\r\n this.dialogRef.close();\r\n }\r\n }\r\n\r\n isConfirmDisabled(): boolean {\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\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n FormsModule,\r\n MatInputModule,\r\n ButtonsModule,\r\n IconsModule,\r\n ],\r\n declarations: [\r\n ConfirmRemoveModalComponent,\r\n ConfirmRemoveModalDataComponent\r\n ],\r\n exports: [\r\n ConfirmRemoveModalComponent,\r\n ConfirmRemoveModalDataComponent\r\n ],\r\n entryComponents: [\r\n ConfirmRemoveModalDataComponent\r\n ],\r\n providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAaa,YAAY;CAwBxB;MAkBY,2BAA2B;IAiBtC,YAAmB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QAfpB,UAAK,GAAW,EAAE,CAAC;QACnB,YAAO,GAAW,EAAE,CAAC;QACrB,gBAAW,GAAW,EAAE,CAAC;QACzB,gBAAW,GAAW,QAAQ,CAAC;QAC/B,oBAAe,GAAW,EAAE,CAAC;QAC7B,sBAAiB,GAAW,EAAE,CAAC;QAC/B,kBAAa,GAAY,IAAI,CAAC;QAC9B,eAAU,GAAW,OAAO,CAAC;QAE7B,iBAAY,GAAiB,IAAI,YAAY,EAAE,CAAC;QAEhD,cAAS,GAAuB,IAAI,YAAY,EAAE,CAAC;QAClD,iBAAY,GAA0B,IAAI,YAAY,EAAE,CAAC;QACzD,eAAU,GAAuB,IAAI,YAAY,EAAE,CAAC;KAGpE;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG;gBACvB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,UAAU,EAAE,EAAE;gBACd,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;aAC5B,CAAC;YACF,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,+BAA+B,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvF,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,MAAkB;gBACnD,IAAI,CAAC,MAAM,EAAE;oBACX,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;oBACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;gBACD,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,IAAI,CAAC,iBAAiB,EAAE;oBACjD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;qBAAM;oBACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC9B;aACF,CAAC,CAAC;SACJ,CAAC,CAAA;KACH;;;YAlDF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,QAAQ,EAAE,EAAE;aACb;;;YArDwB,SAAS;;;oBAwD/B,KAAK;sBACL,KAAK;0BACL,KAAK;0BACL,KAAK;8BACL,KAAK;gCACL,KAAK;4BACL,KAAK;yBACL,KAAK;2BAEL,KAAK;wBAEL,KAAK;2BACL,MAAM;yBACN,MAAM;;MAwCI,+BAA+B;IAE1C,YACS,SAAwD,EAC/B,IAAgB;QADzC,cAAS,GAAT,SAAS,CAA+C;QAC/B,SAAI,GAAJ,IAAI,CAAY;KAEjD;IAED,UAAU
|
|
1
|
+
{"version":3,"file":"apipass-modals.js","sources":["../../../projects/modals/src/lib/confirm-remove-modal.component.ts","../../../projects/modals/src/modals.module.ts","../../../projects/modals/src/apipass-modals.ts"],"sourcesContent":["import {Component, EventEmitter, Inject, Input, OnInit, Output} from '@angular/core';\r\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from \"@angular/material/dialog\";\r\nimport {Direction} from \"@angular/cdk/bidi\";\r\n\r\nexport declare type DialogRole = 'dialog' | 'alertdialog';\r\n\r\nexport interface DialogPosition {\r\n top?: string;\r\n bottom?: string;\r\n left?: string;\r\n right?: string;\r\n}\r\n\r\nexport class DialogConfig {\r\n id?: string;\r\n role?: DialogRole;\r\n panelClass?: string | string[];\r\n hasBackdrop?: boolean;\r\n backdropClass?: string;\r\n disableClose?: boolean;\r\n\r\n width?: string;\r\n height?: string;\r\n minWidth?: number | string;\r\n minHeight?: number | string;\r\n maxWidth?: number | string;\r\n maxHeight?: number | string;\r\n\r\n data?: any;\r\n position?: DialogPosition;\r\n direction?: Direction;\r\n ariaDescribedBy?: string | null;\r\n ariaLabelledBy?: string | null;\r\n ariaLabel?: string | null;\r\n autoFocus?: boolean;\r\n restoreFocus?: boolean;\r\n closeOnNavigation?: boolean;\r\n}\r\n\r\nexport interface DialogData {\r\n title: string;\r\n content: string;\r\n confirmIcon: string;\r\n confirmText: string;\r\n removeText: string;\r\n removeTextLabel: string;\r\n removeTextConfirm: string;\r\n showCloseIcon: boolean;\r\n closeLabel: string;\r\n}\r\n\r\n@Component({\r\n selector: 'confirm-remove-modal',\r\n template: ``\r\n})\r\nexport class ConfirmRemoveModalComponent implements OnInit {\r\n\r\n @Input() public title: string = '';\r\n @Input() public content: string = '';\r\n @Input() public confirmIcon: string = '';\r\n @Input() public confirmText: string = 'Remove';\r\n @Input() public removeTextLabel: string = '';\r\n @Input() public removeTextConfirm: string = '';\r\n @Input() public showCloseIcon: boolean = true;\r\n @Input() public closeLabel: string = 'Close';\r\n\r\n @Input() public dialogConfig: DialogConfig = new DialogConfig();\r\n\r\n @Input() public openModal: EventEmitter<void> = new EventEmitter();\r\n @Output() public confirmModal: EventEmitter<boolean> = new EventEmitter();\r\n @Output() public closeModal: EventEmitter<void> = new EventEmitter();\r\n\r\n constructor(public dialog: MatDialog) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.openModal.subscribe(() => {\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 };\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()\r\n this.confirmModal.next(false);\r\n }\r\n if (result?.removeText !== this.removeTextConfirm) {\r\n this.confirmModal.next(false);\r\n } else {\r\n this.confirmModal.next(true);\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?.removeText === this.data?.removeTextConfirm) {\r\n this.dialogRef.close(this.data);\r\n }\r\n }\r\n\r\n isConfirmDisabled(): boolean {\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\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n FormsModule,\r\n MatInputModule,\r\n ButtonsModule,\r\n IconsModule,\r\n ],\r\n declarations: [\r\n ConfirmRemoveModalComponent,\r\n ConfirmRemoveModalDataComponent\r\n ],\r\n exports: [\r\n ConfirmRemoveModalComponent,\r\n ConfirmRemoveModalDataComponent\r\n ],\r\n entryComponents: [\r\n ConfirmRemoveModalDataComponent\r\n ],\r\n providers: []\r\n})\r\nexport class ModalsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apipass/modals",
|
|
3
|
-
"version": "0.1.1-beta.
|
|
3
|
+
"version": "0.1.1-beta.16",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/animations": "10.0.11",
|
|
6
6
|
"@angular/cdk": "10.0.2",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"@angular/core": "10.0.11",
|
|
16
16
|
"@angular/forms": "10.0.11",
|
|
17
17
|
"@angular/material": "10.0.2",
|
|
18
|
-
"@apipass/buttons": "^0.1.1-beta.
|
|
19
|
-
"@apipass/icons": "^0.1.1-beta.
|
|
18
|
+
"@apipass/buttons": "^0.1.1-beta.10",
|
|
19
|
+
"@apipass/icons": "^0.1.1-beta.9",
|
|
20
20
|
"@apipass/modals": "^0.1.1-beta.14",
|
|
21
21
|
"tslib": "2.0.0"
|
|
22
22
|
},
|