@evercam/ui 0.0.65 → 1.0.0-1b091ef3a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evercam/ui",
-  "version": "0.0.65",
+  "version": "1.0.0-1b091ef3a",
   "license": "MIT",
   "private": false,
   "author": "Evercam - Constuction Cameras.",
@@ -28,39 +28,51 @@
   ],
   "scripts": {
     "build": "yarn build:lib && yarn build:style && yarn generate-ide-docs",
-    "build:lib": "vite build",
-    "build:style": "postcss src/style/main.css --verbose -o dist/styles.css",
+    "build:lib": "vite build --mode production",
+    "build:style": "npx tailwindcss -i src/style/main.css -o dist/styles.css --minify",
     "build-and-copy": "yarn build && rsync -av --delete ./dist/ ../../node_modules/@evercam/ui/dist/",
-    "story:dev": "yarn stroy:build:tailwind && yarn stroy:build:typedoc && yarn stroy:dev:styleguide",
+    "story:dev": "yarn stroy:build:tailwind && yarn stroy:build:typedoc && yarn story:build:styles && yarn stroy:dev:styleguide",
     "stroy:dev:styleguide": "vue-styleguidist --config docs/config/styleguide.config.js server",
-    "story:build": "yarn stroy:build:typedoc && yarn stroy:build:tailwind && yarn stroy:build:styleguide",
+    "story:build": "yarn stroy:build:typedoc && yarn stroy:build:tailwind && yarn story:build:styles && yarn stroy:build:styleguide",
     "stroy:build:styleguide": "vue-styleguidist --config docs/config/styleguide.config.js build",
     "stroy:build:typedoc": "yarn typedoc --options docs/config/typedoc.config.js --out docs/assets/typedoc",
     "stroy:build:tailwind": "tailwind-config-viewer export docs/assets/tailwind-config-viewer",
+    "story:build:styles": "npx tailwindcss -i  src/style/main.css -o docs/assets/evercam-ui-styles.css --minify",
     "typecheck": "vue-tsc --declaration --emitDeclarationOnly",
     "generate-ide-docs": "node scripts/generateVetur.mjs && node scripts/generateWebTypes.mjs",
     "ci": "(cd ../..; yarn ci)",
     "publish-ci": "cd ../.. && yarn publish-ci"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.14",
     "@types/d3": "^7.4.2",
     "@types/vue": "^2.0.0",
     "@vitejs/plugin-vue2": "^2.2.0",
     "autoprefixer": "^10.4.15",
     "browser-sync": "^3.0.2",
     "browser-sync-webpack-plugin": "^2.3.0",
+    "crypto": "^1.0.1",
     "css-loader": "^6.11.0",
     "d3": "^7.8.5",
     "hls.js": "^1.5.6",
     "moment-timezone": "^0.5.43",
+    "morphdom": "^2.7.4",
     "postcss": "^8.4.29",
-    "postcss-cli": "^10.1.0",
+    "rehype-stringify": "^10.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
     "tailwind-config-viewer": "^2.0.1",
-    "tailwindcss": "^3.4.3",
+    "tailwind-scrollbar": "^4.0.0-beta.0",
+    "tailwindcss": "^3.4.10",
     "ts-loader": "^9.5.1",
     "typedoc": "^0.25.13",
     "typedoc-plugin-markdown": "^4.0.0-next.55",
     "typescript": "^5.2.2",
+    "typewriter-effect": "^2.21.0",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.0.0",
     "vite": "^4.4.9",
     "vite-plugin-commonjs": "^0.10.1",
     "vite-plugin-dts": "^3.6.0",
@@ -70,16 +82,23 @@
     "vue-styleguidist": "^4.72.4",
     "vue-template-compiler": "^2.7.16",
     "webpack": "^5.91.0",
-    "webpack-shell-plugin-next": "^2.3.1",
-    "flag-icons": "^7.2.1"
+    "webpack-shell-plugin-next": "^2.3.1"
   },
   "peerDependencies": {
     "@fontsource-variable/inter": "^5.0.8",
     "@fortawesome/fontawesome-free": "^5.15.3",
-    "flag-icons": "^7.2.1",
     "d3": "^7.8.5",
     "hls.js": "^1.5.6",
     "moment-timezone": "^0.5.43",
+    "morphdom": "^2.7.4",
+    "rehype-stringify": "^10.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
+    "typewriter-effect": "^2.21.0",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.0.0",
     "vue": "^2.7.16"
   },
   "vetur": {

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

@@ -1,339 +0,0 @@
-import * as d3 from "d3";
-import { D3ZoomEvent } from "d3";
-import Vue from "vue";
-import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, 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>>, {
-    tooltip: HTMLElement;
-    cursor: HTMLElement;
-    timeline: HTMLElement;
-    wrapperDiv: HTMLElement;
-    selectedTimestampCursor: HTMLElement;
-    svg: d3.Selection<SVGSVGElement, any, any, any>;
-    axesContainer: d3.Selection<SVGGElement, any, any, any>;
-    xAxes: Record<TimelineAxis, d3.Axis<Date>>;
-    timeScale: d3.ScaleTime<any, any, unknown>;
-    initialTimeScale: d3.ScaleTime<any, any, unknown>;
-    currentTimeScaleDensity: number;
-    zoomBehavior: d3.ZoomBehavior<SVGSVGElement, unknown>;
-    isMouseDown: boolean;
-    axisHeight: number;
-    isHoveringEvent: boolean;
-    hoveredEvent: TimelineEvent;
-    isHoveringTimeline: boolean;
-    hoveredTimestamp: string;
-    eventTooltipStyle: {};
-    hoveredEventType: string;
-    utcOffset: number;
-    lastTransform: {
-        x: number;
-        k: number;
-    };
-    transformDiff: {
-        translation: number;
-        scale: number;
-    };
-    yScale: d3.ScaleLinear<any, any, never>;
-    hoveredCounts: {
-        count: number;
-        type: string;
-    }[];
-    countsByTimestamp: Record<string, Record<string, number>>;
-    dotsByTimestamp: Record<string, d3.Selection<SVGCircleElement, any, any, any>[]>;
-    visibleFrom: Date;
-    visibleTo: Date;
-    curtainHandleWidth: number;
-    leftCurtainWidth: number;
-    rightCurtainWidth: number;
-    isHoveringCurtain: boolean;
-    isDraggingCurtain: boolean;
-    characterWidth: number;
-    textPadding: number;
-    debouncedOnResize: Function;
-    isFirstPaint: boolean;
-    timeouts: number[];
-    groupsVisibility: Record<string, boolean>;
-    markersPositions: Record<string, {
-        position: number;
-        isHidden: boolean;
-    }>;
-    markersDragBehavior: d3.DragBehavior<HTMLElement, TimelineMarker, any>;
-    initialMarkerDragMouseOffset: number;
-    selectedMilestoneId: any;
-    isInitialized: boolean;
-    lastValidTransform: d3.ZoomTransform;
-    lastPanTransform: d3.ZoomTransform;
-    isZoomingInterval: boolean;
-    defs: {
-        transparencyGradient: string;
-        transparencyGradientLight: string;
-        loadingGradient: string;
-        stripedPattern: string;
-    };
-}, {
-    updateTimeline(): void;
-    initTimeline(startDate?: string, endDate?: string): void;
-    initRefs(): void;
-    initOrUpdateSvg(): void;
-    initOrUpdateDefs(): void;
-    initUtcOffset(): void;
-    initTimeScale(start?: string, end?: string): void;
-    initXAxes(): void;
-    updateXAxes(): void;
-    initYScale(): void;
-    updateYScale(): void;
-    initZoomBehavior(): void;
-    zoomToFitMarkers(): void;
-    zoomToTargetInterval(start?: string | number, end?: string | number): void;
-    translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
-    initSelectedTimestampCursor(): void;
-    updateMarkers(): void;
-    selectOrAppend({ parent, targetId, targetType, }: {
-        parent: any;
-        selector: string;
-        nodeType: string;
-    }): any;
-    updateAndRedrawTimeline(): void;
-    clearTimeline(): void;
-    repositionSelectedTimestampCursor(): void;
-    updateCurrentTimeScaleDensity(): void;
-    registerEventsListeners(): void;
-    emitVisibleInterval(trigger: TimelineIntervalChangeTrigger): void;
-    createAxis(axisName: TimelineAxis): d3.Axis<Date>;
-    getAxisTicksConfig(configs: TimelineTicksConfig[]): {
-        formatFn: (d: Date) => string;
-        interval: any;
-    };
-    onResize(resizeObserverEntry: ResizeObserverEntry): void;
-    handleResize({ contentRect }: ResizeObserverEntry): void;
-    handleDarkModeChange(): void;
-    handleMouseDown(): void;
-    handleDocumentMouseUp(_e: MouseEvent): void;
-    handleMouseLeave(): void;
-    handleMouseMove(event: MouseEvent): void;
-    handleClick(event: MouseEvent): void;
-    handleMarkerClick(marker: TimelineMarker): void;
-    handleLineMouseOver(_event: MouseEvent, eventData: TimelineCountEvent, eventType: string): void;
-    handleLineMouseOut(): void;
-    handleBarMouseOver(event: MouseEvent, eventData: TimelineEvent, eventType: string): void;
-    handleBarMouseOut(): void;
-    handleLabelMouseOver(groupType: string): void;
-    handleLabelMouseLeave(groupType: string): void;
-    isZoomAllowed(event: D3ZoomEvent<SVGSVGElement, any>): boolean;
-    handleZoom(event: D3ZoomEvent<SVGSVGElement, any>): void;
-    panToTimestamp(targetTimestamp: string | Date): void;
-    emitCurtainChange(): void;
-    calculateDateRangeFromCurtains(): {
-        startDate: Date;
-        endDate: Date;
-    };
-    handleDragStart(): void;
-    handleDragEnd(): void;
-    handleLeftDrag(event: d3.D3DragEvent<SVGRectElement, any, any>): void;
-    handleRightDrag(event: d3.D3DragEvent<SVGRectElement, any, any>): void;
-    zoomToStartAndEndDates(): void;
-    rescaleAxis(axisName: string, newScale: d3.ScaleTime<any, any, unknown>): void;
-    translateTicksText(axisName: string): void;
-    updateEventsBars(): void;
-    updateBarChart(): void;
-    updateLineGraphs(): void;
-    updateLineGraphHoverZones(): void;
-    getEventRectX(d: TimelineEvent): any;
-    getEventRectWidth(d: TimelineEvent): number;
-    getEventText(e: TimelineEvent): string;
-    getElementLeftPosition(element: HTMLElement): number;
-    isTimestampAllowedForMarker(timestamp: Date | number, marker: TimelineMarker): boolean;
-    handleMarkerDrag({ marker, markerElement, dragEvent, }: {
-        marker: TimelineMarker;
-        markerElement: d3.Selection<any, TimelineMarker, any, any>;
-        dragEvent: d3.D3DragEvent<any, TimelineMarker, any>;
-    }): void;
-    removeMarkersDragBehavior(): void;
-    initMarkersDragBehavior(): void;
-    initCurtains(): void;
-    createCurtains(): void;
-    updateCurtains(): void;
-    updateForbiddenIntervals(reset?: boolean): void;
-    drawEventsGroups(): void;
-    drawLineGraphEventsGroups(): void;
-    drawLineGraph({ events, gElement, color, type, }: {
-        events: TimelineEvent[];
-        gElement: d3.Selection<SVGGElement, any, any, any>;
-        color: string;
-        type: string;
-    }): void;
-    drawLineGraphHoverZones({ events, gElement, color, type, }: {
-        events: TimelineCountEvent[];
-        gElement: d3.Selection<SVGGElement, any, any, any>;
-        color: string;
-        type: string;
-    }): void;
-    drawSingleBarEventsGroup({ type, eventsGroup, milestone, dots, dotsSize, bottom, }: {
-        type: string;
-        eventsGroup: TimelineEventsGroup;
-        milestone?: boolean | undefined;
-        dots?: boolean | undefined;
-        dotsSize?: number | undefined;
-        bottom?: boolean | undefined;
-    }): void;
-    drawBarEventsGroups(): void;
-    drawMilestonesPlaceholder(): void;
-    getMilestoneClass(milestone: TimelineEvent): Record<string, boolean>;
-    getMilestoneColors(milestoneColor: string | undefined, groupColor: string): {
-        background: string;
-        border: string;
-    };
-    getMilestoneGroupYPosition(groupName: string): number;
-    getBarGroupYPosition(groupName: string, bottom?: boolean): number;
-    getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
-    updateMilestonesPositions(): void;
-    drawBarChartEventsGroups(): void;
-    drawProgressIndicator({ yPosition, type, isLoading, }: {
-        yPosition: number;
-        type: string;
-        color: string;
-        isLoading: Boolean | undefined;
-    }): void;
-    drawBackground({ color, yPosition, gElement, height, }: {
-        gElement: d3.Selection<SVGGElement, any, any, any>;
-        yPosition: number;
-        color: string;
-        height?: number | undefined;
-    }): void;
-    drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
-        events: TimelineEvent[];
-        gElement: d3.Selection<SVGGElement, any, any, any>;
-        yPosition: number;
-        color: string;
-        type: string;
-        dots?: boolean | undefined;
-        dotsSize?: number | undefined;
-        height?: number | undefined;
-        barBorderRadius?: number | undefined;
-    }): void;
-    drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
-        events: TimelineEvent[];
-        gElement: d3.Selection<SVGGElement, any, any, any>;
-        color: string;
-        yOffset: number;
-        type: string;
-        index: number;
-    }): void;
-    onBarChartBarMouseOver(container: d3.Selection<SVGGElement, any, any, any>, color: string): void;
-    onBarChartBarMouseOut(container: d3.Selection<SVGGElement, any, any, any>, eventType: string): void;
-    drawTextLabel({ gElement, yPosition, color, label, type, height, }: {
-        gElement: d3.Selection<SVGGElement, any, any, any>;
-        yPosition: number;
-        color: string;
-        label: string;
-        type: string;
-        height?: number | undefined;
-    }): void;
-    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;
-    };
-    getExternalLabelWrapperStyles(type: string): {
-        borderColor: string;
-    };
-    getMarkerClass(marker: TimelineMarker): {
-        "marker--hidden": boolean;
-        "marker--draggable": boolean | undefined;
-    };
-    getMarkerContainerStyle(marker: TimelineMarker): Record<string, string>;
-    getMarkerLabelStyle(marker: TimelineMarker): Record<string, string>;
-    getMarkerLineStyle(marker: TimelineMarker): Record<string, string>;
-    tzStringToDate(timestamp: Timestamp): Date;
-    dateToTzString(date: Date): string;
-    getCurrentTimeBounds(): {
-        startDate: string;
-        endDate: string;
-    };
-    getFormattedTimestamp(timestamp: Timestamp): string;
-    fillTimeGaps(events: TimelineEvent[]): (import('../types').TimelineBarEvent | import('../types').TimelineRangeEvent | TimelineCountEvent | {
-        timestamp: string;
-        count: number;
-    })[];
-    fillEvents(events: TimelineEvent[]): TimelineEvent[];
-    onMilestoneClick(milestone: TimelineEvent, milestoneType: any): void;
-    getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
-}, {
-    combinedBarsHeight: number;
-    combinedBottomBarsHeight: number;
-    combinedMilestonesHeight: number;
-    milestonesYOffset: number;
-    chartsYOffset: number;
-    barsYOffset: number;
-    hasMilestones: boolean;
-    barChartHeight: number;
-    classes: Record<string, string | Record<string, boolean>>;
-    lineGraphGroups: TimelineEventsByType;
-    chartHeight: number;
-    barGroups: TimelineEventsByType;
-    barChartGroups: TimelineEventsByType;
-    milestonesGroups: TimelineEventsByType;
-    hasChart: boolean;
-    labelRectWidth: number;
-    combinedXAxesHeight: number;
-    timelineHeight: number;
-    filteredEventsGroups: TimelineEventsByType;
-    allEventsSorted: TimelineEvent[];
-    oldestEvent: TimelineEvent;
-    latestEvent: TimelineEvent;
-    allLineChartTimestamps: string[];
-    placeholderLineChartGroup: TimelineEvent[];
-    filledGapsLineGraphGroups: TimelineEventsByType;
-    isInteractingWithCurtain: boolean;
-    flattenedCounts: TimelineCountEvent[];
-    hiddenGroupsLabels: string[];
-    minHoverZone: number;
-    sortedMarkers: TimelineMarker[];
-    maxVisibleCount: number;
-}, {
-    eventsGroups: {};
-    xAxesConfig: TimelineAxesConfig;
-    dark: boolean;
-    startDate: string;
-    endDate: string;
-    selectedTimestamp: string;
-    showEventTooltip: boolean;
-    disableZoom: boolean;
-    insertZerosAtInterval: TimelinePrecision;
-    flattenLineGraphEnds: boolean;
-    curtains: boolean;
-    showLabels: boolean;
-    rectMinWidth: number;
-    barHeight: number;
-    barYPadding: number;
-    barXPadding: number;
-    chartMinHeight: number;
-    chartMinLabelHeight: number;
-    minZoom: number;
-    maxZoom: number;
-    minDate: string;
-    maxDate: string;
-    cursorTimestamp: string | undefined;
-    selectedClass: string | undefined;
-    panOnDateClick: boolean;
-    panTransitionDuration: number;
-    selectedDate: string;
-    autoResize: boolean;
-    markers: TimelineMarker[];
-    stickyMarkers: boolean;
-    fitMarkersOnChange: boolean;
-    zoomToIntervalTransitionDuration: number;
-    zoomToBoundariesTransitionDuration: number;
-    milestoneBulletSize: number;
-    milestonesFirst: boolean;
-    forbiddenIntervals: TimelineInterval[];
-    forbiddenIntervalColor: string;
-    focusedInterval: TimelineInterval | undefined;
-    locked: boolean;
-    timezone: string | undefined;
-    stopClickPropagation: boolean;
-    tooltipPosition: string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
-export default _default;

package/dist/components/charts/classNames.d.ts

@@ -1,7 +0,0 @@
-export declare const classNames: {
-    xAxis: string;
-    xAxisDark: string;
-    xAxisOverview: string;
-    xAxisDetailed: string;
-    xAxisBackground: string;
-};