@evercam/ui 0.0.65 → 1.0.0-1b091ef3a

package/dist/components/timeline/ETimeline.vue.d.ts

@@ -0,0 +1,171 @@
+import * as d3 from "d3";
+import Vue from "vue";
+import { TimelineChartType, TimelineCountEvent, TimelineDomain, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineMarker, TimelinePrecision, Timestamp } from '../../types';
+import { NormalizedScopedSlot } from "vue/types/vnode";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
+    mainContainer: HTMLElement;
+    tooltip: HTMLElement;
+    timeline: HTMLElement;
+    svgElement: SVGSVGElement;
+    svg: d3.Selection<SVGSVGElement, any, any, any>;
+    axisHeight: number;
+    isHoveringEvent: boolean;
+    isHoveringGroupedEvents: boolean;
+    isAnimating: boolean;
+    hoveredEvent: TimelineEvent;
+    eventTooltipStyle: {};
+    hoveredEventType: string;
+    hoveredCounts: {
+        count: number;
+        type: string;
+        label?: string | undefined;
+    }[];
+    visibleFrom: Date;
+    visibleTo: Date;
+    characterWidth: number;
+    textPadding: number;
+    timeouts: number[];
+    groupsVisibility: Record<string, boolean>;
+    selectedMilestoneId: any;
+    isInitialized: boolean;
+    hoveredMilestone: TimelineEvent;
+    focusedDomain: TimelineDomain;
+    transitionDuration: number;
+    focusedTimestamp: string | Date;
+    hoveredGroupedEvents: TimelineEvent[];
+    TimelineChartType: typeof TimelineChartType;
+    width: number;
+}, {
+    handleVisibleIntervalChange({ fromDate, toDate, trigger, transform }: {
+        fromDate: any;
+        toDate: any;
+        trigger: any;
+        transform: any;
+    }): void;
+    getGroupByType(groups: TimelineEventsByType, types: TimelineChartType[]): {};
+    getPreviousCountsByTimestamp(index: number): Record<string, number>;
+    getChartsYPosition(groupId: string | number): number;
+    validateProps(): void;
+    initTimeline(): void;
+    initRefs(): void;
+    zoomToFitMarkers(): void;
+    clearTimeline(): void;
+    handleMouseLeave(): void;
+    handleMouseMove(mouseX: number, timestamp: string): void;
+    isForbiddenInterval(timestamp: string): boolean;
+    handleClick(timestamp: string): void;
+    handleMarkerClick(marker: TimelineMarker): void;
+    handleChartMouseOver(_event: MouseEvent, eventData: TimelineCountEvent, eventType: string): void;
+    handleChartMouseOut(): void;
+    handleBarMouseOver(event: MouseEvent, eventData: TimelineEvent, eventType: string): void;
+    handleBarGroupedEventsMouseOver(event: MouseEvent, events: TimelineEvent[], eventType: string): void;
+    handleBarMouseOut(): void;
+    handleTimeScaleChange(ts: d3.ScaleTime<any, any, unknown>): void;
+    zoomToStartAndEndDates(): void;
+    onAnimationStart(): void;
+    onAnimationEnd(): void;
+    getMilestoneClass(milestone: TimelineEvent): Record<string, boolean>;
+    getMilestoneColors(milestoneColor: string | undefined, groupColor: string): {
+        background: string;
+        border: string;
+    };
+    getMilestoneGroupYPosition(groupName: string | number): number;
+    getBarGroupYPosition(groupName: string | number, bottom?: boolean): number;
+    getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
+    getTextFillColor(baseColor: string, k?: number): string;
+    getLabelBackgroundColor(baseColor: string): string;
+    getCurrentGroupVisibility(type: string): boolean;
+    toggleGroupVisibility(type: string): void;
+    getExternalLabelStyles(type: string): {
+        background: string;
+        color: string;
+    };
+    getExternalLabelText(type: string): string;
+    getExternalLabelWrapperStyles(type: string): {
+        borderColor: string;
+    };
+    tzStringToDate(timestamp: Timestamp): Date;
+    getFormattedTimestamp(timestamp: Timestamp): string;
+    fillTimeGaps(events: TimelineEvent[]): (import('../../types').TimelineBarEvent | import('../../types').TimelineRangeEvent | TimelineCountEvent | import('../../types').TimelineMilestoneEvent | {
+        timestamp: string;
+        count: number;
+    })[];
+    fillEvents(events: TimelineEvent[]): TimelineEvent[];
+    onMilestoneClick(milestone: TimelineEvent, milestoneType: any): void;
+    getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
+    onHoverMilestone(milestone: TimelineEvent): void;
+    onResizeContainer({ contentRect }: ResizeObserverEntry): void;
+}, {
+    filteredEventsGroups: TimelineEventsByType;
+    allEventsSorted: TimelineEvent[];
+    barGroups: TimelineEventsByType;
+    lineGraphGroups: TimelineEventsByType;
+    barChartGroups: TimelineEventsByType;
+    milestonesGroups: TimelineEventsByType;
+    combinedBarsHeight: number;
+    combinedBottomBarsHeight: number;
+    combinedMilestonesHeight: number;
+    milestonesYOffset: number;
+    chartsYOffset: number;
+    barsYOffset: number;
+    hasMilestones: boolean;
+    computedClasses: Record<string, string | Record<string, boolean>>;
+    chartHeight: number;
+    chartLabelHeight: number;
+    hasChart: boolean;
+    labelRectWidth: number;
+    combinedXAxesHeight: number;
+    timelineHeight: number;
+    oldestEvent: TimelineEvent;
+    latestEvent: TimelineEvent;
+    allLineChartTimestamps: string[];
+    placeholderLineChartGroup: TimelineEvent[];
+    filledGapsLineGraphGroups: TimelineEventsByType;
+    flattenedLinesCounts: TimelineCountEvent[];
+    flattenedBarsCounts: TimelineCountEvent[];
+    hiddenGroupsLabels: string[];
+    minHoverZone: number;
+    sortedMarkers: TimelineMarker[];
+    maxVisibleCount: number;
+    defaultMaxDomain: string[];
+    defaultFocusedDomain: string[];
+    domain: TimelineDomain;
+    svgLeft: number;
+    markersScopedSlots: Record<string, NormalizedScopedSlot | undefined>;
+    isHoveringMilestone: Boolean;
+    milestonesGroupsPlaceholder: TimelineEventsByType;
+    countsByTimestamp: Record<string, Record<string, number>>;
+}, {
+    eventsGroups: TimelineEventsByType;
+    dark: boolean;
+    startDate: string;
+    endDate: string;
+    selectedTimestamp: string;
+    showEventTooltip: boolean;
+    insertZerosAtInterval: TimelinePrecision;
+    flattenLineGraphEnds: boolean;
+    showLabels: boolean;
+    barHeight: number;
+    barYPadding: number;
+    chartMinHeight: number;
+    chartMinLabelHeight: number;
+    minDate: string;
+    maxDate: string;
+    panOnDateClick: boolean;
+    selectedDate: string;
+    markers: TimelineMarker[];
+    stickyMarkers: boolean;
+    fitMarkersOnChange: boolean;
+    milestoneBulletSize: number;
+    milestonesFirst: boolean;
+    forbiddenIntervals: TimelineInterval[];
+    forbiddenIntervalColor: string;
+    focusedInterval: TimelineInterval | undefined;
+    locked: boolean;
+    timezone: string | undefined;
+    stopClickPropagation: boolean;
+    tooltipPosition: string;
+    maxDomainPadding: number;
+    showCursor: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/timeline/ETimelineCursor.vue.d.ts

@@ -0,0 +1,9 @@
+import * as d3 from "d3";
+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    selectedTimestamp: string;
+    timezone: string;
+    height: number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/timeline/ETimelineMarker.vue.d.ts

@@ -0,0 +1,17 @@
+import { TimelineMarker } from '../../types';
+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
+    getMarkerClass(marker: TimelineMarker): {
+        "marker--hidden": Boolean | undefined;
+        "marker--draggable": boolean | undefined;
+    };
+    getMarkerContainerStyle(): Record<string, string>;
+    getMarkerLabelStyle(marker: TimelineMarker): Record<string, string>;
+    getMarkerLineStyle(marker: TimelineMarker): Record<string, string>;
+}, unknown, {
+    marker: TimelineMarker;
+    height: number;
+    hidden: Boolean | undefined;
+    position: Number | undefined;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/timeline/ETimelineMarkers.vue.d.ts

@@ -0,0 +1,31 @@
+import * as d3 from "d3";
+import { TimelineMarker, Timestamp } from '../../types';
+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
+    markersPositions: Record<string, {
+        position: number;
+        isHidden: boolean;
+    }>;
+    markersDragBehavior: d3.DragBehavior<HTMLElement, TimelineMarker, any>;
+    initialMarkerDragMouseOffset: number;
+}, {
+    initMarkersDragBehavior(): void;
+    removeMarkersDragBehavior(): void;
+    handleMarkerDrag({ marker, markerElement, dragEvent, }: {
+        marker: TimelineMarker;
+        markerElement: d3.Selection<any, TimelineMarker, any, any>;
+        dragEvent: d3.D3DragEvent<any, TimelineMarker, any>;
+    }): void;
+    updateMarkers(): void;
+    isTimestampAllowedForMarker(timestamp: Date | number, marker: TimelineMarker): boolean;
+    tzStringToDate(timestamp: Timestamp): Date;
+    dateToTzString(date: Date): string;
+}, unknown, {
+    markers: TimelineMarker[];
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    timeZone: string | undefined;
+    height: number;
+    svgLeft: number;
+    stickyMarkers: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/{ETimelineMilestone.vue.d.ts → timeline/ETimelineMilestone.vue.d.ts}

@@ -1,22 +1,41 @@
 import Vue from "vue";
-import { TimelineMilestoneEvent } from '../types';
-export declare const milestoneClasses: {
-    milestone: string;
-    milestoneBullet: string;
-    milestoneDot: string;
-    milestoneContent: string;
-    milestoneLine: string;
-    milestonesContainer: string;
-    milestoneHovered: string;
-    milestoneSelected: string;
-    milestoneLabel: string;
-    milestoneDotContainer: string;
-    milestoneDotLine: string;
-    milestoneDotDot: string;
-    milestoneDotHovered: string;
-};
+import * as d3 from "d3";
+import { TimelineMilestoneEvent, Timestamp } from '../../types';
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
-    milestoneClasses: {
+    classNames: {
+        xAxis: string;
+        xAxisDark: string;
+        xAxisOverview: string;
+        xAxisDetailed: string;
+        xAxisBackground: string;
+        eventGroup: string;
+        eventGroupBg: string;
+        eventGroupContent: string;
+        eventRect: string;
+        eventRectContainer: string;
+        eventBarContainer: string;
+        eventBarContainerHovered: string;
+        eventBarContainerSelected: string;
+        eventBar: string;
+        eventBarHoverZone: string;
+        eventRectText: string;
+        eventRectHovered: string;
+        eventRectSelected: string;
+        labelGroup: string;
+        labelBg: string;
+        labelBgFill: string;
+        labelText: string;
+        loadingIndicator: string;
+        _legacyLabelGroup: string;
+        _legacyLabelBg: string;
+        _legacyLabelBgFill: string;
+        _legacyLabelText: string;
+        _legacyLoadingIndicator: string;
+        selectedTimestampCursor: string;
+        marker: string;
+        markerLabel: string;
+        markerLine: string;
+        markerDragged: string;
         milestone: string;
         milestoneBullet: string;
         milestoneDot: string;
@@ -30,20 +49,32 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         milestoneDotLine: string;
         milestoneDotDot: string;
         milestoneDotHovered: string;
+        barChartGroup: string;
+        lineGraphGroup: string;
+        lineGraphGroupLabel: string;
+        areaGraphPath: string;
+        lineGraphPath: string;
+        lineGraphHoverZone: string;
+        lineGraphDot: string;
+        forbiddenInterval: string;
     };
     timeouts: number[];
     isInitialRender: boolean;
     isMouseOver: boolean;
+    containerWidth: string;
+    containerHeight: string;
 }, {
     onMilestoneMouseOver(e?: MouseEvent): void;
     onMilestoneMouseMove(): void;
     onMilestoneMouseLeave(e?: MouseEvent): void;
     onMilestoneClick(_e: MouseEvent, milestone: TimelineMilestoneEvent): void;
+    tzStringToDate(timestamp: Timestamp): Date;
 }, {
     transitionStyles: Record<string, any>;
     sizeStyles: Record<string, any>;
     positionStyles: Record<string, any>;
     styles: Record<string, any>;
+    linePosition: number;
     contentStyles: Record<string, any>;
     computedTransitionDuration: number;
     labelStyles: Record<string, any>;
@@ -51,7 +82,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     lineStyles: Record<string, any>;
     dotStyles: Record<string, any>;
 }, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
     milestone: TimelineMilestoneEvent;
+    y: number;
+    height: number;
     size: number;
     borderColor: string;
     backgroundColor: string;
@@ -61,5 +95,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     dotSize: number;
     lineWidth: number;
     lineHeight: number;
+    timezone: string | undefined;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/timeline/ETimelineSelectedTimestampCursor.vue.d.ts

@@ -0,0 +1,9 @@
+import * as d3 from "d3";
+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    selectedTimestamp: string;
+    timezone: string;
+    height: number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/constants.d.ts

@@ -1,12 +1,14 @@
-import { Size, BaseColor } from './types';
+import { Size, BaseColor, Position } from './types';
 export declare const fullConfig: any;
 export declare const TextSizes: any;
 export declare const Colors: any;
-export declare const BadgeSizes: readonly [Size.dot, Size.xs, Size.sm, Size.md, Size.lg, Size.xl];
-export declare const AvatarSizes: readonly [Size.xs, Size.sm, Size.md, Size.lg, Size.xl, (typeof Size)["2xl"]];
-export declare const IconSizes: readonly [Size.xs, Size.sm, Size.md, Size.md, Size.lg, Size.xl, (typeof Size)["2xl"], (typeof Size)["3xl"], (typeof Size)["4xl"], (typeof Size)["5xl"], (typeof Size)["6xl"], (typeof Size)["7xl"], (typeof Size)["8xl"], (typeof Size)["9xl"]];
-export declare const ToggleSwitchSizes: readonly [Size.sm, Size.md, Size.lg];
-export declare const BadgeColors: readonly [BaseColor.warning, BaseColor.error, BaseColor.info, BaseColor.success, BaseColor.primary, BaseColor.default];
+export declare const BadgeSizes: readonly [Size.Dot, Size.Xs, Size.Sm, Size.Md, Size.Lg, Size.Xl];
+export declare const AvatarSizes: readonly [Size.Xs, Size.Sm, Size.Md, Size.Lg, Size.Xl, Size.TwoXl];
+export declare const IconSizes: readonly [Size.Xs, Size.Sm, Size.Md, Size.Md, Size.Lg, Size.Xl, Size.TwoXl, Size.ThreeXl, Size.FourXl, Size.FiveXl, Size.SixXl, Size.SevenXl, Size.EightXl, Size.NineXl];
+export declare const ToggleSwitchSizes: readonly [Size.Sm, Size.Md, Size.Lg];
+export declare const BadgeColors: readonly [BaseColor.Warning, BaseColor.Error, BaseColor.Info, BaseColor.Success, BaseColor.Primary, BaseColor.Default];
+export declare const TooltipColors: readonly [BaseColor.Warning, BaseColor.Error, BaseColor.Info, BaseColor.Success, BaseColor.Primary, BaseColor.Default];
+export declare const TooltipPositions: readonly [Position.Top, Position.Bottom, Position.Right, Position.Left];
 export declare const EVENTS: string[];
 declare const _default: {};
 export default _default;

package/dist/directives/clickOutside.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveOptions } from "vue";
+declare const ClickOutsideDirective: DirectiveOptions;
+export default ClickOutsideDirective;

package/dist/directives/index.d.ts

@@ -1,6 +1,7 @@
-import ResizeObserverDirective from '../directives/resize-observer';
+import ResizeObserverDirective from '../directives/resizeObserver';
+import ClickOutsideDirective from '../directives/clickOutside';
 export declare const DirectivesMap: {
     name: string;
     definition: import("vue").DirectiveOptions;
 }[];
-export { ResizeObserverDirective };
+export { ResizeObserverDirective, ClickOutsideDirective };