@craftsjs/modal 3.0.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +113 -111
  3. package/{esm2015/craftsjs-modal.js → esm2020/craftsjs-modal.mjs} +4 -4
  4. package/esm2020/lib/components/modal-body/modal-body.component.mjs +14 -0
  5. package/esm2020/lib/directives/modal-footer.directive.mjs +14 -0
  6. package/esm2020/lib/directives/modal-header.directive.mjs +14 -0
  7. package/esm2020/lib/modal.component.mjs +13 -0
  8. package/esm2020/lib/modal.module.mjs +63 -0
  9. package/{esm2015/lib/models/modal-config.model.js → esm2020/lib/models/modal-config.model.mjs} +3 -3
  10. package/esm2020/lib/services/modal.service.mjs +28 -0
  11. package/{esm2015/lib/tokens.js → esm2020/lib/tokens.mjs} +3 -3
  12. package/{esm2015/public-api.js → esm2020/public-api.mjs} +12 -12
  13. package/fesm2015/craftsjs-modal.mjs +147 -0
  14. package/fesm2015/craftsjs-modal.mjs.map +1 -0
  15. package/fesm2020/craftsjs-modal.mjs +145 -0
  16. package/fesm2020/craftsjs-modal.mjs.map +1 -0
  17. package/{craftsjs-modal.d.ts → index.d.ts} +5 -4
  18. package/lib/components/modal-body/modal-body.component.d.ts +5 -2
  19. package/lib/directives/modal-footer.directive.d.ts +5 -2
  20. package/lib/directives/modal-header.directive.d.ts +5 -2
  21. package/lib/modal.component.d.ts +5 -2
  22. package/lib/modal.module.d.ts +16 -5
  23. package/lib/models/modal-config.model.d.ts +3 -3
  24. package/lib/services/modal.service.d.ts +18 -10
  25. package/lib/tokens.d.ts +2 -2
  26. package/package.json +25 -13
  27. package/public-api.d.ts +8 -8
  28. package/bundles/craftsjs-modal.umd.js +0 -155
  29. package/bundles/craftsjs-modal.umd.js.map +0 -1
  30. package/craftsjs-modal.metadata.json +0 -1
  31. package/esm2015/lib/components/modal-body/modal-body.component.js +0 -16
  32. package/esm2015/lib/directives/modal-footer.directive.js +0 -10
  33. package/esm2015/lib/directives/modal-header.directive.js +0 -10
  34. package/esm2015/lib/modal.component.js +0 -16
  35. package/esm2015/lib/modal.module.js +0 -45
  36. package/esm2015/lib/services/modal.service.js +0 -24
  37. package/fesm2015/craftsjs-modal.js +0 -123
  38. package/fesm2015/craftsjs-modal.js.map +0 -1
@@ -1,155 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@craftsjs/perfect-scrollbar')) :
3
- typeof define === 'function' && define.amd ? define('@craftsjs/modal', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@craftsjs/perfect-scrollbar'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.craftsjs = global.craftsjs || {}, global.craftsjs.modal = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global['craftsjs-perfect-scrollbar']));
5
- }(this, (function (exports, core, common, dialog, perfectScrollbar) { 'use strict';
6
-
7
- var ModalComponent = /** @class */ (function () {
8
- function ModalComponent() {
9
- }
10
- return ModalComponent;
11
- }());
12
- ModalComponent.decorators = [
13
- { type: core.Component, args: [{
14
- selector: 'craftsjs-modal',
15
- 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>",
16
- changeDetection: core.ChangeDetectionStrategy.OnPush,
17
- encapsulation: core.ViewEncapsulation.None,
18
- host: {
19
- class: 'modal'
20
- },
21
- styles: [".mat-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}"]
22
- },] }
23
- ];
24
-
25
- var ModalHeaderDirective = /** @class */ (function () {
26
- function ModalHeaderDirective() {
27
- }
28
- return ModalHeaderDirective;
29
- }());
30
- ModalHeaderDirective.decorators = [
31
- { type: core.Directive, args: [{
32
- selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
33
- host: { class: 'modal-header' }
34
- },] }
35
- ];
36
-
37
- var ModalFooterDirective = /** @class */ (function () {
38
- function ModalFooterDirective() {
39
- }
40
- return ModalFooterDirective;
41
- }());
42
- ModalFooterDirective.decorators = [
43
- { type: core.Directive, args: [{
44
- selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
45
- host: { class: 'modal-footer' }
46
- },] }
47
- ];
48
-
49
- var ModalBodyComponent = /** @class */ (function () {
50
- function ModalBodyComponent() {
51
- }
52
- return ModalBodyComponent;
53
- }());
54
- ModalBodyComponent.decorators = [
55
- { type: core.Component, args: [{
56
- selector: 'modal-body, [modal-body], [craftsjsModalBody]',
57
- template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n",
58
- changeDetection: core.ChangeDetectionStrategy.OnPush,
59
- host: {
60
- class: 'modal-body'
61
- },
62
- encapsulation: core.ViewEncapsulation.None,
63
- styles: [""]
64
- },] }
65
- ];
66
-
67
- var CRAFTSJS_MODAL_CONFIG = new core.InjectionToken('CRAFTSJS_MODAL_CONFIG');
68
-
69
- var ModalConfig = /** @class */ (function () {
70
- function ModalConfig() {
71
- }
72
- return ModalConfig;
73
- }());
74
-
75
- var ModalService = /** @class */ (function () {
76
- function ModalService(_dialog, modalConfig) {
77
- this._dialog = _dialog;
78
- this.modalConfig = modalConfig;
79
- }
80
- ModalService.prototype.show = function (component, data) {
81
- return this._dialog.open(component, {
82
- data: data,
83
- width: this.modalConfig.width
84
- });
85
- };
86
- return ModalService;
87
- }());
88
- ModalService.decorators = [
89
- { type: core.Injectable }
90
- ];
91
- ModalService.ctorParameters = function () { return [
92
- { type: dialog.MatDialog },
93
- { type: ModalConfig, decorators: [{ type: core.Inject, args: [CRAFTSJS_MODAL_CONFIG,] }] }
94
- ]; };
95
-
96
- var ModalModule = /** @class */ (function () {
97
- function ModalModule() {
98
- }
99
- ModalModule.forRoot = function (config) {
100
- if (config === void 0) { config = { width: '800px' }; }
101
- return {
102
- ngModule: ModalModule,
103
- providers: [
104
- { provide: CRAFTSJS_MODAL_CONFIG, useValue: config }
105
- ]
106
- };
107
- };
108
- return ModalModule;
109
- }());
110
- ModalModule.decorators = [
111
- { type: core.NgModule, args: [{
112
- declarations: [
113
- ModalComponent,
114
- ModalHeaderDirective,
115
- ModalFooterDirective,
116
- ModalBodyComponent,
117
- ],
118
- imports: [
119
- common.CommonModule,
120
- dialog.MatDialogModule,
121
- perfectScrollbar.PerfectScrollbarModule,
122
- ],
123
- exports: [
124
- ModalComponent,
125
- ModalBodyComponent,
126
- ModalHeaderDirective,
127
- ModalFooterDirective
128
- ],
129
- providers: [
130
- ModalService
131
- ]
132
- },] }
133
- ];
134
-
135
- /*
136
- * Public API Surface of modal
137
- */
138
-
139
- /**
140
- * Generated bundle index. Do not edit.
141
- */
142
-
143
- exports.CRAFTSJS_MODAL_CONFIG = CRAFTSJS_MODAL_CONFIG;
144
- exports.ModalBodyComponent = ModalBodyComponent;
145
- exports.ModalComponent = ModalComponent;
146
- exports.ModalConfig = ModalConfig;
147
- exports.ModalFooterDirective = ModalFooterDirective;
148
- exports.ModalHeaderDirective = ModalHeaderDirective;
149
- exports.ModalModule = ModalModule;
150
- exports.ModalService = ModalService;
151
-
152
- Object.defineProperty(exports, '__esModule', { value: true });
153
-
154
- })));
155
- //# sourceMappingURL=craftsjs-modal.umd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"craftsjs-modal.umd.js","sources":["../../../../projects/craftsjs/modal/src/lib/modal.component.ts","../../../../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/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","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 } from '@angular/core';\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 { }\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 } 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\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?: any) {\r\n return this._dialog.open(component, {\r\n data,\r\n width: this.modalConfig.width\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 ]\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":["Component","ChangeDetectionStrategy","ViewEncapsulation","Directive","InjectionToken","Injectable","MatDialog","Inject","NgModule","CommonModule","MatDialogModule","PerfectScrollbarModule"],"mappings":";;;;;;;QAYA;;;;;gBAVCA,cAAS,SAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,qKAAqC;oBAErC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAEC,sBAAiB,CAAC,IAAI;oBACrC,IAAI,EAAE;wBACJ,KAAK,EAAE,OAAO;qBACf;;iBACF;;;;QCLD;;;;;gBAJCC,cAAS,SAAC;oBACT,QAAQ,EAAE,qDAAqD;oBAC/D,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;iBAChC;;;;QCCD;;;;;gBAJCA,cAAS,SAAC;oBACT,QAAQ,EAAE,qDAAqD;oBAC/D,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;iBAChC;;;;QCOD;;;;;gBAVCH,cAAS,SAAC;oBACT,QAAQ,EAAE,+CAA+C;oBACzD,+GAA0C;oBAE1C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,YAAY;qBACpB;oBACD,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;iBACtC;;;QCTY,qBAAqB,GAAG,IAAIE,mBAAc,CAAS,uBAAuB;;;QCFvF;SAEC;0BAAA;KAAA;;;QCOC,sBACU,OAAkB,EACa,WAAwB;YADvD,YAAO,GAAP,OAAO,CAAW;YACa,gBAAW,GAAX,WAAW,CAAa;SAC5D;QAEL,2BAAI,GAAJ,UAAc,SAA4C,EAAE,IAAU;YACpE,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;gBAClC,IAAI,MAAA;gBACJ,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;aAC9B,CAAC,CAAC;SACJ;;;;gBAbFC,eAAU;;;gBALFC,gBAAS;gBAGT,WAAW,uBAOfC,WAAM,SAAC,qBAAqB;;;;QCuBjC;;QACS,mBAAO,GAAd,UAAe,MAAwC;YAAxC,uBAAA,EAAA,WAAwB,KAAK,EAAE,OAAO,EAAE;YACrD,OAAO;gBACL,QAAQ,EAAE,WAAW;gBACrB,SAAS,EAAE;oBACT,EAAE,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,EAAE;iBACrD;aACF,CAAC;SACH;;;;gBA9BFC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,cAAc;wBACd,oBAAoB;wBACpB,oBAAoB;wBACpB,kBAAkB;qBACnB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,sBAAe;wBACfC,uCAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,cAAc;wBACd,kBAAkB;wBAClB,oBAAoB;wBACpB,oBAAoB;qBACrB;oBACD,SAAS,EAAE;wBACT,YAAY;qBACb;iBACF;;;ICjCD;;;;ICAA;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"__symbolic":"module","version":4,"metadata":{"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"craftsjs-modal","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"host":{"class":"modal"},"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-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}"]}]}],"members":{}},"ModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ModalHeaderDirective"},{"__symbolic":"reference","name":"ModalFooterDirective"},{"__symbolic":"reference","name":"ModalBodyComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":21,"character":4},{"__symbolic":"reference","module":"@craftsjs/perfect-scrollbar","name":"PerfectScrollbarModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ModalBodyComponent"},{"__symbolic":"reference","name":"ModalHeaderDirective"},{"__symbolic":"reference","name":"ModalFooterDirective"}],"providers":[{"__symbolic":"reference","name":"ModalService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"defaults":[{"width":"800px"}],"value":{"ngModule":{"__symbolic":"reference","name":"ModalModule"},"providers":[{"provide":{"__symbolic":"reference","name":"CRAFTSJS_MODAL_CONFIG"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"ModalBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"modal-body, [modal-body], [craftsjsModalBody]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"host":{"class":"modal-body"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"template":"<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n","styles":[""]}]}],"members":{}},"ModalFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"modal-footer, [modal-footer], [craftsjsModalFooter]","host":{"class":"modal-footer"}}]}],"members":{}},"ModalHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"modal-header, [modal-header], [craftsjsModalHeader]","host":{"class":"modal-header"}}]}],"members":{}},"ModalConfig":{"__symbolic":"class","members":{}},"ModalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":5},"arguments":[{"__symbolic":"reference","name":"CRAFTSJS_MODAL_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":10,"character":21},{"__symbolic":"reference","name":"ModalConfig"}]}],"show":[{"__symbolic":"method"}]}},"CRAFTSJS_MODAL_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":41},"arguments":["CRAFTSJS_MODAL_CONFIG"]}},"origins":{"ModalComponent":"./lib/modal.component","ModalModule":"./lib/modal.module","ModalBodyComponent":"./lib/components/modal-body/modal-body.component","ModalFooterDirective":"./lib/directives/modal-footer.directive","ModalHeaderDirective":"./lib/directives/modal-header.directive","ModalConfig":"./lib/models/modal-config.model","ModalService":"./lib/services/modal.service","CRAFTSJS_MODAL_CONFIG":"./lib/tokens"},"importAs":"@craftsjs/modal"}
@@ -1,16 +0,0 @@
1
- import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
2
- export class ModalBodyComponent {
3
- }
4
- ModalBodyComponent.decorators = [
5
- { type: Component, args: [{
6
- selector: 'modal-body, [modal-body], [craftsjsModalBody]',
7
- template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n",
8
- changeDetection: ChangeDetectionStrategy.OnPush,
9
- host: {
10
- class: 'modal-body'
11
- },
12
- encapsulation: ViewEncapsulation.None,
13
- styles: [""]
14
- },] }
15
- ];
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9tb2RhbC9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwtYm9keS9tb2RhbC1ib2R5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBWXRGLE1BQU0sT0FBTyxrQkFBa0I7OztZQVY5QixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLCtDQUErQztnQkFDekQsK0dBQTBDO2dCQUUxQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsSUFBSSxFQUFFO29CQUNKLEtBQUssRUFBRSxZQUFZO2lCQUNwQjtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7YUFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtb2RhbC1ib2R5LCBbbW9kYWwtYm9keV0sIFtjcmFmdHNqc01vZGFsQm9keV0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1ib2R5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1ib2R5LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaG9zdDoge1xyXG4gICAgY2xhc3M6ICdtb2RhbC1ib2R5J1xyXG4gIH0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxCb2R5Q29tcG9uZW50IHsgfVxyXG4iXX0=
@@ -1,10 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- export class ModalFooterDirective {
3
- }
4
- ModalFooterDirective.decorators = [
5
- { type: Directive, args: [{
6
- selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
7
- host: { class: 'modal-footer' }
8
- },] }
9
- ];
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZm9vdGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvZGlyZWN0aXZlcy9tb2RhbC1mb290ZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNMUMsTUFBTSxPQUFPLG9CQUFvQjs7O1lBSmhDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscURBQXFEO2dCQUMvRCxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFO2FBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ21vZGFsLWZvb3RlciwgW21vZGFsLWZvb3Rlcl0sIFtjcmFmdHNqc01vZGFsRm9vdGVyXScsXHJcbiAgaG9zdDogeyBjbGFzczogJ21vZGFsLWZvb3RlcicgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxGb290ZXJEaXJlY3RpdmUgeyB9XHJcbiJdfQ==
@@ -1,10 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- export class ModalHeaderDirective {
3
- }
4
- ModalHeaderDirective.decorators = [
5
- { type: Directive, args: [{
6
- selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
7
- host: { class: 'modal-header' }
8
- },] }
9
- ];
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvZGlyZWN0aXZlcy9tb2RhbC1oZWFkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNMUMsTUFBTSxPQUFPLG9CQUFvQjs7O1lBSmhDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscURBQXFEO2dCQUMvRCxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFO2FBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ21vZGFsLWhlYWRlciwgW21vZGFsLWhlYWRlcl0sIFtjcmFmdHNqc01vZGFsSGVhZGVyXScsXHJcbiAgaG9zdDogeyBjbGFzczogJ21vZGFsLWhlYWRlcicgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxIZWFkZXJEaXJlY3RpdmUgeyB9XHJcbiJdfQ==
@@ -1,16 +0,0 @@
1
- import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
2
- export class ModalComponent {
3
- }
4
- ModalComponent.decorators = [
5
- { type: Component, args: [{
6
- selector: 'craftsjs-modal',
7
- 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>",
8
- changeDetection: ChangeDetectionStrategy.OnPush,
9
- encapsulation: ViewEncapsulation.None,
10
- host: {
11
- class: 'modal'
12
- },
13
- styles: [".mat-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}"]
14
- },] }
15
- ];
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvbW9kYWwvc3JjL2xpYi9tb2RhbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVl0RixNQUFNLE9BQU8sY0FBYzs7O1lBVjFCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixxS0FBcUM7Z0JBRXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFDckMsSUFBSSxFQUFFO29CQUNKLEtBQUssRUFBRSxPQUFPO2lCQUNmOzthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3JhZnRzanMtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGhvc3Q6IHtcclxuICAgIGNsYXNzOiAnbW9kYWwnXHJcbiAgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQgeyB9XHJcbiJdfQ==
@@ -1,45 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { MatDialogModule } from '@angular/material/dialog';
4
- import { ModalComponent } from './modal.component';
5
- import { ModalHeaderDirective } from './directives/modal-header.directive';
6
- import { ModalFooterDirective } from './directives/modal-footer.directive';
7
- import { ModalBodyComponent } from './components/modal-body/modal-body.component';
8
- import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
9
- import { ModalService } from './services/modal.service';
10
- import { CRAFTSJS_MODAL_CONFIG } from './tokens';
11
- export class ModalModule {
12
- static forRoot(config = { width: '800px' }) {
13
- return {
14
- ngModule: ModalModule,
15
- providers: [
16
- { provide: CRAFTSJS_MODAL_CONFIG, useValue: config }
17
- ]
18
- };
19
- }
20
- }
21
- ModalModule.decorators = [
22
- { type: NgModule, args: [{
23
- declarations: [
24
- ModalComponent,
25
- ModalHeaderDirective,
26
- ModalFooterDirective,
27
- ModalBodyComponent,
28
- ],
29
- imports: [
30
- CommonModule,
31
- MatDialogModule,
32
- PerfectScrollbarModule,
33
- ],
34
- exports: [
35
- ModalComponent,
36
- ModalBodyComponent,
37
- ModalHeaderDirective,
38
- ModalFooterDirective
39
- ],
40
- providers: [
41
- ModalService
42
- ]
43
- },] }
44
- ];
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvbW9kYWwvc3JjL2xpYi9tb2RhbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBdUIsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFckUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQXdCakQsTUFBTSxPQUFPLFdBQVc7SUFDdEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFzQixFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7UUFDckQsT0FBTztZQUNMLFFBQVEsRUFBRSxXQUFXO1lBQ3JCLFNBQVMsRUFBRTtnQkFDVCxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO2FBQ3JEO1NBQ0YsQ0FBQztJQUNKLENBQUM7OztZQTlCRixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLGNBQWM7b0JBQ2Qsb0JBQW9CO29CQUNwQixvQkFBb0I7b0JBQ3BCLGtCQUFrQjtpQkFDbkI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixzQkFBc0I7aUJBQ3ZCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxjQUFjO29CQUNkLGtCQUFrQjtvQkFDbEIsb0JBQW9CO29CQUNwQixvQkFBb0I7aUJBQ3JCO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxZQUFZO2lCQUNiO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgTW9kdWxlV2l0aFByb3ZpZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTW9kYWxIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvbW9kYWwtaGVhZGVyLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IE1vZGFsRm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL21vZGFsLWZvb3Rlci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBNb2RhbEJvZHlDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbW9kYWwtYm9keS9tb2RhbC1ib2R5LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBlcmZlY3RTY3JvbGxiYXJNb2R1bGUgfSBmcm9tICdAY3JhZnRzanMvcGVyZmVjdC1zY3JvbGxiYXInO1xyXG5pbXBvcnQgeyBNb2RhbENvbmZpZyB9IGZyb20gJy4vbW9kZWxzL21vZGFsLWNvbmZpZy5tb2RlbCc7XHJcbmltcG9ydCB7IE1vZGFsU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvbW9kYWwuc2VydmljZSc7XHJcbmltcG9ydCB7IENSQUZUU0pTX01PREFMX0NPTkZJRyB9IGZyb20gJy4vdG9rZW5zJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBNb2RhbENvbXBvbmVudCxcclxuICAgIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxyXG4gICAgTW9kYWxGb290ZXJEaXJlY3RpdmUsXHJcbiAgICBNb2RhbEJvZHlDb21wb25lbnQsXHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNYXREaWFsb2dNb2R1bGUsXHJcbiAgICBQZXJmZWN0U2Nyb2xsYmFyTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgTW9kYWxDb21wb25lbnQsXHJcbiAgICBNb2RhbEJvZHlDb21wb25lbnQsXHJcbiAgICBNb2RhbEhlYWRlckRpcmVjdGl2ZSxcclxuICAgIE1vZGFsRm9vdGVyRGlyZWN0aXZlXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIE1vZGFsU2VydmljZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE1vZGFsTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdChjb25maWc6IE1vZGFsQ29uZmlnID0geyB3aWR0aDogJzgwMHB4JyB9KTogTW9kdWxlV2l0aFByb3ZpZGVyczxNb2RhbE1vZHVsZT4ge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgbmdNb2R1bGU6IE1vZGFsTW9kdWxlLFxyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7IHByb3ZpZGU6IENSQUZUU0pTX01PREFMX0NPTkZJRywgdXNlVmFsdWU6IGNvbmZpZyB9XHJcbiAgICAgIF1cclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==
@@ -1,24 +0,0 @@
1
- import { Injectable, Inject } from '@angular/core';
2
- import { MatDialog } from '@angular/material/dialog';
3
- import { CRAFTSJS_MODAL_CONFIG } from '../tokens';
4
- import { ModalConfig } from '../models/modal-config.model';
5
- export class ModalService {
6
- constructor(_dialog, modalConfig) {
7
- this._dialog = _dialog;
8
- this.modalConfig = modalConfig;
9
- }
10
- show(component, data) {
11
- return this._dialog.open(component, {
12
- data,
13
- width: this.modalConfig.width
14
- });
15
- }
16
- }
17
- ModalService.decorators = [
18
- { type: Injectable }
19
- ];
20
- ModalService.ctorParameters = () => [
21
- { type: MatDialog },
22
- { type: ModalConfig, decorators: [{ type: Inject, args: [CRAFTSJS_MODAL_CONFIG,] }] }
23
- ];
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL21vZGFsL3NyYy9saWIvc2VydmljZXMvbW9kYWwuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFlLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFckQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUczRCxNQUFNLE9BQU8sWUFBWTtJQUV2QixZQUNVLE9BQWtCLEVBQ2EsV0FBd0I7UUFEdkQsWUFBTyxHQUFQLE9BQU8sQ0FBVztRQUNhLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQzdELENBQUM7SUFFTCxJQUFJLENBQVUsU0FBNEMsRUFBRSxJQUFVO1FBQ3BFLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xDLElBQUk7WUFDSixLQUFLLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLO1NBQzlCLENBQUMsQ0FBQztJQUNMLENBQUM7OztZQWJGLFVBQVU7OztZQUxGLFNBQVM7WUFHVCxXQUFXLHVCQU9mLE1BQU0sU0FBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBUZW1wbGF0ZVJlZiwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IENvbXBvbmVudFR5cGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgQ1JBRlRTSlNfTU9EQUxfQ09ORklHIH0gZnJvbSAnLi4vdG9rZW5zJztcclxuaW1wb3J0IHsgTW9kYWxDb25maWcgfSBmcm9tICcuLi9tb2RlbHMvbW9kYWwtY29uZmlnLm1vZGVsJztcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfZGlhbG9nOiBNYXREaWFsb2csXHJcbiAgICBASW5qZWN0KENSQUZUU0pTX01PREFMX0NPTkZJRykgcHJpdmF0ZSBtb2RhbENvbmZpZzogTW9kYWxDb25maWdcclxuICApIHsgfVxyXG5cclxuICBzaG93PFQgPSBhbnk+KGNvbXBvbmVudDogQ29tcG9uZW50VHlwZTxUPiB8IFRlbXBsYXRlUmVmPFQ+LCBkYXRhPzogYW55KSB7XHJcbiAgICByZXR1cm4gdGhpcy5fZGlhbG9nLm9wZW4oY29tcG9uZW50LCB7XHJcbiAgICAgIGRhdGEsXHJcbiAgICAgIHdpZHRoOiB0aGlzLm1vZGFsQ29uZmlnLndpZHRoXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
@@ -1,123 +0,0 @@
1
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, Directive, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { MatDialog, MatDialogModule } from '@angular/material/dialog';
4
- import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
5
-
6
- class ModalComponent {
7
- }
8
- ModalComponent.decorators = [
9
- { type: Component, args: [{
10
- selector: 'craftsjs-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>",
12
- changeDetection: ChangeDetectionStrategy.OnPush,
13
- encapsulation: ViewEncapsulation.None,
14
- host: {
15
- class: 'modal'
16
- },
17
- styles: [".mat-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}"]
18
- },] }
19
- ];
20
-
21
- class ModalHeaderDirective {
22
- }
23
- ModalHeaderDirective.decorators = [
24
- { type: Directive, args: [{
25
- selector: 'modal-header, [modal-header], [craftsjsModalHeader]',
26
- host: { class: 'modal-header' }
27
- },] }
28
- ];
29
-
30
- class ModalFooterDirective {
31
- }
32
- ModalFooterDirective.decorators = [
33
- { type: Directive, args: [{
34
- selector: 'modal-footer, [modal-footer], [craftsjsModalFooter]',
35
- host: { class: 'modal-footer' }
36
- },] }
37
- ];
38
-
39
- class ModalBodyComponent {
40
- }
41
- ModalBodyComponent.decorators = [
42
- { type: Component, args: [{
43
- selector: 'modal-body, [modal-body], [craftsjsModalBody]',
44
- template: "<div class=\"modal-body-responsive\" perfectScrollbar>\r\n <ng-content></ng-content>\r\n</div>\r\n",
45
- changeDetection: ChangeDetectionStrategy.OnPush,
46
- host: {
47
- class: 'modal-body'
48
- },
49
- encapsulation: ViewEncapsulation.None,
50
- styles: [""]
51
- },] }
52
- ];
53
-
54
- const CRAFTSJS_MODAL_CONFIG = new InjectionToken('CRAFTSJS_MODAL_CONFIG');
55
-
56
- class ModalConfig {
57
- }
58
-
59
- class ModalService {
60
- constructor(_dialog, modalConfig) {
61
- this._dialog = _dialog;
62
- this.modalConfig = modalConfig;
63
- }
64
- show(component, data) {
65
- return this._dialog.open(component, {
66
- data,
67
- width: this.modalConfig.width
68
- });
69
- }
70
- }
71
- ModalService.decorators = [
72
- { type: Injectable }
73
- ];
74
- ModalService.ctorParameters = () => [
75
- { type: MatDialog },
76
- { type: ModalConfig, decorators: [{ type: Inject, args: [CRAFTSJS_MODAL_CONFIG,] }] }
77
- ];
78
-
79
- class ModalModule {
80
- static forRoot(config = { width: '800px' }) {
81
- return {
82
- ngModule: ModalModule,
83
- providers: [
84
- { provide: CRAFTSJS_MODAL_CONFIG, useValue: config }
85
- ]
86
- };
87
- }
88
- }
89
- ModalModule.decorators = [
90
- { type: NgModule, args: [{
91
- declarations: [
92
- ModalComponent,
93
- ModalHeaderDirective,
94
- ModalFooterDirective,
95
- ModalBodyComponent,
96
- ],
97
- imports: [
98
- CommonModule,
99
- MatDialogModule,
100
- PerfectScrollbarModule,
101
- ],
102
- exports: [
103
- ModalComponent,
104
- ModalBodyComponent,
105
- ModalHeaderDirective,
106
- ModalFooterDirective
107
- ],
108
- providers: [
109
- ModalService
110
- ]
111
- },] }
112
- ];
113
-
114
- /*
115
- * Public API Surface of modal
116
- */
117
-
118
- /**
119
- * Generated bundle index. Do not edit.
120
- */
121
-
122
- export { CRAFTSJS_MODAL_CONFIG, ModalBodyComponent, ModalComponent, ModalConfig, ModalFooterDirective, ModalHeaderDirective, ModalModule, ModalService };
123
- //# sourceMappingURL=craftsjs-modal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"craftsjs-modal.js","sources":["../../../../projects/craftsjs/modal/src/lib/modal.component.ts","../../../../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/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","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 } from '@angular/core';\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 { }\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 } 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\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?: any) {\r\n return this._dialog.open(component, {\r\n data,\r\n width: this.modalConfig.width\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 ]\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":";;;;;MAYa,cAAc;;;YAV1B,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,qKAAqC;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,IAAI,EAAE;oBACJ,KAAK,EAAE,OAAO;iBACf;;aACF;;;MCLY,oBAAoB;;;YAJhC,SAAS,SAAC;gBACT,QAAQ,EAAE,qDAAqD;gBAC/D,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;aAChC;;;MCCY,oBAAoB;;;YAJhC,SAAS,SAAC;gBACT,QAAQ,EAAE,qDAAqD;gBAC/D,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;aAChC;;;MCOY,kBAAkB;;;YAV9B,SAAS,SAAC;gBACT,QAAQ,EAAE,+CAA+C;gBACzD,+GAA0C;gBAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,KAAK,EAAE,YAAY;iBACpB;gBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;MCTY,qBAAqB,GAAG,IAAI,cAAc,CAAS,uBAAuB;;MCF1E,WAAW;;;MCOX,YAAY;IAEvB,YACU,OAAkB,EACa,WAAwB;QADvD,YAAO,GAAP,OAAO,CAAW;QACa,gBAAW,GAAX,WAAW,CAAa;KAC5D;IAEL,IAAI,CAAU,SAA4C,EAAE,IAAU;QACpE,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;YAClC,IAAI;YACJ,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;SAC9B,CAAC,CAAC;KACJ;;;YAbF,UAAU;;;YALF,SAAS;YAGT,WAAW,uBAOf,MAAM,SAAC,qBAAqB;;;MCuBpB,WAAW;IACtB,OAAO,OAAO,CAAC,SAAsB,EAAE,KAAK,EAAE,OAAO,EAAE;QACrD,OAAO;YACL,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE;gBACT,EAAE,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,EAAE;aACrD;SACF,CAAC;KACH;;;YA9BF,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,oBAAoB;oBACpB,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,cAAc;oBACd,kBAAkB;oBAClB,oBAAoB;oBACpB,oBAAoB;iBACrB;gBACD,SAAS,EAAE;oBACT,YAAY;iBACb;aACF;;;ACjCD;;;;ACAA;;;;;;"}