@apipass/modals 0.2.15 → 1.0.0
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/{esm2015/apipass-modals.js → esm2020/apipass-modals.mjs} +4 -4
- package/esm2020/lib/confirm-modal/confirm-modal.component.mjs +31 -0
- package/esm2020/lib/confirm-remove-modal/confirm-remove-modal.component.mjs +41 -0
- package/esm2020/lib/modal-header/modal-header.component.mjs +67 -0
- package/esm2020/modals.module.mjs +63 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +6 -6
- package/fesm2015/apipass-modals.mjs +199 -0
- package/fesm2015/apipass-modals.mjs.map +1 -0
- package/fesm2020/apipass-modals.mjs +192 -0
- package/fesm2020/apipass-modals.mjs.map +1 -0
- package/{apipass-modals.d.ts → 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 -16
- package/package.json +32 -22
- package/public-api.d.ts +5 -5
- package/bundles/apipass-modals.umd.js +0 -406
- package/bundles/apipass-modals.umd.js.map +0 -1
- package/bundles/apipass-modals.umd.min.js +0 -2
- package/bundles/apipass-modals.umd.min.js.map +0 -1
- package/esm2015/lib/confirm-modal/confirm-modal.component.js +0 -83
- package/esm2015/lib/confirm-remove-modal/confirm-remove-modal.component.js +0 -102
- package/esm2015/lib/modal-header/modal-header.component.js +0 -104
- package/esm2015/modals.module.js +0 -65
- package/fesm2015/apipass-modals.js +0 -337
- package/fesm2015/apipass-modals.js.map +0 -1
|
@@ -0,0 +1,192 @@
|
|
|
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
|
+
}
|
|
21
|
+
class ConfirmRemoveModalDataComponent {
|
|
22
|
+
constructor(dialogRef, data) {
|
|
23
|
+
this.dialogRef = dialogRef;
|
|
24
|
+
this.data = data;
|
|
25
|
+
}
|
|
26
|
+
closeClick() {
|
|
27
|
+
this.dialogRef.close();
|
|
28
|
+
}
|
|
29
|
+
confirmClick() {
|
|
30
|
+
if (!this.data?.removeTextConfirm || this.data?.removeText === this.data?.removeTextConfirm) {
|
|
31
|
+
this.dialogRef.close(this.data);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
isConfirmDisabled() {
|
|
35
|
+
if (!this.data?.removeTextConfirm) {
|
|
36
|
+
return false;
|
|
37
|
+
}
|
|
38
|
+
return this.data?.removeText !== this.data?.removeTextConfirm;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
ConfirmRemoveModalDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfirmRemoveModalDataComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", 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:-5px;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"] }] });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfirmRemoveModalDataComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
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:-5px;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"] }]
|
|
46
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
|
|
47
|
+
type: Inject,
|
|
48
|
+
args: [MAT_DIALOG_DATA]
|
|
49
|
+
}] }]; } });
|
|
50
|
+
|
|
51
|
+
class ConfirmDialogData {
|
|
52
|
+
}
|
|
53
|
+
class ConfirmModalDataComponent {
|
|
54
|
+
constructor(dialogRef, data) {
|
|
55
|
+
this.dialogRef = dialogRef;
|
|
56
|
+
this.data = data;
|
|
57
|
+
}
|
|
58
|
+
closeClick() {
|
|
59
|
+
this.dialogRef.close(false);
|
|
60
|
+
}
|
|
61
|
+
confirmClick() {
|
|
62
|
+
this.dialogRef.close(true);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
ConfirmModalDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfirmModalDataComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
ConfirmModalDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", 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:-5px;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"] }] });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfirmModalDataComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
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:-5px;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"] }]
|
|
70
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmDialogData, decorators: [{
|
|
71
|
+
type: Inject,
|
|
72
|
+
args: [MAT_DIALOG_DATA]
|
|
73
|
+
}] }]; } });
|
|
74
|
+
|
|
75
|
+
class ModalHeaderComponent {
|
|
76
|
+
constructor() {
|
|
77
|
+
this.expanded = false;
|
|
78
|
+
this.showExpandIcon = false;
|
|
79
|
+
this.showCloseIcon = false;
|
|
80
|
+
this.titleClose = 'Close';
|
|
81
|
+
this.titleExpand = 'Expand';
|
|
82
|
+
this.closeClick = new EventEmitter();
|
|
83
|
+
this.expandClick = new EventEmitter();
|
|
84
|
+
}
|
|
85
|
+
changeExpand() {
|
|
86
|
+
this.expanded = !this.expanded;
|
|
87
|
+
this.expandClick.next(this.expanded);
|
|
88
|
+
if (this.expanded) {
|
|
89
|
+
this.dialogRef?.addPanelClass('mod-expanded');
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
this.dialogRef?.removePanelClass('mod-expanded');
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
97
|
+
ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", 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: `
|
|
98
|
+
<div class="modal-title">
|
|
99
|
+
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
100
|
+
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
101
|
+
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
102
|
+
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next()"></icon>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
`, 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:-5px;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"] }] });
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
107
|
+
type: Component,
|
|
108
|
+
args: [{ selector: 'modal-header-component', template: `
|
|
109
|
+
<div class="modal-title">
|
|
110
|
+
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
111
|
+
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
112
|
+
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
113
|
+
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next()"></icon>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
`, 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:-5px;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"] }]
|
|
117
|
+
}], propDecorators: { title: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], expanded: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], showExpandIcon: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], showCloseIcon: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], titleClose: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], titleExpand: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], dialogRef: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], closeClick: [{
|
|
132
|
+
type: Output
|
|
133
|
+
}], expandClick: [{
|
|
134
|
+
type: Output
|
|
135
|
+
}] } });
|
|
136
|
+
|
|
137
|
+
class ModalsModule {
|
|
138
|
+
}
|
|
139
|
+
ModalsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
140
|
+
ModalsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: ModalsModule, declarations: [ConfirmRemoveModalDataComponent,
|
|
141
|
+
ConfirmModalDataComponent,
|
|
142
|
+
ModalHeaderComponent], imports: [CommonModule,
|
|
143
|
+
MatDialogModule,
|
|
144
|
+
MatFormFieldModule,
|
|
145
|
+
FormsModule,
|
|
146
|
+
MatInputModule,
|
|
147
|
+
InputsModule,
|
|
148
|
+
ButtonsModule,
|
|
149
|
+
IconsModule], exports: [ConfirmRemoveModalDataComponent,
|
|
150
|
+
ConfirmModalDataComponent,
|
|
151
|
+
ModalHeaderComponent] });
|
|
152
|
+
ModalsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ModalsModule, imports: [CommonModule,
|
|
153
|
+
MatDialogModule,
|
|
154
|
+
MatFormFieldModule,
|
|
155
|
+
FormsModule,
|
|
156
|
+
MatInputModule,
|
|
157
|
+
InputsModule,
|
|
158
|
+
ButtonsModule,
|
|
159
|
+
IconsModule] });
|
|
160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ModalsModule, decorators: [{
|
|
161
|
+
type: NgModule,
|
|
162
|
+
args: [{
|
|
163
|
+
imports: [
|
|
164
|
+
CommonModule,
|
|
165
|
+
MatDialogModule,
|
|
166
|
+
MatFormFieldModule,
|
|
167
|
+
FormsModule,
|
|
168
|
+
MatInputModule,
|
|
169
|
+
InputsModule,
|
|
170
|
+
ButtonsModule,
|
|
171
|
+
IconsModule
|
|
172
|
+
],
|
|
173
|
+
declarations: [
|
|
174
|
+
ConfirmRemoveModalDataComponent,
|
|
175
|
+
ConfirmModalDataComponent,
|
|
176
|
+
ModalHeaderComponent
|
|
177
|
+
],
|
|
178
|
+
exports: [
|
|
179
|
+
ConfirmRemoveModalDataComponent,
|
|
180
|
+
ConfirmModalDataComponent,
|
|
181
|
+
ModalHeaderComponent
|
|
182
|
+
],
|
|
183
|
+
providers: []
|
|
184
|
+
}]
|
|
185
|
+
}] });
|
|
186
|
+
|
|
187
|
+
/**
|
|
188
|
+
* Generated bundle index. Do not edit.
|
|
189
|
+
*/
|
|
190
|
+
|
|
191
|
+
export { ConfirmDialogData, ConfirmModalDataComponent, ConfirmRemoveDialogData, ConfirmRemoveModalDataComponent, ModalHeaderComponent, ModalsModule };
|
|
192
|
+
//# 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\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}\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\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}\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()\"></icon>\r\n </div>\r\n </div>\r\n ` ,\r\n styleUrls: ['modal-header.scss']\r\n})\r\nexport class ModalHeaderComponent {\r\n\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: EventEmitter<any> = new EventEmitter();\r\n @Output() expandClick: EventEmitter<boolean> = new EventEmitter();\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}\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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"}
|
|
@@ -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';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { MatDialogRef } from '@angular/material/dialog';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class ConfirmDialogData {
|
|
4
|
-
title?: string;
|
|
5
|
-
content?: string;
|
|
6
|
-
confirmIcon?: string;
|
|
7
|
-
confirmText?: string;
|
|
8
|
-
cancelIcon?: string;
|
|
9
|
-
cancelText?: string;
|
|
10
|
-
showCloseIcon?: boolean;
|
|
11
|
-
closeLabel?: string;
|
|
12
|
-
item?: any;
|
|
13
|
-
}
|
|
14
|
-
export declare class ConfirmModalDataComponent {
|
|
15
|
-
dialogRef: MatDialogRef<ConfirmModalDataComponent>;
|
|
16
|
-
data: ConfirmDialogData;
|
|
17
|
-
constructor(dialogRef: MatDialogRef<ConfirmModalDataComponent>, data: ConfirmDialogData);
|
|
18
|
-
closeClick(): void;
|
|
19
|
-
confirmClick(): void;
|
|
20
|
-
static ɵfac: i0.ɵɵ
|
|
21
|
-
static ɵcmp: i0.ɵɵ
|
|
22
|
-
}
|
|
1
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ConfirmDialogData {
|
|
4
|
+
title?: string;
|
|
5
|
+
content?: string;
|
|
6
|
+
confirmIcon?: string;
|
|
7
|
+
confirmText?: string;
|
|
8
|
+
cancelIcon?: string;
|
|
9
|
+
cancelText?: string;
|
|
10
|
+
showCloseIcon?: boolean;
|
|
11
|
+
closeLabel?: string;
|
|
12
|
+
item?: any;
|
|
13
|
+
}
|
|
14
|
+
export declare class ConfirmModalDataComponent {
|
|
15
|
+
dialogRef: MatDialogRef<ConfirmModalDataComponent>;
|
|
16
|
+
data: ConfirmDialogData;
|
|
17
|
+
constructor(dialogRef: MatDialogRef<ConfirmModalDataComponent>, data: ConfirmDialogData);
|
|
18
|
+
closeClick(): void;
|
|
19
|
+
confirmClick(): void;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmModalDataComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmModalDataComponent, "confirm-modal-data", never, {}, {}, never, never, false, never>;
|
|
22
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { MatDialogRef } from '@angular/material/dialog';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class ConfirmRemoveDialogData {
|
|
4
|
-
title?: string;
|
|
5
|
-
content?: string;
|
|
6
|
-
confirmIcon?: string;
|
|
7
|
-
confirmText?: string;
|
|
8
|
-
removeText?: string;
|
|
9
|
-
removeTextLabel?: string;
|
|
10
|
-
removeTextConfirm?: string;
|
|
11
|
-
showCloseIcon?: boolean;
|
|
12
|
-
closeLabel?: string;
|
|
13
|
-
item?: any;
|
|
14
|
-
}
|
|
15
|
-
export declare class ConfirmRemoveModalDataComponent {
|
|
16
|
-
dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>;
|
|
17
|
-
data: ConfirmRemoveDialogData;
|
|
18
|
-
constructor(dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>, data: ConfirmRemoveDialogData);
|
|
19
|
-
closeClick(): void;
|
|
20
|
-
confirmClick(): void;
|
|
21
|
-
isConfirmDisabled(): boolean;
|
|
22
|
-
static ɵfac: i0.ɵɵ
|
|
23
|
-
static ɵcmp: i0.ɵɵ
|
|
24
|
-
}
|
|
1
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ConfirmRemoveDialogData {
|
|
4
|
+
title?: string;
|
|
5
|
+
content?: string;
|
|
6
|
+
confirmIcon?: string;
|
|
7
|
+
confirmText?: string;
|
|
8
|
+
removeText?: string;
|
|
9
|
+
removeTextLabel?: string;
|
|
10
|
+
removeTextConfirm?: string;
|
|
11
|
+
showCloseIcon?: boolean;
|
|
12
|
+
closeLabel?: string;
|
|
13
|
+
item?: any;
|
|
14
|
+
}
|
|
15
|
+
export declare class ConfirmRemoveModalDataComponent {
|
|
16
|
+
dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>;
|
|
17
|
+
data: ConfirmRemoveDialogData;
|
|
18
|
+
constructor(dialogRef: MatDialogRef<ConfirmRemoveModalDataComponent>, data: ConfirmRemoveDialogData);
|
|
19
|
+
closeClick(): void;
|
|
20
|
+
confirmClick(): void;
|
|
21
|
+
isConfirmDisabled(): boolean;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmRemoveModalDataComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmRemoveModalDataComponent, "confirm-remove-modal-data", never, {}, {}, never, never, false, never>;
|
|
24
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ModalHeaderComponent {
|
|
5
|
-
title: string | undefined;
|
|
6
|
-
expanded: boolean;
|
|
7
|
-
showExpandIcon: boolean;
|
|
8
|
-
showCloseIcon: boolean;
|
|
9
|
-
titleClose: string;
|
|
10
|
-
titleExpand: string;
|
|
11
|
-
dialogRef: MatDialogRef<ModalHeaderComponent> | undefined;
|
|
12
|
-
closeClick: EventEmitter<any>;
|
|
13
|
-
expandClick: EventEmitter<boolean>;
|
|
14
|
-
changeExpand(): void;
|
|
15
|
-
static ɵfac: i0.ɵɵ
|
|
16
|
-
static ɵcmp: i0.ɵɵ
|
|
17
|
-
}
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ModalHeaderComponent {
|
|
5
|
+
title: string | undefined;
|
|
6
|
+
expanded: boolean;
|
|
7
|
+
showExpandIcon: boolean;
|
|
8
|
+
showCloseIcon: boolean;
|
|
9
|
+
titleClose: string;
|
|
10
|
+
titleExpand: string;
|
|
11
|
+
dialogRef: MatDialogRef<ModalHeaderComponent> | undefined;
|
|
12
|
+
closeClick: EventEmitter<any>;
|
|
13
|
+
expandClick: EventEmitter<boolean>;
|
|
14
|
+
changeExpand(): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "modal-header-component", never, { "title": "title"; "expanded": "expanded"; "showExpandIcon": "showExpandIcon"; "showCloseIcon": "showCloseIcon"; "titleClose": "titleClose"; "titleExpand": "titleExpand"; "dialogRef": "dialogRef"; }, { "closeClick": "closeClick"; "expandClick": "expandClick"; }, never, never, false, never>;
|
|
17
|
+
}
|
package/modals.module.d.ts
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./lib/confirm-remove-modal/confirm-remove-modal.component";
|
|
3
|
-
import * as i2 from "./lib/confirm-modal/confirm-modal.component";
|
|
4
|
-
import * as i3 from "./lib/modal-header/modal-header.component";
|
|
5
|
-
import * as i4 from "@angular/common";
|
|
6
|
-
import * as i5 from "@angular/material/dialog";
|
|
7
|
-
import * as i6 from "@angular/material/form-field";
|
|
8
|
-
import * as i7 from "@angular/forms";
|
|
9
|
-
import * as i8 from "@angular/material/input";
|
|
10
|
-
import * as i9 from "@apipass/inputs";
|
|
11
|
-
import * as i10 from "@apipass/buttons";
|
|
12
|
-
import * as i11 from "@apipass/icons";
|
|
13
|
-
export declare class ModalsModule {
|
|
14
|
-
static
|
|
15
|
-
static
|
|
16
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./lib/confirm-remove-modal/confirm-remove-modal.component";
|
|
3
|
+
import * as i2 from "./lib/confirm-modal/confirm-modal.component";
|
|
4
|
+
import * as i3 from "./lib/modal-header/modal-header.component";
|
|
5
|
+
import * as i4 from "@angular/common";
|
|
6
|
+
import * as i5 from "@angular/material/dialog";
|
|
7
|
+
import * as i6 from "@angular/material/form-field";
|
|
8
|
+
import * as i7 from "@angular/forms";
|
|
9
|
+
import * as i8 from "@angular/material/input";
|
|
10
|
+
import * as i9 from "@apipass/inputs";
|
|
11
|
+
import * as i10 from "@apipass/buttons";
|
|
12
|
+
import * as i11 from "@apipass/icons";
|
|
13
|
+
export declare class ModalsModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalsModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ModalsModule, [typeof i1.ConfirmRemoveModalDataComponent, typeof i2.ConfirmModalDataComponent, typeof i3.ModalHeaderComponent], [typeof i4.CommonModule, typeof i5.MatDialogModule, typeof i6.MatFormFieldModule, typeof i7.FormsModule, typeof i8.MatInputModule, typeof i9.InputsModule, typeof i10.ButtonsModule, typeof i11.IconsModule], [typeof i1.ConfirmRemoveModalDataComponent, typeof i2.ConfirmModalDataComponent, typeof i3.ModalHeaderComponent]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ModalsModule>;
|
|
17
|
+
}
|
package/package.json
CHANGED
|
@@ -1,28 +1,38 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apipass/modals",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/animations": "
|
|
6
|
-
"@angular/cdk": "
|
|
7
|
-
"@angular/common": "
|
|
8
|
-
"@angular/core": "
|
|
9
|
-
"@angular/forms": "
|
|
10
|
-
"@angular/material": "
|
|
5
|
+
"@angular/animations": "15.0.3",
|
|
6
|
+
"@angular/cdk": "15.0.3",
|
|
7
|
+
"@angular/common": "15.0.3",
|
|
8
|
+
"@angular/core": "15.0.3",
|
|
9
|
+
"@angular/forms": "15.0.3",
|
|
10
|
+
"@angular/material": "15.0.3"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@apipass/buttons": "
|
|
14
|
-
"@apipass/icons": "
|
|
15
|
-
"@apipass/inputs": "
|
|
16
|
-
"tslib": "2.
|
|
13
|
+
"@apipass/buttons": "1.0.0",
|
|
14
|
+
"@apipass/icons": "1.0.0",
|
|
15
|
+
"@apipass/inputs": "1.0.0",
|
|
16
|
+
"tslib": "2.5.0"
|
|
17
17
|
},
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"fesm2015": "fesm2015/apipass-modals.
|
|
23
|
-
"typings": "
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
"module": "fesm2015/apipass-modals.mjs",
|
|
19
|
+
"es2020": "fesm2020/apipass-modals.mjs",
|
|
20
|
+
"esm2020": "esm2020/apipass-modals.mjs",
|
|
21
|
+
"fesm2020": "fesm2020/apipass-modals.mjs",
|
|
22
|
+
"fesm2015": "fesm2015/apipass-modals.mjs",
|
|
23
|
+
"typings": "index.d.ts",
|
|
24
|
+
"exports": {
|
|
25
|
+
"./package.json": {
|
|
26
|
+
"default": "./package.json"
|
|
27
|
+
},
|
|
28
|
+
".": {
|
|
29
|
+
"types": "./index.d.ts",
|
|
30
|
+
"esm2020": "./esm2020/apipass-modals.mjs",
|
|
31
|
+
"es2020": "./fesm2020/apipass-modals.mjs",
|
|
32
|
+
"es2015": "./fesm2015/apipass-modals.mjs",
|
|
33
|
+
"node": "./fesm2015/apipass-modals.mjs",
|
|
34
|
+
"default": "./fesm2020/apipass-modals.mjs"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"sideEffects": false
|
|
38
|
+
}
|
package/public-api.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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';
|
|
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';
|