@craftsjs/modal 5.0.1 → 5.2.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.
@@ -0,0 +1,71 @@
1
+ @mixin modal($theme) {
2
+
3
+ $background: map-get($theme, background);
4
+ $foreground: map-get($theme, foreground);
5
+
6
+ .modal {
7
+ position: relative;
8
+ display: flex;
9
+ flex-direction: column;
10
+ width: 100%;
11
+ pointer-events: auto;
12
+ background-color: mat.get-color-from-palette($background, 'card');
13
+ background-clip: padding-box;
14
+ outline: 0;
15
+
16
+ &-header {
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: space-between;
20
+ padding: 1rem;
21
+ border-bottom: 1px solid mat.get-color-from-palette($foreground, 'divider');
22
+ border-top-left-radius: .3rem;
23
+ border-top-right-radius: .3rem;
24
+ }
25
+
26
+ &-body {
27
+ position: relative;
28
+ flex: 1 1 auto;
29
+
30
+ &-responsive {
31
+ padding: 1rem;
32
+ position: relative;
33
+ max-height: calc(70vh - 100px);
34
+ }
35
+ }
36
+
37
+ &-footer {
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: flex-end;
41
+ padding: 1rem;
42
+ border-top: 1px solid mat.get-color-from-palette($foreground, 'divider');
43
+
44
+ &>button {
45
+ margin-right: 10px;
46
+ }
47
+
48
+ &>button:last-child {
49
+ margin-right: 0;
50
+ }
51
+ }
52
+ }
53
+ }
54
+
55
+ @mixin modal-color($theme) {
56
+
57
+ $background: map-get($theme, background);
58
+ $foreground: map-get($theme, foreground);
59
+
60
+ .modal {
61
+ background-color: mat.get-color-from-palette($background, 'card');
62
+
63
+ &-header {
64
+ border-bottom: 1px solid mat.get-color-from-palette($foreground, 'divider');
65
+ }
66
+
67
+ &-footer {
68
+ border-top: 1px solid mat.get-color-from-palette($foreground, 'divider');
69
+ }
70
+ }
71
+ }
@@ -1,14 +1,24 @@
1
- import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild } from '@angular/core';
2
+ import PerfectScrollbar from 'perfect-scrollbar';
2
3
  import * as i0 from "@angular/core";
3
4
  import * as i1 from "@craftsjs/perfect-scrollbar";
4
5
  export class ModalBodyComponent {
6
+ ngAfterViewInit() {
7
+ this.ps?.update();
8
+ }
9
+ ngAfterViewChecked() {
10
+ this.ps?.update();
11
+ }
5
12
  }
6
13
  ModalBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- 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 });
14
+ ModalBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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>\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 });
8
15
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, decorators: [{
9
16
  type: Component,
10
17
  args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
11
18
  class: 'modal-body'
12
19
  }, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n" }]
13
- }] });
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9tb2RhbC9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwtYm9keS9tb2RhbC1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1ib2R5L21vZGFsLWJvZHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBWXRGLE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7bUdBQWxCLGtCQUFrQiw2SENaL0IsK0ZBR0E7MkZEU2Esa0JBQWtCO2tCQVY5QixTQUFTOytCQUNFLCtDQUErQyxtQkFHeEMsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixLQUFLLEVBQUUsWUFBWTtxQkFDcEIsaUJBQ2MsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vZGFsLWJvZHksIFttb2RhbC1ib2R5XSwgW2NyYWZ0c2pzTW9kYWxCb2R5XScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1ib2R5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtYm9keS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnbW9kYWwtYm9keSdcbiAgfSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEJvZHlDb21wb25lbnQgeyB9XG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtYm9keS1yZXNwb25zaXZlXCIgcGVyZmVjdFNjcm9sbGJhcj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
20
+ }], propDecorators: { ps: [{
21
+ type: ViewChild,
22
+ args: [PerfectScrollbar]
23
+ }] } });
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9tb2RhbC9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwtYm9keS9tb2RhbC1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1ib2R5L21vZGFsLWJvZHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQW1DLE1BQU0sZUFBZSxDQUFDO0FBQ2xJLE9BQU8sZ0JBQWdCLE1BQU0sbUJBQW1CLENBQUM7OztBQVlqRCxNQUFNLE9BQU8sa0JBQWtCO0lBTTdCLGVBQWU7UUFDYixJQUFJLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUNwQixDQUFDOzsrR0FaVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpS0FFbEIsZ0JBQWdCLGdEQ2Y3QiwrRkFHQTsyRkRVYSxrQkFBa0I7a0JBVjlCLFNBQVM7K0JBQ0UsK0NBQStDLG1CQUd4Qyx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxZQUFZO3FCQUNwQixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUs3QixFQUFFO3NCQURULFNBQVM7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIFZpZXdDaGlsZCwgQWZ0ZXJWaWV3SW5pdCwgQWZ0ZXJWaWV3Q2hlY2tlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IFBlcmZlY3RTY3JvbGxiYXIgZnJvbSAncGVyZmVjdC1zY3JvbGxiYXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2RhbC1ib2R5LCBbbW9kYWwtYm9keV0sIFtjcmFmdHNqc01vZGFsQm9keV0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtYm9keS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLWJvZHkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ21vZGFsLWJvZHknXG4gIH0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxCb2R5Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgQWZ0ZXJWaWV3Q2hlY2tlZCB7IFxuXG4gIEBWaWV3Q2hpbGQoUGVyZmVjdFNjcm9sbGJhcilcbiAgcHJpdmF0ZSBwczogUGVyZmVjdFNjcm9sbGJhcjtcblxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnBzPy51cGRhdGUoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLnBzPy51cGRhdGUoKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtYm9keS1yZXNwb25zaXZlXCIgcGVyZmVjdFNjcm9sbGJhcj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
@@ -3,11 +3,11 @@ import * as i0 from "@angular/core";
3
3
  export class ModalComponent {
4
4
  }
5
5
  ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
- 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 });
6
+ 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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7
7
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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>\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"] }]
11
+ }, 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}\n"] }]
12
12
  }] });
13
13
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvbW9kYWwvc3JjL2xpYi9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9tb2RhbC9zcmMvbGliL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBWXRGLE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOytGQUFkLGNBQWMseUZDWjNCLHVKQUUrQzsyRkRVbEMsY0FBYztrQkFWMUIsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsT0FBTztxQkFDZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NyYWZ0c2pzLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ21vZGFsJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IHsgfVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwibW9kYWwtaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwibW9kYWwtYm9keVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cIm1vZGFsLWZvb3RlclwiPjwvbmctY29udGVudD4iXX0=
@@ -1,20 +1,21 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, ViewChild, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
3
3
  import { CommonModule } from '@angular/common';
4
4
  import * as i1$1 from '@angular/material/dialog';
5
5
  import { MatDialogModule } from '@angular/material/dialog';
6
+ import PerfectScrollbar from 'perfect-scrollbar';
6
7
  import * as i1 from '@craftsjs/perfect-scrollbar';
7
8
  import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
8
9
 
9
10
  class ModalComponent {
10
11
  }
11
12
  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
+ 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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
14
15
  type: Component,
15
16
  args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
16
17
  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
+ }, 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}\n"] }]
18
19
  }] });
19
20
 
20
21
  class ModalHeaderDirective {
@@ -42,15 +43,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
42
43
  }] });
43
44
 
44
45
  class ModalBodyComponent {
46
+ ngAfterViewInit() {
47
+ var _a;
48
+ (_a = this.ps) === null || _a === void 0 ? void 0 : _a.update();
49
+ }
50
+ ngAfterViewChecked() {
51
+ var _a;
52
+ (_a = this.ps) === null || _a === void 0 ? void 0 : _a.update();
53
+ }
45
54
  }
46
55
  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 });
56
+ ModalBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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>\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
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, decorators: [{
49
58
  type: Component,
50
59
  args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
51
60
  class: 'modal-body'
52
61
  }, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n" }]
53
- }] });
62
+ }], propDecorators: { ps: [{
63
+ type: ViewChild,
64
+ args: [PerfectScrollbar]
65
+ }] } });
54
66
 
55
67
  const CRAFTSJS_MODAL_CONFIG = new InjectionToken('CRAFTSJS_MODAL_CONFIG');
56
68
 
@@ -144,4 +156,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
144
156
 
145
157
  export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
146
158
  //# sourceMappingURL=craftsjs-modal.mjs.map
147
- //# 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';\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
+ {"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, ViewChild, AfterViewInit, AfterViewChecked } from '@angular/core';\nimport PerfectScrollbar from 'perfect-scrollbar';\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 implements AfterViewInit, AfterViewChecked { \n\n @ViewChild(PerfectScrollbar)\n private ps: PerfectScrollbar;\n\n\n ngAfterViewInit() {\n this.ps?.update();\n }\n\n ngAfterViewChecked(): void {\n this.ps?.update();\n }\n\n}\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,20 +1,21 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, ViewChild, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
3
3
  import { CommonModule } from '@angular/common';
4
4
  import * as i1$1 from '@angular/material/dialog';
5
5
  import { MatDialogModule } from '@angular/material/dialog';
6
+ import PerfectScrollbar from 'perfect-scrollbar';
6
7
  import * as i1 from '@craftsjs/perfect-scrollbar';
7
8
  import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
8
9
 
9
10
  class ModalComponent {
10
11
  }
11
12
  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
+ 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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
14
15
  type: Component,
15
16
  args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
16
17
  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
+ }, 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}\n"] }]
18
19
  }] });
19
20
 
20
21
  class ModalHeaderDirective {
@@ -42,15 +43,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
42
43
  }] });
43
44
 
44
45
  class ModalBodyComponent {
46
+ ngAfterViewInit() {
47
+ this.ps?.update();
48
+ }
49
+ ngAfterViewChecked() {
50
+ this.ps?.update();
51
+ }
45
52
  }
46
53
  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 });
54
+ ModalBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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>\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
55
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalBodyComponent, decorators: [{
49
56
  type: Component,
50
57
  args: [{ selector: 'modal-body, [modal-body], [craftsjsModalBody]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
51
58
  class: 'modal-body'
52
59
  }, encapsulation: ViewEncapsulation.None, template: "<div class=\"modal-body-responsive\" perfectScrollbar>\n <ng-content></ng-content>\n</div>\n" }]
53
- }] });
60
+ }], propDecorators: { ps: [{
61
+ type: ViewChild,
62
+ args: [PerfectScrollbar]
63
+ }] } });
54
64
 
55
65
  const CRAFTSJS_MODAL_CONFIG = new InjectionToken('CRAFTSJS_MODAL_CONFIG');
56
66
 
@@ -142,4 +152,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
142
152
 
143
153
  export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
144
154
  //# sourceMappingURL=craftsjs-modal.mjs.map
145
- //# 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';\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
+ {"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, ViewChild, AfterViewInit, AfterViewChecked } from '@angular/core';\nimport PerfectScrollbar from 'perfect-scrollbar';\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 implements AfterViewInit, AfterViewChecked { \n\n @ViewChild(PerfectScrollbar)\n private ps: PerfectScrollbar;\n\n\n ngAfterViewInit() {\n this.ps?.update();\n }\n\n ngAfterViewChecked(): void {\n this.ps?.update();\n }\n\n}\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":";;;;;;;;;MAYa,cAAc,CAAA;;2GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,yFCZ3B,uJAE+C,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDUlC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,OAAO;AACf,qBAAA,EAAA,QAAA,EAAA,uJAAA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA,CAAA;;;MEJU,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAApB,oBAAoB,EAAA,QAAA,EAAA,qDAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qDAAqD;AAC/D,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;AAChC,iBAAA,CAAA;;;MCCY,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAApB,oBAAoB,EAAA,QAAA,EAAA,qDAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qDAAqD;AAC/D,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;AAChC,iBAAA,CAAA;;;MCQY,kBAAkB,CAAA;IAM7B,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC;KACnB;IAED,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC;KACnB;;+GAZU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,QAAA,EAAA,+CAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAElB,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf7B,+FAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDUa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+CAA+C,EAGxC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,YAAY;qBACpB,EACc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,+FAAA,EAAA,CAAA;8BAK7B,EAAE,EAAA,CAAA;sBADT,SAAS;uBAAC,gBAAgB,CAAA;;;MEbhB,qBAAqB,GAAG,IAAI,cAAc,CAAS,uBAAuB;;MCF1E,WAAW,CAAA;AAEvB;;MCWY,YAAY,CAAA;IAEvB,WACU,CAAA,OAAkB,EACa,WAAwB,EAAA;QADvD,IAAO,CAAA,OAAA,GAAP,OAAO,CAAW;QACa,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;KAC5D;IAEL,IAAI,CAAU,SAA4C,EAAE,IAAgB,EAAA;AAC1E,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;YAClC,IAAI,EAAE,IAAI,EAAE,IAAI;AAChB,YAAA,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;YAC7B,QAAQ,EAAE,IAAI,EAAE,QAAQ;YACxB,gBAAgB,EAAE,IAAI,EAAE,gBAAgB;AACzC,SAAA,CAAC,CAAC;KACJ;;AAdU,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,6CAIb,qBAAqB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;6GAJpB,YAAY,EAAA,CAAA,CAAA;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;;0BAKN,MAAM;2BAAC,qBAAqB,CAAA;;;MCiBpB,WAAW,CAAA;IACtB,OAAO,OAAO,CAAC,MAAA,GAAsB,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA;QACrD,OAAO;AACL,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACpD,YAAY;AACb,aAAA;SACF,CAAC;KACH;;wGATU,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,iBApBpB,cAAc;QACd,oBAAoB;QACpB,oBAAoB;AACpB,QAAA,kBAAkB,aAGlB,YAAY;QACZ,eAAe;AACf,QAAA,sBAAsB,aAGtB,cAAc;QACd,kBAAkB;QAClB,oBAAoB;QACpB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAMX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAJX,SAAA,EAAA;QACT,YAAY;AACb,KAAA,EAAA,OAAA,EAAA,CAZC,YAAY;QACZ,eAAe;QACf,sBAAsB,CAAA,EAAA,CAAA,CAAA;2FAYb,WAAW,EAAA,UAAA,EAAA,CAAA;kBAtBvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,cAAc;wBACd,oBAAoB;wBACpB,oBAAoB;wBACpB,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,cAAc;wBACd,kBAAkB;wBAClB,oBAAoB;wBACpB,oBAAoB;AACrB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,YAAY;AACb,qBAAA;AACF,iBAAA,CAAA;;;ACjCD;;AAEG;;ACFH;;AAEG;;;;"}
@@ -1,5 +1,9 @@
1
+ import { AfterViewInit, AfterViewChecked } from '@angular/core';
1
2
  import * as i0 from "@angular/core";
2
- export declare class ModalBodyComponent {
3
+ export declare class ModalBodyComponent implements AfterViewInit, AfterViewChecked {
4
+ private ps;
5
+ ngAfterViewInit(): void;
6
+ ngAfterViewChecked(): void;
3
7
  static ɵfac: i0.ɵɵFactoryDeclaration<ModalBodyComponent, never>;
4
8
  static ɵcmp: i0.ɵɵComponentDeclaration<ModalBodyComponent, "modal-body, [modal-body], [craftsjsModalBody]", never, {}, {}, never, ["*"], false, never>;
5
9
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@craftsjs/modal",
3
- "version": "5.0.1",
3
+ "version": "5.2.0",
4
4
  "author": "craftsjs",
5
5
  "description": "Material modal is a library for angular",
6
6
  "license": "MIT",