@craftsjs/modal 6.0.0 → 6.1.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/README.md +37 -4
- package/esm2022/lib/components/modal-body/modal-body.component.mjs +3 -4
- package/esm2022/lib/directives/modal-footer.directive.mjs +4 -3
- package/esm2022/lib/directives/modal-header.directive.mjs +4 -3
- package/esm2022/lib/modal.component.mjs +3 -3
- package/esm2022/lib/modal.module.mjs +15 -14
- package/esm2022/lib/modal.providers.mjs +16 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/craftsjs-modal.mjs +41 -27
- package/fesm2022/craftsjs-modal.mjs.map +1 -1
- package/lib/components/modal-body/modal-body.component.d.ts +1 -1
- package/lib/directives/modal-footer.directive.d.ts +1 -1
- package/lib/directives/modal-header.directive.d.ts +1 -1
- package/lib/modal.component.d.ts +1 -1
- package/lib/modal.module.d.ts +8 -8
- package/lib/modal.providers.d.ts +7 -0
- package/package.json +2 -2
- package/public-api.d.ts +1 -0
package/README.md
CHANGED
|
@@ -21,6 +21,10 @@ Choose the version corresponding to your Angular version:
|
|
|
21
21
|
npm i @craftsjs/modal --S
|
|
22
22
|
```
|
|
23
23
|
|
|
24
|
+
## Compatibility
|
|
25
|
+
|
|
26
|
+
Current version: 6.1.0 (Compatible with Angular v18)
|
|
27
|
+
|
|
24
28
|
Install peer dependencies
|
|
25
29
|
|
|
26
30
|
```
|
|
@@ -34,7 +38,7 @@ perfect-scrollbar
|
|
|
34
38
|
|
|
35
39
|
## How to use
|
|
36
40
|
|
|
37
|
-
- Import the module
|
|
41
|
+
- Import the module ModalModule into the AppModule
|
|
38
42
|
|
|
39
43
|
```typescript
|
|
40
44
|
import { ModalModule } from '@craftsjs/modal';
|
|
@@ -44,6 +48,38 @@ import { ModalModule } from '@craftsjs/modal';
|
|
|
44
48
|
export class AppModule { }
|
|
45
49
|
```
|
|
46
50
|
|
|
51
|
+
- Standalone (Angular 15+ / 18): usa providers en vez de NgModule
|
|
52
|
+
|
|
53
|
+
```typescript
|
|
54
|
+
// main.ts
|
|
55
|
+
import { bootstrapApplication, importProvidersFrom } from '@angular/platform-browser';
|
|
56
|
+
import { provideAnimations } from '@angular/platform-browser/animations';
|
|
57
|
+
import { provideCraftsjsModal } from '@craftsjs/modal';
|
|
58
|
+
import { AppComponent } from './app/app.component';
|
|
59
|
+
|
|
60
|
+
bootstrapApplication(AppComponent, {
|
|
61
|
+
providers: [
|
|
62
|
+
provideAnimations(),
|
|
63
|
+
provideCraftsjsModal({ width: '800px' })
|
|
64
|
+
]
|
|
65
|
+
});
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
- Alternativa standalone compat (reutilizando NgModule):
|
|
69
|
+
|
|
70
|
+
```typescript
|
|
71
|
+
// main.ts
|
|
72
|
+
import { bootstrapApplication, importProvidersFrom } from '@angular/platform-browser';
|
|
73
|
+
import { ModalModule } from '@craftsjs/modal';
|
|
74
|
+
import { AppComponent } from './app/app.component';
|
|
75
|
+
|
|
76
|
+
bootstrapApplication(AppComponent, {
|
|
77
|
+
providers: [
|
|
78
|
+
importProvidersFrom(ModalModule.forRoot({ width: '800px' }))
|
|
79
|
+
]
|
|
80
|
+
});
|
|
81
|
+
```
|
|
82
|
+
|
|
47
83
|
- Create a component modal
|
|
48
84
|
|
|
49
85
|
```typescript
|
|
@@ -76,9 +112,6 @@ export class FormModalComponent {
|
|
|
76
112
|
//modal body
|
|
77
113
|
</modal-body>
|
|
78
114
|
<modal-footer>
|
|
79
|
-
## Compatibility
|
|
80
|
-
|
|
81
|
-
Version 6: Compatible with Angular v18.
|
|
82
115
|
<button type="submit" mat-raised-button color="accent">
|
|
83
116
|
Save
|
|
84
117
|
</button>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild } from '@angular/core';
|
|
2
2
|
import PerfectScrollbar from 'perfect-scrollbar';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@craftsjs/perfect-scrollbar";
|
|
5
4
|
export class ModalBodyComponent {
|
|
6
5
|
ngAfterViewInit() {
|
|
7
6
|
this.ps?.update();
|
|
@@ -10,15 +9,15 @@ export class ModalBodyComponent {
|
|
|
10
9
|
this.ps?.update();
|
|
11
10
|
}
|
|
12
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalBodyComponent, selector: "modal-body, [modal-body], [craftsjsModalBody]", host: { classAttribute: "modal-body" }, viewQueries: [{ propertyName: "ps", first: true, predicate: PerfectScrollbar, descendants: true }], ngImport: i0, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""],
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalBodyComponent, isStandalone: true, selector: "modal-body, [modal-body], [craftsjsModalBody]", host: { classAttribute: "modal-body" }, viewQueries: [{ propertyName: "ps", first: true, predicate: PerfectScrollbar, descendants: true }], ngImport: i0, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
13
|
}
|
|
15
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalBodyComponent, decorators: [{
|
|
16
15
|
type: Component,
|
|
17
16
|
args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
18
17
|
class: 'modal-body'
|
|
19
|
-
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
18
|
+
}, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
20
19
|
}], propDecorators: { ps: [{
|
|
21
20
|
type: ViewChild,
|
|
22
21
|
args: [PerfectScrollbar]
|
|
23
22
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9tb2RhbC9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwtYm9keS9tb2RhbC1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1ib2R5L21vZGFsLWJvZHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQW1DLE1BQU0sZUFBZSxDQUFDO0FBRWxJLE9BQU8sZ0JBQWdCLE1BQU0sbUJBQW1CLENBQUM7O0FBY2pELE1BQU0sT0FBTyxrQkFBa0I7SUFNN0IsZUFBZTtRQUNiLElBQUksQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQ3BCLENBQUM7K0dBWlUsa0JBQWtCO21HQUFsQixrQkFBa0IscUxBRWxCLGdCQUFnQixnRENsQjdCLHFHQUdBOzs0RkRhYSxrQkFBa0I7a0JBWjlCLFNBQVM7K0JBQ0UsK0NBQStDLG1CQUd4Qyx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxZQUFZO3FCQUNwQixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUCxFQUFFOzhCQUtILEVBQUU7c0JBRFQsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgVmlld0NoaWxkLCBBZnRlclZpZXdJbml0LCBBZnRlclZpZXdDaGVja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgUGVyZmVjdFNjcm9sbGJhciBmcm9tICdwZXJmZWN0LXNjcm9sbGJhcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21vZGFsLWJvZHksIFttb2RhbC1ib2R5XSwgW2NyYWZ0c2pzTW9kYWxCb2R5XScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWJvZHkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21vZGFsLWJvZHkuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBob3N0OiB7XHJcbiAgICBjbGFzczogJ21vZGFsLWJvZHknXHJcbiAgfSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIE1vZGFsQm9keUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIEFmdGVyVmlld0NoZWNrZWQgeyBcclxuXHJcbiAgQFZpZXdDaGlsZChQZXJmZWN0U2Nyb2xsYmFyKVxyXG4gIHByaXZhdGUgcHM6IFBlcmZlY3RTY3JvbGxiYXI7XHJcblxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLnBzPy51cGRhdGUoKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMucHM/LnVwZGF0ZSgpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHktcmVzcG9uc2l2ZVwiIHBlcmZlY3RTY3JvbGxiYXI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -2,13 +2,14 @@ import { Directive } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class ModalFooterDirective {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalFooterDirective, selector: "modal-footer, [modal-footer], [craftsjsModalFooter]", host: { classAttribute: "modal-footer" }, ngImport: i0 }); }
|
|
5
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalFooterDirective, isStandalone: true, selector: "modal-footer, [modal-footer], [craftsjsModalFooter]", host: { classAttribute: "modal-footer" }, ngImport: i0 }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalFooterDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
|
|
11
|
-
host: { class: 'modal-footer' }
|
|
11
|
+
host: { class: 'modal-footer' },
|
|
12
|
+
standalone: true
|
|
12
13
|
}]
|
|
13
14
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZm9vdGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvZGlyZWN0aXZlcy9tb2RhbC1mb290ZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxvQkFBb0I7K0dBQXBCLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxREFBcUQ7b0JBQy9ELElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUU7b0JBQy9CLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdtb2RhbC1mb290ZXIsIFttb2RhbC1mb290ZXJdLCBbY3JhZnRzanNNb2RhbEZvb3Rlcl0nLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdtb2RhbC1mb290ZXInIH0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxGb290ZXJEaXJlY3RpdmUgeyB9XHJcbiJdfQ==
|
|
@@ -2,13 +2,14 @@ import { Directive } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class ModalHeaderDirective {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalHeaderDirective, selector: "modal-header, [modal-header], [craftsjsModalHeader]", host: { classAttribute: "modal-header" }, ngImport: i0 }); }
|
|
5
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalHeaderDirective, isStandalone: true, selector: "modal-header, [modal-header], [craftsjsModalHeader]", host: { classAttribute: "modal-header" }, ngImport: i0 }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalHeaderDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
|
|
11
|
-
host: { class: 'modal-header' }
|
|
11
|
+
host: { class: 'modal-header' },
|
|
12
|
+
standalone: true
|
|
12
13
|
}]
|
|
13
14
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvZGlyZWN0aXZlcy9tb2RhbC1oZWFkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxvQkFBb0I7K0dBQXBCLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxREFBcUQ7b0JBQy9ELElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUU7b0JBQy9CLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdtb2RhbC1oZWFkZXIsIFttb2RhbC1oZWFkZXJdLCBbY3JhZnRzanNNb2RhbEhlYWRlcl0nLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdtb2RhbC1oZWFkZXInIH0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxIZWFkZXJEaXJlY3RpdmUgeyB9XHJcbiJdfQ==
|
|
@@ -2,12 +2,12 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class ModalComponent {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
10
10
|
class: 'modal'
|
|
11
|
-
}, template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"] }]
|
|
11
|
+
}, standalone: true, imports: [], template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"] }]
|
|
12
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvbW9kYWwvc3JjL2xpYi9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9tb2RhbC9zcmMvbGliL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZXRGLE1BQU0sT0FBTyxjQUFjOytHQUFkLGNBQWM7bUdBQWQsY0FBYyw2R0NmM0IsMkpBRStDOzs0RkRhbEMsY0FBYztrQkFaMUIsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsT0FBTztxQkFDZixjQUNXLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NyYWZ0c2pzLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21vZGFsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBob3N0OiB7XHJcbiAgICBjbGFzczogJ21vZGFsJ1xyXG4gIH0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQgeyB9XHJcbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIm1vZGFsLWhlYWRlclwiPjwvbmctY29udGVudD5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwibW9kYWwtYm9keVwiPjwvbmctY29udGVudD5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwibW9kYWwtZm9vdGVyXCI+PC9uZy1jb250ZW50PiJdfQ==
|
|
@@ -5,7 +5,7 @@ import { ModalComponent } from './modal.component';
|
|
|
5
5
|
import { ModalHeaderDirective } from './directives/modal-header.directive';
|
|
6
6
|
import { ModalFooterDirective } from './directives/modal-footer.directive';
|
|
7
7
|
import { ModalBodyComponent } from './components/modal-body/modal-body.component';
|
|
8
|
-
import {
|
|
8
|
+
import { PerfectScrollbarDirective } from '@craftsjs/perfect-scrollbar';
|
|
9
9
|
import { ModalService } from './services/modal.service';
|
|
10
10
|
import { CRAFTSJS_MODAL_CONFIG } from './tokens';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
@@ -20,35 +20,36 @@ export class ModalModule {
|
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
23
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ModalModule,
|
|
23
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, imports: [CommonModule,
|
|
24
|
+
MatDialogModule,
|
|
25
|
+
PerfectScrollbarDirective,
|
|
26
|
+
// standalone components/directives
|
|
27
|
+
ModalComponent,
|
|
24
28
|
ModalHeaderDirective,
|
|
25
29
|
ModalFooterDirective,
|
|
26
|
-
ModalBodyComponent],
|
|
27
|
-
MatDialogModule,
|
|
28
|
-
PerfectScrollbarModule], exports: [ModalComponent,
|
|
30
|
+
ModalBodyComponent], exports: [ModalComponent,
|
|
29
31
|
ModalBodyComponent,
|
|
30
32
|
ModalHeaderDirective,
|
|
31
33
|
ModalFooterDirective] }); }
|
|
32
34
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, providers: [
|
|
33
35
|
ModalService,
|
|
34
36
|
], imports: [CommonModule,
|
|
35
|
-
MatDialogModule
|
|
36
|
-
PerfectScrollbarModule] }); }
|
|
37
|
+
MatDialogModule] }); }
|
|
37
38
|
}
|
|
38
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, decorators: [{
|
|
39
40
|
type: NgModule,
|
|
40
41
|
args: [{
|
|
41
|
-
declarations: [
|
|
42
|
+
declarations: [],
|
|
43
|
+
imports: [
|
|
44
|
+
CommonModule,
|
|
45
|
+
MatDialogModule,
|
|
46
|
+
PerfectScrollbarDirective,
|
|
47
|
+
// standalone components/directives
|
|
42
48
|
ModalComponent,
|
|
43
49
|
ModalHeaderDirective,
|
|
44
50
|
ModalFooterDirective,
|
|
45
51
|
ModalBodyComponent,
|
|
46
52
|
],
|
|
47
|
-
imports: [
|
|
48
|
-
CommonModule,
|
|
49
|
-
MatDialogModule,
|
|
50
|
-
PerfectScrollbarModule,
|
|
51
|
-
],
|
|
52
53
|
exports: [
|
|
53
54
|
ModalComponent,
|
|
54
55
|
ModalBodyComponent,
|
|
@@ -60,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
60
61
|
]
|
|
61
62
|
}]
|
|
62
63
|
}] });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvbW9kYWwvc3JjL2xpYi9tb2RhbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBdUIsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUF3QmpELE1BQU0sT0FBTyxXQUFXO0lBQ3RCLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBc0IsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1FBQ3JELE9BQU87WUFDTCxRQUFRLEVBQUUsV0FBVztZQUNyQixTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTtnQkFDcEQsWUFBWTthQUNiO1NBQ0YsQ0FBQztJQUNKLENBQUM7K0dBVFUsV0FBVztnSEFBWCxXQUFXLFlBbkJwQixZQUFZO1lBQ1osZUFBZTtZQUNmLHlCQUF5QjtZQUMzQixtQ0FBbUM7WUFDakMsY0FBYztZQUNkLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsa0JBQWtCLGFBR2xCLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtnSEFNWCxXQUFXLGFBSlg7WUFDVCxZQUFZO1NBQ2IsWUFqQkMsWUFBWTtZQUNaLGVBQWU7OzRGQWtCTixXQUFXO2tCQXRCdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZix5QkFBeUI7d0JBQzNCLG1DQUFtQzt3QkFDakMsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3FCQUNyQjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1QsWUFBWTtxQkFDYjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBNb2R1bGVXaXRoUHJvdmlkZXJzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IE1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9tb2RhbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNb2RhbEhlYWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9tb2RhbC1oZWFkZXIuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgTW9kYWxGb290ZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvbW9kYWwtZm9vdGVyLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IE1vZGFsQm9keUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9tb2RhbC1ib2R5L21vZGFsLWJvZHkuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUGVyZmVjdFNjcm9sbGJhckRpcmVjdGl2ZSB9IGZyb20gJ0BjcmFmdHNqcy9wZXJmZWN0LXNjcm9sbGJhcic7XHJcbmltcG9ydCB7IE1vZGFsQ29uZmlnIH0gZnJvbSAnLi9tb2RlbHMvbW9kYWwtY29uZmlnLm1vZGVsJztcclxuaW1wb3J0IHsgTW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9tb2RhbC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ1JBRlRTSlNfTU9EQUxfQ09ORklHIH0gZnJvbSAnLi90b2tlbnMnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdERpYWxvZ01vZHVsZSxcclxuICAgIFBlcmZlY3RTY3JvbGxiYXJEaXJlY3RpdmUsXHJcbiAgLy8gc3RhbmRhbG9uZSBjb21wb25lbnRzL2RpcmVjdGl2ZXNcclxuICAgIE1vZGFsQ29tcG9uZW50LFxyXG4gICAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXHJcbiAgICBNb2RhbEZvb3RlckRpcmVjdGl2ZSxcclxuICAgIE1vZGFsQm9keUNvbXBvbmVudCxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIE1vZGFsQ29tcG9uZW50LFxyXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxyXG4gICAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXHJcbiAgICBNb2RhbEZvb3RlckRpcmVjdGl2ZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBNb2RhbFNlcnZpY2UsXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxNb2R1bGUge1xyXG4gIHN0YXRpYyBmb3JSb290KGNvbmZpZzogTW9kYWxDb25maWcgPSB7IHdpZHRoOiAnODAwcHgnIH0pOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE1vZGFsTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogTW9kYWxNb2R1bGUsXHJcbiAgICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHsgcHJvdmlkZTogQ1JBRlRTSlNfTU9EQUxfQ09ORklHLCB1c2VWYWx1ZTogY29uZmlnIH0sXHJcbiAgICAgICAgTW9kYWxTZXJ2aWNlXHJcbiAgICAgIF1cclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
|
|
2
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
3
|
+
import { CRAFTSJS_MODAL_CONFIG } from './tokens';
|
|
4
|
+
import { ModalService } from './services/modal.service';
|
|
5
|
+
/**
|
|
6
|
+
* Standalone providers for CraftsJS Modal.
|
|
7
|
+
* Use in Angular 15+ standalone apps instead of ModalModule.forRoot().
|
|
8
|
+
*/
|
|
9
|
+
export function provideCraftsjsModal(config = { width: '800px' }) {
|
|
10
|
+
return makeEnvironmentProviders([
|
|
11
|
+
importProvidersFrom(MatDialogModule),
|
|
12
|
+
{ provide: CRAFTSJS_MODAL_CONFIG, useValue: config },
|
|
13
|
+
ModalService
|
|
14
|
+
]);
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwucHJvdmlkZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvbW9kYWwvc3JjL2xpYi9tb2RhbC5wcm92aWRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF3Qix3QkFBd0IsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRWpELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV4RDs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsb0JBQW9CLENBQUMsU0FBc0IsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO0lBQzNFLE9BQU8sd0JBQXdCLENBQUM7UUFDOUIsbUJBQW1CLENBQUMsZUFBZSxDQUFDO1FBQ3BDLEVBQUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUU7UUFDcEQsWUFBWTtLQUNiLENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbnZpcm9ubWVudFByb3ZpZGVycywgbWFrZUVudmlyb25tZW50UHJvdmlkZXJzLCBpbXBvcnRQcm92aWRlcnNGcm9tIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IENSQUZUU0pTX01PREFMX0NPTkZJRyB9IGZyb20gJy4vdG9rZW5zJztcclxuaW1wb3J0IHsgTW9kYWxDb25maWcgfSBmcm9tICcuL21vZGVscy9tb2RhbC1jb25maWcubW9kZWwnO1xyXG5pbXBvcnQgeyBNb2RhbFNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL21vZGFsLnNlcnZpY2UnO1xyXG5cclxuLyoqXHJcbiAqIFN0YW5kYWxvbmUgcHJvdmlkZXJzIGZvciBDcmFmdHNKUyBNb2RhbC5cclxuICogVXNlIGluIEFuZ3VsYXIgMTUrIHN0YW5kYWxvbmUgYXBwcyBpbnN0ZWFkIG9mIE1vZGFsTW9kdWxlLmZvclJvb3QoKS5cclxuICovXHJcbmV4cG9ydCBmdW5jdGlvbiBwcm92aWRlQ3JhZnRzanNNb2RhbChjb25maWc6IE1vZGFsQ29uZmlnID0geyB3aWR0aDogJzgwMHB4JyB9KTogRW52aXJvbm1lbnRQcm92aWRlcnMge1xyXG4gIHJldHVybiBtYWtlRW52aXJvbm1lbnRQcm92aWRlcnMoW1xyXG4gICAgaW1wb3J0UHJvdmlkZXJzRnJvbShNYXREaWFsb2dNb2R1bGUpLFxyXG4gICAgeyBwcm92aWRlOiBDUkFGVFNKU19NT0RBTF9DT05GSUcsIHVzZVZhbHVlOiBjb25maWcgfSxcclxuICAgIE1vZGFsU2VydmljZVxyXG4gIF0pO1xyXG59XHJcbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -9,4 +9,5 @@ export * from './lib/directives/modal-header.directive';
|
|
|
9
9
|
export * from './lib/models/modal-config.model';
|
|
10
10
|
export * from './lib/services/modal.service';
|
|
11
11
|
export * from './lib/tokens';
|
|
12
|
-
|
|
12
|
+
export * from './lib/modal.providers';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG1vZGFsXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kYWwuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kYWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9tb2RhbC1ib2R5L21vZGFsLWJvZHkuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9tb2RhbC1mb290ZXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9tb2RhbC1oZWFkZXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL21vZGFsLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL21vZGFsLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2tlbnMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RhbC5wcm92aWRlcnMnO1xyXG4iXX0=
|
|
@@ -1,44 +1,45 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, ViewChild, InjectionToken, Inject, Injectable, NgModule } from '@angular/core';
|
|
2
|
+
import { ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, ViewChild, InjectionToken, Inject, Injectable, NgModule, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
|
-
import * as i1
|
|
4
|
+
import * as i1 from '@angular/material/dialog';
|
|
5
5
|
import { MatDialogModule } from '@angular/material/dialog';
|
|
6
6
|
import PerfectScrollbar from 'perfect-scrollbar';
|
|
7
|
-
import
|
|
8
|
-
import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
|
|
7
|
+
import { PerfectScrollbarDirective } from '@craftsjs/perfect-scrollbar';
|
|
9
8
|
|
|
10
9
|
class ModalComponent {
|
|
11
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
12
|
}
|
|
14
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
|
|
15
14
|
type: Component,
|
|
16
15
|
args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
17
16
|
class: 'modal'
|
|
18
|
-
}, template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"] }]
|
|
17
|
+
}, standalone: true, imports: [], template: "<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}\n"] }]
|
|
19
18
|
}] });
|
|
20
19
|
|
|
21
20
|
class ModalHeaderDirective {
|
|
22
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
23
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalHeaderDirective, selector: "modal-header, [modal-header], [craftsjsModalHeader]", host: { classAttribute: "modal-header" }, ngImport: i0 }); }
|
|
22
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalHeaderDirective, isStandalone: true, selector: "modal-header, [modal-header], [craftsjsModalHeader]", host: { classAttribute: "modal-header" }, ngImport: i0 }); }
|
|
24
23
|
}
|
|
25
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalHeaderDirective, decorators: [{
|
|
26
25
|
type: Directive,
|
|
27
26
|
args: [{
|
|
28
27
|
selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
|
|
29
|
-
host: { class: 'modal-header' }
|
|
28
|
+
host: { class: 'modal-header' },
|
|
29
|
+
standalone: true
|
|
30
30
|
}]
|
|
31
31
|
}] });
|
|
32
32
|
|
|
33
33
|
class ModalFooterDirective {
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
35
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalFooterDirective, selector: "modal-footer, [modal-footer], [craftsjsModalFooter]", host: { classAttribute: "modal-footer" }, ngImport: i0 }); }
|
|
35
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ModalFooterDirective, isStandalone: true, selector: "modal-footer, [modal-footer], [craftsjsModalFooter]", host: { classAttribute: "modal-footer" }, ngImport: i0 }); }
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalFooterDirective, decorators: [{
|
|
38
38
|
type: Directive,
|
|
39
39
|
args: [{
|
|
40
40
|
selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
|
|
41
|
-
host: { class: 'modal-footer' }
|
|
41
|
+
host: { class: 'modal-footer' },
|
|
42
|
+
standalone: true
|
|
42
43
|
}]
|
|
43
44
|
}] });
|
|
44
45
|
|
|
@@ -50,13 +51,13 @@ class ModalBodyComponent {
|
|
|
50
51
|
this.ps?.update();
|
|
51
52
|
}
|
|
52
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalBodyComponent, selector: "modal-body, [modal-body], [craftsjsModalBody]", host: { classAttribute: "modal-body" }, viewQueries: [{ propertyName: "ps", first: true, predicate: PerfectScrollbar, descendants: true }], ngImport: i0, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""],
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalBodyComponent, isStandalone: true, selector: "modal-body, [modal-body], [craftsjsModalBody]", host: { classAttribute: "modal-body" }, viewQueries: [{ propertyName: "ps", first: true, predicate: PerfectScrollbar, descendants: true }], ngImport: i0, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
54
55
|
}
|
|
55
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalBodyComponent, decorators: [{
|
|
56
57
|
type: Component,
|
|
57
58
|
args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
58
59
|
class: 'modal-body'
|
|
59
|
-
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
60
|
+
}, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
60
61
|
}], propDecorators: { ps: [{
|
|
61
62
|
type: ViewChild,
|
|
62
63
|
args: [PerfectScrollbar]
|
|
@@ -80,12 +81,12 @@ class ModalService {
|
|
|
80
81
|
viewContainerRef: data?.viewContainerRef
|
|
81
82
|
});
|
|
82
83
|
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i1
|
|
84
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i1.MatDialog }, { token: CRAFTSJS_MODAL_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
84
85
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService }); }
|
|
85
86
|
}
|
|
86
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, decorators: [{
|
|
87
88
|
type: Injectable
|
|
88
|
-
}], ctorParameters: () => [{ type: i1
|
|
89
|
+
}], ctorParameters: () => [{ type: i1.MatDialog }, { type: ModalConfig, decorators: [{
|
|
89
90
|
type: Inject,
|
|
90
91
|
args: [CRAFTSJS_MODAL_CONFIG]
|
|
91
92
|
}] }] });
|
|
@@ -101,35 +102,36 @@ class ModalModule {
|
|
|
101
102
|
};
|
|
102
103
|
}
|
|
103
104
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
104
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ModalModule,
|
|
105
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, imports: [CommonModule,
|
|
106
|
+
MatDialogModule,
|
|
107
|
+
PerfectScrollbarDirective,
|
|
108
|
+
// standalone components/directives
|
|
109
|
+
ModalComponent,
|
|
105
110
|
ModalHeaderDirective,
|
|
106
111
|
ModalFooterDirective,
|
|
107
|
-
ModalBodyComponent],
|
|
108
|
-
MatDialogModule,
|
|
109
|
-
PerfectScrollbarModule], exports: [ModalComponent,
|
|
112
|
+
ModalBodyComponent], exports: [ModalComponent,
|
|
110
113
|
ModalBodyComponent,
|
|
111
114
|
ModalHeaderDirective,
|
|
112
115
|
ModalFooterDirective] }); }
|
|
113
116
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, providers: [
|
|
114
117
|
ModalService,
|
|
115
118
|
], imports: [CommonModule,
|
|
116
|
-
MatDialogModule
|
|
117
|
-
PerfectScrollbarModule] }); }
|
|
119
|
+
MatDialogModule] }); }
|
|
118
120
|
}
|
|
119
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalModule, decorators: [{
|
|
120
122
|
type: NgModule,
|
|
121
123
|
args: [{
|
|
122
|
-
declarations: [
|
|
124
|
+
declarations: [],
|
|
125
|
+
imports: [
|
|
126
|
+
CommonModule,
|
|
127
|
+
MatDialogModule,
|
|
128
|
+
PerfectScrollbarDirective,
|
|
129
|
+
// standalone components/directives
|
|
123
130
|
ModalComponent,
|
|
124
131
|
ModalHeaderDirective,
|
|
125
132
|
ModalFooterDirective,
|
|
126
133
|
ModalBodyComponent,
|
|
127
134
|
],
|
|
128
|
-
imports: [
|
|
129
|
-
CommonModule,
|
|
130
|
-
MatDialogModule,
|
|
131
|
-
PerfectScrollbarModule,
|
|
132
|
-
],
|
|
133
135
|
exports: [
|
|
134
136
|
ModalComponent,
|
|
135
137
|
ModalBodyComponent,
|
|
@@ -142,6 +144,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
142
144
|
}]
|
|
143
145
|
}] });
|
|
144
146
|
|
|
147
|
+
/**
|
|
148
|
+
* Standalone providers for CraftsJS Modal.
|
|
149
|
+
* Use in Angular 15+ standalone apps instead of ModalModule.forRoot().
|
|
150
|
+
*/
|
|
151
|
+
function provideCraftsjsModal(config = { width: '800px' }) {
|
|
152
|
+
return makeEnvironmentProviders([
|
|
153
|
+
importProvidersFrom(MatDialogModule),
|
|
154
|
+
{ provide: CRAFTSJS_MODAL_CONFIG, useValue: config },
|
|
155
|
+
ModalService
|
|
156
|
+
]);
|
|
157
|
+
}
|
|
158
|
+
|
|
145
159
|
/*
|
|
146
160
|
* Public API Surface of modal
|
|
147
161
|
*/
|
|
@@ -150,5 +164,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
150
164
|
* Generated bundle index. Do not edit.
|
|
151
165
|
*/
|
|
152
166
|
|
|
153
|
-
export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
|
|
167
|
+
export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService, provideCraftsjsModal };
|
|
154
168
|
//# sourceMappingURL=craftsjs-modal.mjs.map
|
|
@@ -1 +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';\r\n\r\n@Component({\r\n selector: 'craftsjs-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n host: {\r\n class: 'modal'\r\n }\r\n})\r\nexport class ModalComponent { }\r\n","<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: 'modal-header, [modal-header], [craftsjsModalHeader]',\r\n host: { class: 'modal-header' }\r\n})\r\nexport class ModalHeaderDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',\r\n host: { class: 'modal-footer' }\r\n})\r\nexport class ModalFooterDirective { }\r\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, AfterViewInit, AfterViewChecked } from '@angular/core';\r\nimport PerfectScrollbar from 'perfect-scrollbar';\r\n\r\n@Component({\r\n selector: 'modal-body, [modal-body], [craftsjsModalBody]',\r\n templateUrl: './modal-body.component.html',\r\n styleUrls: ['./modal-body.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'modal-body'\r\n },\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class ModalBodyComponent implements AfterViewInit, AfterViewChecked { \r\n\r\n @ViewChild(PerfectScrollbar)\r\n private ps: PerfectScrollbar;\r\n\r\n\r\n ngAfterViewInit() {\r\n this.ps?.update();\r\n }\r\n\r\n ngAfterViewChecked(): void {\r\n this.ps?.update();\r\n }\r\n\r\n}\r\n","<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport const CRAFTSJS_MODAL_CONFIG = new InjectionToken<string>('CRAFTSJS_MODAL_CONFIG');\r\n","export class ModalConfig {\r\n width: string;\r\n}\r\n","import { Injectable, TemplateRef, Inject, Injector, ViewContainerRef } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ComponentType } from '@angular/cdk/portal';\r\nimport { CRAFTSJS_MODAL_CONFIG } from '../tokens';\r\nimport { ModalConfig } from '../models/modal-config.model';\r\n\r\nexport interface ModalData<T = any> { \r\n data?: T;\r\n injector?: Injector;\r\n viewContainerRef?: ViewContainerRef;\r\n}\r\n\r\n@Injectable()\r\nexport class ModalService {\r\n\r\n constructor(\r\n private _dialog: MatDialog,\r\n @Inject(CRAFTSJS_MODAL_CONFIG) private modalConfig: ModalConfig\r\n ) { }\r\n\r\n show<T = any>(component: ComponentType<T> | TemplateRef<T>, data?: ModalData) {\r\n return this._dialog.open(component, {\r\n data: data?.data,\r\n width: this.modalConfig.width,\r\n injector: data?.injector,\r\n viewContainerRef: data?.viewContainerRef\r\n });\r\n }\r\n\r\n}\r\n","import { NgModule, ModuleWithProviders } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { ModalComponent } from './modal.component';\r\nimport { ModalHeaderDirective } from './directives/modal-header.directive';\r\nimport { ModalFooterDirective } from './directives/modal-footer.directive';\r\nimport { ModalBodyComponent } from './components/modal-body/modal-body.component';\r\nimport { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';\r\nimport { ModalConfig } from './models/modal-config.model';\r\nimport { ModalService } from './services/modal.service';\r\nimport { CRAFTSJS_MODAL_CONFIG } from './tokens';\r\n\r\n@NgModule({\r\n declarations: [\r\n ModalComponent,\r\n ModalHeaderDirective,\r\n ModalFooterDirective,\r\n ModalBodyComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n PerfectScrollbarModule,\r\n ],\r\n exports: [\r\n ModalComponent,\r\n ModalBodyComponent,\r\n ModalHeaderDirective,\r\n ModalFooterDirective\r\n ],\r\n providers: [\r\n ModalService,\r\n ]\r\n})\r\nexport class ModalModule {\r\n static forRoot(config: ModalConfig = { width: '800px' }): ModuleWithProviders<ModalModule> {\r\n return {\r\n ngModule: ModalModule,\r\n providers: [\r\n { provide: CRAFTSJS_MODAL_CONFIG, useValue: config },\r\n ModalService\r\n ]\r\n };\r\n }\r\n}\r\n","/*\r\n * Public API Surface of modal\r\n */\r\n\r\nexport * from './lib/modal.component';\r\nexport * from './lib/modal.module';\r\nexport * from './lib/components/modal-body/modal-body.component';\r\nexport * from './lib/directives/modal-footer.directive';\r\nexport * from './lib/directives/modal-header.directive';\r\nexport * from './lib/models/modal-config.model';\r\nexport * from './lib/services/modal.service';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
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/lib/modal.providers.ts","../../../../projects/craftsjs/modal/src/public-api.ts","../../../../projects/craftsjs/modal/src/craftsjs-modal.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'craftsjs-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n host: {\r\n class: 'modal'\r\n },\r\n standalone: true,\r\n imports: []\r\n})\r\nexport class ModalComponent { }\r\n","<ng-content select=\"modal-header\"></ng-content>\r\n<ng-content select=\"modal-body\"></ng-content>\r\n<ng-content select=\"modal-footer\"></ng-content>","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: 'modal-header, [modal-header], [craftsjsModalHeader]',\r\n host: { class: 'modal-header' },\r\n standalone: true\r\n})\r\nexport class ModalHeaderDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',\r\n host: { class: 'modal-footer' },\r\n standalone: true\r\n})\r\nexport class ModalFooterDirective { }\r\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, AfterViewInit, AfterViewChecked } from '@angular/core';\r\n\r\nimport PerfectScrollbar from 'perfect-scrollbar';\r\n\r\n@Component({\r\n selector: 'modal-body, [modal-body], [craftsjsModalBody]',\r\n templateUrl: './modal-body.component.html',\r\n styleUrls: ['./modal-body.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'modal-body'\r\n },\r\n encapsulation: ViewEncapsulation.None,\r\n standalone: true,\r\n imports: []\r\n})\r\nexport class ModalBodyComponent implements AfterViewInit, AfterViewChecked { \r\n\r\n @ViewChild(PerfectScrollbar)\r\n private ps: PerfectScrollbar;\r\n\r\n\r\n ngAfterViewInit() {\r\n this.ps?.update();\r\n }\r\n\r\n ngAfterViewChecked(): void {\r\n this.ps?.update();\r\n }\r\n\r\n}\r\n","<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport const CRAFTSJS_MODAL_CONFIG = new InjectionToken<string>('CRAFTSJS_MODAL_CONFIG');\r\n","export class ModalConfig {\r\n width: string;\r\n}\r\n","import { Injectable, TemplateRef, Inject, Injector, ViewContainerRef } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ComponentType } from '@angular/cdk/portal';\r\nimport { CRAFTSJS_MODAL_CONFIG } from '../tokens';\r\nimport { ModalConfig } from '../models/modal-config.model';\r\n\r\nexport interface ModalData<T = any> { \r\n data?: T;\r\n injector?: Injector;\r\n viewContainerRef?: ViewContainerRef;\r\n}\r\n\r\n@Injectable()\r\nexport class ModalService {\r\n\r\n constructor(\r\n private _dialog: MatDialog,\r\n @Inject(CRAFTSJS_MODAL_CONFIG) private modalConfig: ModalConfig\r\n ) { }\r\n\r\n show<T = any>(component: ComponentType<T> | TemplateRef<T>, data?: ModalData) {\r\n return this._dialog.open(component, {\r\n data: data?.data,\r\n width: this.modalConfig.width,\r\n injector: data?.injector,\r\n viewContainerRef: data?.viewContainerRef\r\n });\r\n }\r\n\r\n}\r\n","import { NgModule, ModuleWithProviders } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { ModalComponent } from './modal.component';\r\nimport { ModalHeaderDirective } from './directives/modal-header.directive';\r\nimport { ModalFooterDirective } from './directives/modal-footer.directive';\r\nimport { ModalBodyComponent } from './components/modal-body/modal-body.component';\r\nimport { PerfectScrollbarDirective } from '@craftsjs/perfect-scrollbar';\r\nimport { ModalConfig } from './models/modal-config.model';\r\nimport { ModalService } from './services/modal.service';\r\nimport { CRAFTSJS_MODAL_CONFIG } from './tokens';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n PerfectScrollbarDirective,\r\n // standalone components/directives\r\n ModalComponent,\r\n ModalHeaderDirective,\r\n ModalFooterDirective,\r\n ModalBodyComponent,\r\n ],\r\n exports: [\r\n ModalComponent,\r\n ModalBodyComponent,\r\n ModalHeaderDirective,\r\n ModalFooterDirective\r\n ],\r\n providers: [\r\n ModalService,\r\n ]\r\n})\r\nexport class ModalModule {\r\n static forRoot(config: ModalConfig = { width: '800px' }): ModuleWithProviders<ModalModule> {\r\n return {\r\n ngModule: ModalModule,\r\n providers: [\r\n { provide: CRAFTSJS_MODAL_CONFIG, useValue: config },\r\n ModalService\r\n ]\r\n };\r\n }\r\n}\r\n","import { EnvironmentProviders, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { CRAFTSJS_MODAL_CONFIG } from './tokens';\r\nimport { ModalConfig } from './models/modal-config.model';\r\nimport { ModalService } from './services/modal.service';\r\n\r\n/**\r\n * Standalone providers for CraftsJS Modal.\r\n * Use in Angular 15+ standalone apps instead of ModalModule.forRoot().\r\n */\r\nexport function provideCraftsjsModal(config: ModalConfig = { width: '800px' }): EnvironmentProviders {\r\n return makeEnvironmentProviders([\r\n importProvidersFrom(MatDialogModule),\r\n { provide: CRAFTSJS_MODAL_CONFIG, useValue: config },\r\n ModalService\r\n ]);\r\n}\r\n","/*\r\n * Public API Surface of modal\r\n */\r\n\r\nexport * from './lib/modal.component';\r\nexport * from './lib/modal.module';\r\nexport * from './lib/components/modal-body/modal-body.component';\r\nexport * from './lib/directives/modal-footer.directive';\r\nexport * from './lib/directives/modal-header.directive';\r\nexport * from './lib/models/modal-config.model';\r\nexport * from './lib/services/modal.service';\r\nexport * from './lib/tokens';\r\nexport * from './lib/modal.providers';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,5 @@ export declare class ModalBodyComponent implements AfterViewInit, AfterViewCheck
|
|
|
5
5
|
ngAfterViewInit(): void;
|
|
6
6
|
ngAfterViewChecked(): void;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalBodyComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ModalBodyComponent, "modal-body, [modal-body], [craftsjsModalBody]", never, {}, {}, never, ["*"],
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalBodyComponent, "modal-body, [modal-body], [craftsjsModalBody]", never, {}, {}, never, ["*"], true, never>;
|
|
9
9
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class ModalFooterDirective {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterDirective, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalFooterDirective, "modal-footer, [modal-footer], [craftsjsModalFooter]", never, {}, {}, never, never,
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalFooterDirective, "modal-footer, [modal-footer], [craftsjsModalFooter]", never, {}, {}, never, never, true, never>;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class ModalHeaderDirective {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderDirective, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalHeaderDirective, "modal-header, [modal-header], [craftsjsModalHeader]", never, {}, {}, never, never,
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalHeaderDirective, "modal-header, [modal-header], [craftsjsModalHeader]", never, {}, {}, never, never, true, never>;
|
|
5
5
|
}
|
package/lib/modal.component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class ModalComponent {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "craftsjs-modal", never, {}, {}, never, ["modal-header", "modal-body", "modal-footer"],
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "craftsjs-modal", never, {}, {}, never, ["modal-header", "modal-body", "modal-footer"], true, never>;
|
|
5
5
|
}
|
package/lib/modal.module.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { ModuleWithProviders } from '@angular/core';
|
|
2
2
|
import { ModalConfig } from './models/modal-config.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "
|
|
7
|
-
import * as i4 from "./
|
|
8
|
-
import * as i5 from "
|
|
9
|
-
import * as i6 from "
|
|
10
|
-
import * as i7 from "
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/material/dialog";
|
|
6
|
+
import * as i3 from "@craftsjs/perfect-scrollbar";
|
|
7
|
+
import * as i4 from "./modal.component";
|
|
8
|
+
import * as i5 from "./directives/modal-header.directive";
|
|
9
|
+
import * as i6 from "./directives/modal-footer.directive";
|
|
10
|
+
import * as i7 from "./components/modal-body/modal-body.component";
|
|
11
11
|
export declare class ModalModule {
|
|
12
12
|
static forRoot(config?: ModalConfig): ModuleWithProviders<ModalModule>;
|
|
13
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
|
|
14
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, never, [typeof i1.CommonModule, typeof i2.MatDialogModule, typeof i3.PerfectScrollbarDirective, typeof i4.ModalComponent, typeof i5.ModalHeaderDirective, typeof i6.ModalFooterDirective, typeof i7.ModalBodyComponent], [typeof i4.ModalComponent, typeof i7.ModalBodyComponent, typeof i5.ModalHeaderDirective, typeof i6.ModalFooterDirective]>;
|
|
15
15
|
static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
|
|
16
16
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { EnvironmentProviders } from '@angular/core';
|
|
2
|
+
import { ModalConfig } from './models/modal-config.model';
|
|
3
|
+
/**
|
|
4
|
+
* Standalone providers for CraftsJS Modal.
|
|
5
|
+
* Use in Angular 15+ standalone apps instead of ModalModule.forRoot().
|
|
6
|
+
*/
|
|
7
|
+
export declare function provideCraftsjsModal(config?: ModalConfig): EnvironmentProviders;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@craftsjs/modal",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"author": "craftsjs",
|
|
5
5
|
"description": "Material modal is a library for angular",
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@angular/material": ">=18.0.0 < 19.0.0",
|
|
12
12
|
"@angular/animations": ">=18.0.0 < 19.0.0",
|
|
13
13
|
"@angular/cdk": ">=18.0.0 < 19.0.0",
|
|
14
|
-
"rxjs": "
|
|
14
|
+
"rxjs": "6.6.3"
|
|
15
15
|
},
|
|
16
16
|
"repository": {
|
|
17
17
|
"type": "git",
|
package/public-api.d.ts
CHANGED