@syncfusion/ej2-angular-layouts 26.1.38 → 26.2.4-ngcc

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