@m4l/gclick 0.16.0 → 0.17.0

package/components/VideoPlayer/types.d.ts

@@ -1,7 +1,7 @@
 import { M4LOverridesStyleRules } from '@m4l/components';
 import { Theme } from '@mui/material/styles';
 import { Ref } from 'react';
-import { COMPONENT_VIDEO_PLAYER_KEY_COMPONENT } from './constants';
+import { COMPONENT_VIDEO_PLAYER_KEY_COMPONENT, VIDEO_PLAYER_VARIANTS } from './constants';
 import { VideoPlayerSlots } from './slots/slots';
 /**
  * Media error surfaced to consumers. Mirrors the DOM `MediaError` shape the
@@ -59,6 +59,11 @@ export interface VideoPlayerProps {
      * snapshot). Forwarded to the skin's poster slot.
      */
     poster?: string;
+    /**
+     * Which vendor skin to wear. Defaults to `'default'` (the full chrome); pass
+     * `'minimal'` for dense grid tiles. See {@link VideoPlayerVariant}.
+     */
+    variant?: VideoPlayerVariant;
     /**
      * Optional className applied to the root (container) slot. Intended for
      * plain/static classes: composing an Emotion-registered class (e.g. via
@@ -93,12 +98,26 @@ export interface VideoPlayerProps {
     ref?: Ref<VideoPlayerControl>;
 }
 /**
- * Internal owner state for the styled slots. The player has no owner-state-driven
- * styling (the single composed skin adapts to the runtime stream type), so this
- * is empty — kept only for the `ComponentsPropsList` theme registration, in
- * parity with the other M4L components.
+ * Vendor skin the player wears.
+ *
+ * `default` is the full chrome; `minimal` drops the frosted panels and groups
+ * the time displays — leaner for dense grid tiles, which is what the vendor
+ * designed it for (its layout reveals controls progressively through container
+ * queries). Both come from `@videojs/react`'s `/video` preset.
+ */
+export type VideoPlayerVariant = keyof typeof VIDEO_PLAYER_VARIANTS;
+/**
+ * Internal owner state for the styled slots.
+ *
+ * `variant` lives here because it drives styling, not just markup: the `root`
+ * slot spreads ONE of the two translated vendor stylesheets depending on it.
+ * Spreading both would inject ~1900 unused declarations and, worse, emit the
+ * un-scopable `@keyframes media-shake` / `@property --media-progress-fill`
+ * twice into the global namespace, since both sheets declare them identically.
  */
-export type VideoPlayerOwnerState = Record<string, never>;
+export type VideoPlayerOwnerState = {
+    variant: VideoPlayerVariant;
+};
 export type VideoPlayerSlotsType = keyof typeof VideoPlayerSlots;
 export type VideoPlayerStyles = M4LOverridesStyleRules<VideoPlayerSlotsType, typeof COMPONENT_VIDEO_PLAYER_KEY_COMPONENT, Theme>;
 //# sourceMappingURL=types.d.ts.map

package/components/VideoPlayer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,sBAAsB;IACtB,KAAK,IAAI,IAAI,CAAC;IACd,4CAA4C;IAC5C,QAAQ,IAAI,OAAO,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,6CAA6C;IAC7C,OAAO,IAAI,OAAO,CAAC;IACnB,2EAA2E;IAC3E,MAAM,IAAI,OAAO,CAAC;IAClB,+DAA+D;IAC/D,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,yEAAyE;IACzE,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,gDAAgD;IAChD,uBAAuB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,+EAA+E;IAC/E,QAAQ,IAAI,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CAC/B;AAED;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CACpD,oBAAoB,EACpB,OAAO,oCAAoC,EAC3C,KAAK,CACN,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,oCAAoC,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,sBAAsB;IACtB,KAAK,IAAI,IAAI,CAAC;IACd,4CAA4C;IAC5C,QAAQ,IAAI,OAAO,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,6CAA6C;IAC7C,OAAO,IAAI,OAAO,CAAC;IACnB,2EAA2E;IAC3E,MAAM,IAAI,OAAO,CAAC;IAClB,+DAA+D;IAC/D,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,yEAAyE;IACzE,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,gDAAgD;IAChD,uBAAuB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,+EAA+E;IAC/E,QAAQ,IAAI,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAEpE;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CACpD,oBAAoB,EACpB,OAAO,oCAAoC,EAC3C,KAAK,CACN,CAAC"}

package/index.js

@@ -9,11 +9,11 @@ import { getDeviceStatusComponentsDictionary as T } from "./components/DeviceSta
 import { DeviceStatus as E } from "./components/DeviceStatus/DeviceStatus.js";
 import { DeviceLabel as A } from "./components/DeviceLabel/DeviceLabel.js";
 import { GaugeCircular as I } from "./components/GaugeCircular/GaugeCircular.js";
-import { getCourseDirection as O } from "./components/formatters/CourseFormatter/helper.js";
+import { getCourseDirection as y } from "./components/formatters/CourseFormatter/helper.js";
 import { getCourseFormatterComponentsDictionary as M } from "./components/formatters/CourseFormatter/dictionary.js";
 import { CourseFormatter as N } from "./components/formatters/CourseFormatter/CourseFormatter.js";
-import { courseToCssAngle as v } from "./components/maps/utils/courseToCssAngle.js";
-import { GpsMap as L } from "./components/maps/components/GpsMap/GpsMap.js";
+import { courseToCssAngle as L } from "./components/maps/utils/courseToCssAngle.js";
+import { GpsMap as F } from "./components/maps/components/GpsMap/GpsMap.js";
 import { MapContext as b, MapProvider as h } from "./components/maps/components/GpsMap/contexts/MapContext/MapContext.js";
 import { getMapComponentsDictionary as Y } from "./components/maps/components/GpsMap/dictionary.js";
 import { LAT_LON_FIXED_DIGITS as H } from "./components/maps/components/GpsMap/constants.js";
@@ -35,10 +35,10 @@ import { isFeature as Te } from "./components/maps/utils/isFeature.js";
 import { isFeatureCollection as Ee } from "./components/maps/utils/isFeatureCollection.js";
 import { isFeatureCollectionDraft as Ae } from "./components/maps/utils/isFeatureCollectionDraft.js";
 import { isGeometry as Ie } from "./components/maps/utils/isGeometry.js";
-import { GeofencesTool as Oe } from "./components/maps/components/GpsMapTools/subcomponents/GeofencesTool/GeofencesTool.js";
+import { GeofencesTool as ye } from "./components/maps/components/GpsMapTools/subcomponents/GeofencesTool/GeofencesTool.js";
 import { GEOFENCES_TOOL as Me } from "./components/maps/components/GpsMapTools/subcomponents/GeofencesTool/constants.js";
 import { getGpsMapToolsComponentsDictionary as Ne } from "./components/maps/components/GpsMapTools/dictionary.js";
-import { GpsMapToolsContext as ve, GpsMapToolsProvider as Fe } from "./components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
+import { GpsMapToolsContext as Le, GpsMapToolsProvider as ve } from "./components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
 import { IndicatorBattery as Ve } from "./components/indicators/IndicatorBattery/IndicatorBattery.js";
 import { getIndicatorBatteryComponentsDictionary as he } from "./components/indicators/IndicatorBattery/dictionary.js";
 import { INDICATOR_BATTERY_SEMANTIC_STATUS as Ye } from "./components/indicators/IndicatorBattery/types.js";
@@ -49,95 +49,95 @@ import { IndicatorValueAndMagnitude as ke } from "./components/indicators/Indica
 import { VideoTimeLineSelector as qe } from "./components/VideoTimeLineSelector/VideoTimeLineSelector.js";
 import { getVideoTimeLineSelectorComponentDictionary as We } from "./components/VideoTimeLineSelector/dictionary.js";
 import { TIME_VISIBLE_OPTIONS_KEYS as Ze } from "./components/VideoTimeLineSelector/constants.js";
-import { COMPONENT_VIDEO_PLAYER_KEY_COMPONENT as er } from "./components/VideoPlayer/constants.js";
-import { isHlsLiveDuration as or, resolveIsLive as tr } from "./components/VideoPlayer/utils.js";
-import { VideoPlayer as mr } from "./components/VideoPlayer/VideoPlayer.js";
-import { CameraStreamsProvider as sr } from "./components/CameraStreams/CameraStreamsProvider.js";
-import { CameraStreamsContext as ir } from "./components/CameraStreams/CameraStreamsContext.js";
-import { CameraStreamPlayersContext as xr } from "./components/CameraStreams/CameraStreamPlayersContext.js";
-import { createCameraStreamsStore as lr } from "./components/CameraStreams/store.js";
-import { useCameraStreams as Sr } from "./components/CameraStreams/useCameraStreams.js";
-import { useCameraStreamsStore as Tr } from "./components/CameraStreams/useCameraStreamsStore.js";
-import { useCameraStreamPlayers as Er } from "./components/CameraStreams/useCameraStreamPlayers.js";
-import { useStreamRequest as Ar } from "./components/CameraStreams/hooks/useStreamRequest.js";
-import { isCloudFrontUrl as Ir, useCloudFrontCookieManager as yr, useCloudFrontCookieManagerCore as Or, useIsCloudFrontUrl as gr } from "./components/CameraStreams/hooks/useCloudFrontCookie.js";
-import { COMPONENT_CAMERA_STREAMS_KEY_COMPONENT as Rr, DEFAULT_CAMERA_STREAMS_DURATION_SECONDS as Nr } from "./components/CameraStreams/constants.js";
-import { CAMERA_STREAMS_DICTIONARY_KEYS as vr, getCameraStreamsComponentDictionary as Fr, resolveCameraStreamsDictionaryLabels as Lr } from "./components/CameraStreams/dictionary.js";
-import { buildPlayerKey as br } from "./components/CameraStreams/types.js";
-import { CameraStream as Gr } from "./components/CameraStream/CameraStream.js";
-import { CAMERA_STREAM_DRAG_HANDLE_CLASSNAME as Br } from "./components/CameraStream/types.js";
-import { COMPONENT_CAMERA_STREAM_KEY_COMPONENT as Kr, COMPONENT_CAMERA_STREAM_TEST_ID as Ur } from "./components/CameraStream/constants.js";
-import { CameraStreamSlotsStyled as wr } from "./components/CameraStream/slots/slots.js";
-import { cameraStreamStyles as kr } from "./components/CameraStream/CameraStream.styles.js";
-import { DefaultLabel as qr } from "./components/CameraStream/defaults/DefaultLabel.js";
-import { DefaultLiveBadge as Wr } from "./components/CameraStream/defaults/DefaultLiveBadge.js";
-import { DefaultPhaseChannelBusy as Zr } from "./components/CameraStream/defaults/DefaultPhaseChannelBusy.js";
-import { DefaultPhaseError as eo } from "./components/CameraStream/defaults/DefaultPhaseError.js";
-import { DefaultPhaseIdle as oo } from "./components/CameraStream/defaults/DefaultPhaseIdle.js";
-import { DefaultPhasePolling as ao } from "./components/CameraStream/defaults/DefaultPhasePolling.js";
-import { DefaultPhaseRequesting as po } from "./components/CameraStream/defaults/DefaultPhaseRequesting.js";
-import { DefaultPhaseStreaming as fo } from "./components/CameraStream/defaults/DefaultPhaseStreaming.js";
-import { DefaultPhaseTimeout as no } from "./components/CameraStream/defaults/DefaultPhaseTimeout.js";
-import { DefaultReplayBadge as Co } from "./components/CameraStream/defaults/DefaultReplayBadge.js";
-import { DefaultRoot as uo } from "./components/CameraStream/defaults/DefaultRoot.js";
-import { ReportsViewer as Do } from "./components/ReportsViewer/ReportsViewer.js";
-import { TimelineCardsViewer as co } from "./components/TimelineCardsViewer/TimelineCardsViewer.js";
-import { buildTimelineItemKey as _o } from "./components/TimelineCardsViewer/helpers/buildTimelineRows.js";
-import { TCV_DICTIONARY as Io, TCV_DICTIONARY_ID as yo, getTimelineCardsViewerComponentsDictionary as Oo } from "./components/TimelineCardsViewer/dictionary.js";
-import { createJourneyRenderers as Mo, createJourneyTimelineRenderers as Ro, journeyRenderers as No } from "./components/TimelineCardsViewer/presets/journey/createJourneyTimelineRenderers.js";
+import { COMPONENT_VIDEO_PLAYER_KEY_COMPONENT as er, VIDEO_PLAYER_VARIANTS as rr } from "./components/VideoPlayer/constants.js";
+import { isHlsLiveDuration as tr, resolveIsLive as ar } from "./components/VideoPlayer/utils.js";
+import { VideoPlayer as pr } from "./components/VideoPlayer/VideoPlayer.js";
+import { CameraStreamsProvider as fr } from "./components/CameraStreams/CameraStreamsProvider.js";
+import { CameraStreamsContext as nr } from "./components/CameraStreams/CameraStreamsContext.js";
+import { CameraStreamPlayersContext as Cr } from "./components/CameraStreams/CameraStreamPlayersContext.js";
+import { createCameraStreamsStore as ur } from "./components/CameraStreams/store.js";
+import { useCameraStreams as Dr } from "./components/CameraStreams/useCameraStreams.js";
+import { useCameraStreamsStore as cr } from "./components/CameraStreams/useCameraStreamsStore.js";
+import { useCameraStreamPlayers as _r } from "./components/CameraStreams/useCameraStreamPlayers.js";
+import { useStreamRequest as dr } from "./components/CameraStreams/hooks/useStreamRequest.js";
+import { isCloudFrontUrl as Or, useCloudFrontCookieManager as yr, useCloudFrontCookieManagerCore as gr, useIsCloudFrontUrl as Mr } from "./components/CameraStreams/hooks/useCloudFrontCookie.js";
+import { COMPONENT_CAMERA_STREAMS_KEY_COMPONENT as Nr, DEFAULT_CAMERA_STREAMS_DURATION_SECONDS as Pr } from "./components/CameraStreams/constants.js";
+import { CAMERA_STREAMS_DICTIONARY_KEYS as vr, getCameraStreamsComponentDictionary as Fr, resolveCameraStreamsDictionaryLabels as Vr } from "./components/CameraStreams/dictionary.js";
+import { buildPlayerKey as hr } from "./components/CameraStreams/types.js";
+import { CameraStream as Yr } from "./components/CameraStream/CameraStream.js";
+import { CAMERA_STREAM_DRAG_HANDLE_CLASSNAME as Hr } from "./components/CameraStream/types.js";
+import { COMPONENT_CAMERA_STREAM_KEY_COMPONENT as Ur, COMPONENT_CAMERA_STREAM_TEST_ID as Qr } from "./components/CameraStream/constants.js";
+import { CameraStreamSlotsStyled as Jr } from "./components/CameraStream/slots/slots.js";
+import { cameraStreamStyles as jr } from "./components/CameraStream/CameraStream.styles.js";
+import { DefaultLabel as zr } from "./components/CameraStream/defaults/DefaultLabel.js";
+import { DefaultLiveBadge as Xr } from "./components/CameraStream/defaults/DefaultLiveBadge.js";
+import { DefaultPhaseChannelBusy as $r } from "./components/CameraStream/defaults/DefaultPhaseChannelBusy.js";
+import { DefaultPhaseError as ro } from "./components/CameraStream/defaults/DefaultPhaseError.js";
+import { DefaultPhaseIdle as to } from "./components/CameraStream/defaults/DefaultPhaseIdle.js";
+import { DefaultPhasePolling as mo } from "./components/CameraStream/defaults/DefaultPhasePolling.js";
+import { DefaultPhaseRequesting as so } from "./components/CameraStream/defaults/DefaultPhaseRequesting.js";
+import { DefaultPhaseStreaming as io } from "./components/CameraStream/defaults/DefaultPhaseStreaming.js";
+import { DefaultPhaseTimeout as xo } from "./components/CameraStream/defaults/DefaultPhaseTimeout.js";
+import { DefaultReplayBadge as lo } from "./components/CameraStream/defaults/DefaultReplayBadge.js";
+import { DefaultRoot as So } from "./components/CameraStream/defaults/DefaultRoot.js";
+import { ReportsViewer as To } from "./components/ReportsViewer/ReportsViewer.js";
+import { TimelineCardsViewer as Eo } from "./components/TimelineCardsViewer/TimelineCardsViewer.js";
+import { buildTimelineItemKey as Ao } from "./components/TimelineCardsViewer/helpers/buildTimelineRows.js";
+import { TCV_DICTIONARY as Oo, TCV_DICTIONARY_ID as yo, getTimelineCardsViewerComponentsDictionary as go } from "./components/TimelineCardsViewer/dictionary.js";
+import { createJourneyRenderers as Ro, createJourneyTimelineRenderers as No, journeyRenderers as Po } from "./components/TimelineCardsViewer/presets/journey/createJourneyTimelineRenderers.js";
 import { createJourneyTimelineAccessors as vo, resolveJourneySegmentVariant as Fo } from "./components/TimelineCardsViewer/presets/journey/helpers.js";
-import { AddressLocation as Vo } from "./components/AddressLocation/AddressLocation.js";
-import { getAddressLocationComponentsDictionary as ho } from "./components/AddressLocation/dictionary.js";
-import { RHFAddressLocation as Yo } from "./components/RHFs/RHFAddressLocation/RHFAddressLocation.js";
-import { capitalizeFirstLetter as Ho } from "./utils/capitalizeFirstLetter.js";
-import { isValidDate as Uo } from "./utils/isValidDate.js";
-import { getComponentUtilityClass as wo } from "./utils/getComponentUtilityClass.js";
-import { getPaletteColor as ko } from "./utils/getPaletteColor.js";
-import { getTypographyStyles as qo } from "./utils/getTypographyStyles.js";
-import { getHeightSizeStyles as Wo } from "./utils/getSizeStyles/getSizeStyles.js";
-import { ObjectQueue as Zo } from "./utils/ObjectQueue.js";
-import { getComponentClasses as et, getComponentSlotRoot as rt } from "./utils/getComponentSlotRoot.js";
-import { getHdopPresentation as tt } from "./utils/getHdopPresentation/getHdopPresentation.js";
-import { HDOP_PRESENTATION_RANGES as mt, HDOP_QUALITY_COLORS as pt } from "./utils/getHdopPresentation/constants.js";
-import { TEST_PROP_ID as ft, getNameDataTestId as it, getPropDataTestId as nt } from "./utils/testIds.js";
+import { AddressLocation as bo } from "./components/AddressLocation/AddressLocation.js";
+import { getAddressLocationComponentsDictionary as Go } from "./components/AddressLocation/dictionary.js";
+import { RHFAddressLocation as Bo } from "./components/RHFs/RHFAddressLocation/RHFAddressLocation.js";
+import { capitalizeFirstLetter as Ko } from "./utils/capitalizeFirstLetter.js";
+import { isValidDate as Qo } from "./utils/isValidDate.js";
+import { getComponentUtilityClass as Jo } from "./utils/getComponentUtilityClass.js";
+import { getPaletteColor as jo } from "./utils/getPaletteColor.js";
+import { getTypographyStyles as zo } from "./utils/getTypographyStyles.js";
+import { getHeightSizeStyles as Xo } from "./utils/getSizeStyles/getSizeStyles.js";
+import { ObjectQueue as $o } from "./utils/ObjectQueue.js";
+import { getComponentClasses as rt, getComponentSlotRoot as ot } from "./utils/getComponentSlotRoot.js";
+import { getHdopPresentation as at } from "./utils/getHdopPresentation/getHdopPresentation.js";
+import { HDOP_PRESENTATION_RANGES as pt, HDOP_QUALITY_COLORS as st } from "./utils/getHdopPresentation/constants.js";
+import { TEST_PROP_ID as it, getNameDataTestId as nt, getPropDataTestId as xt } from "./utils/testIds.js";
 export {
-  Vo as AddressLocation,
+  bo as AddressLocation,
   vr as CAMERA_STREAMS_DICTIONARY_KEYS,
-  Br as CAMERA_STREAM_DRAG_HANDLE_CLASSNAME,
-  Rr as COMPONENT_CAMERA_STREAMS_KEY_COMPONENT,
-  Kr as COMPONENT_CAMERA_STREAM_KEY_COMPONENT,
-  Ur as COMPONENT_CAMERA_STREAM_TEST_ID,
+  Hr as CAMERA_STREAM_DRAG_HANDLE_CLASSNAME,
+  Nr as COMPONENT_CAMERA_STREAMS_KEY_COMPONENT,
+  Ur as COMPONENT_CAMERA_STREAM_KEY_COMPONENT,
+  Qr as COMPONENT_CAMERA_STREAM_TEST_ID,
   er as COMPONENT_VIDEO_PLAYER_KEY_COMPONENT,
-  Gr as CameraStream,
-  xr as CameraStreamPlayersContext,
-  wr as CameraStreamSlotsStyled,
-  ir as CameraStreamsContext,
-  sr as CameraStreamsProvider,
+  Yr as CameraStream,
+  Cr as CameraStreamPlayersContext,
+  Jr as CameraStreamSlotsStyled,
+  nr as CameraStreamsContext,
+  fr as CameraStreamsProvider,
   N as CourseFormatter,
-  Nr as DEFAULT_CAMERA_STREAMS_DURATION_SECONDS,
+  Pr as DEFAULT_CAMERA_STREAMS_DURATION_SECONDS,
   x as DEVICE_STATUSES_CONFIG,
-  qr as DefaultLabel,
-  Wr as DefaultLiveBadge,
-  Zr as DefaultPhaseChannelBusy,
-  eo as DefaultPhaseError,
-  oo as DefaultPhaseIdle,
-  ao as DefaultPhasePolling,
-  po as DefaultPhaseRequesting,
-  fo as DefaultPhaseStreaming,
-  no as DefaultPhaseTimeout,
-  Co as DefaultReplayBadge,
-  uo as DefaultRoot,
+  zr as DefaultLabel,
+  Xr as DefaultLiveBadge,
+  $r as DefaultPhaseChannelBusy,
+  ro as DefaultPhaseError,
+  to as DefaultPhaseIdle,
+  mo as DefaultPhasePolling,
+  so as DefaultPhaseRequesting,
+  io as DefaultPhaseStreaming,
+  xo as DefaultPhaseTimeout,
+  lo as DefaultReplayBadge,
+  So as DefaultRoot,
   S as Device,
   A as DeviceLabel,
   E as DeviceStatus,
   Me as GEOFENCES_TOOL,
   I as GaugeCircular,
-  Oe as GeofencesTool,
-  L as GpsMap,
-  ve as GpsMapToolsContext,
-  Fe as GpsMapToolsProvider,
-  mt as HDOP_PRESENTATION_RANGES,
-  pt as HDOP_QUALITY_COLORS,
+  ye as GeofencesTool,
+  F as GpsMap,
+  Le as GpsMapToolsContext,
+  ve as GpsMapToolsProvider,
+  pt as HDOP_PRESENTATION_RANGES,
+  st as HDOP_QUALITY_COLORS,
   Ye as INDICATOR_BATTERY_SEMANTIC_STATUS,
   J as INTERACTION_CHANNELS,
   Ve as IndicatorBattery,
@@ -148,36 +148,37 @@ export {
   b as MapContext,
   h as MapProvider,
   j as MarkerFeatureRender,
-  Zo as ObjectQueue,
+  $o as ObjectQueue,
   z as PolylineWithArrows,
-  Yo as RHFAddressLocation,
-  Do as ReportsViewer,
-  Io as TCV_DICTIONARY,
+  Bo as RHFAddressLocation,
+  To as ReportsViewer,
+  Oo as TCV_DICTIONARY,
   yo as TCV_DICTIONARY_ID,
-  ft as TEST_PROP_ID,
+  it as TEST_PROP_ID,
   Ze as TIME_VISIBLE_OPTIONS_KEYS,
-  co as TimelineCardsViewer,
-  mr as VideoPlayer,
+  Eo as TimelineCardsViewer,
+  rr as VIDEO_PLAYER_VARIANTS,
+  pr as VideoPlayer,
   qe as VideoTimeLineSelector,
-  br as buildPlayerKey,
-  _o as buildTimelineItemKey,
-  kr as cameraStreamStyles,
-  Ho as capitalizeFirstLetter,
+  hr as buildPlayerKey,
+  Ao as buildTimelineItemKey,
+  jr as cameraStreamStyles,
+  Ko as capitalizeFirstLetter,
   le as coordsToQuadKey,
   Se as courseToCartesianAngle,
-  v as courseToCssAngle,
-  lr as createCameraStreamsStore,
+  L as courseToCssAngle,
+  ur as createCameraStreamsStore,
   U as createFeatureIndexKey,
-  Mo as createJourneyRenderers,
+  Ro as createJourneyRenderers,
   vo as createJourneyTimelineAccessors,
-  Ro as createJourneyTimelineRenderers,
+  No as createJourneyTimelineRenderers,
   $ as createPixelPathDecimationFilter,
-  ho as getAddressLocationComponentsDictionary,
+  Go as getAddressLocationComponentsDictionary,
   Fr as getCameraStreamsComponentDictionary,
-  et as getComponentClasses,
-  rt as getComponentSlotRoot,
-  wo as getComponentUtilityClass,
-  O as getCourseDirection,
+  rt as getComponentClasses,
+  ot as getComponentSlotRoot,
+  Jo as getComponentUtilityClass,
+  y as getCourseDirection,
   M as getCourseFormatterComponentsDictionary,
   s as getDeviceByData,
   m as getDeviceComponentsDictionary,
@@ -185,43 +186,43 @@ export {
   T as getDeviceStatusComponentsDictionary,
   Q as getFeatureFromLayer,
   Ne as getGpsMapToolsComponentsDictionary,
-  tt as getHdopPresentation,
-  Wo as getHeightSizeStyles,
+  at as getHdopPresentation,
+  Xo as getHeightSizeStyles,
   he as getIndicatorBatteryComponentsDictionary,
   Ue as getIndicatorCSQComponentsDictionary,
   Y as getMapComponentsDictionary,
-  it as getNameDataTestId,
-  ko as getPaletteColor,
-  nt as getPropDataTestId,
-  Oo as getTimelineCardsViewerComponentsDictionary,
-  qo as getTypographyStyles,
+  nt as getNameDataTestId,
+  jo as getPaletteColor,
+  xt as getPropDataTestId,
+  go as getTimelineCardsViewerComponentsDictionary,
+  zo as getTypographyStyles,
   We as getVideoTimeLineSelectorComponentDictionary,
-  Ir as isCloudFrontUrl,
+  Or as isCloudFrontUrl,
   Te as isFeature,
   Ee as isFeatureCollection,
   Ae as isFeatureCollectionDraft,
   Ie as isGeometry,
-  or as isHlsLiveDuration,
+  tr as isHlsLiveDuration,
   o as isObservableFeatureEventCaptured,
-  Uo as isValidDate,
-  No as journeyRenderers,
-  Lr as resolveCameraStreamsDictionaryLabels,
-  tr as resolveIsLive,
+  Qo as isValidDate,
+  Po as journeyRenderers,
+  Vr as resolveCameraStreamsDictionaryLabels,
+  ar as resolveIsLive,
   Fo as resolveJourneySegmentVariant,
-  Er as useCameraStreamPlayers,
-  Sr as useCameraStreams,
-  Tr as useCameraStreamsStore,
+  _r as useCameraStreamPlayers,
+  Dr as useCameraStreams,
+  cr as useCameraStreamsStore,
   yr as useCloudFrontCookieManager,
-  Or as useCloudFrontCookieManagerCore,
+  gr as useCloudFrontCookieManagerCore,
   l as useDeviceStatus,
   te as useDisableMapEventsOnFlag,
   re as useDisableMapEventsOnMouseOver,
   X as useFilterDecimation,
-  gr as useIsCloudFrontUrl,
+  Mr as useIsCloudFrontUrl,
   me as useMapInteractionCapture,
   ie as useMapStore,
   t as useObservableFeatureEventHandlers,
   xe as useRegisterMapToolController,
   se as useScopedMapInteractionCapture,
-  Ar as useStreamRequest
+  dr as useStreamRequest
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/gclick",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "publishConfig": {
     "access": "public"
   },
@@ -26,7 +26,7 @@
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
     "@tanstack/react-virtual": "^3.13.23",
-    "@videojs/react": "^10.0.0-beta.24",
+    "@videojs/react": "^10.0.0-beta.25",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -43,12 +43,12 @@
     "kdbush": "4.0.2",
     "camelcase-keys": "9.1.3",
     "@mui/material": "5.16.7",
-    "@videojs/react": "10.0.0-beta.24",
+    "@videojs/react": "10.0.0-beta.25",
     "react-dom": "19.1.0",
     "immer": "9.0.21",
     "react-hook-form": "7.71.1",
-    "@googlemaps/js-api-loader": "1.16.10",
     "leaflet.markercluster": "1.5.3",
+    "@googlemaps/js-api-loader": "1.16.10",
     "yup": "0.32.11"
   }
 }

package/components/VideoPlayer/VideojsSkin.styles.d.ts

@@ -1,9 +0,0 @@
-import { CSSObject, Theme } from '@mui/material/styles';
-/**
- * Returns the official v10 video skin stylesheet converted to Emotion
- * `CSSObject`s, keyed by the vendor's original selectors. Spread it into the
- * `VideoPlayer` root slot so the skin chrome is styled without any global CSS
- * import. Memoized per theme (see `skinStylesCache`).
- */
-export declare const videojsSkinAllStyles: (theme: Theme) => Record<string, CSSObject>;
-//# sourceMappingURL=VideojsSkin.styles.d.ts.map

package/components/VideoPlayer/VideojsSkin.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideojsSkin.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideojsSkin.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA40C7D;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAO3E,CAAC"}