@net7/components 4.2.18-rc → 4.3.1
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/esm2022/lib/components/text-viewer/text-viewer.mjs +3 -3
- package/esm2022/lib/components/text-viewer/text-viewer.mock.mjs +31 -24
- package/esm2022/lib/components/timeline/timeline.mjs +4 -3
- package/esm2022/lib/components/timeline/timeline_group.mock.mjs +180 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/net7-components.mjs +216 -28
- package/fesm2022/net7-components.mjs.map +1 -1
- package/lib/components/text-viewer/text-viewer.d.ts +5 -0
- package/lib/components/timeline/timeline.d.ts +9 -2
- package/lib/components/timeline/timeline_group.mock.d.ts +2 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/lib/styles/components/_timeline.scss +25 -0
|
@@ -6,6 +6,9 @@ export interface LibOptions extends TimelineOptions {
|
|
|
6
6
|
* Higher zooming friction will slow zooming speed */
|
|
7
7
|
zoomFriction?: number;
|
|
8
8
|
}
|
|
9
|
+
export interface DataItemCustom extends Omit<DataItem, 'content'> {
|
|
10
|
+
content?: string;
|
|
11
|
+
}
|
|
9
12
|
export interface TimelineData {
|
|
10
13
|
/** ID for the HTML container element */
|
|
11
14
|
containerID: string;
|
|
@@ -13,8 +16,12 @@ export interface TimelineData {
|
|
|
13
16
|
libOptions: LibOptions;
|
|
14
17
|
/** Sets the timeline instance to the given parameter */
|
|
15
18
|
_setInstance?: any;
|
|
16
|
-
/**
|
|
17
|
-
dataSet:
|
|
19
|
+
/** Dataset in vis-js format, full ref: https://visjs.github.io/vis-timeline/docs/timeline/#Data_Format */
|
|
20
|
+
dataSet: DataItemCustom[];
|
|
21
|
+
groups?: Array<{
|
|
22
|
+
id: number;
|
|
23
|
+
content: string;
|
|
24
|
+
}>;
|
|
18
25
|
}
|
|
19
26
|
export declare class TimelineComponent implements AfterContentChecked {
|
|
20
27
|
data: TimelineData;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -92,6 +92,7 @@ export * from './lib/components/tag/tag.mock';
|
|
|
92
92
|
export * from './lib/components/text-viewer/text-viewer.mock';
|
|
93
93
|
export * from './lib/components/text-viewer/text-viewer.mock_petrarca';
|
|
94
94
|
export * from './lib/components/timeline/timeline.mock';
|
|
95
|
+
export * from './lib/components/timeline/timeline_group.mock';
|
|
95
96
|
export * from './lib/components/toast/toast.mock';
|
|
96
97
|
export * from './lib/components/tooltip-content/tooltip-content.mock';
|
|
97
98
|
export * from './lib/components/tree/tree.mock';
|
|
@@ -9,6 +9,31 @@
|
|
|
9
9
|
\* ------------------------------------ */
|
|
10
10
|
.n7-timeline {
|
|
11
11
|
// TODO
|
|
12
|
+
|
|
13
|
+
/* .vis-item.vis-background.positive {
|
|
14
|
+
background-color: rgba(105, 255, 98, 0.2);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.vis-item.red {
|
|
18
|
+
background-color: red;
|
|
19
|
+
border-color: darkred;
|
|
20
|
+
color: white;
|
|
21
|
+
font-family: monospace;
|
|
22
|
+
box-shadow: 0 0 10px gray;
|
|
23
|
+
}
|
|
24
|
+
.vis-item.vis-dot.red {
|
|
25
|
+
border-radius: 10px;
|
|
26
|
+
border-width: 10px;
|
|
27
|
+
}
|
|
28
|
+
.vis-item.vis-line.red {
|
|
29
|
+
border-width: 5px;
|
|
30
|
+
}
|
|
31
|
+
.vis-item.vis-box.red {
|
|
32
|
+
border-radius: 0;
|
|
33
|
+
border-width: 2px;
|
|
34
|
+
font-size: 24pt;
|
|
35
|
+
font-weight: bold;
|
|
36
|
+
} */
|
|
12
37
|
}
|
|
13
38
|
|
|
14
39
|
/* ------------------------------------ *\
|