@craftsjs/modal 5.0.0 → 5.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/_craftsjs-modal.theme.scss +72 -0
- package/esm2020/lib/modal.component.mjs +2 -2
- package/esm2020/lib/services/modal.service.mjs +4 -4
- package/fesm2015/craftsjs-modal.mjs +5 -5
- package/fesm2015/craftsjs-modal.mjs.map +1 -1
- package/fesm2020/craftsjs-modal.mjs +5 -5
- package/fesm2020/craftsjs-modal.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,72 @@
|
|
|
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
|
+
padding: 1rem;
|
|
30
|
+
|
|
31
|
+
&-responsive {
|
|
32
|
+
position: relative;
|
|
33
|
+
max-height: calc(70vh - 100px);
|
|
34
|
+
overflow: auto;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&-footer {
|
|
39
|
+
display: flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
justify-content: flex-end;
|
|
42
|
+
padding: 1rem;
|
|
43
|
+
border-top: 1px solid mat.get-color-from-palette($foreground, 'divider');
|
|
44
|
+
|
|
45
|
+
&>button {
|
|
46
|
+
margin-right: 10px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&>button:last-child {
|
|
50
|
+
margin-right: 0;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@mixin modal-color($theme) {
|
|
57
|
+
|
|
58
|
+
$background: map-get($theme, background);
|
|
59
|
+
$foreground: map-get($theme, foreground);
|
|
60
|
+
|
|
61
|
+
.modal {
|
|
62
|
+
background-color: mat.get-color-from-palette($background, 'card');
|
|
63
|
+
|
|
64
|
+
&-header {
|
|
65
|
+
border-bottom: 1px solid mat.get-color-from-palette($foreground, 'divider');
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&-footer {
|
|
69
|
+
border-top: 1px solid mat.get-color-from-palette($foreground, 'divider');
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -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}
|
|
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}
|
|
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=
|
|
@@ -10,10 +10,10 @@ export class ModalService {
|
|
|
10
10
|
}
|
|
11
11
|
show(component, data) {
|
|
12
12
|
return this._dialog.open(component, {
|
|
13
|
-
data: data
|
|
13
|
+
data: data?.data,
|
|
14
14
|
width: this.modalConfig.width,
|
|
15
|
-
injector: data
|
|
16
|
-
viewContainerRef: data
|
|
15
|
+
injector: data?.injector,
|
|
16
|
+
viewContainerRef: data?.viewContainerRef
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
25
25
|
type: Inject,
|
|
26
26
|
args: [CRAFTSJS_MODAL_CONFIG]
|
|
27
27
|
}] }]; } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvc2VydmljZXMvbW9kYWwuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFlLE1BQU0sRUFBOEIsTUFBTSxlQUFlLENBQUM7QUFHNUYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFDOzs7O0FBVWxELE1BQU0sT0FBTyxZQUFZO0lBRXZCLFlBQ1UsT0FBa0IsRUFDYSxXQUF3QjtRQUR2RCxZQUFPLEdBQVAsT0FBTyxDQUFXO1FBQ2EsZ0JBQVcsR0FBWCxXQUFXLENBQWE7SUFDN0QsQ0FBQztJQUVMLElBQUksQ0FBVSxTQUE0QyxFQUFFLElBQWdCO1FBQzFFLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSTtZQUNoQixLQUFLLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLO1lBQzdCLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUTtZQUN4QixnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCO1NBQ3pDLENBQUMsQ0FBQztJQUNMLENBQUM7O3lHQWRVLFlBQVksMkNBSWIscUJBQXFCOzZHQUpwQixZQUFZOzJGQUFaLFlBQVk7a0JBRHhCLFVBQVU7OzBCQUtOLE1BQU07MkJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgVGVtcGxhdGVSZWYsIEluamVjdCwgSW5qZWN0b3IsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBDb21wb25lbnRUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQgeyBDUkFGVFNKU19NT0RBTF9DT05GSUcgfSBmcm9tICcuLi90b2tlbnMnO1xuaW1wb3J0IHsgTW9kYWxDb25maWcgfSBmcm9tICcuLi9tb2RlbHMvbW9kYWwtY29uZmlnLm1vZGVsJztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbERhdGE8VCA9IGFueT4geyBcbiAgZGF0YT86IFQ7XG4gIGluamVjdG9yPzogSW5qZWN0b3I7XG4gIHZpZXdDb250YWluZXJSZWY/OiBWaWV3Q29udGFpbmVyUmVmO1xufVxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgTW9kYWxTZXJ2aWNlIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9kaWFsb2c6IE1hdERpYWxvZyxcbiAgICBASW5qZWN0KENSQUZUU0pTX01PREFMX0NPTkZJRykgcHJpdmF0ZSBtb2RhbENvbmZpZzogTW9kYWxDb25maWdcbiAgKSB7IH1cblxuICBzaG93PFQgPSBhbnk+KGNvbXBvbmVudDogQ29tcG9uZW50VHlwZTxUPiB8IFRlbXBsYXRlUmVmPFQ+LCBkYXRhPzogTW9kYWxEYXRhKSB7XG4gICAgcmV0dXJuIHRoaXMuX2RpYWxvZy5vcGVuKGNvbXBvbmVudCwge1xuICAgICAgZGF0YTogZGF0YT8uZGF0YSxcbiAgICAgIHdpZHRoOiB0aGlzLm1vZGFsQ29uZmlnLndpZHRoLFxuICAgICAgaW5qZWN0b3I6IGRhdGE/LmluamVjdG9yLFxuICAgICAgdmlld0NvbnRhaW5lclJlZjogZGF0YT8udmlld0NvbnRhaW5lclJlZlxuICAgIH0pO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -9,12 +9,12 @@ import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
|
|
|
9
9
|
class ModalComponent {
|
|
10
10
|
}
|
|
11
11
|
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalComponent, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}
|
|
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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
16
16
|
class: 'modal'
|
|
17
|
-
}, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}
|
|
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}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
|
|
20
20
|
class ModalHeaderDirective {
|
|
@@ -64,10 +64,10 @@ class ModalService {
|
|
|
64
64
|
}
|
|
65
65
|
show(component, data) {
|
|
66
66
|
return this._dialog.open(component, {
|
|
67
|
-
data: data.data,
|
|
67
|
+
data: data === null || data === void 0 ? void 0 : data.data,
|
|
68
68
|
width: this.modalConfig.width,
|
|
69
|
-
injector: data.injector,
|
|
70
|
-
viewContainerRef: data.viewContainerRef
|
|
69
|
+
injector: data === null || data === void 0 ? void 0 : data.injector,
|
|
70
|
+
viewContainerRef: data === null || data === void 0 ? void 0 : data.viewContainerRef
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
}
|
|
@@ -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
|
|
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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"}
|
|
@@ -9,12 +9,12 @@ import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
|
|
|
9
9
|
class ModalComponent {
|
|
10
10
|
}
|
|
11
11
|
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalComponent, selector: "craftsjs-modal", host: { classAttribute: "modal" }, ngImport: i0, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}
|
|
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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'craftsjs-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
16
16
|
class: 'modal'
|
|
17
|
-
}, template: "<ng-content select=\"modal-header\"></ng-content>\n<ng-content select=\"modal-body\"></ng-content>\n<ng-content select=\"modal-footer\"></ng-content>", styles: [".mat-mdc-dialog-container{overflow:hidden!important}
|
|
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}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
|
|
20
20
|
class ModalHeaderDirective {
|
|
@@ -64,10 +64,10 @@ class ModalService {
|
|
|
64
64
|
}
|
|
65
65
|
show(component, data) {
|
|
66
66
|
return this._dialog.open(component, {
|
|
67
|
-
data: data
|
|
67
|
+
data: data?.data,
|
|
68
68
|
width: this.modalConfig.width,
|
|
69
|
-
injector: data
|
|
70
|
-
viewContainerRef: data
|
|
69
|
+
injector: data?.injector,
|
|
70
|
+
viewContainerRef: data?.viewContainerRef
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
}
|
|
@@ -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
|
|
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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"}
|