@expofp/floorplan 3.7.9 → 3.7.11

package/dist/esm/store/types.d.ts

@@ -1,56 +1,56 @@
-import { RawPoiType } from "../data/Data";
-import type { Booth } from "./BoothStore";
-import type { Category } from "./CategoryStore";
-import type { EventItem } from "./EventStore";
-import type { Exhibitor } from "./ExhibitorStore";
-import type { HeatmapYah } from "./HeatmapStore";
-import { PlannerSource } from "./RoutePlannerStore";
-import type { SpeakerItem } from "./SpeakerStore";
-export type FilterType = {
-    type: "filter";
+import { RawPoiType } from '../data/Data';
+import type { Booth } from './BoothStore';
+import type { Category } from './CategoryStore';
+import type { EventItem } from './EventStore';
+import type { Exhibitor } from './ExhibitorStore';
+import type { HeatmapYah } from './HeatmapStore';
+import { PlannerSource } from './RoutePlannerStore';
+import type { SpeakerItem } from './SpeakerStore';
+export interface FilterType {
+    type: 'filter';
     items: ListItem[];
     query: {
         key: string;
         value: string;
     };
-};
+}
 export type ListType = {
-    type: "search";
+    type: 'search';
     text: string;
     focused: boolean;
 } | {
-    type: "exhibitors";
+    type: 'exhibitors';
     text: string;
     focused: boolean;
 } | {
-    type: "bookmarks";
+    type: 'bookmarks';
 } | {
-    type: "visited";
+    type: 'visited';
 } | {
-    type: "category";
+    type: 'category';
     category: Category;
 } | {
-    type: "language";
+    type: 'language';
 } | FilterType | {
-    type: "sessions";
+    type: 'sessions';
     text: string;
     focused: boolean;
 } | {
-    type: "speakers";
+    type: 'speakers';
     text: string;
     focused: boolean;
 } | {
-    type: "tours";
+    type: 'tours';
     text: string;
     focused: boolean;
 } | {
-    type: "multi-point-tour";
+    type: 'multi-point-tour';
     tourId: string;
 } | {
-    type: "route-planner";
+    type: 'route-planner';
     source: PlannerSource;
 };
-export type OverlaySize = "full" | "medium" | "small";
+export type OverlaySize = 'full' | 'medium' | 'small';
 export type ListItem = Booth | Exhibitor | Category | EventItem | SpeakerItem | Language | HeatmapYah;
 export interface Visibility {
     controls?: boolean;
@@ -58,7 +58,7 @@ export interface Visibility {
     header?: boolean;
     overlay?: boolean;
 }
-export type BannerType = "demo" | "free" | null;
+export type BannerType = 'demo' | 'free' | null;
 export interface FilterItem {
     id: number | string;
     name: string;
@@ -92,10 +92,10 @@ export interface URLFilters {
 }
 export interface TourItem {
     id: string;
-    layers: Array<{
+    layers: {
         floor: string;
         id: string;
-    }>;
+    }[];
     name: string;
     description?: string;
     points?: string[];
@@ -116,13 +116,13 @@ export interface MapSettings {
 }
 export interface SearchButtonChild {
     id?: number | string;
-    type: "poi_types" | "categories";
+    type: 'poi_types' | 'categories';
     name: string;
     visible: boolean;
     count?: number;
 }
 export interface SearchButtonLinkChild {
-    type: "link";
+    type: 'link';
     visible: boolean;
     linkUrl: string;
 }
@@ -140,7 +140,7 @@ export interface SearchSubButtonConfig {
     active: boolean;
     count?: number;
     parentButtonId: string;
-    type: "show_all" | "track";
+    type: 'show_all' | 'track';
     data?: any;
     onClick: () => void;
 }
@@ -164,14 +164,14 @@ export interface SearchButtonConfig {
 }
 export interface SearchButtonTypeConfig {
     id?: string;
-    type: "sessions" | "bookmarks" | "visited" | "categories" | "poi_type" | "poi_types" | "link" | "guided_tours" | "exhibitors";
+    type: 'sessions' | 'bookmarks' | 'visited' | 'categories' | 'poi_type' | 'poi_types' | 'link' | 'guided_tours' | 'exhibitors';
     name: string;
     visible: boolean;
     builtIn?: boolean;
     order?: number;
     color?: string;
     children?: (SearchButtonChild | {
-        type: "link";
+        type: 'link';
         visible: boolean;
         linkUrl: string;
     })[];

package/dist/esm/storybook/decorators/WithResize.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare const WithResize: (StoryComponent: any) => (props: any) => React.JSX.Element;
 export default WithResize;
 //# sourceMappingURL=WithResize.d.ts.map

package/dist/esm/tools/gtag.d.ts

@@ -22,7 +22,7 @@ export declare enum GaEventActions {
     Rendered = "Floor plan rendered"
 }
 export declare function checkUserIsGDPR(): Promise<boolean | null>;
-export declare function hasUserConsent(allowConsent?: boolean): "granted" | "denied" | undefined;
+export declare function hasUserConsent(allowConsent?: boolean): 'granted' | 'denied' | undefined;
 export declare function setCookieConsent(cookieConsent: boolean): void;
 export declare function setConsentSettings(allowConsent?: boolean): void;
 export declare function sendEventToGa(action: GaEventActions, label: string, eventCategory?: string): void;

package/dist/esm/tools/track-event.d.ts

@@ -1,4 +1,4 @@
-type TrackEventType = "load" | "exview" | "search" | "route" | "share" | "booview" | "catview";
+type TrackEventType = 'load' | 'exview' | 'search' | 'route' | 'share' | 'booview' | 'catview';
 export default function trackEvent(type: TrackEventType, value?: any): Promise<void>;
 export {};
 //# sourceMappingURL=track-event.d.ts.map

package/dist/esm/ui/Alert/Alert.d.ts

@@ -1,8 +1,8 @@
-import "./Alert.scss";
-import React, { type ReactNode } from "react";
-export type AlertVariant = "info" | "warning" | "error" | "success" | "blank";
-export type AlertSize = "sm" | "md";
-export type AlertPosition = "top-right" | "bottom-right";
+import './Alert.scss';
+import React, { type ReactNode } from 'react';
+export type AlertVariant = 'info' | 'warning' | 'error' | 'success' | 'blank';
+export type AlertSize = 'sm' | 'md';
+export type AlertPosition = 'top-right' | 'bottom-right';
 export interface AlertProps {
     children?: ReactNode;
     position?: AlertPosition;

package/dist/esm/ui/Alert/index.d.ts

@@ -1,3 +1,3 @@
-export type { AlertPosition, AlertProps, AlertSize, AlertVariant } from "./Alert";
-export { default } from "./Alert";
+export type { AlertPosition, AlertProps, AlertSize, AlertVariant } from './Alert';
+export { default } from './Alert';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/Badge/Badge.d.ts

@@ -1,14 +1,14 @@
-import "./Badge.scss";
-import React, { type ReactNode } from "react";
-export type BadgeVariant = "primary" | "primary-light" | "lightgray" | "gray" | "ghost" | "orange" | "location";
+import './Badge.scss';
+import React, { type ReactNode } from 'react';
+export type BadgeVariant = 'primary' | 'primary-light' | 'lightgray' | 'gray' | 'ghost' | 'orange' | 'location';
 export interface BadgeProps {
     children?: ReactNode;
     variant?: BadgeVariant;
-    size?: "xs" | "md" | "lg";
+    size?: 'xs' | 'md' | 'lg';
     noMargins?: boolean;
     rounded?: boolean;
     inline?: boolean;
 }
-declare const Badge: ({ children, variant, size, noMargins, rounded, inline }: BadgeProps) => React.JSX.Element;
+declare const Badge: ({ children, variant, size, noMargins, rounded, inline, }: BadgeProps) => React.JSX.Element;
 export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/esm/ui/Badge/index.d.ts

@@ -1,3 +1,3 @@
-export type { BadgeProps, BadgeVariant } from "./Badge";
-export { default } from "./Badge";
+export type { BadgeProps, BadgeVariant } from './Badge';
+export { default } from './Badge';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/Button/Button.d.ts

@@ -1,8 +1,8 @@
-import "./Button.scss";
-import React, { type ReactNode } from "react";
-export type ButtonVariant = "primary" | "secondary" | "gray" | "gray-border" | "ghost" | "danger";
-export type ButtonSize = "sm" | "md" | "lg";
-export type ButtonTarget = "_self" | "_blank" | "_parent";
+import './Button.scss';
+import React, { type ReactNode } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'gray' | 'gray-border' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonTarget = '_self' | '_blank' | '_parent';
 export interface ButtonProps {
     children?: ReactNode;
     inline?: boolean;

package/dist/esm/ui/Button/index.d.ts

@@ -1,3 +1,3 @@
-export type { ButtonProps, ButtonSize, ButtonTarget, ButtonVariant } from "./Button";
-export { default } from "./Button";
+export type { ButtonProps, ButtonSize, ButtonTarget, ButtonVariant } from './Button';
+export { default } from './Button';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/Checkbox/Checkbox.d.ts

@@ -1,12 +1,12 @@
-import "./Checkbox.scss";
-import React from "react";
-type CheckboxBase = {
+import './Checkbox.scss';
+import React from 'react';
+interface CheckboxBase {
     name?: string;
     value: boolean;
     indeterminate?: boolean;
-    size?: "sm" | "md";
+    size?: 'sm' | 'md';
     onChange: (value: boolean) => void;
-};
+}
 export type CheckboxProps = (CheckboxBase & {
     label: string;
     ariaLabel?: string;
@@ -14,6 +14,6 @@ export type CheckboxProps = (CheckboxBase & {
     label?: undefined;
     ariaLabel: string;
 });
-declare const Checkbox: ({ name, value, label, ariaLabel, size, indeterminate, onChange }: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: ({ name, value, label, ariaLabel, size, indeterminate, onChange, }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/esm/ui/Checkbox/index.d.ts

@@ -1,3 +1,3 @@
-export type { CheckboxProps } from "./Checkbox";
-export { default } from "./Checkbox";
+export type { CheckboxProps } from './Checkbox';
+export { default } from './Checkbox';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/CheckboxButton/CheckboxButton.d.ts

@@ -1,5 +1,5 @@
-import "./CheckboxButton.scss";
-import React from "react";
+import './CheckboxButton.scss';
+import React from 'react';
 export interface CheckboxButtonProps {
     checked: boolean;
     label?: string;

package/dist/esm/ui/CheckboxButton/index.d.ts

@@ -1,3 +1,3 @@
-export type { CheckboxButtonProps } from "./CheckboxButton";
-export { default } from "./CheckboxButton";
+export type { CheckboxButtonProps } from './CheckboxButton';
+export { default } from './CheckboxButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/Draggable/Draggable.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export interface DraggableProps {
     children: React.ReactNode;
     className?: string;

package/dist/esm/ui/Draggable/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./Draggable";
-export type { DraggableProps } from "./Draggable";
+export { default } from './Draggable';
+export type { DraggableProps } from './Draggable';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/EntityItem/EntityItem.d.ts

@@ -1,13 +1,13 @@
-import "./EntityItem.scss";
-import React from "react";
+import './EntityItem.scss';
+import React from 'react';
 export type EntityItemAdditionalInfo = {
-    type: "location";
+    type: 'location';
     locationName?: string;
     hall?: string;
     level?: string;
     showLevelLabel?: boolean;
 } | {
-    type: "text";
+    type: 'text';
     text: string;
 };
 export interface EntityItemProps {
@@ -18,7 +18,7 @@ export interface EntityItemProps {
     icon?: string;
     typeColor?: string;
     iconClassName?: string;
-    variant?: "default" | "person";
+    variant?: 'default' | 'person';
     titleBadge?: string | number;
     datetime?: {
         date?: string;

package/dist/esm/ui/EntityItem/index.d.ts

@@ -1,3 +1,3 @@
-export type { EntityItemAdditionalInfo, EntityItemProps } from "./EntityItem";
-export { default } from "./EntityItem";
+export type { EntityItemAdditionalInfo, EntityItemProps } from './EntityItem';
+export { default } from './EntityItem';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/HeatmapLegend/HeatmapLegend.d.ts

@@ -1,5 +1,5 @@
-import "./HeatmapLegend.scss";
-import React from "react";
+import './HeatmapLegend.scss';
+import React from 'react';
 export interface HeatmapLegendProps {
     min: number;
     max: number;

package/dist/esm/ui/HeatmapLegend/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./HeatmapLegend";
-export type { HeatmapLegendProps } from "./HeatmapLegend";
+export { default } from './HeatmapLegend';
+export type { HeatmapLegendProps } from './HeatmapLegend';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/HighlightText/HighlightText.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare const HighlightText: ({ text, highlight }: {
     text: string;
     highlight?: string;

package/dist/esm/ui/HighlightText/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./HighlightText";
+export { default } from './HighlightText';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/LevelBadge/LevelBadge.d.ts

@@ -1,5 +1,5 @@
-import "./LevelBadge.scss";
-import React from "react";
+import './LevelBadge.scss';
+import React from 'react';
 export interface LevelBadgeProps {
     level: string;
     levelLabel: string;

package/dist/esm/ui/LevelBadge/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./LevelBadge";
-export type { LevelBadgeProps } from "./LevelBadge";
+export { default } from './LevelBadge';
+export type { LevelBadgeProps } from './LevelBadge';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/OverlayGrip/OverlayGrip.d.ts

@@ -1,5 +1,5 @@
-import "./OverlayGrip.scss";
-import React from "react";
+import './OverlayGrip.scss';
+import React from 'react';
 export interface OverlayGripProps {
     isFull: boolean;
     onToggle: () => void;

package/dist/esm/ui/OverlayGrip/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./OverlayGrip";
-export type { OverlayGripProps } from "./OverlayGrip";
+export { default } from './OverlayGrip';
+export type { OverlayGripProps } from './OverlayGrip';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/PermissionNotice/PermissionNotice.d.ts

@@ -1,6 +1,6 @@
-import "./PermissionNotice.scss";
-import React from "react";
-export type PermissionNoticePlacement = "bottom-right" | "bottom-left";
+import './PermissionNotice.scss';
+import React from 'react';
+export type PermissionNoticePlacement = 'bottom-right' | 'bottom-left';
 export interface PermissionNoticeProps {
     title: string;
     acceptText: string;

package/dist/esm/ui/PermissionNotice/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./PermissionNotice";
-export type { PermissionNoticeProps } from "./PermissionNotice";
+export { default } from './PermissionNotice';
+export type { PermissionNoticeProps } from './PermissionNotice';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
-import "./Radio.scss";
-import React from "react";
+import './Radio.scss';
+import React from 'react';
 export interface RadioProps {
     name: string;
     label: string;
@@ -10,6 +10,6 @@ export interface RadioProps {
     ariaLabel?: string;
     onChange?: () => void;
 }
-declare const Radio: ({ name, label, value, checked, disabled, className, ariaLabel, onChange }: RadioProps) => React.JSX.Element;
+declare const Radio: ({ name, label, value, checked, disabled, className, ariaLabel, onChange, }: RadioProps) => React.JSX.Element;
 export default Radio;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/esm/ui/Radio/index.d.ts

@@ -1,3 +1,3 @@
-export type { RadioProps } from "./Radio";
-export { default } from "./Radio";
+export type { RadioProps } from './Radio';
+export { default } from './Radio';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/ScrollableRow/ScrollableRow.d.ts

@@ -1,5 +1,5 @@
-import "./ScrollableRow.scss";
-import React, { ReactNode } from "react";
+import './ScrollableRow.scss';
+import React, { ReactNode } from 'react';
 export interface ScrollableRowProps {
     children: ReactNode;
     ariaLabel: string;
@@ -9,8 +9,8 @@ export interface ScrollableRowProps {
     scrollAmount?: number;
     mobileBreakpoint?: number;
     showArrowsOnMobile?: boolean;
-    arrowPosition?: "inside" | "outside";
-    scrollBehavior?: "smooth" | "auto";
+    arrowPosition?: 'inside' | 'outside';
+    scrollBehavior?: 'smooth' | 'auto';
     isRtl?: boolean;
     enableDragScroll?: boolean;
     dragScrollSensitivity?: number;

package/dist/esm/ui/ScrollableRow/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./ScrollableRow";
-export type { ScrollableRowProps } from "./ScrollableRow";
+export { default } from './ScrollableRow';
+export type { ScrollableRowProps } from './ScrollableRow';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/Spinner/Spinner.d.ts

@@ -1,5 +1,5 @@
-import "./Spinner.scss";
-import React from "react";
+import './Spinner.scss';
+import React from 'react';
 export interface SpinnerProps {
     active: boolean;
     isCenter?: boolean;

package/dist/esm/ui/Spinner/index.d.ts

@@ -1,3 +1,3 @@
-export type { SpinnerProps } from "./Spinner";
-export { default } from "./Spinner";
+export type { SpinnerProps } from './Spinner';
+export { default } from './Spinner';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/ToggleButton/ToggleButton.d.ts

@@ -1,10 +1,10 @@
-import "./ToggleButton.scss";
-import React from "react";
-type ToggleButtonBase = {
+import './ToggleButton.scss';
+import React from 'react';
+interface ToggleButtonBase {
     toggled: boolean;
     className?: string;
     onClick: () => void;
-};
+}
 export type ToggleButtonProps = (ToggleButtonBase & {
     label: string;
     ariaLabel?: string;

package/dist/esm/ui/ToggleButton/index.d.ts

@@ -1,3 +1,3 @@
-export type { ToggleButtonProps } from "./ToggleButton";
-export { default } from "./ToggleButton";
+export type { ToggleButtonProps } from './ToggleButton';
+export { default } from './ToggleButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,5 +1,5 @@
-import "./ToggleSwitch.scss";
-import React from "react";
+import './ToggleSwitch.scss';
+import React from 'react';
 export interface ToggleSwitchProps {
     name?: string;
     value: boolean;

package/dist/esm/ui/ToggleSwitch/index.d.ts

@@ -1,3 +1,3 @@
-export type { ToggleSwitchProps } from "./ToggleSwitch";
-export { default } from "./ToggleSwitch";
+export type { ToggleSwitchProps } from './ToggleSwitch';
+export { default } from './ToggleSwitch';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/TouchHand/TouchHand.d.ts

@@ -1,5 +1,5 @@
-import "./TouchHand.scss";
-import React from "react";
+import './TouchHand.scss';
+import React from 'react';
 declare const TouchHand: () => React.JSX.Element;
 export default TouchHand;
 //# sourceMappingURL=TouchHand.d.ts.map

package/dist/esm/ui/TouchHand/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./TouchHand";
+export { default } from './TouchHand';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/WayfindingFloorSelector/WayfindingFloorSelector.d.ts

@@ -1,10 +1,10 @@
-import "./WayfindingFloorSelector.scss";
-import React from "react";
+import './WayfindingFloorSelector.scss';
+import React from 'react';
 export interface WayfindingFloorSelectorFloor {
     id: number;
     name: string;
     description?: string;
-    directionToNext?: "up" | "down";
+    directionToNext?: 'up' | 'down';
     ariaLabel?: string;
 }
 export interface WayfindingFloorSelectorProps {
@@ -19,6 +19,6 @@ export interface WayfindingFloorSelectorProps {
         name: string;
     }) => void;
 }
-declare const WayfindingFloorSelector: ({ floors, value, floorSelectionLabel, onSelect }: WayfindingFloorSelectorProps) => React.JSX.Element;
+declare const WayfindingFloorSelector: ({ floors, value, floorSelectionLabel, onSelect, }: WayfindingFloorSelectorProps) => React.JSX.Element;
 export default WayfindingFloorSelector;
 //# sourceMappingURL=WayfindingFloorSelector.d.ts.map

package/dist/esm/ui/WayfindingFloorSelector/index.d.ts

@@ -1,3 +1,3 @@
-export type { WayfindingFloorSelectorFloor, WayfindingFloorSelectorProps } from "./WayfindingFloorSelector";
-export { default } from "./WayfindingFloorSelector";
+export type { WayfindingFloorSelectorFloor, WayfindingFloorSelectorProps, } from './WayfindingFloorSelector';
+export { default } from './WayfindingFloorSelector';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/utils/browser.d.ts

@@ -1,4 +1,4 @@
-import Bowser from "bowser";
+import Bowser from 'bowser';
 declare const browser: Bowser.Parser.Parser;
 export default browser;
 //# sourceMappingURL=browser.d.ts.map

package/dist/esm/utils/dimming.d.ts

@@ -1,9 +1,9 @@
-import { type RendererService } from "../renderer/RendererService";
+import { type RendererService } from '../renderer/RendererService';
 export declare const DIM_INTENSITY = 0.5;
 export declare const VENUE_DIM_INTENSITY = 1;
 export declare const DIM_TRANSITION_MS = 300;
 export declare const DEFAULT_DIM_EASING: "cubic";
-export type DimmingEasing = "linear" | "cubic";
+export type DimmingEasing = 'linear' | 'cubic';
 export interface DimmingAnimator {
     getValue(): number;
     setTarget(dimmed: boolean, options?: {

package/dist/esm/utils/entity-storage.d.ts

@@ -4,7 +4,7 @@ export interface EntityData {
     speakers?: number[];
     booths?: number[];
 }
-export type StorageType = "bookmarked" | "visited";
+export type StorageType = 'bookmarked' | 'visited';
 export declare function getStorage(type: StorageType): EntityData;
 export declare function saveStorage(type: StorageType, data: EntityData): void;
 export declare function getBookmarkStorage(): EntityData;

package/dist/esm/utils/eventFullBadge.d.ts

@@ -1,3 +1,3 @@
-import { type EventItem } from "../store/EventStore";
+import { type EventItem } from '../store/EventStore';
 export declare function shouldShowEventFullBadge(event: EventItem): boolean;
 //# sourceMappingURL=eventFullBadge.d.ts.map

package/dist/esm/utils/eventTime.d.ts

@@ -1,4 +1,4 @@
-export type EventStatus = "live" | "past" | "starting-soon" | "upcoming" | "none";
+export type EventStatus = 'live' | 'past' | 'starting-soon' | 'upcoming' | 'none';
 export interface TimeUntilStartData {
     minutes: number;
     seconds: number;