@syncfusion/ej2-angular-layouts 25.1.35 → 25.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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
|
|
|
@@ -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
|
-
|
|
102
|
-
|
|
103
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-angular-layouts@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-angular-layouts@
|
|
3
|
+
"_id": "@syncfusion/ej2-angular-layouts@25.1.35",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-sCkaQw9RIM2qBI7ap1nOcrFC/67/t58OeN0Wj8j4n16ebnTI4kMTavOZxIQT5k2s1JVeyMI99bPEekdskx0cQQ==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-angular-layouts",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"_requiredBy": [
|
|
20
20
|
"/"
|
|
21
21
|
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-25.1.35.tgz",
|
|
23
|
+
"_shasum": "651279128978e9547cefa86978d6efb157f1b3b4",
|
|
24
24
|
"_spec": "@syncfusion/ej2-angular-layouts@*",
|
|
25
25
|
"_where": "/jenkins/workspace/elease-automation_release_25.1.1/ivypackages/included",
|
|
26
26
|
"author": {
|
|
@@ -31,13 +31,14 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bundleDependencies": false,
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-angular-base": "~25.1.
|
|
34
|
+
"@syncfusion/ej2-angular-base": "~25.1.37",
|
|
35
35
|
"@syncfusion/ej2-base": "~25.1.35",
|
|
36
|
-
"@syncfusion/ej2-layouts": "25.1.
|
|
36
|
+
"@syncfusion/ej2-layouts": "25.1.37",
|
|
37
37
|
"tslib": "^2.3.0"
|
|
38
38
|
},
|
|
39
39
|
"deprecated": false,
|
|
40
40
|
"description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for Angular",
|
|
41
|
+
"devDependencies": {},
|
|
41
42
|
"es2020": "fesm2020/syncfusion-ej2-angular-layouts.mjs",
|
|
42
43
|
"esm2020": "esm2020/syncfusion-ej2-angular-layouts.mjs",
|
|
43
44
|
"exports": {
|
|
@@ -78,5 +79,5 @@
|
|
|
78
79
|
"schematics": "./schematics/collection.json",
|
|
79
80
|
"sideEffects": false,
|
|
80
81
|
"typings": "syncfusion-ej2-angular-layouts.d.ts",
|
|
81
|
-
"version": "25.1.
|
|
82
|
+
"version": "25.1.37"
|
|
82
83
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// var fs = require("fs");
|
|
2
|
+
// var glob = require("glob");
|
|
3
|
+
|
|
4
|
+
// // selectors
|
|
5
|
+
|
|
6
|
+
// if (process.env.tagName !== undefined) {
|
|
7
|
+
// var newTagPrefix = process.env.tagName.trim();
|
|
8
|
+
// var files = glob.sync("./@syncfusion/*");
|
|
9
|
+
// for (var i = 0; i < files.length; i++) {
|
|
10
|
+
// var sourceFile = fs.readFileSync(files[i], "utf8");
|
|
11
|
+
// for (var j = 0; j < selectors.length; j++) {
|
|
12
|
+
// selectors[j] = selectors[j].replace('[','').replace(']','');
|
|
13
|
+
// var tagRegex = new RegExp(selectors[j], "g");
|
|
14
|
+
// sourceFile = sourceFile.replace(tagRegex,selectors[j].replace("ejs", newTagPrefix));
|
|
15
|
+
// }
|
|
16
|
+
// fs.writeFileSync(files[i], sourceFile, "utf8");
|
|
17
|
+
// }
|
|
18
|
+
// }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const pkgName = "@syncfusion/ej2-angular-layouts";
|
|
2
|
-
export declare const pkgVer = "^
|
|
2
|
+
export declare const pkgVer = "^25.1.35";
|
|
3
3
|
export declare const moduleName = "SplitterModule, DashboardLayoutModule, TimelineModule";
|
|
4
|
-
export declare const themeVer = "~
|
|
4
|
+
export declare const themeVer = "~25.1.35";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.pkgName = '@syncfusion/ej2-angular-layouts';
|
|
4
|
-
exports.pkgVer = '^25.1.
|
|
4
|
+
exports.pkgVer = '^25.1.37';
|
|
5
5
|
exports.moduleName = 'SplitterModule, DashboardLayoutModule, TimelineModule';
|
|
6
|
-
exports.themeVer = '~25.1.
|
|
6
|
+
exports.themeVer = '~25.1.37';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export const pkgName = '@syncfusion/ej2-angular-layouts';
|
|
2
|
-
export const pkgVer = '^25.1.
|
|
2
|
+
export const pkgVer = '^25.1.37';
|
|
3
3
|
export const moduleName = 'SplitterModule, DashboardLayoutModule, TimelineModule';
|
|
4
|
-
export const themeVer = '~25.1.
|
|
4
|
+
export const themeVer = '~25.1.37';
|