@syncfusion/ej2-vue-layouts 24.2.3 → 25.1.35

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 (72) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  3. package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-layouts.es2015.js +172 -2
  5. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-layouts.es5.js +176 -2
  7. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-layouts.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/dashboard-layout/dashboardlayout.component.d.ts +27 -3
  11. package/src/index.d.ts +2 -0
  12. package/src/index.js +2 -0
  13. package/src/splitter/splitter.component.d.ts +23 -3
  14. package/src/timeline/index.d.ts +2 -0
  15. package/src/timeline/index.js +2 -0
  16. package/src/timeline/items.directive.d.ts +24 -0
  17. package/src/timeline/items.directive.js +60 -0
  18. package/src/timeline/timeline.component.d.ts +34 -0
  19. package/src/timeline/timeline.component.js +116 -0
  20. package/styles/bootstrap-dark.scss +1 -0
  21. package/styles/bootstrap.scss +1 -0
  22. package/styles/bootstrap4.scss +1 -0
  23. package/styles/bootstrap5-dark.scss +1 -0
  24. package/styles/bootstrap5.scss +1 -0
  25. package/styles/fabric-dark.scss +1 -0
  26. package/styles/fabric.scss +1 -0
  27. package/styles/fluent-dark.scss +1 -0
  28. package/styles/fluent.scss +1 -0
  29. package/styles/highcontrast-light.scss +1 -0
  30. package/styles/highcontrast.scss +1 -0
  31. package/styles/material-dark.scss +1 -0
  32. package/styles/material.scss +1 -0
  33. package/styles/material3-dark.scss +1 -0
  34. package/styles/material3.scss +1 -0
  35. package/styles/tailwind-dark.scss +1 -0
  36. package/styles/tailwind.scss +1 -0
  37. package/styles/timeline/bootstrap-dark.css +1 -0
  38. package/styles/timeline/bootstrap-dark.scss +1 -0
  39. package/styles/timeline/bootstrap.css +1 -0
  40. package/styles/timeline/bootstrap.scss +1 -0
  41. package/styles/timeline/bootstrap4.css +1 -0
  42. package/styles/timeline/bootstrap4.scss +1 -0
  43. package/styles/timeline/bootstrap5-dark.css +1 -0
  44. package/styles/timeline/bootstrap5-dark.scss +1 -0
  45. package/styles/timeline/bootstrap5.css +1 -0
  46. package/styles/timeline/bootstrap5.scss +1 -0
  47. package/styles/timeline/fabric-dark.css +1 -0
  48. package/styles/timeline/fabric-dark.scss +1 -0
  49. package/styles/timeline/fabric.css +1 -0
  50. package/styles/timeline/fabric.scss +1 -0
  51. package/styles/timeline/fluent-dark.css +1 -0
  52. package/styles/timeline/fluent-dark.scss +1 -0
  53. package/styles/timeline/fluent.css +1 -0
  54. package/styles/timeline/fluent.scss +1 -0
  55. package/styles/timeline/highcontrast-light.css +1 -0
  56. package/styles/timeline/highcontrast-light.scss +1 -0
  57. package/styles/timeline/highcontrast.css +1 -0
  58. package/styles/timeline/highcontrast.scss +1 -0
  59. package/styles/timeline/material-dark.css +1 -0
  60. package/styles/timeline/material-dark.scss +1 -0
  61. package/styles/timeline/material.css +1 -0
  62. package/styles/timeline/material.scss +1 -0
  63. package/styles/timeline/material3-dark.css +1 -0
  64. package/styles/timeline/material3-dark.scss +2 -0
  65. package/styles/timeline/material3.css +1 -0
  66. package/styles/timeline/material3.scss +2 -0
  67. package/styles/timeline/tailwind-dark.css +1 -0
  68. package/styles/timeline/tailwind-dark.scss +1 -0
  69. package/styles/timeline/tailwind.css +1 -0
  70. package/styles/timeline/tailwind.scss +1 -0
  71. package/timeline.d.ts +4 -0
  72. package/timeline.js +4 -0
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-layouts@*",
3
- "_id": "@syncfusion/ej2-vue-layouts@24.1.41",
3
+ "_id": "@syncfusion/ej2-vue-layouts@21.4.6",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-hLHtG00J0SuheCwokvomuNUiJ3SXYHg9QF0ja72xZeJvE/wUOWRZmp5QZpl9efj9KjuwD6+hEO/WPVdTXsxjdw==",
5
+ "_integrity": "sha512-Xs7R8PnqEnPbn0Hi71n2DZ0c4dQoUEkQPPlgPBVIcepB5V+891ulc8Dek12jA/yDKVyxcM3RHgmPTApqH2Iepg==",
6
6
  "_location": "/@syncfusion/ej2-vue-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,10 +19,10 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-24.1.41.tgz",
23
- "_shasum": "0c8fbc7252e502213b99edbfe480afb8c3982191",
22
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-21.4.6.tgz",
23
+ "_shasum": "55b97f26b2ef20aac7d80ea371f6b71133943351",
24
24
  "_spec": "@syncfusion/ej2-vue-layouts@*",
25
- "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
25
+ "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
26
26
  "author": {
27
27
  "name": "Syncfusion Inc."
28
28
  },
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~24.2.3",
35
- "@syncfusion/ej2-layouts": "24.2.3",
36
- "@syncfusion/ej2-vue-base": "~24.2.3"
34
+ "@syncfusion/ej2-base": "~25.1.35",
35
+ "@syncfusion/ej2-layouts": "25.1.35",
36
+ "@syncfusion/ej2-vue-base": "~25.1.35"
37
37
  },
38
38
  "deprecated": false,
39
39
  "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 Vue",
@@ -46,7 +46,8 @@
46
46
  "vue-split-area",
47
47
  "vue-split-view",
48
48
  "vue-split-layout",
49
- "vue-dashboardlayout"
49
+ "vue-dashboardlayout",
50
+ "vue-timeline"
50
51
  ],
51
52
  "license": "SEE LICENSE IN license",
52
53
  "main": "./dist/ej2-vue-layouts.umd.min.js",
@@ -60,6 +61,6 @@
60
61
  "ci-publish": "gulp ci-publish",
61
62
  "compile": "gulp ci-compile && gulp vue-global-script"
62
63
  },
63
- "version": "24.2.3",
64
+ "version": "25.1.35",
64
65
  "sideEffects": false
65
66
  }
@@ -1,5 +1,5 @@
1
- import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
- import { DashboardLayoutModel } from '@syncfusion/ej2-layouts';
1
+ import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
+ import { DashboardLayout, DashboardLayoutModel } from '@syncfusion/ej2-layouts';
3
3
  export declare const properties: string[];
4
4
  export declare const modelProps: string[];
5
5
  export declare const testProp: any;
@@ -11,7 +11,31 @@ export declare const props: any, watch: any, emitProbs: any;
11
11
  * ```
12
12
  */
13
13
  export declare let DashboardLayoutComponent: DefineVueComponent<DashboardLayoutModel>;
14
- export declare type DashboardLayoutComponent = InstanceType<typeof DashboardLayoutComponent>;
14
+ export declare type DashboardLayoutComponent = typeof ComponentBase & {
15
+ ej2Instances: DashboardLayout;
16
+ isVue3: boolean;
17
+ isLazyUpdate: Boolean;
18
+ plugins: any[];
19
+ propKeys: string[];
20
+ models: string[];
21
+ hasChildDirective: boolean;
22
+ tagMapper: {
23
+ [key: string]: Object;
24
+ };
25
+ tagNameMapper: Object;
26
+ setProperties(prop: any, muteOnChange: boolean): void;
27
+ trigger(eventName: string, eventProp: {
28
+ [key: string]: Object;
29
+ }, successHandler?: Function): void;
30
+ addPanel(panel: Object): void;
31
+ movePanel(id: string, row: number, col: number): void;
32
+ refresh(): void;
33
+ removeAll(): void;
34
+ removePanel(id: string): void;
35
+ resizePanel(id: string, sizeX: number, sizeY: number): void;
36
+ serialize(): Object[];
37
+ updatePanel(panel: Object): void;
38
+ };
15
39
  export declare const DashboardLayoutPlugin: {
16
40
  name: string;
17
41
  install(Vue: any): void;
package/src/index.d.ts CHANGED
@@ -3,3 +3,5 @@ export { PanesDirective, PaneDirective, PanesPlugin, PanePlugin } from './splitt
3
3
  export { SplitterComponent, SplitterPlugin } from './splitter/splitter.component';
4
4
  export { PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin } from './dashboard-layout/panels.directive';
5
5
  export { DashboardLayoutComponent, DashboardLayoutPlugin } from './dashboard-layout/dashboardlayout.component';
6
+ export { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './timeline/items.directive';
7
+ export { TimelineComponent, TimelinePlugin } from './timeline/timeline.component';
package/src/index.js CHANGED
@@ -3,3 +3,5 @@ export { PanesDirective, PaneDirective, PanesPlugin, PanePlugin } from './splitt
3
3
  export { SplitterComponent, SplitterPlugin } from './splitter/splitter.component';
4
4
  export { PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin } from './dashboard-layout/panels.directive';
5
5
  export { DashboardLayoutComponent, DashboardLayoutPlugin } from './dashboard-layout/dashboardlayout.component';
6
+ export { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './timeline/items.directive';
7
+ export { TimelineComponent, TimelinePlugin } from './timeline/timeline.component';
@@ -1,5 +1,5 @@
1
- import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
- import { SplitterModel } from '@syncfusion/ej2-layouts';
1
+ import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
+ import { Splitter, SplitterModel } from '@syncfusion/ej2-layouts';
3
3
  export declare const properties: string[];
4
4
  export declare const modelProps: string[];
5
5
  export declare const testProp: any;
@@ -11,7 +11,27 @@ export declare const props: any, watch: any, emitProbs: any;
11
11
  * ```
12
12
  */
13
13
  export declare let SplitterComponent: DefineVueComponent<SplitterModel>;
14
- export declare type SplitterComponent = InstanceType<typeof SplitterComponent>;
14
+ export declare type SplitterComponent = typeof ComponentBase & {
15
+ ej2Instances: Splitter;
16
+ isVue3: boolean;
17
+ isLazyUpdate: Boolean;
18
+ plugins: any[];
19
+ propKeys: string[];
20
+ models: string[];
21
+ hasChildDirective: boolean;
22
+ tagMapper: {
23
+ [key: string]: Object;
24
+ };
25
+ tagNameMapper: Object;
26
+ setProperties(prop: any, muteOnChange: boolean): void;
27
+ trigger(eventName: string, eventProp: {
28
+ [key: string]: Object;
29
+ }, successHandler?: Function): void;
30
+ addPane(paneProperties: Object, index: number): void;
31
+ collapse(index: number): void;
32
+ expand(index: number): void;
33
+ removePane(index: number): void;
34
+ };
15
35
  export declare const SplitterPlugin: {
16
36
  name: string;
17
37
  install(Vue: any): void;
@@ -0,0 +1,2 @@
1
+ export { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './items.directive';
2
+ export { TimelineComponent, TimelinePlugin } from './timeline.component';
@@ -0,0 +1,2 @@
1
+ export { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './items.directive';
2
+ export { TimelineComponent, TimelinePlugin } from './timeline.component';
@@ -0,0 +1,24 @@
1
+ import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
2
+ import { TimelineItemModel } from '@syncfusion/ej2-layouts';
3
+ export declare let ItemsDirective: any;
4
+ export declare const ItemsPlugin: {
5
+ name: string;
6
+ install(Vue: any): void;
7
+ };
8
+ /**
9
+ * 'e-timelineItem' directive represents a item of the Vue Timeline
10
+ * It must be contained in a Timeline component(`ejs-timeline`).
11
+ * ```html
12
+ * <ejs-timeline>
13
+ * <e-items>
14
+ * <e-item :dotCss='e-icons e-folder' :content='Item 1' />
15
+ * <e-item :dotCss='e-icons e-folder' :content='Item 2' />
16
+ * </e-items>
17
+ * </ejs-timeline>
18
+ * ```
19
+ */
20
+ export declare let ItemDirective: DefineVueDirective<TimelineItemModel>;
21
+ export declare const ItemPlugin: {
22
+ name: string;
23
+ install(Vue: any): void;
24
+ };
@@ -0,0 +1,60 @@
1
+ import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
2
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
3
+ export var ItemsDirective = vueDefineComponent({
4
+ inject: { custom: { default: null } },
5
+ render: function (createElement) {
6
+ if (!isExecute) {
7
+ var h = !isExecute ? gh : createElement;
8
+ var slots = null;
9
+ if (!isNullOrUndefined(this.$slots.default)) {
10
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
11
+ }
12
+ return h('div', { class: 'e-directive' }, slots);
13
+ }
14
+ return;
15
+ },
16
+ updated: function () {
17
+ if (!isExecute && this.custom) {
18
+ this.custom();
19
+ }
20
+ },
21
+ methods: {
22
+ getTag: function () {
23
+ return 'e-items';
24
+ }
25
+ }
26
+ });
27
+ export var ItemsPlugin = {
28
+ name: 'e-items',
29
+ install: function (Vue) {
30
+ Vue.component(ItemsPlugin.name, ItemsDirective);
31
+ }
32
+ };
33
+ /**
34
+ * 'e-timelineItem' directive represents a item of the Vue Timeline
35
+ * It must be contained in a Timeline component(`ejs-timeline`).
36
+ * ```html
37
+ * <ejs-timeline>
38
+ * <e-items>
39
+ * <e-item :dotCss='e-icons e-folder' :content='Item 1' />
40
+ * <e-item :dotCss='e-icons e-folder' :content='Item 2' />
41
+ * </e-items>
42
+ * </ejs-timeline>
43
+ * ```
44
+ */
45
+ export var ItemDirective = vueDefineComponent({
46
+ render: function () {
47
+ return;
48
+ },
49
+ methods: {
50
+ getTag: function () {
51
+ return 'e-item';
52
+ }
53
+ }
54
+ });
55
+ export var ItemPlugin = {
56
+ name: 'e-item',
57
+ install: function (Vue) {
58
+ Vue.component(ItemPlugin.name, ItemDirective);
59
+ }
60
+ };
@@ -0,0 +1,34 @@
1
+ import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
+ import { Timeline, TimelineModel } from '@syncfusion/ej2-layouts';
3
+ export declare const properties: string[];
4
+ export declare const modelProps: string[];
5
+ export declare const testProp: any;
6
+ export declare const props: any, watch: any, emitProbs: any;
7
+ /**
8
+ * Represents the Essential JS 2 VueJS Timeline Component.
9
+ * ```html
10
+ * <ejs-timeline :items='timelineItems'></ejs-timeline>
11
+ * ```
12
+ */
13
+ export declare let TimelineComponent: DefineVueComponent<TimelineModel>;
14
+ export declare type TimelineComponent = typeof ComponentBase & {
15
+ ej2Instances: Timeline;
16
+ isVue3: boolean;
17
+ isLazyUpdate: Boolean;
18
+ plugins: any[];
19
+ propKeys: string[];
20
+ models: string[];
21
+ hasChildDirective: boolean;
22
+ tagMapper: {
23
+ [key: string]: Object;
24
+ };
25
+ tagNameMapper: Object;
26
+ setProperties(prop: any, muteOnChange: boolean): void;
27
+ trigger(eventName: string, eventProp: {
28
+ [key: string]: Object;
29
+ }, successHandler?: Function): void;
30
+ };
31
+ export declare const TimelinePlugin: {
32
+ name: string;
33
+ install(Vue: any): void;
34
+ };
@@ -0,0 +1,116 @@
1
+ import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
2
+ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
3
+ import { Timeline } from '@syncfusion/ej2-layouts';
4
+ import { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './items.directive';
5
+ export var properties = ['isLazyUpdate', 'plugins', 'align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template', 'beforeItemRender', 'created'];
6
+ export var modelProps = [];
7
+ export var testProp = getProps({ props: properties });
8
+ export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
9
+ emitProbs.push('modelchanged', 'update:modelValue');
10
+ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
11
+ var props_1 = modelProps_1[_i];
12
+ emitProbs.push('update:' + props_1);
13
+ }
14
+ /**
15
+ * Represents the Essential JS 2 VueJS Timeline Component.
16
+ * ```html
17
+ * <ejs-timeline :items='timelineItems'></ejs-timeline>
18
+ * ```
19
+ */
20
+ export var TimelineComponent = vueDefineComponent({
21
+ name: 'TimelineComponent',
22
+ mixins: [ComponentBase],
23
+ props: props,
24
+ watch: watch,
25
+ emits: emitProbs,
26
+ provide: function () { return { custom: this.custom }; },
27
+ data: function () {
28
+ return {
29
+ ej2Instances: new Timeline({}),
30
+ propKeys: properties,
31
+ models: modelProps,
32
+ hasChildDirective: true,
33
+ hasInjectedModules: false,
34
+ tagMapper: { "e-items": "e-item" },
35
+ tagNameMapper: {},
36
+ isVue3: !isExecute,
37
+ templateCollection: {},
38
+ };
39
+ },
40
+ created: function () {
41
+ this.bindProperties();
42
+ this.ej2Instances._setProperties = this.ej2Instances.setProperties;
43
+ this.ej2Instances.setProperties = this.setProperties;
44
+ this.ej2Instances.clearTemplate = this.clearTemplate;
45
+ this.updated = this.updated;
46
+ },
47
+ render: function (createElement) {
48
+ var h = !isExecute ? gh : createElement;
49
+ var slots = null;
50
+ if (!isNullOrUndefined(this.$slots.default)) {
51
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
52
+ }
53
+ return h('div', slots);
54
+ },
55
+ methods: {
56
+ clearTemplate: function (templateNames) {
57
+ if (!templateNames) {
58
+ templateNames = Object.keys(this.templateCollection || {});
59
+ }
60
+ if (templateNames.length && this.templateCollection) {
61
+ for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
62
+ var tempName = templateNames_1[_i];
63
+ var elementCollection = this.templateCollection[tempName];
64
+ if (elementCollection && elementCollection.length) {
65
+ for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
66
+ var ele = elementCollection_1[_a];
67
+ var destroy = getValue('__vue__.$destroy', ele);
68
+ if (destroy) {
69
+ ele.__vue__.$destroy();
70
+ }
71
+ if (ele.innerHTML) {
72
+ ele.innerHTML = '';
73
+ }
74
+ }
75
+ delete this.templateCollection[tempName];
76
+ }
77
+ }
78
+ }
79
+ },
80
+ setProperties: function (prop, muteOnChange) {
81
+ var _this = this;
82
+ if (this.isVue3) {
83
+ this.models = !this.models ? this.ej2Instances.referModels : this.models;
84
+ }
85
+ if (this.ej2Instances && this.ej2Instances._setProperties) {
86
+ this.ej2Instances._setProperties(prop, muteOnChange);
87
+ }
88
+ if (prop && this.models && this.models.length) {
89
+ Object.keys(prop).map(function (key) {
90
+ _this.models.map(function (model) {
91
+ if ((key === model) && !(/datasource/i.test(key))) {
92
+ if (_this.isVue3) {
93
+ _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
94
+ }
95
+ else {
96
+ _this.$emit('update:' + key, prop[key]);
97
+ _this.$emit('modelchanged', prop[key]);
98
+ }
99
+ }
100
+ });
101
+ });
102
+ }
103
+ },
104
+ custom: function () {
105
+ this.updated();
106
+ },
107
+ }
108
+ });
109
+ export var TimelinePlugin = {
110
+ name: 'ejs-timeline',
111
+ install: function (Vue) {
112
+ Vue.component(TimelinePlugin.name, TimelineComponent);
113
+ Vue.component(ItemPlugin.name, ItemDirective);
114
+ Vue.component(ItemsPlugin.name, ItemsDirective);
115
+ }
116
+ };
@@ -2,3 +2,4 @@
2
2
  @import 'card/bootstrap-dark.scss';
3
3
  @import 'splitter/bootstrap-dark.scss';
4
4
  @import 'dashboard-layout/bootstrap-dark.scss';
5
+ @import 'timeline/bootstrap-dark.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/bootstrap.scss';
3
3
  @import 'splitter/bootstrap.scss';
4
4
  @import 'dashboard-layout/bootstrap.scss';
5
+ @import 'timeline/bootstrap.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/bootstrap4.scss';
3
3
  @import 'splitter/bootstrap4.scss';
4
4
  @import 'dashboard-layout/bootstrap4.scss';
5
+ @import 'timeline/bootstrap4.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/bootstrap5-dark.scss';
3
3
  @import 'splitter/bootstrap5-dark.scss';
4
4
  @import 'dashboard-layout/bootstrap5-dark.scss';
5
+ @import 'timeline/bootstrap5-dark.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/bootstrap5.scss';
3
3
  @import 'splitter/bootstrap5.scss';
4
4
  @import 'dashboard-layout/bootstrap5.scss';
5
+ @import 'timeline/bootstrap5.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/fabric-dark.scss';
3
3
  @import 'splitter/fabric-dark.scss';
4
4
  @import 'dashboard-layout/fabric-dark.scss';
5
+ @import 'timeline/fabric-dark.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/fabric.scss';
3
3
  @import 'splitter/fabric.scss';
4
4
  @import 'dashboard-layout/fabric.scss';
5
+ @import 'timeline/fabric.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/fluent-dark.scss';
3
3
  @import 'splitter/fluent-dark.scss';
4
4
  @import 'dashboard-layout/fluent-dark.scss';
5
+ @import 'timeline/fluent-dark.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/fluent.scss';
3
3
  @import 'splitter/fluent.scss';
4
4
  @import 'dashboard-layout/fluent.scss';
5
+ @import 'timeline/fluent.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/highcontrast-light.scss';
3
3
  @import 'splitter/highcontrast-light.scss';
4
4
  @import 'dashboard-layout/highcontrast-light.scss';
5
+ @import 'timeline/highcontrast-light.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/highcontrast.scss';
3
3
  @import 'splitter/highcontrast.scss';
4
4
  @import 'dashboard-layout/highcontrast.scss';
5
+ @import 'timeline/highcontrast.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/material-dark.scss';
3
3
  @import 'splitter/material-dark.scss';
4
4
  @import 'dashboard-layout/material-dark.scss';
5
+ @import 'timeline/material-dark.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/material.scss';
3
3
  @import 'splitter/material.scss';
4
4
  @import 'dashboard-layout/material.scss';
5
+ @import 'timeline/material.scss';
@@ -3,3 +3,4 @@
3
3
  @import 'card/material3-dark.scss';
4
4
  @import 'splitter/material3-dark.scss';
5
5
  @import 'dashboard-layout/material3-dark.scss';
6
+ @import 'timeline/material3-dark.scss';
@@ -3,3 +3,4 @@
3
3
  @import 'card/material3.scss';
4
4
  @import 'splitter/material3.scss';
5
5
  @import 'dashboard-layout/material3.scss';
6
+ @import 'timeline/material3.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/tailwind-dark.scss';
3
3
  @import 'splitter/tailwind-dark.scss';
4
4
  @import 'dashboard-layout/tailwind-dark.scss';
5
+ @import 'timeline/tailwind-dark.scss';
@@ -2,3 +2,4 @@
2
2
  @import 'card/tailwind.scss';
3
3
  @import 'splitter/tailwind.scss';
4
4
  @import 'dashboard-layout/tailwind.scss';
5
+ @import 'timeline/tailwind.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/bootstrap-dark.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/bootstrap-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/bootstrap.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/bootstrap.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/bootstrap4.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/bootstrap4.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/bootstrap5-dark.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/bootstrap5-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/bootstrap5.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/bootstrap5.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/fabric-dark.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/fabric-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/fabric.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/fabric.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/fluent-dark.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/fluent-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/fluent.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/fluent.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/highcontrast-light.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/highcontrast-light.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/highcontrast.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/highcontrast.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/material-dark.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/material-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/material.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/material.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/material3-dark.css';
@@ -0,0 +1,2 @@
1
+
2
+ @import 'ej2-layouts/styles/timeline/material3-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/material3.css';
@@ -0,0 +1,2 @@
1
+
2
+ @import 'ej2-layouts/styles/timeline/material3.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/tailwind-dark.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/tailwind-dark.scss';
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-layouts/styles/timeline/tailwind.css';
@@ -0,0 +1 @@
1
+ @import 'ej2-layouts/styles/timeline/tailwind.scss';
package/timeline.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * timeline
3
+ */
4
+ export * from './src/timeline/index';
package/timeline.js ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * timeline
3
+ */
4
+ export * from './src/timeline/index';