@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.
- package/CHANGELOG.md +16 -0
- package/dist/ej2-vue-layouts.umd.min.js +2 -2
- package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-layouts.es2015.js +172 -2
- package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-layouts.es5.js +176 -2
- package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
- package/dist/global/ej2-vue-layouts.min.js +2 -2
- package/package.json +11 -10
- package/src/dashboard-layout/dashboardlayout.component.d.ts +27 -3
- package/src/index.d.ts +2 -0
- package/src/index.js +2 -0
- package/src/splitter/splitter.component.d.ts +23 -3
- package/src/timeline/index.d.ts +2 -0
- package/src/timeline/index.js +2 -0
- package/src/timeline/items.directive.d.ts +24 -0
- package/src/timeline/items.directive.js +60 -0
- package/src/timeline/timeline.component.d.ts +34 -0
- package/src/timeline/timeline.component.js +116 -0
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.scss +1 -0
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.scss +1 -0
- package/styles/material.scss +1 -0
- package/styles/material3-dark.scss +1 -0
- package/styles/material3.scss +1 -0
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.scss +1 -0
- package/styles/timeline/bootstrap-dark.css +1 -0
- package/styles/timeline/bootstrap-dark.scss +1 -0
- package/styles/timeline/bootstrap.css +1 -0
- package/styles/timeline/bootstrap.scss +1 -0
- package/styles/timeline/bootstrap4.css +1 -0
- package/styles/timeline/bootstrap4.scss +1 -0
- package/styles/timeline/bootstrap5-dark.css +1 -0
- package/styles/timeline/bootstrap5-dark.scss +1 -0
- package/styles/timeline/bootstrap5.css +1 -0
- package/styles/timeline/bootstrap5.scss +1 -0
- package/styles/timeline/fabric-dark.css +1 -0
- package/styles/timeline/fabric-dark.scss +1 -0
- package/styles/timeline/fabric.css +1 -0
- package/styles/timeline/fabric.scss +1 -0
- package/styles/timeline/fluent-dark.css +1 -0
- package/styles/timeline/fluent-dark.scss +1 -0
- package/styles/timeline/fluent.css +1 -0
- package/styles/timeline/fluent.scss +1 -0
- package/styles/timeline/highcontrast-light.css +1 -0
- package/styles/timeline/highcontrast-light.scss +1 -0
- package/styles/timeline/highcontrast.css +1 -0
- package/styles/timeline/highcontrast.scss +1 -0
- package/styles/timeline/material-dark.css +1 -0
- package/styles/timeline/material-dark.scss +1 -0
- package/styles/timeline/material.css +1 -0
- package/styles/timeline/material.scss +1 -0
- package/styles/timeline/material3-dark.css +1 -0
- package/styles/timeline/material3-dark.scss +2 -0
- package/styles/timeline/material3.css +1 -0
- package/styles/timeline/material3.scss +2 -0
- package/styles/timeline/tailwind-dark.css +1 -0
- package/styles/timeline/tailwind-dark.scss +1 -0
- package/styles/timeline/tailwind.css +1 -0
- package/styles/timeline/tailwind.scss +1 -0
- package/timeline.d.ts +4 -0
- 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@
|
3
|
+
"_id": "@syncfusion/ej2-vue-layouts@21.4.6",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
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.
|
23
|
-
"_shasum": "
|
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-
|
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": "~
|
35
|
-
"@syncfusion/ej2-layouts": "
|
36
|
-
"@syncfusion/ej2-vue-base": "~
|
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": "
|
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 =
|
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 =
|
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,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
|
+
};
|
package/styles/bootstrap.scss
CHANGED
package/styles/bootstrap4.scss
CHANGED
package/styles/bootstrap5.scss
CHANGED
package/styles/fabric-dark.scss
CHANGED
package/styles/fabric.scss
CHANGED
package/styles/fluent-dark.scss
CHANGED
package/styles/fluent.scss
CHANGED
package/styles/highcontrast.scss
CHANGED
package/styles/material.scss
CHANGED
package/styles/material3.scss
CHANGED
package/styles/tailwind.scss
CHANGED
@@ -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 @@
|
|
1
|
+
@import '@syncfusion/ej2-layouts/styles/timeline/material3.css';
|
@@ -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
package/timeline.js
ADDED