@syncfusion/ej2-angular-layouts 32.1.19-ngcc → 32.1.19

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 (194) hide show
  1. package/CHANGELOG.md +606 -0
  2. package/esm2020/public_api.mjs +2 -0
  3. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +23 -0
  4. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +64 -0
  5. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +34 -0
  6. package/esm2020/src/dashboard-layout/panels.directive.mjs +72 -0
  7. package/esm2020/src/index.mjs +14 -0
  8. package/esm2020/src/splitter/panesettings.directive.mjs +66 -0
  9. package/esm2020/src/splitter/splitter-all.module.mjs +23 -0
  10. package/esm2020/src/splitter/splitter.component.mjs +64 -0
  11. package/esm2020/src/splitter/splitter.module.mjs +34 -0
  12. package/esm2020/src/timeline/items.directive.mjs +58 -0
  13. package/esm2020/src/timeline/timeline-all.module.mjs +23 -0
  14. package/esm2020/src/timeline/timeline.component.mjs +83 -0
  15. package/esm2020/src/timeline/timeline.module.mjs +34 -0
  16. package/esm2020/syncfusion-ej2-angular-layouts.mjs +5 -0
  17. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +530 -0
  18. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +1 -0
  19. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +530 -0
  20. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +1 -0
  21. package/package.json +28 -46
  22. package/public_api.d.ts +1 -1
  23. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +11 -5
  24. package/src/dashboard-layout/dashboardlayout.component.d.ts +42 -39
  25. package/src/dashboard-layout/dashboardlayout.module.d.ts +12 -5
  26. package/src/dashboard-layout/panels.directive.d.ts +107 -102
  27. package/src/index.d.ts +13 -13
  28. package/src/splitter/panesettings.directive.d.ts +82 -77
  29. package/src/splitter/splitter-all.module.d.ts +11 -5
  30. package/src/splitter/splitter.component.d.ts +42 -39
  31. package/src/splitter/splitter.module.d.ts +12 -5
  32. package/src/timeline/items.directive.d.ts +64 -59
  33. package/src/timeline/timeline-all.module.d.ts +11 -5
  34. package/src/timeline/timeline.component.d.ts +49 -46
  35. package/src/timeline/timeline.module.d.ts +12 -5
  36. package/styles/avatar/bds.scss +1 -1
  37. package/styles/avatar/bootstrap-dark.scss +1 -1
  38. package/styles/avatar/bootstrap.scss +1 -1
  39. package/styles/avatar/bootstrap4.scss +1 -1
  40. package/styles/avatar/bootstrap5-dark.scss +1 -1
  41. package/styles/avatar/bootstrap5.3.scss +1 -1
  42. package/styles/avatar/bootstrap5.scss +1 -1
  43. package/styles/avatar/fabric-dark.scss +1 -1
  44. package/styles/avatar/fabric.scss +1 -1
  45. package/styles/avatar/fluent-dark.scss +1 -1
  46. package/styles/avatar/fluent.scss +1 -1
  47. package/styles/avatar/fluent2.scss +1 -1
  48. package/styles/avatar/highcontrast-light.scss +1 -1
  49. package/styles/avatar/highcontrast.scss +1 -1
  50. package/styles/avatar/material-dark.scss +1 -1
  51. package/styles/avatar/material.scss +1 -1
  52. package/styles/avatar/material3-dark.scss +1 -2
  53. package/styles/avatar/material3.scss +1 -2
  54. package/styles/avatar/tailwind-dark.scss +1 -1
  55. package/styles/avatar/tailwind.scss +1 -1
  56. package/styles/avatar/tailwind3.scss +1 -1
  57. package/styles/bds-lite.scss +1 -1
  58. package/styles/bds.scss +5 -5
  59. package/styles/bootstrap-dark-lite.scss +1 -1
  60. package/styles/bootstrap-dark.scss +5 -5
  61. package/styles/bootstrap-lite.scss +1 -1
  62. package/styles/bootstrap.scss +5 -5
  63. package/styles/bootstrap4-lite.scss +1 -1
  64. package/styles/bootstrap4.scss +5 -5
  65. package/styles/bootstrap5-dark-lite.scss +1 -1
  66. package/styles/bootstrap5-dark.scss +5 -5
  67. package/styles/bootstrap5-lite.scss +1 -1
  68. package/styles/bootstrap5.3-lite.scss +1 -1
  69. package/styles/bootstrap5.3.scss +5 -5
  70. package/styles/bootstrap5.scss +5 -5
  71. package/styles/card/bds.scss +1 -1
  72. package/styles/card/bootstrap-dark.scss +1 -1
  73. package/styles/card/bootstrap.scss +1 -1
  74. package/styles/card/bootstrap4.scss +1 -1
  75. package/styles/card/bootstrap5-dark.scss +1 -1
  76. package/styles/card/bootstrap5.3.scss +1 -1
  77. package/styles/card/bootstrap5.scss +1 -1
  78. package/styles/card/fabric-dark.scss +1 -1
  79. package/styles/card/fabric.scss +1 -1
  80. package/styles/card/fluent-dark.scss +1 -1
  81. package/styles/card/fluent.scss +1 -1
  82. package/styles/card/fluent2.scss +1 -1
  83. package/styles/card/highcontrast-light.scss +1 -1
  84. package/styles/card/highcontrast.scss +1 -1
  85. package/styles/card/material-dark.scss +1 -1
  86. package/styles/card/material.scss +1 -1
  87. package/styles/card/material3-dark.scss +1 -2
  88. package/styles/card/material3.scss +1 -2
  89. package/styles/card/tailwind-dark.scss +1 -1
  90. package/styles/card/tailwind.scss +1 -1
  91. package/styles/card/tailwind3.scss +1 -1
  92. package/styles/dashboard-layout/bds.scss +1 -1
  93. package/styles/dashboard-layout/bootstrap-dark.scss +1 -1
  94. package/styles/dashboard-layout/bootstrap.scss +1 -1
  95. package/styles/dashboard-layout/bootstrap4.scss +1 -1
  96. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -1
  97. package/styles/dashboard-layout/bootstrap5.3.scss +1 -1
  98. package/styles/dashboard-layout/bootstrap5.scss +1 -1
  99. package/styles/dashboard-layout/fabric-dark.scss +1 -1
  100. package/styles/dashboard-layout/fabric.scss +1 -1
  101. package/styles/dashboard-layout/fluent-dark.scss +1 -1
  102. package/styles/dashboard-layout/fluent.scss +1 -1
  103. package/styles/dashboard-layout/fluent2.scss +1 -1
  104. package/styles/dashboard-layout/highcontrast-light.scss +1 -1
  105. package/styles/dashboard-layout/highcontrast.scss +1 -1
  106. package/styles/dashboard-layout/material-dark.scss +1 -1
  107. package/styles/dashboard-layout/material.scss +1 -1
  108. package/styles/dashboard-layout/material3-dark.scss +1 -2
  109. package/styles/dashboard-layout/material3.scss +1 -2
  110. package/styles/dashboard-layout/tailwind-dark.scss +1 -1
  111. package/styles/dashboard-layout/tailwind.scss +1 -1
  112. package/styles/dashboard-layout/tailwind3.scss +1 -1
  113. package/styles/fabric-dark-lite.scss +1 -1
  114. package/styles/fabric-dark.scss +5 -5
  115. package/styles/fabric-lite.scss +1 -1
  116. package/styles/fabric.scss +5 -5
  117. package/styles/fluent-dark-lite.scss +1 -1
  118. package/styles/fluent-dark.scss +5 -5
  119. package/styles/fluent-lite.scss +1 -1
  120. package/styles/fluent.scss +5 -5
  121. package/styles/fluent2-lite.scss +1 -1
  122. package/styles/fluent2.scss +5 -5
  123. package/styles/highcontrast-light-lite.scss +1 -1
  124. package/styles/highcontrast-light.scss +5 -5
  125. package/styles/highcontrast-lite.scss +1 -1
  126. package/styles/highcontrast.scss +5 -5
  127. package/styles/material-dark-lite.scss +1 -1
  128. package/styles/material-dark.scss +5 -5
  129. package/styles/material-lite.scss +1 -1
  130. package/styles/material.scss +5 -5
  131. package/styles/material3-dark-lite.scss +1 -1
  132. package/styles/material3-dark.scss +5 -6
  133. package/styles/material3-lite.scss +1 -1
  134. package/styles/material3.scss +5 -6
  135. package/styles/splitter/bds.scss +1 -1
  136. package/styles/splitter/bootstrap-dark.scss +1 -1
  137. package/styles/splitter/bootstrap.scss +1 -1
  138. package/styles/splitter/bootstrap4.scss +1 -1
  139. package/styles/splitter/bootstrap5-dark.scss +1 -1
  140. package/styles/splitter/bootstrap5.3.scss +1 -1
  141. package/styles/splitter/bootstrap5.scss +1 -1
  142. package/styles/splitter/fabric-dark.scss +1 -1
  143. package/styles/splitter/fabric.scss +1 -1
  144. package/styles/splitter/fluent-dark.scss +1 -1
  145. package/styles/splitter/fluent.scss +1 -1
  146. package/styles/splitter/fluent2.scss +1 -1
  147. package/styles/splitter/highcontrast-light.scss +1 -1
  148. package/styles/splitter/highcontrast.scss +1 -1
  149. package/styles/splitter/material-dark.scss +1 -1
  150. package/styles/splitter/material.scss +1 -1
  151. package/styles/splitter/material3-dark.scss +1 -2
  152. package/styles/splitter/material3.scss +1 -2
  153. package/styles/splitter/tailwind-dark.scss +1 -1
  154. package/styles/splitter/tailwind.scss +1 -1
  155. package/styles/splitter/tailwind3.scss +1 -1
  156. package/styles/tailwind-dark-lite.scss +1 -1
  157. package/styles/tailwind-dark.scss +5 -5
  158. package/styles/tailwind-lite.scss +1 -1
  159. package/styles/tailwind.scss +5 -5
  160. package/styles/tailwind3-lite.scss +1 -1
  161. package/styles/tailwind3.scss +5 -5
  162. package/styles/timeline/bds.scss +1 -1
  163. package/styles/timeline/bootstrap-dark.scss +1 -1
  164. package/styles/timeline/bootstrap.scss +1 -1
  165. package/styles/timeline/bootstrap4.scss +1 -1
  166. package/styles/timeline/bootstrap5-dark.scss +1 -1
  167. package/styles/timeline/bootstrap5.3.scss +1 -1
  168. package/styles/timeline/bootstrap5.scss +1 -1
  169. package/styles/timeline/fabric-dark.scss +1 -1
  170. package/styles/timeline/fabric.scss +1 -1
  171. package/styles/timeline/fluent-dark.scss +1 -1
  172. package/styles/timeline/fluent.scss +1 -1
  173. package/styles/timeline/fluent2.scss +1 -1
  174. package/styles/timeline/highcontrast-light.scss +1 -1
  175. package/styles/timeline/highcontrast.scss +1 -1
  176. package/styles/timeline/material-dark.scss +1 -1
  177. package/styles/timeline/material.scss +1 -1
  178. package/styles/timeline/material3-dark.scss +1 -2
  179. package/styles/timeline/material3.scss +1 -2
  180. package/styles/timeline/tailwind-dark.scss +1 -1
  181. package/styles/timeline/tailwind.scss +1 -1
  182. package/styles/timeline/tailwind3.scss +1 -1
  183. package/syncfusion-ej2-angular-layouts.d.ts +5 -0
  184. package/@syncfusion/ej2-angular-layouts.es5.js +0 -726
  185. package/@syncfusion/ej2-angular-layouts.es5.js.map +0 -1
  186. package/@syncfusion/ej2-angular-layouts.js +0 -663
  187. package/@syncfusion/ej2-angular-layouts.js.map +0 -1
  188. package/LICENSE +0 -10
  189. package/dist/ej2-angular-layouts.umd.js +0 -754
  190. package/dist/ej2-angular-layouts.umd.js.map +0 -1
  191. package/dist/ej2-angular-layouts.umd.min.js +0 -2
  192. package/dist/ej2-angular-layouts.umd.min.js.map +0 -1
  193. package/ej2-angular-layouts.d.ts +0 -7
  194. package/ej2-angular-layouts.metadata.json +0 -1
@@ -1,754 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-base'), require('@syncfusion/ej2-layouts'), require('@angular/common')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@syncfusion/ej2-angular-base', '@syncfusion/ej2-layouts', '@angular/common'], factory) :
4
- (factory((global['ej2-angular-layouts'] = {}),global.ng.core,global.ej2.angular.base,global.ej2.layouts,global.ng.common));
5
- }(this, (function (exports,core,ej2AngularBase,ej2Layouts,common) { 'use strict';
6
-
7
- var __extends = (this && this.__extends) || (function () {
8
- var extendStatics = Object.setPrototypeOf ||
9
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
10
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
11
- return function (d, b) {
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
20
- r = Reflect.decorate(decorators, target, key, desc);
21
- else
22
- for (var i = decorators.length - 1; i >= 0; i--)
23
- if (d = decorators[i])
24
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
25
- return c > 3 && r && Object.defineProperty(target, key, r), r;
26
- };
27
- var __metadata = (this && this.__metadata) || function (k, v) {
28
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
29
- return Reflect.metadata(k, v);
30
- };
31
- var input = ['collapsed', 'collapsible', 'content', 'cssClass', 'max', 'min', 'resizable', 'size'];
32
- var outputs = [];
33
- /**
34
- * 'e-panesettings' directive represent a panes of angular splitter
35
- * It must be contained in a Splitter component(`ejs-splitter`).
36
- * ```html
37
- * <ejs-splitter id='splitter' >
38
- * <e-panes>
39
- * <e-pane size ='150px'></e-pane>
40
- * <e-pane size = '20%'></e-pane>
41
- * </e-panes>
42
- * </ejs-splitter>
43
- * ```
44
- */
45
- var PaneDirective = /** @class */ (function (_super) {
46
- __extends(PaneDirective, _super);
47
- /**
48
- * @param {?} viewContainerRef
49
- */
50
- function PaneDirective(viewContainerRef) {
51
- var _this = _super.call(this) || this;
52
- _this.viewContainerRef = viewContainerRef;
53
- ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
54
- _this.registerEvents(outputs);
55
- _this.directivePropList = input;
56
- return _this;
57
- }
58
- return PaneDirective;
59
- }(ej2AngularBase.ComplexBase));
60
- PaneDirective.decorators = [
61
- { type: core.Directive, args: [{
62
- selector: 'e-panes>e-pane',
63
- inputs: input,
64
- outputs: outputs,
65
- queries: {}
66
- },] },
67
- ];
68
- /**
69
- * @nocollapse
70
- */
71
- PaneDirective.ctorParameters = function () { return [
72
- { type: core.ViewContainerRef, },
73
- ]; };
74
- PaneDirective.propDecorators = {
75
- 'content': [{ type: core.ContentChild, args: ['content',] },],
76
- };
77
- __decorate([
78
- ej2AngularBase.Template(),
79
- __metadata("design:type", Object)
80
- ], PaneDirective.prototype, "content", void 0);
81
- /**
82
- * Pane Array Directive
83
- */
84
- var PanesDirective = /** @class */ (function (_super) {
85
- __extends(PanesDirective, _super);
86
- function PanesDirective() {
87
- return _super.call(this, 'panesettings') || this;
88
- }
89
- return PanesDirective;
90
- }(ej2AngularBase.ArrayBase));
91
- PanesDirective.decorators = [
92
- { type: core.Directive, args: [{
93
- selector: 'ejs-splitter>e-panes',
94
- queries: {
95
- children: new core.ContentChildren(PaneDirective)
96
- },
97
- },] },
98
- ];
99
- /**
100
- * @nocollapse
101
- */
102
- PanesDirective.ctorParameters = function () { return []; };
103
- var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
104
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
105
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
106
- r = Reflect.decorate(decorators, target, key, desc);
107
- else
108
- for (var i = decorators.length - 1; i >= 0; i--)
109
- if (d = decorators[i])
110
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
111
- return c > 3 && r && Object.defineProperty(target, key, r), r;
112
- };
113
- var __metadata$1 = (this && this.__metadata) || function (k, v) {
114
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
115
- return Reflect.metadata(k, v);
116
- };
117
- var inputs = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width'];
118
- var outputs$1 = ['beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];
119
- var twoWays = [''];
120
- /**
121
- * Represents the Angular Splitter Component
122
- * ```html
123
- * <ejs-splitter></ejs-splitter>
124
- * ```
125
- */
126
- exports.SplitterComponent = /** @class */ (function (_super) {
127
- __extends(SplitterComponent, _super);
128
- /**
129
- * @param {?} ngEle
130
- * @param {?} srenderer
131
- * @param {?} viewContainerRef
132
- * @param {?} injector
133
- */
134
- function SplitterComponent(ngEle, srenderer, viewContainerRef, injector) {
135
- var _this = _super.call(this) || this;
136
- _this.ngEle = ngEle;
137
- _this.srenderer = srenderer;
138
- _this.viewContainerRef = viewContainerRef;
139
- _this.injector = injector;
140
- _this.tags = ['paneSettings'];
141
- _this.element = _this.ngEle.nativeElement;
142
- _this.injectedModules = _this.injectedModules || [];
143
- _this.registerEvents(outputs$1);
144
- _this.addTwoWay.call(_this, twoWays);
145
- ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
146
- _this.containerContext = new ej2AngularBase.ComponentBase();
147
- return _this;
148
- }
149
- /**
150
- * @return {?}
151
- */
152
- SplitterComponent.prototype.ngOnInit = function () {
153
- this.containerContext.ngOnInit(this);
154
- };
155
- /**
156
- * @return {?}
157
- */
158
- SplitterComponent.prototype.ngAfterViewInit = function () {
159
- this.containerContext.ngAfterViewInit(this);
160
- };
161
- /**
162
- * @return {?}
163
- */
164
- SplitterComponent.prototype.ngOnDestroy = function () {
165
- this.containerContext.ngOnDestroy(this);
166
- };
167
- /**
168
- * @return {?}
169
- */
170
- SplitterComponent.prototype.ngAfterContentChecked = function () {
171
- this.tagObjects[0].instance = this.childPaneSettings;
172
- this.containerContext.ngAfterContentChecked(this);
173
- };
174
- return SplitterComponent;
175
- }(ej2Layouts.Splitter));
176
- exports.SplitterComponent.decorators = [
177
- { type: core.Component, args: [{
178
- selector: 'ejs-splitter',
179
- inputs: inputs,
180
- outputs: outputs$1,
181
- template: "<ng-content select='div'></ng-content>",
182
- changeDetection: core.ChangeDetectionStrategy.OnPush,
183
- queries: {
184
- childPaneSettings: new core.ContentChild(PanesDirective)
185
- }
186
- },] },
187
- ];
188
- /**
189
- * @nocollapse
190
- */
191
- exports.SplitterComponent.ctorParameters = function () { return [
192
- { type: core.ElementRef, },
193
- { type: core.Renderer2, },
194
- { type: core.ViewContainerRef, },
195
- { type: core.Injector, },
196
- ]; };
197
- exports.SplitterComponent = __decorate$1([
198
- ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
199
- __metadata$1("design:paramtypes", [core.ElementRef,
200
- core.Renderer2,
201
- core.ViewContainerRef,
202
- core.Injector])
203
- ], exports.SplitterComponent);
204
- /**
205
- * NgModule definition for the Splitter component.
206
- */
207
- var SplitterModule = /** @class */ (function () {
208
- function SplitterModule() {
209
- }
210
- return SplitterModule;
211
- }());
212
- SplitterModule.decorators = [
213
- { type: core.NgModule, args: [{
214
- imports: [common.CommonModule],
215
- declarations: [
216
- exports.SplitterComponent,
217
- PaneDirective,
218
- PanesDirective
219
- ],
220
- exports: [
221
- exports.SplitterComponent,
222
- PaneDirective,
223
- PanesDirective
224
- ]
225
- },] },
226
- ];
227
- /**
228
- * @nocollapse
229
- */
230
- SplitterModule.ctorParameters = function () { return []; };
231
- /**
232
- * NgModule definition for the Splitter component with providers.
233
- */
234
- var SplitterAllModule = /** @class */ (function () {
235
- function SplitterAllModule() {
236
- }
237
- return SplitterAllModule;
238
- }());
239
- SplitterAllModule.decorators = [
240
- { type: core.NgModule, args: [{
241
- imports: [common.CommonModule, SplitterModule],
242
- exports: [
243
- SplitterModule
244
- ],
245
- providers: []
246
- },] },
247
- ];
248
- /**
249
- * @nocollapse
250
- */
251
- SplitterAllModule.ctorParameters = function () { return []; };
252
- var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
253
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
254
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
255
- r = Reflect.decorate(decorators, target, key, desc);
256
- else
257
- for (var i = decorators.length - 1; i >= 0; i--)
258
- if (d = decorators[i])
259
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
260
- return c > 3 && r && Object.defineProperty(target, key, r), r;
261
- };
262
- var __metadata$2 = (this && this.__metadata) || function (k, v) {
263
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
264
- return Reflect.metadata(k, v);
265
- };
266
- var input$1 = ['col', 'content', 'cssClass', 'enabled', 'header', 'id', 'maxSizeX', 'maxSizeY', 'minSizeX', 'minSizeY', 'row', 'sizeX', 'sizeY', 'zIndex'];
267
- var outputs$2 = [];
268
- /**
269
- * 'e-panels' directive represent a panels of angular dashboardlayout
270
- * It must be contained in a dashboardlayout component(`ej-dashboardlayout`).
271
- * ```html
272
- * <ejs-dashboardlayout>
273
- * <e-panels>
274
- * <e-panel></e-panel>
275
- * <e-panel></e-panel>
276
- * </e-panels>
277
- * </ejs-dashboardlayout>
278
- * ```
279
- */
280
- var PanelDirective = /** @class */ (function (_super) {
281
- __extends(PanelDirective, _super);
282
- /**
283
- * @param {?} viewContainerRef
284
- */
285
- function PanelDirective(viewContainerRef) {
286
- var _this = _super.call(this) || this;
287
- _this.viewContainerRef = viewContainerRef;
288
- ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
289
- _this.registerEvents(outputs$2);
290
- _this.directivePropList = input$1;
291
- return _this;
292
- }
293
- return PanelDirective;
294
- }(ej2AngularBase.ComplexBase));
295
- PanelDirective.decorators = [
296
- { type: core.Directive, args: [{
297
- selector: 'e-panels>e-panel',
298
- inputs: input$1,
299
- outputs: outputs$2,
300
- queries: {}
301
- },] },
302
- ];
303
- /**
304
- * @nocollapse
305
- */
306
- PanelDirective.ctorParameters = function () { return [
307
- { type: core.ViewContainerRef, },
308
- ]; };
309
- PanelDirective.propDecorators = {
310
- 'header': [{ type: core.ContentChild, args: ['header',] },],
311
- 'content': [{ type: core.ContentChild, args: ['content',] },],
312
- };
313
- __decorate$2([
314
- ej2AngularBase.Template(),
315
- __metadata$2("design:type", Object)
316
- ], PanelDirective.prototype, "header", void 0);
317
- __decorate$2([
318
- ej2AngularBase.Template(),
319
- __metadata$2("design:type", Object)
320
- ], PanelDirective.prototype, "content", void 0);
321
- /**
322
- * Panel Array Directive
323
- */
324
- var PanelsDirective = /** @class */ (function (_super) {
325
- __extends(PanelsDirective, _super);
326
- function PanelsDirective() {
327
- return _super.call(this, 'panels') || this;
328
- }
329
- return PanelsDirective;
330
- }(ej2AngularBase.ArrayBase));
331
- PanelsDirective.decorators = [
332
- { type: core.Directive, args: [{
333
- selector: 'ejs-dashboardlayout>e-panels',
334
- queries: {
335
- children: new core.ContentChildren(PanelDirective)
336
- },
337
- },] },
338
- ];
339
- /**
340
- * @nocollapse
341
- */
342
- PanelsDirective.ctorParameters = function () { return []; };
343
- var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
344
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
345
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
346
- r = Reflect.decorate(decorators, target, key, desc);
347
- else
348
- for (var i = decorators.length - 1; i >= 0; i--)
349
- if (d = decorators[i])
350
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
351
- return c > 3 && r && Object.defineProperty(target, key, r), r;
352
- };
353
- var __metadata$3 = (this && this.__metadata) || function (k, v) {
354
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
355
- return Reflect.metadata(k, v);
356
- };
357
- var inputs$1 = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines'];
358
- var outputs$3 = ['change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];
359
- var twoWays$1 = [''];
360
- /**
361
- * Represents the Essential JS 2 Angular DashboardLayout Component.
362
- * ```html
363
- * <ejs-dashboardlayout></ejs-dashboardlayout>
364
- * ```
365
- */
366
- exports.DashboardLayoutComponent = /** @class */ (function (_super) {
367
- __extends(DashboardLayoutComponent, _super);
368
- /**
369
- * @param {?} ngEle
370
- * @param {?} srenderer
371
- * @param {?} viewContainerRef
372
- * @param {?} injector
373
- */
374
- function DashboardLayoutComponent(ngEle, srenderer, viewContainerRef, injector) {
375
- var _this = _super.call(this) || this;
376
- _this.ngEle = ngEle;
377
- _this.srenderer = srenderer;
378
- _this.viewContainerRef = viewContainerRef;
379
- _this.injector = injector;
380
- _this.tags = ['panels'];
381
- _this.element = _this.ngEle.nativeElement;
382
- _this.injectedModules = _this.injectedModules || [];
383
- _this.registerEvents(outputs$3);
384
- _this.addTwoWay.call(_this, twoWays$1);
385
- ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
386
- _this.containerContext = new ej2AngularBase.ComponentBase();
387
- return _this;
388
- }
389
- /**
390
- * @return {?}
391
- */
392
- DashboardLayoutComponent.prototype.ngOnInit = function () {
393
- this.containerContext.ngOnInit(this);
394
- };
395
- /**
396
- * @return {?}
397
- */
398
- DashboardLayoutComponent.prototype.ngAfterViewInit = function () {
399
- this.containerContext.ngAfterViewInit(this);
400
- };
401
- /**
402
- * @return {?}
403
- */
404
- DashboardLayoutComponent.prototype.ngOnDestroy = function () {
405
- this.containerContext.ngOnDestroy(this);
406
- };
407
- /**
408
- * @return {?}
409
- */
410
- DashboardLayoutComponent.prototype.ngAfterContentChecked = function () {
411
- this.tagObjects[0].instance = this.childPanels;
412
- this.containerContext.ngAfterContentChecked(this);
413
- };
414
- return DashboardLayoutComponent;
415
- }(ej2Layouts.DashboardLayout));
416
- exports.DashboardLayoutComponent.decorators = [
417
- { type: core.Component, args: [{
418
- selector: 'ejs-dashboardlayout',
419
- inputs: inputs$1,
420
- outputs: outputs$3,
421
- template: "<ng-content select='div'></ng-content>",
422
- changeDetection: core.ChangeDetectionStrategy.OnPush,
423
- queries: {
424
- childPanels: new core.ContentChild(PanelsDirective)
425
- }
426
- },] },
427
- ];
428
- /**
429
- * @nocollapse
430
- */
431
- exports.DashboardLayoutComponent.ctorParameters = function () { return [
432
- { type: core.ElementRef, },
433
- { type: core.Renderer2, },
434
- { type: core.ViewContainerRef, },
435
- { type: core.Injector, },
436
- ]; };
437
- exports.DashboardLayoutComponent = __decorate$3([
438
- ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
439
- __metadata$3("design:paramtypes", [core.ElementRef,
440
- core.Renderer2,
441
- core.ViewContainerRef,
442
- core.Injector])
443
- ], exports.DashboardLayoutComponent);
444
- /**
445
- * NgModule definition for the DashboardLayout component.
446
- */
447
- var DashboardLayoutModule = /** @class */ (function () {
448
- function DashboardLayoutModule() {
449
- }
450
- return DashboardLayoutModule;
451
- }());
452
- DashboardLayoutModule.decorators = [
453
- { type: core.NgModule, args: [{
454
- imports: [common.CommonModule],
455
- declarations: [
456
- exports.DashboardLayoutComponent,
457
- PanelDirective,
458
- PanelsDirective
459
- ],
460
- exports: [
461
- exports.DashboardLayoutComponent,
462
- PanelDirective,
463
- PanelsDirective
464
- ]
465
- },] },
466
- ];
467
- /**
468
- * @nocollapse
469
- */
470
- DashboardLayoutModule.ctorParameters = function () { return []; };
471
- /**
472
- * NgModule definition for the DashboardLayout component with providers.
473
- */
474
- var DashboardLayoutAllModule = /** @class */ (function () {
475
- function DashboardLayoutAllModule() {
476
- }
477
- return DashboardLayoutAllModule;
478
- }());
479
- DashboardLayoutAllModule.decorators = [
480
- { type: core.NgModule, args: [{
481
- imports: [common.CommonModule, DashboardLayoutModule],
482
- exports: [
483
- DashboardLayoutModule
484
- ],
485
- providers: []
486
- },] },
487
- ];
488
- /**
489
- * @nocollapse
490
- */
491
- DashboardLayoutAllModule.ctorParameters = function () { return []; };
492
- var input$2 = ['content', 'cssClass', 'disabled', 'dotCss', 'oppositeContent'];
493
- var outputs$4 = [];
494
- /**
495
- * 'e-timelineItem' directive represents a item of the Angular Timeline.
496
- * It must be contained in a Timeline component(`ejs-timeline`).
497
- * ```html
498
- * <ejs-timeline>
499
- * <e-items>
500
- * <e-item [dotCss]='e-icons e-folder' [content]='Item 1' />
501
- * <e-item [dotCss]='e-icons e-folder' [content]='Item 2' />
502
- * </e-items>
503
- * </ejs-timeline>
504
- * ```
505
- */
506
- var ItemDirective = /** @class */ (function (_super) {
507
- __extends(ItemDirective, _super);
508
- /**
509
- * @param {?} viewContainerRef
510
- */
511
- function ItemDirective(viewContainerRef) {
512
- var _this = _super.call(this) || this;
513
- _this.viewContainerRef = viewContainerRef;
514
- ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
515
- _this.registerEvents(outputs$4);
516
- _this.directivePropList = input$2;
517
- return _this;
518
- }
519
- return ItemDirective;
520
- }(ej2AngularBase.ComplexBase));
521
- ItemDirective.decorators = [
522
- { type: core.Directive, args: [{
523
- selector: 'ejs-timeline>e-items>e-item',
524
- inputs: input$2,
525
- outputs: outputs$4,
526
- queries: {}
527
- },] },
528
- ];
529
- /**
530
- * @nocollapse
531
- */
532
- ItemDirective.ctorParameters = function () { return [
533
- { type: core.ViewContainerRef, },
534
- ]; };
535
- /**
536
- * Item Array Directive
537
- */
538
- var ItemsDirective = /** @class */ (function (_super) {
539
- __extends(ItemsDirective, _super);
540
- function ItemsDirective() {
541
- return _super.call(this, 'items') || this;
542
- }
543
- return ItemsDirective;
544
- }(ej2AngularBase.ArrayBase));
545
- ItemsDirective.decorators = [
546
- { type: core.Directive, args: [{
547
- selector: 'ejs-timeline>e-items',
548
- queries: {
549
- children: new core.ContentChildren(ItemDirective)
550
- },
551
- },] },
552
- ];
553
- /**
554
- * @nocollapse
555
- */
556
- ItemsDirective.ctorParameters = function () { return []; };
557
- var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
558
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
559
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
560
- r = Reflect.decorate(decorators, target, key, desc);
561
- else
562
- for (var i = decorators.length - 1; i >= 0; i--)
563
- if (d = decorators[i])
564
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
565
- return c > 3 && r && Object.defineProperty(target, key, r), r;
566
- };
567
- var __metadata$4 = (this && this.__metadata) || function (k, v) {
568
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
569
- return Reflect.metadata(k, v);
570
- };
571
- var inputs$2 = ['align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template'];
572
- var outputs$5 = ['beforeItemRender', 'created'];
573
- var twoWays$2 = [];
574
- /**
575
- * Represents the EJ2 Angular Timeline Component.
576
- * ```html
577
- * <div ejs-timeline [items]='timelineItems'></div>
578
- * ```
579
- */
580
- exports.TimelineComponent = /** @class */ (function (_super) {
581
- __extends(TimelineComponent, _super);
582
- /**
583
- * @param {?} ngEle
584
- * @param {?} srenderer
585
- * @param {?} viewContainerRef
586
- * @param {?} injector
587
- */
588
- function TimelineComponent(ngEle, srenderer, viewContainerRef, injector) {
589
- var _this = _super.call(this) || this;
590
- _this.ngEle = ngEle;
591
- _this.srenderer = srenderer;
592
- _this.viewContainerRef = viewContainerRef;
593
- _this.injector = injector;
594
- _this.tags = ['items'];
595
- _this.element = _this.ngEle.nativeElement;
596
- _this.injectedModules = _this.injectedModules || [];
597
- _this.registerEvents(outputs$5);
598
- _this.addTwoWay.call(_this, twoWays$2);
599
- ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
600
- _this.containerContext = new ej2AngularBase.ComponentBase();
601
- return _this;
602
- }
603
- /**
604
- * @return {?}
605
- */
606
- TimelineComponent.prototype.ngOnInit = function () {
607
- this.containerContext.ngOnInit(this);
608
- };
609
- /**
610
- * @return {?}
611
- */
612
- TimelineComponent.prototype.ngAfterViewInit = function () {
613
- this.containerContext.ngAfterViewInit(this);
614
- };
615
- /**
616
- * @return {?}
617
- */
618
- TimelineComponent.prototype.ngOnDestroy = function () {
619
- this.containerContext.ngOnDestroy(this);
620
- };
621
- /**
622
- * @return {?}
623
- */
624
- TimelineComponent.prototype.ngAfterContentChecked = function () {
625
- this.tagObjects[0].instance = this.childItems;
626
- this.containerContext.ngAfterContentChecked(this);
627
- };
628
- return TimelineComponent;
629
- }(ej2Layouts.Timeline));
630
- exports.TimelineComponent.decorators = [
631
- { type: core.Component, args: [{
632
- selector: 'ejs-timeline',
633
- inputs: inputs$2,
634
- outputs: outputs$5,
635
- template: "<ng-content select='div'></ng-content>",
636
- changeDetection: core.ChangeDetectionStrategy.OnPush,
637
- queries: {
638
- childItems: new core.ContentChild(ItemsDirective)
639
- }
640
- },] },
641
- ];
642
- /**
643
- * @nocollapse
644
- */
645
- exports.TimelineComponent.ctorParameters = function () { return [
646
- { type: core.ElementRef, },
647
- { type: core.Renderer2, },
648
- { type: core.ViewContainerRef, },
649
- { type: core.Injector, },
650
- ]; };
651
- exports.TimelineComponent.propDecorators = {
652
- 'template': [{ type: core.ContentChild, args: ['template',] },],
653
- 'content': [{ type: core.ContentChild, args: ['content',] },],
654
- 'oppositeContent': [{ type: core.ContentChild, args: ['oppositeContent',] },],
655
- };
656
- __decorate$4([
657
- ej2AngularBase.Template(),
658
- __metadata$4("design:type", Object)
659
- ], exports.TimelineComponent.prototype, "template", void 0);
660
- __decorate$4([
661
- ej2AngularBase.Template(),
662
- __metadata$4("design:type", Object)
663
- ], exports.TimelineComponent.prototype, "content", void 0);
664
- __decorate$4([
665
- ej2AngularBase.Template(),
666
- __metadata$4("design:type", Object)
667
- ], exports.TimelineComponent.prototype, "oppositeContent", void 0);
668
- exports.TimelineComponent = __decorate$4([
669
- ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
670
- __metadata$4("design:paramtypes", [core.ElementRef,
671
- core.Renderer2,
672
- core.ViewContainerRef,
673
- core.Injector])
674
- ], exports.TimelineComponent);
675
- /**
676
- * NgModule definition for the Timeline component.
677
- */
678
- var TimelineModule = /** @class */ (function () {
679
- function TimelineModule() {
680
- }
681
- return TimelineModule;
682
- }());
683
- TimelineModule.decorators = [
684
- { type: core.NgModule, args: [{
685
- imports: [common.CommonModule],
686
- declarations: [
687
- exports.TimelineComponent,
688
- ItemDirective,
689
- ItemsDirective
690
- ],
691
- exports: [
692
- exports.TimelineComponent,
693
- ItemDirective,
694
- ItemsDirective
695
- ]
696
- },] },
697
- ];
698
- /**
699
- * @nocollapse
700
- */
701
- TimelineModule.ctorParameters = function () { return []; };
702
- /**
703
- * NgModule definition for the Timeline component with providers.
704
- */
705
- var TimelineAllModule = /** @class */ (function () {
706
- function TimelineAllModule() {
707
- }
708
- return TimelineAllModule;
709
- }());
710
- TimelineAllModule.decorators = [
711
- { type: core.NgModule, args: [{
712
- imports: [common.CommonModule, TimelineModule],
713
- exports: [
714
- TimelineModule
715
- ],
716
- providers: []
717
- },] },
718
- ];
719
- /**
720
- * @nocollapse
721
- */
722
- TimelineAllModule.ctorParameters = function () { return []; };
723
-
724
- exports.PaneDirective = PaneDirective;
725
- exports.PanesDirective = PanesDirective;
726
- exports.SplitterModule = SplitterModule;
727
- exports.SplitterAllModule = SplitterAllModule;
728
- exports.PanelDirective = PanelDirective;
729
- exports.PanelsDirective = PanelsDirective;
730
- exports.DashboardLayoutModule = DashboardLayoutModule;
731
- exports.DashboardLayoutAllModule = DashboardLayoutAllModule;
732
- exports.ItemDirective = ItemDirective;
733
- exports.ItemsDirective = ItemsDirective;
734
- exports.TimelineModule = TimelineModule;
735
- exports.TimelineAllModule = TimelineAllModule;
736
- exports.ɵc = inputs$1;
737
- exports.ɵd = outputs$3;
738
- exports.ɵa = inputs;
739
- exports.ɵb = outputs$1;
740
- exports.ɵe = inputs$2;
741
- exports.ɵf = outputs$5;
742
- exports.PaneProperties = ej2Layouts.PaneProperties;
743
- exports.Splitter = ej2Layouts.Splitter;
744
- exports.Panel = ej2Layouts.Panel;
745
- exports.DashboardLayout = ej2Layouts.DashboardLayout;
746
- exports.TimelineOrientation = ej2Layouts.TimelineOrientation;
747
- exports.TimelineAlign = ej2Layouts.TimelineAlign;
748
- exports.TimelineItem = ej2Layouts.TimelineItem;
749
- exports.Timeline = ej2Layouts.Timeline;
750
-
751
- Object.defineProperty(exports, '__esModule', { value: true });
752
-
753
- })));
754
- //# sourceMappingURL=ej2-angular-layouts.umd.js.map