@evercam/ui 0.0.55-beta.7 → 0.0.55-beta.9
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/dist/attributes.json +14 -8
- package/dist/index.mjs +175 -145
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +8 -8
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/ETimeline.vue.d.ts +15 -8
- package/dist/src/index.d.ts +15 -8
- package/dist/src/types.d.ts +4 -1
- package/dist/tags.json +4 -3
- package/dist/web-types.json +28 -19
- package/package.json +1 -1
|
@@ -138,8 +138,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
138
138
|
initCurtains(): void;
|
|
139
139
|
createCurtains(): void;
|
|
140
140
|
updateCurtains(): void;
|
|
141
|
-
|
|
142
|
-
updateForbiddenIntervals(): void;
|
|
141
|
+
updateForbiddenIntervals(reset?: boolean): void;
|
|
143
142
|
drawEventsGroups(): void;
|
|
144
143
|
drawLineGraphEventsGroups(): void;
|
|
145
144
|
drawLineGraph({ events, gElement, color, type, }: {
|
|
@@ -154,14 +153,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
154
153
|
color: string;
|
|
155
154
|
type: string;
|
|
156
155
|
}): void;
|
|
157
|
-
drawSingleBarEventsGroup({ type, eventsGroup,
|
|
156
|
+
drawSingleBarEventsGroup({ type, eventsGroup, milestone, dots, dotsSize, bottom, }: {
|
|
158
157
|
type: string;
|
|
159
158
|
eventsGroup: TimelineEventsGroup;
|
|
160
|
-
index?: number | undefined;
|
|
161
159
|
milestone?: boolean | undefined;
|
|
162
|
-
height?: number | undefined;
|
|
163
160
|
dots?: boolean | undefined;
|
|
164
161
|
dotsSize?: number | undefined;
|
|
162
|
+
bottom?: boolean | undefined;
|
|
165
163
|
}): void;
|
|
166
164
|
drawBarEventsGroups(): void;
|
|
167
165
|
drawMilestonesPlaceholder(): void;
|
|
@@ -171,6 +169,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
171
169
|
border: string;
|
|
172
170
|
};
|
|
173
171
|
getMilestoneGroupYPosition(groupName: string): number;
|
|
172
|
+
getBarGroupYPosition(groupName: string, bottom?: boolean): number;
|
|
173
|
+
getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
|
|
174
174
|
updateMilestonesPositions(): void;
|
|
175
175
|
drawBarChartEventsGroups(): void;
|
|
176
176
|
drawProgressIndicator({ yPosition, type, isLoading, }: {
|
|
@@ -185,7 +185,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
185
185
|
color: string;
|
|
186
186
|
height?: number | undefined;
|
|
187
187
|
}): void;
|
|
188
|
-
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, }: {
|
|
188
|
+
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
|
|
189
189
|
events: TimelineEvent[];
|
|
190
190
|
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
191
191
|
yPosition: number;
|
|
@@ -193,6 +193,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
193
193
|
type: string;
|
|
194
194
|
dots?: boolean | undefined;
|
|
195
195
|
dotsSize?: number | undefined;
|
|
196
|
+
height?: number | undefined;
|
|
197
|
+
barBorderRadius?: number | undefined;
|
|
196
198
|
}): void;
|
|
197
199
|
drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
|
|
198
200
|
events: TimelineEvent[];
|
|
@@ -246,6 +248,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
246
248
|
getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
|
|
247
249
|
}, {
|
|
248
250
|
combinedBarsHeight: number;
|
|
251
|
+
combinedBottomBarsHeight: number;
|
|
249
252
|
combinedMilestonesHeight: number;
|
|
250
253
|
milestonesYOffset: number;
|
|
251
254
|
chartsYOffset: number;
|
|
@@ -292,12 +295,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
292
295
|
barYPadding: number;
|
|
293
296
|
barXPadding: number;
|
|
294
297
|
chartMinHeight: number;
|
|
298
|
+
chartMinLabelHeight: number;
|
|
295
299
|
minZoom: number;
|
|
296
300
|
maxZoom: number;
|
|
297
301
|
minDate: string;
|
|
298
302
|
maxDate: string;
|
|
299
|
-
minVisibleDate: string;
|
|
300
|
-
maxVisibleDate: string;
|
|
301
303
|
cursorTimestamp: string | undefined;
|
|
302
304
|
selectedClass: string | undefined;
|
|
303
305
|
panOnDateClick: boolean;
|
|
@@ -311,5 +313,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
311
313
|
zoomToBoundariesTransitionDuration: number;
|
|
312
314
|
milestoneBulletSize: number;
|
|
313
315
|
milestonesFirst: boolean;
|
|
316
|
+
forbiddenIntervals: never[] | {
|
|
317
|
+
startDate: Date | string | number;
|
|
318
|
+
endDate: Date | string | number;
|
|
319
|
+
};
|
|
320
|
+
forbiddenIntervalColor: string;
|
|
314
321
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
315
322
|
export default _default;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -311,8 +311,7 @@ export declare const components: {
|
|
|
311
311
|
initCurtains(): void;
|
|
312
312
|
createCurtains(): void;
|
|
313
313
|
updateCurtains(): void;
|
|
314
|
-
|
|
315
|
-
updateForbiddenIntervals(): void;
|
|
314
|
+
updateForbiddenIntervals(reset?: boolean): void;
|
|
316
315
|
drawEventsGroups(): void;
|
|
317
316
|
drawLineGraphEventsGroups(): void;
|
|
318
317
|
drawLineGraph({ events, gElement, color, type, }: {
|
|
@@ -327,14 +326,13 @@ export declare const components: {
|
|
|
327
326
|
color: string;
|
|
328
327
|
type: string;
|
|
329
328
|
}): void;
|
|
330
|
-
drawSingleBarEventsGroup({ type, eventsGroup,
|
|
329
|
+
drawSingleBarEventsGroup({ type, eventsGroup, milestone, dots, dotsSize, bottom, }: {
|
|
331
330
|
type: string;
|
|
332
331
|
eventsGroup: import('./types').TimelineEventsGroup;
|
|
333
|
-
index?: number | undefined;
|
|
334
332
|
milestone?: boolean | undefined;
|
|
335
|
-
height?: number | undefined;
|
|
336
333
|
dots?: boolean | undefined;
|
|
337
334
|
dotsSize?: number | undefined;
|
|
335
|
+
bottom?: boolean | undefined;
|
|
338
336
|
}): void;
|
|
339
337
|
drawBarEventsGroups(): void;
|
|
340
338
|
drawMilestonesPlaceholder(): void;
|
|
@@ -344,6 +342,8 @@ export declare const components: {
|
|
|
344
342
|
border: string;
|
|
345
343
|
};
|
|
346
344
|
getMilestoneGroupYPosition(groupName: string): number;
|
|
345
|
+
getBarGroupYPosition(groupName: string, bottom?: boolean | undefined): number;
|
|
346
|
+
getBarGroupHeight(eventsGroup: import('./types').TimelineEventsGroup): number;
|
|
347
347
|
updateMilestonesPositions(): void;
|
|
348
348
|
drawBarChartEventsGroups(): void;
|
|
349
349
|
drawProgressIndicator({ yPosition, type, isLoading, }: {
|
|
@@ -358,7 +358,7 @@ export declare const components: {
|
|
|
358
358
|
color: string;
|
|
359
359
|
height?: number | undefined;
|
|
360
360
|
}): void;
|
|
361
|
-
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, }: {
|
|
361
|
+
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
|
|
362
362
|
events: import('./types').TimelineEvent[];
|
|
363
363
|
gElement: import("d3-selection").Selection<SVGGElement, any, any, any>;
|
|
364
364
|
yPosition: number;
|
|
@@ -366,6 +366,8 @@ export declare const components: {
|
|
|
366
366
|
type: string;
|
|
367
367
|
dots?: boolean | undefined;
|
|
368
368
|
dotsSize?: number | undefined;
|
|
369
|
+
height?: number | undefined;
|
|
370
|
+
barBorderRadius?: number | undefined;
|
|
369
371
|
}): void;
|
|
370
372
|
drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
|
|
371
373
|
events: import('./types').TimelineEvent[];
|
|
@@ -419,6 +421,7 @@ export declare const components: {
|
|
|
419
421
|
getSortedEvents(events: import('./types').TimelineEvent[]): import('./types').TimelineEvent[];
|
|
420
422
|
}, {
|
|
421
423
|
combinedBarsHeight: number;
|
|
424
|
+
combinedBottomBarsHeight: number;
|
|
422
425
|
combinedMilestonesHeight: number;
|
|
423
426
|
milestonesYOffset: number;
|
|
424
427
|
chartsYOffset: number;
|
|
@@ -465,12 +468,11 @@ export declare const components: {
|
|
|
465
468
|
barYPadding: number;
|
|
466
469
|
barXPadding: number;
|
|
467
470
|
chartMinHeight: number;
|
|
471
|
+
chartMinLabelHeight: number;
|
|
468
472
|
minZoom: number;
|
|
469
473
|
maxZoom: number;
|
|
470
474
|
minDate: string;
|
|
471
475
|
maxDate: string;
|
|
472
|
-
minVisibleDate: string;
|
|
473
|
-
maxVisibleDate: string;
|
|
474
476
|
cursorTimestamp: string | undefined;
|
|
475
477
|
selectedClass: string | undefined;
|
|
476
478
|
panOnDateClick: boolean;
|
|
@@ -484,6 +486,11 @@ export declare const components: {
|
|
|
484
486
|
zoomToBoundariesTransitionDuration: number;
|
|
485
487
|
milestoneBulletSize: number;
|
|
486
488
|
milestonesFirst: boolean;
|
|
489
|
+
forbiddenIntervals: never[] | {
|
|
490
|
+
startDate: string | number | Date;
|
|
491
|
+
endDate: string | number | Date;
|
|
492
|
+
};
|
|
493
|
+
forbiddenIntervalColor: string;
|
|
487
494
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
488
495
|
EVideoEmbed: import("vue").DefineComponent<{
|
|
489
496
|
videoUrl: {
|
package/dist/src/types.d.ts
CHANGED
|
@@ -82,7 +82,8 @@ export declare enum TimelineChartType {
|
|
|
82
82
|
dots = "dots",
|
|
83
83
|
lineGraph = "lineGraph",
|
|
84
84
|
barChart = "barGraph",
|
|
85
|
-
milestones = "milestones"
|
|
85
|
+
milestones = "milestones",
|
|
86
|
+
exclusion = "exclusion"
|
|
86
87
|
}
|
|
87
88
|
export type TimelineEventsGroup = {
|
|
88
89
|
events: Array<TimelineEvent>;
|
|
@@ -98,6 +99,8 @@ export type TimelineEventsGroup = {
|
|
|
98
99
|
milestonesDotSize?: number;
|
|
99
100
|
height?: number;
|
|
100
101
|
dotsSize?: number;
|
|
102
|
+
bottom?: boolean;
|
|
103
|
+
barBorderRadius?: number;
|
|
101
104
|
};
|
|
102
105
|
export type TimelineEventsByType = {
|
|
103
106
|
[eventsType: string]: TimelineEventsGroup;
|
package/dist/tags.json
CHANGED
|
@@ -98,12 +98,11 @@
|
|
|
98
98
|
"bar-ypadding",
|
|
99
99
|
"bar-xpadding",
|
|
100
100
|
"chart-min-height",
|
|
101
|
+
"chart-min-label-height",
|
|
101
102
|
"min-zoom",
|
|
102
103
|
"max-zoom",
|
|
103
104
|
"min-date",
|
|
104
105
|
"max-date",
|
|
105
|
-
"min-visible-date",
|
|
106
|
-
"max-visible-date",
|
|
107
106
|
"cursor-timestamp",
|
|
108
107
|
"selected-class",
|
|
109
108
|
"pan-on-date-click",
|
|
@@ -116,7 +115,9 @@
|
|
|
116
115
|
"fit-markers-transition-duration",
|
|
117
116
|
"zoom-to-boundaries-transition-duration",
|
|
118
117
|
"milestone-bullet-size",
|
|
119
|
-
"milestones-first"
|
|
118
|
+
"milestones-first",
|
|
119
|
+
"forbidden-intervals",
|
|
120
|
+
"forbidden-interval-color"
|
|
120
121
|
],
|
|
121
122
|
"description": ""
|
|
122
123
|
}
|
package/dist/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "@evercam/ui",
|
|
5
|
-
"version": "0.0.55-beta.
|
|
5
|
+
"version": "0.0.55-beta.9",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"types-syntax": "typescript",
|
|
@@ -704,43 +704,34 @@
|
|
|
704
704
|
}
|
|
705
705
|
},
|
|
706
706
|
{
|
|
707
|
-
"name": "min-
|
|
707
|
+
"name": "chart-min-label-height",
|
|
708
708
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
709
|
-
"default": "
|
|
709
|
+
"default": "18",
|
|
710
710
|
"value": {
|
|
711
711
|
"kind": "expression",
|
|
712
712
|
"type": "number"
|
|
713
713
|
}
|
|
714
714
|
},
|
|
715
715
|
{
|
|
716
|
-
"name": "
|
|
716
|
+
"name": "min-zoom",
|
|
717
717
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
718
|
-
"default": "
|
|
718
|
+
"default": "0.0001",
|
|
719
719
|
"value": {
|
|
720
720
|
"kind": "expression",
|
|
721
721
|
"type": "number"
|
|
722
722
|
}
|
|
723
723
|
},
|
|
724
724
|
{
|
|
725
|
-
"name": "
|
|
726
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
727
|
-
"default": "undefined",
|
|
728
|
-
"value": {
|
|
729
|
-
"kind": "expression",
|
|
730
|
-
"type": "string"
|
|
731
|
-
}
|
|
732
|
-
},
|
|
733
|
-
{
|
|
734
|
-
"name": "max-date",
|
|
725
|
+
"name": "max-zoom",
|
|
735
726
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
736
|
-
"default": "
|
|
727
|
+
"default": "850000",
|
|
737
728
|
"value": {
|
|
738
729
|
"kind": "expression",
|
|
739
|
-
"type": "
|
|
730
|
+
"type": "number"
|
|
740
731
|
}
|
|
741
732
|
},
|
|
742
733
|
{
|
|
743
|
-
"name": "min-
|
|
734
|
+
"name": "min-date",
|
|
744
735
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
745
736
|
"default": "undefined",
|
|
746
737
|
"value": {
|
|
@@ -749,7 +740,7 @@
|
|
|
749
740
|
}
|
|
750
741
|
},
|
|
751
742
|
{
|
|
752
|
-
"name": "max-
|
|
743
|
+
"name": "max-date",
|
|
753
744
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
754
745
|
"default": "undefined",
|
|
755
746
|
"value": {
|
|
@@ -879,6 +870,24 @@
|
|
|
879
870
|
"kind": "expression",
|
|
880
871
|
"type": "boolean"
|
|
881
872
|
}
|
|
873
|
+
},
|
|
874
|
+
{
|
|
875
|
+
"name": "forbidden-intervals",
|
|
876
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
877
|
+
"default": "() => []",
|
|
878
|
+
"value": {
|
|
879
|
+
"kind": "expression",
|
|
880
|
+
"type": "array"
|
|
881
|
+
}
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"name": "forbidden-interval-color",
|
|
885
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
886
|
+
"default": "#ddd",
|
|
887
|
+
"value": {
|
|
888
|
+
"kind": "expression",
|
|
889
|
+
"type": "string"
|
|
890
|
+
}
|
|
882
891
|
}
|
|
883
892
|
]
|
|
884
893
|
},
|