@syncfusion/ej2-angular-layouts 25.1.35 → 25.1.37-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 (49) 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/CHANGELOG.md +599 -0
  6. package/README.md +28 -7
  7. package/dist/ej2-angular-layouts.umd.js +763 -0
  8. package/dist/ej2-angular-layouts.umd.js.map +1 -0
  9. package/dist/ej2-angular-layouts.umd.min.js +11 -0
  10. package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
  11. package/ej2-angular-layouts.d.ts +7 -0
  12. package/ej2-angular-layouts.metadata.json +1 -0
  13. package/package.json +14 -28
  14. package/postinstall/tagchange.js +18 -0
  15. package/schematics/utils/lib-details.d.ts +2 -2
  16. package/schematics/utils/lib-details.js +2 -2
  17. package/schematics/utils/lib-details.ts +2 -2
  18. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
  19. package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
  20. package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
  21. package/src/dashboard-layout/panels.directive.d.ts +0 -5
  22. package/src/splitter/panesettings.directive.d.ts +0 -5
  23. package/src/splitter/splitter-all.module.d.ts +0 -6
  24. package/src/splitter/splitter.component.d.ts +0 -3
  25. package/src/splitter/splitter.module.d.ts +0 -7
  26. package/src/timeline/items.directive.d.ts +0 -5
  27. package/src/timeline/timeline-all.module.d.ts +0 -6
  28. package/src/timeline/timeline.component.d.ts +0 -3
  29. package/src/timeline/timeline.module.d.ts +0 -7
  30. package/esm2020/public_api.mjs +0 -3
  31. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
  32. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
  33. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
  34. package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
  35. package/esm2020/src/index.mjs +0 -14
  36. package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
  37. package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
  38. package/esm2020/src/splitter/splitter.component.mjs +0 -64
  39. package/esm2020/src/splitter/splitter.module.mjs +0 -34
  40. package/esm2020/src/timeline/items.directive.mjs +0 -58
  41. package/esm2020/src/timeline/timeline-all.module.mjs +0 -23
  42. package/esm2020/src/timeline/timeline.component.mjs +0 -83
  43. package/esm2020/src/timeline/timeline.module.mjs +0 -34
  44. package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
  45. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -532
  46. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  47. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -532
  48. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  49. package/syncfusion-ej2-angular-layouts.d.ts +0 -5
package/CHANGELOG.md ADDED
@@ -0,0 +1,599 @@
1
+ # Changelog
2
+
3
+ ## [Unreleased]
4
+
5
+ ### DashboardLayout
6
+
7
+ #### Bug Fixes
8
+
9
+ - `#I564184` - Resolved the issue with the dynamically added panel not being persisted when `enablePersistence` is enabled in the Dashboard Layout.
10
+
11
+ ## 25.1.35 (2024-03-15)
12
+
13
+ ### Timeline
14
+
15
+ The Timeline control enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
16
+
17
+
18
+ The Timeline component enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
19
+
20
+
21
+ #### Key features
22
+
23
+ - **Orientation** - Display items in a horizontal or vertical orientation.
24
+ - **Opposite content** - Display additional information opposite to the item content.
25
+ - **Items alignment** - Items' content and opposite content can be aligned - before, after, alternate, or alternate reverse.
26
+ - **Reverse timeline** - Shows the timeline items in the reverse order.
27
+ - **Templates** - Customize the default appearance, including styling the dot item, templated content, and more.
28
+
29
+ ## 20.4.48 (2023-02-01)
30
+
31
+ ### Splitter
32
+
33
+ #### Bug Fixes
34
+
35
+ - `#I425916` - Fixed issue with Expand and Collapse event triggering in splitter.
36
+
37
+ ## 20.4.38 (2022-12-21)
38
+
39
+ ### Dashboard Layout
40
+
41
+ #### Bug Fixes
42
+
43
+ - `#I395833` - The issue with the "Facing accessibility testing failure in the Dashboard Layout component" has been resolved.
44
+
45
+ ## 20.2.46 (2022-08-30)
46
+
47
+ ### Dashboard Layout
48
+
49
+ #### Bug Fixes
50
+
51
+ - `#I396820` - The issue with "minSizeX and minSizeY properties not working while using cellSpacing in Dashboard Layout component" has been resolved.
52
+
53
+ ## 20.2.39 (2022-07-19)
54
+
55
+ ### Dashboard Layout
56
+
57
+ #### Bug Fixes
58
+
59
+ - `#F171906` - The issue with "Adding dynamic panels after drag causes error in Dashboard Layout" has been resolved.
60
+
61
+ ## 20.2.38 (2022-07-12)
62
+
63
+ ### Splitter
64
+
65
+ #### Bug Fixes
66
+
67
+ - `#F385792` - The issues with the Splitter's first pane resizing to the right and the pane resizing not working properly has been resolved.
68
+
69
+ ## 20.1.61 (2022-06-21)
70
+
71
+ ### Dashboard Layout
72
+
73
+ #### Bug Fixes
74
+
75
+ - `#I382649` - The issue with "When resizing the page to less than `mediaQuery` value then the height was not proper for the Dashboard Layout component" has been resolved.
76
+
77
+ ## 20.1.58 (2022-05-31)
78
+
79
+ ### Splitter
80
+
81
+ #### Bug Fixes
82
+
83
+ - `#F174876` - Now, collapsing the splitter pane after resizing the pane and when the `enablePersistance` API is set to true works properly.
84
+
85
+ ## 19.3.43 (2021-09-30)
86
+
87
+ ### Splitter
88
+
89
+ #### Bug Fixes
90
+
91
+ - `#I341650` - The issue with "Resize event handler is not properly un-wired, when destroying the splitter component" has been resolved.
92
+
93
+ ## 19.2.48 (2021-07-20)
94
+
95
+ ### Splitter
96
+
97
+ #### Bug Fixes
98
+
99
+ - `#I334749` - Resolved the exception raised, when resizing the window with splitter rendered in the page.
100
+
101
+ ## 19.1.63 (2021-05-13)
102
+
103
+ ### Splitter
104
+
105
+ - Provided `enablePersistence` property to persists the component's state between page reloads.
106
+ - Provided `enableReversePanes` property to reorder the splitter panes.
107
+
108
+ ## 19.1.58 (2021-04-27)
109
+
110
+ ### Splitter
111
+
112
+ #### Bug Fixes
113
+
114
+ - `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
115
+
116
+ ## 19.1.55 (2021-04-06)
117
+
118
+ ### Splitter
119
+
120
+ #### Bug Fixes
121
+
122
+ - `#320479` - The issue with "`addPane` public method does not work when rendered with the nested splitter" has been resolved.
123
+
124
+ ## 19.1.54 (2021-03-30)
125
+
126
+ ### Dashboard Layout
127
+
128
+ #### Bug Fixes
129
+
130
+ - `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
131
+ - `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.
132
+
133
+ ### Splitter
134
+
135
+ #### Bug Fixes
136
+
137
+ - `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
138
+ - `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
139
+
140
+ - `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
141
+
142
+ ## 18.4.30 (2020-12-17)
143
+
144
+ ### Dashboard Layout
145
+
146
+ #### Bug Fixes
147
+
148
+ - `F159402` - The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.
149
+ - `F159797` - Now, the Dashboard Layout component is also available in the Theme studio.
150
+
151
+ ## 18.3.53 (2020-12-08)
152
+
153
+ ### Dashboard Layout
154
+
155
+ #### Bug Fixes
156
+
157
+ - `#303968` - The issue with "Script error occur in DashboardLayout, when updating its parent props using setState method in React platform" has been fixed.
158
+
159
+ ## 18.3.48 (2020-11-11)
160
+
161
+ ### Dashboard Layout
162
+
163
+ #### Bug Fixes
164
+
165
+ - `#F159413` - The issue with "Script error occurs when dynamically updating the panels using V-for" has been fixed.
166
+
167
+ ## 18.3.44 (2020-10-27)
168
+
169
+ ### Dashboard Layout
170
+
171
+ #### Bug Fixes
172
+
173
+ - `#292627` - The issue "Panels are overlapped with each other during window resize" has been fixed.
174
+
175
+ ## 18.3.40 (2020-10-13)
176
+
177
+ ### Dashboard Layout
178
+
179
+ #### Bug Fixes
180
+
181
+ - `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
182
+
183
+ ## 18.3.35 (2020-10-01)
184
+
185
+ ### Dashboard Layout
186
+
187
+ #### Bug Fixes
188
+
189
+ - `#284795, #286988, #291408, #291630` - The issue with rendering panels when using angular template has been fixed.
190
+ - `#282904` - The issue with the empty space while setting allowFloating as true has been resolved.
191
+ - `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
192
+
193
+ ## 18.2.58 (2020-09-15)
194
+
195
+ ### Splitter
196
+
197
+ #### Bug Fixes
198
+
199
+ - `#I288982` - The issue with "Resizing feature is not working properly when the splitter’s height is more than the window" has been resolved.
200
+
201
+ ## 18.2.46 (2020-07-21)
202
+
203
+ ### Dashboard Layout
204
+
205
+ #### Bug Fixes
206
+
207
+ - `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
208
+
209
+ ## 18.2.44 (2020-07-07)
210
+
211
+ ### Dashboard Layout
212
+
213
+ #### Bug Fixes
214
+
215
+ - `#276817` - Panel content will now get persisted on page reload with persistence enabled.
216
+
217
+ ## 18.1.52 (2020-05-13)
218
+
219
+ ### Dashboard Layout
220
+
221
+ #### New Features
222
+
223
+ - `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
224
+
225
+ ### Splitter
226
+
227
+ #### Bug Fixes
228
+
229
+ - `#273127` - Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".
230
+ - `F153749` - Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
231
+
232
+ ## 18.1.48 (2020-05-05)
233
+
234
+ ### Dashboard Layout
235
+
236
+ #### Bug Fixes
237
+
238
+ - `#275109` - Issue with floating the panels in inline rendering has been resolved.
239
+
240
+ ## 18.1.46 (2020-04-28)
241
+
242
+ ### Splitter
243
+
244
+ #### Bug Fixes
245
+
246
+ - `#272732` -The issue with Splitter pane size decreased by resize of window has been resolved.
247
+
248
+ ## 18.1.45 (2020-04-21)
249
+
250
+ ### Splitter
251
+
252
+ #### Bug Fixes
253
+
254
+ -`#272515`, `#F153399` - Resolved the issue with nested splitter resizing is not working properly.
255
+
256
+
257
+ - Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
258
+
259
+ ## 18.1.44 (2020-04-14)
260
+
261
+ ### Splitter
262
+
263
+ #### Bug Fixes
264
+
265
+ - `#269482` - Resolved the expand and collapse icons hidden issue when panes are expanded or collapsed.
266
+
267
+ ### Dashboard Layout
268
+
269
+ #### Bug Fixes
270
+
271
+ - `#271938` - The issue with `The Dashboard layout resize icon style overrides the RTE component image style` has been resolved.
272
+
273
+ ## 17.4.51 (2020-02-25)
274
+
275
+ ### Splitter
276
+
277
+ #### Bug Fixes
278
+
279
+ - `F11801` - Resolved the script errors thrown when performing keyboard action in single pane.
280
+
281
+ ### Dashboard Layout
282
+
283
+ #### Bug Fixes
284
+
285
+ - `#263850` - The issue with the invalid cursor that is displayed in panel content or header, which is not in draggable element has been resolved.
286
+
287
+ ## 17.4.50 (2020-02-18)
288
+
289
+ ### Splitter
290
+
291
+ #### Bug Fixes
292
+
293
+ - `#263496` - Resolved the issue with the splitter paneSettings `collapsed` property that is not updated properly when the panes are expanded or collapsed.
294
+
295
+ ### Dashboard Layout
296
+
297
+ #### New Features
298
+
299
+ - `#262900` - The `change` event now triggers when a panel is resized and then the adjacent panel position changes.
300
+
301
+ ## 17.4.47 (2020-02-05)
302
+
303
+ ### Splitter
304
+
305
+ #### Bug Fixes
306
+
307
+ - `#261892` - Issue with removePane public method does not update the value of the paneSettings property.
308
+
309
+ ### Dashboard Layout
310
+
311
+ #### Bug Fixes
312
+
313
+ - `#262675` - Provided the support to prevent the XSS attacks using the `enableHtmlSanitizer` property.
314
+
315
+ ## 17.4.46 (2020-01-30)
316
+
317
+ ### Dashboard Layout
318
+
319
+ #### Bug Fixes
320
+
321
+ - `#F150686` - The issue "Panels overlapping when you drag from top to bottom" has been resolved.
322
+
323
+ ### Splitter
324
+
325
+ #### Bug Fixes
326
+
327
+ - `#261757` - The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.
328
+ - `#261829` - Keyboard interaction issue with input components has been resolved.
329
+
330
+ ## 17.4.44 (2021-01-21)
331
+
332
+ ### Dashboard Layout
333
+
334
+ #### Bug Fixes
335
+
336
+ - Resolved the script error while destroying the dashboard layout component in IE11 browser.
337
+
338
+ ### Splitter
339
+
340
+ #### Bug Fixes
341
+
342
+ - `#I261044` - Issue with expand and collapse icons button type has been resolved.
343
+
344
+ ## 17.4.43 (2020-01-14)
345
+
346
+ ### Splitter
347
+
348
+ #### Bug Fixes
349
+
350
+ - `#255853` - Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".
351
+ - `#259892` - Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".
352
+ - `#258254` - Resolved the issue with the public method `addPane` that does not work when rendered a single pane.
353
+
354
+ ## 17.4.41 (2020-01-07)
355
+
356
+ ### Dashboard Layout
357
+
358
+ #### Bug Fixes
359
+
360
+ - `#258121` - Resolved the CSS warnings in Firefox 71.0 version.
361
+
362
+ ### Splitter
363
+
364
+ #### Bug Fixes
365
+
366
+ - `#254606` - Web accessibility issues resolved.
367
+
368
+ #### New Features
369
+
370
+ - Provided `Keyboard navigation support` for splitter. The available keyboard shortcuts are,
371
+
372
+ - `Up Arrow` - will move separator towards up in vertical splitter.
373
+ - `Down Arrow` - will move separator towards down in vertical splitter.
374
+ - `Right Arrow` - will move separator towards right in horizontal splitter.
375
+ - `Left Arrow` - will move separator towards left in horizontal splitter.
376
+ - `Enter key` - will toggle nearest collapsible pane of focused separator.
377
+
378
+ ## 17.4.40 (2019-12-24)
379
+
380
+ ### Dashboard Layout
381
+
382
+ #### Bug Fixes
383
+
384
+ - Panels overlapping issue "while dragging the panels in bootstrap theme" has been resolved.
385
+
386
+ ## 17.4.39 (2019-12-17)
387
+
388
+ ### Splitter
389
+
390
+ #### New Features
391
+
392
+ - `#255003` - Provided the cssClass property to individual panes also to customize it in the Splitter.
393
+
394
+ ## 17.3.29 (2019-11-26)
395
+
396
+ ### Dashboard Layout
397
+
398
+ #### Bug Fixes
399
+
400
+ - `#256123` - Issue with removing `e-dragging` class after panel resize has been resolved.
401
+
402
+ ### Splitter
403
+
404
+ #### Bug Fixes
405
+
406
+ - `#I255141` -Resolved the issue with separator's visible state when collapsible the last pane .
407
+ - `#252195` - The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
408
+
409
+ ## 17.3.28 (2019-11-19)
410
+
411
+ ### Dashboard Layout
412
+
413
+ #### Bug Fixes
414
+
415
+ - `#F149164` - Resolved the issue with panel resizing when more than one Dashboard Layout component is used in a page.
416
+
417
+ ### Splitter
418
+
419
+ #### New Features
420
+
421
+ - `#251791` - Provided the support to use DOM element as pane content by configuring the selector to the content of `paneSettings` property.
422
+
423
+ ## 17.3.27 (2019-11-12)
424
+
425
+ ### Splitter
426
+
427
+ #### Bug Fixes
428
+
429
+ - `#253345` - The Console error thrown when navigating from splitter component to another page has been resolved.
430
+ - `#252410` - Resolved the issue with collapsing panes when set `collapsed` property as true in Splitter.
431
+ - `#252410` - Issue with `Expand` public method not working in the splitter has been resolved.
432
+ - `#252410` - Resolved the interaction issue with expand and collapse pane.
433
+
434
+ ## 17.2.48-beta (2019-08-28)
435
+
436
+ ### Splitter
437
+
438
+ #### Bug Fixes
439
+
440
+ - `#241183` - Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.
441
+ - `#242579` - Resolved the issue with "Split-bar rendering while change orientation dynamically"
442
+ - `#243003` - Resolved the issue with enabling expand and collapse arrow based on collapsible property.
443
+ - `#243007` - The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.
444
+ - `#244847` - The issue "Split panes are not resized properly on window resizing" has been resolved.
445
+
446
+ ## 17.1.51 (2019-06-11)
447
+
448
+ ### Dashboard Layout
449
+
450
+ #### Bug Fixes
451
+
452
+ - #237417 - Click event of button is not triggering when it is placed inside the panel element of DashboardLayout.
453
+
454
+ ## 17.1.49 (2019-05-29)
455
+
456
+ ### Dashboard Layout
457
+
458
+ #### New Features
459
+
460
+ - #236095 - Support for refresh method has been provided, which allows to refresh the panels.
461
+
462
+ ## 17.1.48 (2019-05-21)
463
+
464
+ ### Dashboard Layout
465
+
466
+ #### Bug Fixes
467
+
468
+ - #144602 - Issue on panel resizing after adding a new panel dynamically has been fixed.
469
+
470
+ ## 17.1.43 (2019-04-30)
471
+
472
+ ### Dashboard Layout
473
+
474
+ #### Bug Fixes
475
+
476
+ - #234604 - Issue with draggable cursor appears on hovering over the panels when dragging is disabled has been fixed.
477
+
478
+ ## 17.1.40 (2019-04-09)
479
+
480
+ ### Dashboard Layout
481
+
482
+ #### Breaking Changes
483
+
484
+ - Renamed the folder within the package from `dashboardlayout` to `dashboard-layout`.
485
+
486
+ ## 17.1.32-beta (2019-03-13)
487
+
488
+ ### Splitter
489
+
490
+ #### Bug Fixes
491
+
492
+ - The issue with not able to set null value value for `cssClass` API has been fixed
493
+
494
+ #### New Features
495
+
496
+ - **Expand and Collapse**: This feature allows you configure and interact with the expand and collapse functionality of splitter.
497
+
498
+ ## 16.4.55 (2019-02-27)
499
+
500
+ ### Splitter
501
+
502
+ #### Bug Fixes
503
+
504
+ - The issue with dynamic update of `paneSettings` has been fixed.
505
+
506
+ ## 16.4.54 (2019-02-19)
507
+
508
+ ### Splitter
509
+
510
+ #### Bug Fixes
511
+
512
+ - Issue with dynamic update of pane content has been fixed
513
+
514
+ ## 16.4.53 (2019-02-13)
515
+
516
+ ### Card
517
+
518
+ #### Bug Fixes
519
+
520
+ - The issue with white background for the Card control has been fixed in Material theme.
521
+
522
+ ## 17.1.1-beta (2019-01-29)
523
+
524
+ ### DashboardLayout
525
+
526
+ The DashboardLayout is a grid structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
527
+
528
+
529
+ - **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
530
+ - **Resizing**: Support to resize the panels in any direction as per the requirement.
531
+ - **Floating**: Floats the panels upward when the dragging option is enabled.
532
+ - **Media Query**: Allows the panels to be stacked when the specified resolution is met.
533
+
534
+ ## 16.4.47 (2019-01-16)
535
+
536
+ ### Splitter
537
+
538
+ #### Bug Fixes
539
+
540
+ - The issue with dynamically updating the pane size has been fixed.
541
+
542
+ ## 16.4.44 (2018-12-24)
543
+
544
+ ### Splitter
545
+
546
+ #### New Features
547
+
548
+ - Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (`data-`).
549
+ - Included the public methods for add and remove splitter panes.
550
+
551
+ ## 16.4.40-beta (2018-12-10)
552
+
553
+ ### Splitter
554
+
555
+ The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
556
+
557
+
558
+ - **Resizable**: By default, all the panes configured with resizable.
559
+ - **Orientation**: The panes can be oriented horizontally and vertically.
560
+ - **Nested**: Integrate splitter controls inside split pane to create nested layout.
561
+ - **Separator**: Divide the pane with horizontal or vertical line with customizable dimension.
562
+
563
+ ## 16.2.41 (2018-06-25)
564
+
565
+ ### Avatar
566
+
567
+ Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
568
+
569
+
570
+ - **Types** - Provided 2 types of Avatar.
571
+ - **Sizes** - Supports different sizes to adapt the various application scenario.
572
+
573
+ ### Card
574
+
575
+ The Card is a small container in which user can show defined content in specific structure and it is a flexible and extensible. Card is a pure CSS component built with markup and style.
576
+
577
+
578
+ The available key features are
579
+
580
+
581
+ - **Header**: Header supports to include title, subtitle along with image.
582
+ - **Images and Title**: Support to include images with customizable caption positions in it.
583
+ - **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment.
584
+ - **Horizontal Card**: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.
585
+
586
+
587
+ ## 17.2.28-beta (2019-06-27)
588
+
589
+ ### DashboardLayout
590
+
591
+ The DashboardLayout is a grid structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
592
+
593
+
594
+ - **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
595
+ - **Resizing**: Support to resize the panels in any direction as per the requirement.
596
+ - **Floating**: Floats the panels upward when the dragging option is enabled.
597
+ - **Media Query**: Allows the panels to be stacked when the specified resolution is met.
598
+
599
+
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # ej2-angular-layouts
2
2
 
3
- The layout package contains cards, avatars, splitter and Dashboard Layout components.
3
+ The layout package contains cards, avatars, splitter, timeline and Dashboard Layout components.
4
4
 
5
5
  * The `card` is a small container in which user can show defined content in specific structure.
6
6
 
@@ -8,6 +8,8 @@ The layout package contains cards, avatars, splitter and Dashboard Layout compon
8
8
 
9
9
  * The `splitter` is container component which used to construct different layouts using multiple and nested panes.
10
10
 
11
+ * The `timeline` is a tool for displaying chronological information effortlessly within your application. It offers a visually compelling and user-friendly experience for showcasing user activities, tracking progress, or narrating historical timelines.
12
+
11
13
  * The `DashboardLayout` is a grid structured layout component that helps to create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
12
14
 
13
15
  ![Layout](https://ej2.syncfusion.com/products/images/layout/readme.png)
@@ -40,6 +42,10 @@ Following list of components are available in the package
40
42
  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/splitter/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm)
41
43
  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/splitter/default)
42
44
 
45
+ * [Angular Timeline](https://www.syncfusion.com/angular-ui-components/angular-timeline?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm) - Used to build timelines to showcases user activities, tracking progress, narrating historical timelines, and more.
46
+ * [Getting Started](https://ej2.syncfusion.com/angular/documentation/timeline/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm)
47
+ * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/timeline/default)
48
+
43
49
  * [Angular Dashboard Layout](https://www.syncfusion.com/angular-ui-components/angular-dashboard-layout?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm) - Used to build dashboards with panels that holds the UI components and allow resize, reorder, drag-n-drop, remove and add options.
44
50
  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/dashboard-layout/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm)
45
51
  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/default)
@@ -68,6 +74,7 @@ These components are available in following list of:
68
74
  ## Key Features
69
75
 
70
76
  * Card
77
+
71
78
  * [Header](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/card/basic) - Header supports to include title, subtitle along with image.
72
79
 
73
80
  * [Images and Title](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/card/reveal) - Support to include images with customizable caption positions in it.
@@ -77,6 +84,7 @@ These components are available in following list of:
77
84
  * [Horizontal Card](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/card/horizontal) - Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.
78
85
 
79
86
  * Avatar
87
+
80
88
  * [Types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/avatar/default) - Provided `2` types of avatars such as `default` and `circle`.
81
89
 
82
90
  * [Sizes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/avatar/types) - Supports `7` different sizes to adapt the various application scenario.
@@ -88,6 +96,7 @@ These components are available in following list of:
88
96
  * xlarge
89
97
 
90
98
  * Splitter
99
+
91
100
  * [Multiple Panes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/splitter/default) - Provided an option to configure more than two panes.
92
101
 
93
102
  * [Resizable Panes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/splitter/code-editor-layout) - Supports resizable to adjust its pane size dynamically.
@@ -98,15 +107,27 @@ These components are available in following list of:
98
107
 
99
108
  * [Nested Panes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/splitter/code-editor-layout) - Another splitter can be integrated within panes to create a complex layout.
100
109
 
101
- * Dashboard Layout
102
-
103
- * [Drag and Drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/properties.html) - Allows drag and drop of panels at the desired location within the dashboard.
110
+ * Timeline
111
+
112
+ * [Orientation](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/timeline/api) - Display items in a horizontal or vertical orientation.
113
+
114
+ * [Opposite content](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/timeline/api) - Display additional information opposite to the item content.
115
+
116
+ * [Items alignment](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/timeline/api) - Items content and opposite content can be aligned - before, after, alternate, or alternate reverse.
117
+
118
+ * [Reverse timeline](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/timeline/api) - Shows the timeline items in the reverse order.
119
+
120
+ * [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/timeline/template) - Customize the default appearance, including styling the dot item, templated content, and more.
121
+
122
+ * Dashboard Layout
123
+
124
+ * [Drag and Drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/properties.html) - Allows drag and drop of panels at the desired location within the dashboard.
104
125
 
105
- * [Floating](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/properties.html) - Floats the panels upward when the dragging option is enabled.
126
+ * [Floating](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/properties.html) - Floats the panels upward when the dragging option is enabled.
106
127
 
107
- * [Resizing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/properties.html) - Support to resize the panels in any direction as per the requirement.
128
+ * [Resizing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/properties.html) - Support to resize the panels in any direction as per the requirement.
108
129
 
109
- * [MediaQuery](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/default.html) - Allows the panels to be stacked when the specified resolution is met.
130
+ * [MediaQuery](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm#/material/dashboard-layout/default.html) - Allows the panels to be stacked when the specified resolution is met.
110
131
 
111
132
  ## Support
112
133