@craftsjs/modal 3.0.0 → 5.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/LICENSE +21 -21
- package/README.md +113 -111
- package/{esm2015/craftsjs-modal.js → esm2020/craftsjs-modal.mjs} +4 -4
- package/esm2020/lib/components/modal-body/modal-body.component.mjs +14 -0
- package/esm2020/lib/directives/modal-footer.directive.mjs +14 -0
- package/esm2020/lib/directives/modal-header.directive.mjs +14 -0
- package/esm2020/lib/modal.component.mjs +13 -0
- package/esm2020/lib/modal.module.mjs +63 -0
- package/{esm2015/lib/models/modal-config.model.js → esm2020/lib/models/modal-config.model.mjs} +3 -3
- package/esm2020/lib/services/modal.service.mjs +28 -0
- package/{esm2015/lib/tokens.js → esm2020/lib/tokens.mjs} +3 -3
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +12 -12
- package/fesm2015/craftsjs-modal.mjs +147 -0
- package/fesm2015/craftsjs-modal.mjs.map +1 -0
- package/fesm2020/craftsjs-modal.mjs +145 -0
- package/fesm2020/craftsjs-modal.mjs.map +1 -0
- package/{craftsjs-modal.d.ts → index.d.ts} +5 -4
- package/lib/components/modal-body/modal-body.component.d.ts +5 -2
- package/lib/directives/modal-footer.directive.d.ts +5 -2
- package/lib/directives/modal-header.directive.d.ts +5 -2
- package/lib/modal.component.d.ts +5 -2
- package/lib/modal.module.d.ts +16 -5
- package/lib/models/modal-config.model.d.ts +3 -3
- package/lib/services/modal.service.d.ts +18 -10
- package/lib/tokens.d.ts +2 -2
- package/package.json +25 -13
- package/public-api.d.ts +8 -8
- package/bundles/craftsjs-modal.umd.js +0 -155
- package/bundles/craftsjs-modal.umd.js.map +0 -1
- package/craftsjs-modal.metadata.json +0 -1
- package/esm2015/lib/components/modal-body/modal-body.component.js +0 -16
- package/esm2015/lib/directives/modal-footer.directive.js +0 -10
- package/esm2015/lib/directives/modal-header.directive.js +0 -10
- package/esm2015/lib/modal.component.js +0 -16
- package/esm2015/lib/modal.module.js +0 -45
- package/esm2015/lib/services/modal.service.js +0 -24
- package/fesm2015/craftsjs-modal.js +0 -123
- package/fesm2015/craftsjs-modal.js.map +0 -1
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import * as i1$1 from '@angular/material/dialog';
|
|
5
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
6
|
+
import * as i1 from '@craftsjs/perfect-scrollbar';
|
|
7
|
+
import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
|
|
8
|
+
|
|
9
|
+
class ModalComponent {
|
|
10
|
+
}
|
|
11
|
+
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalComponent, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}.modal{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;outline:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-body-responsive{position:relative;max-height:calc(70vh - 100px);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>button{margin-right:10px}.modal-footer>button:last-child{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
16
|
+
class: 'modal'
|
|
17
|
+
}, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}.modal{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;outline:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-body-responsive{position:relative;max-height:calc(70vh - 100px);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>button{margin-right:10px}.modal-footer>button:last-child{margin-right:0}\n"] }]
|
|
18
|
+
}] });
|
|
19
|
+
|
|
20
|
+
class ModalHeaderDirective {
|
|
21
|
+
}
|
|
22
|
+
ModalHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
23
|
+
ModalHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ModalHeaderDirective, selector: "modal-header, [modal-header], [craftsjsModalHeader]", host: { classAttribute: "modal-header" }, ngImport: i0 });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalHeaderDirective, decorators: [{
|
|
25
|
+
type: Directive,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
|
|
28
|
+
host: { class: 'modal-header' }
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
|
|
32
|
+
class ModalFooterDirective {
|
|
33
|
+
}
|
|
34
|
+
ModalFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
ModalFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ModalFooterDirective, selector: "modal-footer, [modal-footer], [craftsjsModalFooter]", host: { classAttribute: "modal-footer" }, ngImport: i0 });
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalFooterDirective, decorators: [{
|
|
37
|
+
type: Directive,
|
|
38
|
+
args: [{
|
|
39
|
+
selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
|
|
40
|
+
host: { class: 'modal-footer' }
|
|
41
|
+
}]
|
|
42
|
+
}] });
|
|
43
|
+
|
|
44
|
+
class ModalBodyComponent {
|
|
45
|
+
}
|
|
46
|
+
ModalBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
ModalBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalBodyComponent, selector: "modal-body, [modal-body], [craftsjsModalBody]", host: { classAttribute: "modal-body" }, ngImport: i0, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.PerfectScrollbarDirective, selector: "[perfectScrollbar]", inputs: ["perfectScrollOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
51
|
+
class: 'modal-body'
|
|
52
|
+
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n" }]
|
|
53
|
+
}] });
|
|
54
|
+
|
|
55
|
+
const CRAFTSJS_MODAL_CONFIG = new InjectionToken('CRAFTSJS_MODAL_CONFIG');
|
|
56
|
+
|
|
57
|
+
class ModalConfig {
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
class ModalService {
|
|
61
|
+
constructor(_dialog, modalConfig) {
|
|
62
|
+
this._dialog = _dialog;
|
|
63
|
+
this.modalConfig = modalConfig;
|
|
64
|
+
}
|
|
65
|
+
show(component, data) {
|
|
66
|
+
return this._dialog.open(component, {
|
|
67
|
+
data: data.data,
|
|
68
|
+
width: this.modalConfig.width,
|
|
69
|
+
injector: data.injector,
|
|
70
|
+
viewContainerRef: data.viewContainerRef
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalService, deps: [{ token: i1$1.MatDialog }, { token: CRAFTSJS_MODAL_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
75
|
+
ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalService });
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalService, decorators: [{
|
|
77
|
+
type: Injectable
|
|
78
|
+
}], ctorParameters: function () {
|
|
79
|
+
return [{ type: i1$1.MatDialog }, { type: ModalConfig, decorators: [{
|
|
80
|
+
type: Inject,
|
|
81
|
+
args: [CRAFTSJS_MODAL_CONFIG]
|
|
82
|
+
}] }];
|
|
83
|
+
} });
|
|
84
|
+
|
|
85
|
+
class ModalModule {
|
|
86
|
+
static forRoot(config = { width: '800px' }) {
|
|
87
|
+
return {
|
|
88
|
+
ngModule: ModalModule,
|
|
89
|
+
providers: [
|
|
90
|
+
{ provide: CRAFTSJS_MODAL_CONFIG, useValue: config },
|
|
91
|
+
ModalService
|
|
92
|
+
]
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
97
|
+
ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, declarations: [ModalComponent,
|
|
98
|
+
ModalHeaderDirective,
|
|
99
|
+
ModalFooterDirective,
|
|
100
|
+
ModalBodyComponent], imports: [CommonModule,
|
|
101
|
+
MatDialogModule,
|
|
102
|
+
PerfectScrollbarModule], exports: [ModalComponent,
|
|
103
|
+
ModalBodyComponent,
|
|
104
|
+
ModalHeaderDirective,
|
|
105
|
+
ModalFooterDirective] });
|
|
106
|
+
ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, providers: [
|
|
107
|
+
ModalService,
|
|
108
|
+
], imports: [CommonModule,
|
|
109
|
+
MatDialogModule,
|
|
110
|
+
PerfectScrollbarModule] });
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, decorators: [{
|
|
112
|
+
type: NgModule,
|
|
113
|
+
args: [{
|
|
114
|
+
declarations: [
|
|
115
|
+
ModalComponent,
|
|
116
|
+
ModalHeaderDirective,
|
|
117
|
+
ModalFooterDirective,
|
|
118
|
+
ModalBodyComponent,
|
|
119
|
+
],
|
|
120
|
+
imports: [
|
|
121
|
+
CommonModule,
|
|
122
|
+
MatDialogModule,
|
|
123
|
+
PerfectScrollbarModule,
|
|
124
|
+
],
|
|
125
|
+
exports: [
|
|
126
|
+
ModalComponent,
|
|
127
|
+
ModalBodyComponent,
|
|
128
|
+
ModalHeaderDirective,
|
|
129
|
+
ModalFooterDirective
|
|
130
|
+
],
|
|
131
|
+
providers: [
|
|
132
|
+
ModalService,
|
|
133
|
+
]
|
|
134
|
+
}]
|
|
135
|
+
}] });
|
|
136
|
+
|
|
137
|
+
/*
|
|
138
|
+
* Public API Surface of modal
|
|
139
|
+
*/
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* Generated bundle index. Do not edit.
|
|
143
|
+
*/
|
|
144
|
+
|
|
145
|
+
export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
|
|
146
|
+
//# sourceMappingURL=craftsjs-modal.mjs.map
|
|
147
|
+
//# sourceMappingURL=craftsjs-modal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"craftsjs-modal.mjs","sources":["../../../../projects/craftsjs/modal/src/lib/modal.component.ts","../../../../projects/craftsjs/modal/src/lib/modal.component.html","../../../../projects/craftsjs/modal/src/lib/directives/modal-header.directive.ts","../../../../projects/craftsjs/modal/src/lib/directives/modal-footer.directive.ts","../../../../projects/craftsjs/modal/src/lib/components/modal-body/modal-body.component.ts","../../../../projects/craftsjs/modal/src/lib/components/modal-body/modal-body.component.html","../../../../projects/craftsjs/modal/src/lib/tokens.ts","../../../../projects/craftsjs/modal/src/lib/models/modal-config.model.ts","../../../../projects/craftsjs/modal/src/lib/services/modal.service.ts","../../../../projects/craftsjs/modal/src/lib/modal.module.ts","../../../../projects/craftsjs/modal/src/public-api.ts","../../../../projects/craftsjs/modal/src/craftsjs-modal.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'craftsjs-modal',\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'modal'\n }\n})\nexport class ModalComponent { }\n","<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'modal-header, [modal-header], [craftsjsModalHeader]',\n host: { class: 'modal-header' }\n})\nexport class ModalHeaderDirective { }\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',\n host: { class: 'modal-footer' }\n})\nexport class ModalFooterDirective { }\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'modal-body, [modal-body], [craftsjsModalBody]',\n templateUrl: './modal-body.component.html',\n styleUrls: ['./modal-body.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'modal-body'\n },\n encapsulation: ViewEncapsulation.None\n})\nexport class ModalBodyComponent { }\n","<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n","import { InjectionToken } from '@angular/core';\n\nexport const CRAFTSJS_MODAL_CONFIG = new InjectionToken<string>('CRAFTSJS_MODAL_CONFIG');\n","export class ModalConfig {\n width: string;\n}\n","import { Injectable, TemplateRef, Inject, Injector, ViewContainerRef } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { CRAFTSJS_MODAL_CONFIG } from '../tokens';\nimport { ModalConfig } from '../models/modal-config.model';\n\nexport interface ModalData<T = any> { \n data?: T;\n injector?: Injector;\n viewContainerRef?: ViewContainerRef;\n}\n\n@Injectable()\nexport class ModalService {\n\n constructor(\n private _dialog: MatDialog,\n @Inject(CRAFTSJS_MODAL_CONFIG) private modalConfig: ModalConfig\n ) { }\n\n show<T = any>(component: ComponentType<T> | TemplateRef<T>, data?: ModalData) {\n return this._dialog.open(component, {\n data: data.data,\n width: this.modalConfig.width,\n injector: data.injector,\n viewContainerRef: data.viewContainerRef\n });\n }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { ModalComponent } from './modal.component';\nimport { ModalHeaderDirective } from './directives/modal-header.directive';\nimport { ModalFooterDirective } from './directives/modal-footer.directive';\nimport { ModalBodyComponent } from './components/modal-body/modal-body.component';\nimport { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';\nimport { ModalConfig } from './models/modal-config.model';\nimport { ModalService } from './services/modal.service';\nimport { CRAFTSJS_MODAL_CONFIG } from './tokens';\n\n@NgModule({\n declarations: [\n ModalComponent,\n ModalHeaderDirective,\n ModalFooterDirective,\n ModalBodyComponent,\n ],\n imports: [\n CommonModule,\n MatDialogModule,\n PerfectScrollbarModule,\n ],\n exports: [\n ModalComponent,\n ModalBodyComponent,\n ModalHeaderDirective,\n ModalFooterDirective\n ],\n providers: [\n ModalService,\n ]\n})\nexport class ModalModule {\n static forRoot(config: ModalConfig = { width: '800px' }): ModuleWithProviders<ModalModule> {\n return {\n ngModule: ModalModule,\n providers: [\n { provide: CRAFTSJS_MODAL_CONFIG, useValue: config },\n ModalService\n ]\n };\n }\n}\n","/*\n * Public API Surface of modal\n */\n\nexport * from './lib/modal.component';\nexport * from './lib/modal.module';\nexport * from './lib/components/modal-body/modal-body.component';\nexport * from './lib/directives/modal-footer.directive';\nexport * from './lib/directives/modal-header.directive';\nexport * from './lib/models/modal-config.model';\nexport * from './lib/services/modal.service';\nexport * from './lib/tokens';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import * as i1$1 from '@angular/material/dialog';
|
|
5
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
6
|
+
import * as i1 from '@craftsjs/perfect-scrollbar';
|
|
7
|
+
import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
|
|
8
|
+
|
|
9
|
+
class ModalComponent {
|
|
10
|
+
}
|
|
11
|
+
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalComponent, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}.modal{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;outline:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-body-responsive{position:relative;max-height:calc(70vh - 100px);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>button{margin-right:10px}.modal-footer>button:last-child{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
16
|
+
class: 'modal'
|
|
17
|
+
}, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}.modal{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;outline:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-body-responsive{position:relative;max-height:calc(70vh - 100px);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>button{margin-right:10px}.modal-footer>button:last-child{margin-right:0}\n"] }]
|
|
18
|
+
}] });
|
|
19
|
+
|
|
20
|
+
class ModalHeaderDirective {
|
|
21
|
+
}
|
|
22
|
+
ModalHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
23
|
+
ModalHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ModalHeaderDirective, selector: "modal-header, [modal-header], [craftsjsModalHeader]", host: { classAttribute: "modal-header" }, ngImport: i0 });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalHeaderDirective, decorators: [{
|
|
25
|
+
type: Directive,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
|
|
28
|
+
host: { class: 'modal-header' }
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
|
|
32
|
+
class ModalFooterDirective {
|
|
33
|
+
}
|
|
34
|
+
ModalFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
ModalFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ModalFooterDirective, selector: "modal-footer, [modal-footer], [craftsjsModalFooter]", host: { classAttribute: "modal-footer" }, ngImport: i0 });
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalFooterDirective, decorators: [{
|
|
37
|
+
type: Directive,
|
|
38
|
+
args: [{
|
|
39
|
+
selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
|
|
40
|
+
host: { class: 'modal-footer' }
|
|
41
|
+
}]
|
|
42
|
+
}] });
|
|
43
|
+
|
|
44
|
+
class ModalBodyComponent {
|
|
45
|
+
}
|
|
46
|
+
ModalBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
ModalBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalBodyComponent, selector: "modal-body, [modal-body], [craftsjsModalBody]", host: { classAttribute: "modal-body" }, ngImport: i0, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.PerfectScrollbarDirective, selector: "[perfectScrollbar]", inputs: ["perfectScrollOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
51
|
+
class: 'modal-body'
|
|
52
|
+
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n" }]
|
|
53
|
+
}] });
|
|
54
|
+
|
|
55
|
+
const CRAFTSJS_MODAL_CONFIG = new InjectionToken('CRAFTSJS_MODAL_CONFIG');
|
|
56
|
+
|
|
57
|
+
class ModalConfig {
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
class ModalService {
|
|
61
|
+
constructor(_dialog, modalConfig) {
|
|
62
|
+
this._dialog = _dialog;
|
|
63
|
+
this.modalConfig = modalConfig;
|
|
64
|
+
}
|
|
65
|
+
show(component, data) {
|
|
66
|
+
return this._dialog.open(component, {
|
|
67
|
+
data: data.data,
|
|
68
|
+
width: this.modalConfig.width,
|
|
69
|
+
injector: data.injector,
|
|
70
|
+
viewContainerRef: data.viewContainerRef
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalService, deps: [{ token: i1$1.MatDialog }, { token: CRAFTSJS_MODAL_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
75
|
+
ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalService });
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalService, decorators: [{
|
|
77
|
+
type: Injectable
|
|
78
|
+
}], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: ModalConfig, decorators: [{
|
|
79
|
+
type: Inject,
|
|
80
|
+
args: [CRAFTSJS_MODAL_CONFIG]
|
|
81
|
+
}] }]; } });
|
|
82
|
+
|
|
83
|
+
class ModalModule {
|
|
84
|
+
static forRoot(config = { width: '800px' }) {
|
|
85
|
+
return {
|
|
86
|
+
ngModule: ModalModule,
|
|
87
|
+
providers: [
|
|
88
|
+
{ provide: CRAFTSJS_MODAL_CONFIG, useValue: config },
|
|
89
|
+
ModalService
|
|
90
|
+
]
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
95
|
+
ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, declarations: [ModalComponent,
|
|
96
|
+
ModalHeaderDirective,
|
|
97
|
+
ModalFooterDirective,
|
|
98
|
+
ModalBodyComponent], imports: [CommonModule,
|
|
99
|
+
MatDialogModule,
|
|
100
|
+
PerfectScrollbarModule], exports: [ModalComponent,
|
|
101
|
+
ModalBodyComponent,
|
|
102
|
+
ModalHeaderDirective,
|
|
103
|
+
ModalFooterDirective] });
|
|
104
|
+
ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, providers: [
|
|
105
|
+
ModalService,
|
|
106
|
+
], imports: [CommonModule,
|
|
107
|
+
MatDialogModule,
|
|
108
|
+
PerfectScrollbarModule] });
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalModule, decorators: [{
|
|
110
|
+
type: NgModule,
|
|
111
|
+
args: [{
|
|
112
|
+
declarations: [
|
|
113
|
+
ModalComponent,
|
|
114
|
+
ModalHeaderDirective,
|
|
115
|
+
ModalFooterDirective,
|
|
116
|
+
ModalBodyComponent,
|
|
117
|
+
],
|
|
118
|
+
imports: [
|
|
119
|
+
CommonModule,
|
|
120
|
+
MatDialogModule,
|
|
121
|
+
PerfectScrollbarModule,
|
|
122
|
+
],
|
|
123
|
+
exports: [
|
|
124
|
+
ModalComponent,
|
|
125
|
+
ModalBodyComponent,
|
|
126
|
+
ModalHeaderDirective,
|
|
127
|
+
ModalFooterDirective
|
|
128
|
+
],
|
|
129
|
+
providers: [
|
|
130
|
+
ModalService,
|
|
131
|
+
]
|
|
132
|
+
}]
|
|
133
|
+
}] });
|
|
134
|
+
|
|
135
|
+
/*
|
|
136
|
+
* Public API Surface of modal
|
|
137
|
+
*/
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* Generated bundle index. Do not edit.
|
|
141
|
+
*/
|
|
142
|
+
|
|
143
|
+
export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
|
|
144
|
+
//# sourceMappingURL=craftsjs-modal.mjs.map
|
|
145
|
+
//# sourceMappingURL=craftsjs-modal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"craftsjs-modal.mjs","sources":["../../../../projects/craftsjs/modal/src/lib/modal.component.ts","../../../../projects/craftsjs/modal/src/lib/modal.component.html","../../../../projects/craftsjs/modal/src/lib/directives/modal-header.directive.ts","../../../../projects/craftsjs/modal/src/lib/directives/modal-footer.directive.ts","../../../../projects/craftsjs/modal/src/lib/components/modal-body/modal-body.component.ts","../../../../projects/craftsjs/modal/src/lib/components/modal-body/modal-body.component.html","../../../../projects/craftsjs/modal/src/lib/tokens.ts","../../../../projects/craftsjs/modal/src/lib/models/modal-config.model.ts","../../../../projects/craftsjs/modal/src/lib/services/modal.service.ts","../../../../projects/craftsjs/modal/src/lib/modal.module.ts","../../../../projects/craftsjs/modal/src/public-api.ts","../../../../projects/craftsjs/modal/src/craftsjs-modal.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'craftsjs-modal',\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'modal'\n }\n})\nexport class ModalComponent { }\n","<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'modal-header, [modal-header], [craftsjsModalHeader]',\n host: { class: 'modal-header' }\n})\nexport class ModalHeaderDirective { }\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',\n host: { class: 'modal-footer' }\n})\nexport class ModalFooterDirective { }\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'modal-body, [modal-body], [craftsjsModalBody]',\n templateUrl: './modal-body.component.html',\n styleUrls: ['./modal-body.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'modal-body'\n },\n encapsulation: ViewEncapsulation.None\n})\nexport class ModalBodyComponent { }\n","<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n","import { InjectionToken } from '@angular/core';\n\nexport const CRAFTSJS_MODAL_CONFIG = new InjectionToken<string>('CRAFTSJS_MODAL_CONFIG');\n","export class ModalConfig {\n width: string;\n}\n","import { Injectable, TemplateRef, Inject, Injector, ViewContainerRef } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { CRAFTSJS_MODAL_CONFIG } from '../tokens';\nimport { ModalConfig } from '../models/modal-config.model';\n\nexport interface ModalData<T = any> { \n data?: T;\n injector?: Injector;\n viewContainerRef?: ViewContainerRef;\n}\n\n@Injectable()\nexport class ModalService {\n\n constructor(\n private _dialog: MatDialog,\n @Inject(CRAFTSJS_MODAL_CONFIG) private modalConfig: ModalConfig\n ) { }\n\n show<T = any>(component: ComponentType<T> | TemplateRef<T>, data?: ModalData) {\n return this._dialog.open(component, {\n data: data.data,\n width: this.modalConfig.width,\n injector: data.injector,\n viewContainerRef: data.viewContainerRef\n });\n }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { ModalComponent } from './modal.component';\nimport { ModalHeaderDirective } from './directives/modal-header.directive';\nimport { ModalFooterDirective } from './directives/modal-footer.directive';\nimport { ModalBodyComponent } from './components/modal-body/modal-body.component';\nimport { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';\nimport { ModalConfig } from './models/modal-config.model';\nimport { ModalService } from './services/modal.service';\nimport { CRAFTSJS_MODAL_CONFIG } from './tokens';\n\n@NgModule({\n declarations: [\n ModalComponent,\n ModalHeaderDirective,\n ModalFooterDirective,\n ModalBodyComponent,\n ],\n imports: [\n CommonModule,\n MatDialogModule,\n PerfectScrollbarModule,\n ],\n exports: [\n ModalComponent,\n ModalBodyComponent,\n ModalHeaderDirective,\n ModalFooterDirective\n ],\n providers: [\n ModalService,\n ]\n})\nexport class ModalModule {\n static forRoot(config: ModalConfig = { width: '800px' }): ModuleWithProviders<ModalModule> {\n return {\n ngModule: ModalModule,\n providers: [\n { provide: CRAFTSJS_MODAL_CONFIG, useValue: config },\n ModalService\n ]\n };\n }\n}\n","/*\n * Public API Surface of modal\n */\n\nexport * from './lib/modal.component';\nexport * from './lib/modal.module';\nexport * from './lib/components/modal-body/modal-body.component';\nexport * from './lib/directives/modal-footer.directive';\nexport * from './lib/directives/modal-header.directive';\nexport * from './lib/models/modal-config.model';\nexport * from './lib/services/modal.service';\nexport * from './lib/tokens';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="@craftsjs/modal" />
|
|
5
|
+
export * from './public-api';
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ModalBodyComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalBodyComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalBodyComponent, "modal-body, [modal-body], [craftsjsModalBody]", never, {}, {}, never, ["*"], false, never>;
|
|
5
|
+
}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ModalFooterDirective {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterDirective, never>;
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalFooterDirective, "modal-footer, [modal-footer], [craftsjsModalFooter]", never, {}, {}, never, never, false, never>;
|
|
5
|
+
}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ModalHeaderDirective {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderDirective, never>;
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalHeaderDirective, "modal-header, [modal-header], [craftsjsModalHeader]", never, {}, {}, never, never, false, never>;
|
|
5
|
+
}
|
package/lib/modal.component.d.ts
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ModalComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "craftsjs-modal", never, {}, {}, never, ["modal-header", "modal-body", "modal-footer"], false, never>;
|
|
5
|
+
}
|
package/lib/modal.module.d.ts
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
-
import { ModalConfig } from './models/modal-config.model';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
+
import { ModalConfig } from './models/modal-config.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./modal.component";
|
|
5
|
+
import * as i2 from "./directives/modal-header.directive";
|
|
6
|
+
import * as i3 from "./directives/modal-footer.directive";
|
|
7
|
+
import * as i4 from "./components/modal-body/modal-body.component";
|
|
8
|
+
import * as i5 from "@angular/common";
|
|
9
|
+
import * as i6 from "@angular/material/dialog";
|
|
10
|
+
import * as i7 from "@craftsjs/perfect-scrollbar";
|
|
11
|
+
export declare class ModalModule {
|
|
12
|
+
static forRoot(config?: ModalConfig): ModuleWithProviders<ModalModule>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.ModalComponent, typeof i2.ModalHeaderDirective, typeof i3.ModalFooterDirective, typeof i4.ModalBodyComponent], [typeof i5.CommonModule, typeof i6.MatDialogModule, typeof i7.PerfectScrollbarModule], [typeof i1.ModalComponent, typeof i4.ModalBodyComponent, typeof i2.ModalHeaderDirective, typeof i3.ModalFooterDirective]>;
|
|
15
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
|
|
16
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare class ModalConfig {
|
|
2
|
-
width: string;
|
|
3
|
-
}
|
|
1
|
+
export declare class ModalConfig {
|
|
2
|
+
width: string;
|
|
3
|
+
}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { MatDialog } from '@angular/material/dialog';
|
|
3
|
-
import { ComponentType } from '@angular/cdk/portal';
|
|
4
|
-
import { ModalConfig } from '../models/modal-config.model';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
1
|
+
import { TemplateRef, Injector, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { MatDialog } from '@angular/material/dialog';
|
|
3
|
+
import { ComponentType } from '@angular/cdk/portal';
|
|
4
|
+
import { ModalConfig } from '../models/modal-config.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export interface ModalData<T = any> {
|
|
7
|
+
data?: T;
|
|
8
|
+
injector?: Injector;
|
|
9
|
+
viewContainerRef?: ViewContainerRef;
|
|
10
|
+
}
|
|
11
|
+
export declare class ModalService {
|
|
12
|
+
private _dialog;
|
|
13
|
+
private modalConfig;
|
|
14
|
+
constructor(_dialog: MatDialog, modalConfig: ModalConfig);
|
|
15
|
+
show<T = any>(component: ComponentType<T> | TemplateRef<T>, data?: ModalData): import("@angular/material/dialog").MatDialogRef<T, any>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
|
|
17
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
|
|
18
|
+
}
|
package/lib/tokens.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
|
-
export declare const CRAFTSJS_MODAL_CONFIG: InjectionToken<string>;
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
export declare const CRAFTSJS_MODAL_CONFIG: InjectionToken<string>;
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@craftsjs/modal",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"author": "craftsjs",
|
|
5
5
|
"description": "Material modal is a library for angular",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/addapptables/angular-miscellaneous",
|
|
8
8
|
"peerDependencies": {
|
|
9
|
-
"@angular/common": ">=
|
|
10
|
-
"@angular/core": ">=
|
|
11
|
-
"@angular/material": ">=
|
|
12
|
-
"@angular/animations": ">=
|
|
13
|
-
"@angular/cdk": ">=
|
|
9
|
+
"@angular/common": ">=15.0.0 < 16.0.0",
|
|
10
|
+
"@angular/core": ">=15.0.0 < 16.0.0",
|
|
11
|
+
"@angular/material": ">=15.0.0 < 16.0.0",
|
|
12
|
+
"@angular/animations": ">=15.0.0 < 16.0.0",
|
|
13
|
+
"@angular/cdk": ">=15.0.0 < 16.0.0"
|
|
14
14
|
},
|
|
15
15
|
"repository": {
|
|
16
16
|
"type": "git",
|
|
@@ -29,12 +29,24 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.0.0"
|
|
31
31
|
},
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"fesm2015": "fesm2015/craftsjs-modal.
|
|
37
|
-
"typings": "
|
|
38
|
-
"
|
|
32
|
+
"module": "fesm2015/craftsjs-modal.mjs",
|
|
33
|
+
"es2020": "fesm2020/craftsjs-modal.mjs",
|
|
34
|
+
"esm2020": "esm2020/craftsjs-modal.mjs",
|
|
35
|
+
"fesm2020": "fesm2020/craftsjs-modal.mjs",
|
|
36
|
+
"fesm2015": "fesm2015/craftsjs-modal.mjs",
|
|
37
|
+
"typings": "index.d.ts",
|
|
38
|
+
"exports": {
|
|
39
|
+
"./package.json": {
|
|
40
|
+
"default": "./package.json"
|
|
41
|
+
},
|
|
42
|
+
".": {
|
|
43
|
+
"types": "./index.d.ts",
|
|
44
|
+
"esm2020": "./esm2020/craftsjs-modal.mjs",
|
|
45
|
+
"es2020": "./fesm2020/craftsjs-modal.mjs",
|
|
46
|
+
"es2015": "./fesm2015/craftsjs-modal.mjs",
|
|
47
|
+
"node": "./fesm2015/craftsjs-modal.mjs",
|
|
48
|
+
"default": "./fesm2020/craftsjs-modal.mjs"
|
|
49
|
+
}
|
|
50
|
+
},
|
|
39
51
|
"sideEffects": false
|
|
40
52
|
}
|
package/public-api.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export * from './lib/modal.component';
|
|
2
|
-
export * from './lib/modal.module';
|
|
3
|
-
export * from './lib/components/modal-body/modal-body.component';
|
|
4
|
-
export * from './lib/directives/modal-footer.directive';
|
|
5
|
-
export * from './lib/directives/modal-header.directive';
|
|
6
|
-
export * from './lib/models/modal-config.model';
|
|
7
|
-
export * from './lib/services/modal.service';
|
|
8
|
-
export * from './lib/tokens';
|
|
1
|
+
export * from './lib/modal.component';
|
|
2
|
+
export * from './lib/modal.module';
|
|
3
|
+
export * from './lib/components/modal-body/modal-body.component';
|
|
4
|
+
export * from './lib/directives/modal-footer.directive';
|
|
5
|
+
export * from './lib/directives/modal-header.directive';
|
|
6
|
+
export * from './lib/models/modal-config.model';
|
|
7
|
+
export * from './lib/services/modal.service';
|
|
8
|
+
export * from './lib/tokens';
|