@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.1

package/components/VideoTimeLineSelector/VideoTimeLineSelector.styles.js

@@ -1,33 +1,33 @@
-import { getPropertyByString } from "@m4l/core";
-import { getTypographyStyles } from "@m4l/components";
-const chartTimeLineStyles = {
+import { getPropertyByString as s } from "@m4l/core";
+import { getTypographyStyles as a } from "@m4l/components";
+const o = {
   /**
    * Estilos para el contenedor principal
    */
-  root: ({ theme }) => ({
+  root: ({ theme: i }) => ({
     display: "flex",
-    gap: theme.vars.size.baseSpacings.sp4,
+    gap: i.vars.size.baseSpacings.sp4,
     width: "100%",
     height: "auto"
   }),
   /**
    * Estilos para el contenedor del select y de los check de los canales
    */
-  containerSelectTimeChannels: ({ theme }) => ({
+  containerSelectTimeChannels: ({ theme: i }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
+    gap: i.vars.size.baseSpacings["sp0-5"],
     minWidth: "170px"
   }),
   /**
    * Estilos para el contenedor del checkbox de los canales
    */
-  containerChannelCheckbox: ({ theme }) => ({
+  containerChannelCheckbox: ({ theme: i }) => ({
     width: "100%",
     display: "flex",
     flexDirection: "row",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    height: theme.vars.size.baseSpacings.sp6,
+    gap: i.vars.size.baseSpacings["sp0-5"],
+    height: i.vars.size.baseSpacings.sp6,
     "&&& .M4LCheckBox-root": {
       width: "100%"
     },
@@ -40,18 +40,18 @@ const chartTimeLineStyles = {
   /**
    * Estilos para el grupo de los canales
    */
-  channelsRadioGroup: ({ theme, ownerState }) => ({
+  channelsRadioGroup: ({ theme: i, ownerState: e }) => ({
     display: "flex",
     flexDirection: "column",
     flexWrap: "wrap",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    paddingTop: theme.vars.size.baseSpacings.sp3,
+    gap: i.vars.size.baseSpacings["sp0-5"],
+    paddingTop: i.vars.size.baseSpacings.sp3,
     "& .MuiRadio-root": {
       padding: "unset",
-      marginRight: theme.vars.size.baseSpacings.sp1,
-      width: theme.vars.size.baseSpacings.sp6,
+      marginRight: i.vars.size.baseSpacings.sp1,
+      width: i.vars.size.baseSpacings.sp6,
       "& svg": {
-        fontSize: theme.vars.size.baseSpacings.sp4
+        fontSize: i.vars.size.baseSpacings.sp4
       }
     },
     "& .MuiFormControlLabel-root": {
@@ -59,38 +59,38 @@ const chartTimeLineStyles = {
       overflow: "hidden",
       margin: "unset",
       "& > span": {
-        ...getTypographyStyles(theme.generalSettings.isMobile, ownerState?.size || "medium", "body")
+        ...a(i.generalSettings.isMobile, e?.size || "medium", "body")
       }
     }
   }),
   /**
    * Estilos para el grupo de los canales
    */
-  channelsGroup: ({ theme }) => ({
+  channelsGroup: ({ theme: i }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    paddingTop: theme.vars.size.baseSpacings.sp3
+    gap: i.vars.size.baseSpacings["sp0-5"],
+    paddingTop: i.vars.size.baseSpacings.sp3
   }),
   /**
    * Estilos para el contenedor de los canales
    */
-  containerDialTimeLine: ({ theme }) => ({
+  containerDialTimeLine: ({ theme: i }) => ({
     display: "flex",
     flexDirection: "column",
     position: "relative",
     paddingTop: "38px",
     transition: "all 0.3s ease",
     height: "auto",
-    gap: theme.vars.size.baseSpacings["sp0-5"]
+    gap: i.vars.size.baseSpacings["sp0-5"]
   }),
   /**
    * Estilos para el contenedor de la línea de tiempo
    */
-  dashLine: ({ theme }) => ({
+  dashLine: ({ theme: i }) => ({
     height: "1px",
     borderTop: "1px dashed",
-    borderColor: theme.vars.palette.border.default,
+    borderColor: i.vars.palette.border.default,
     width: "100%"
   }),
   /**
@@ -110,68 +110,68 @@ const chartTimeLineStyles = {
   /**
    * Estilos para el punto de evento
    */
-  pointEvent: ({ theme, ownerState }) => ({
+  pointEvent: ({ theme: i, ownerState: e }) => ({
     position: "absolute",
     top: "20px",
     width: "11px",
     height: "11px",
     borderRadius: "50%",
     border: "4px solid",
-    borderColor: getPropertyByString(theme.vars.palette, ownerState?.color || "error.active", "error.active")
+    borderColor: s(i.vars.palette, e?.color || "error.active", "error.active")
   }),
   /**
    * Estilos para el clúster de eventos
    */
-  eventCluster: ({ theme }) => ({
+  eventCluster: ({ theme: i }) => ({
     position: "absolute",
     top: "18px",
     width: "14px",
     height: "14px",
     borderRadius: "50%",
-    backgroundColor: theme.vars.palette.primary.active,
+    backgroundColor: i.vars.palette.primary.active,
     border: "2px solid",
-    borderColor: theme.vars.palette.primary.active,
+    borderColor: i.vars.palette.primary.active,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     cursor: "pointer",
     zIndex: 3,
     transition: "all 0.2s ease",
-    boxShadow: theme.vars.customShadows.z1,
+    boxShadow: i.vars.customShadows.z1,
     "& > .M4LTypography-root": {
-      color: `${theme.vars.palette.primary.contrastText}!important`,
-      fontSize: `${theme.vars.size.baseSpacings["sp2-5"]}!important`
+      color: `${i.vars.palette.primary.contrastText}!important`,
+      fontSize: `${i.vars.size.baseSpacings["sp2-5"]}!important`
     },
     "&:hover": {
       transform: "scale(1.1)",
-      boxShadow: theme.vars.customShadows.z1
+      boxShadow: i.vars.customShadows.z1
     }
   }),
   /**
    * Estilos para el contenedor de los canales
    */
-  timeLineChannelWrapper: ({ theme }) => ({
+  timeLineChannelWrapper: ({ theme: i }) => ({
     display: "flex",
     width: "100%",
-    height: theme.vars.size.baseSpacings.sp6,
-    maxHeight: theme.vars.size.baseSpacings.sp6,
+    height: i.vars.size.baseSpacings.sp6,
+    maxHeight: i.vars.size.baseSpacings.sp6,
     alignItems: "center",
     position: "relative",
     margin: "unset",
     "&::before": {
       content: '""',
       position: "absolute",
-      height: theme.vars.size.baseSpacings.sp5,
+      height: i.vars.size.baseSpacings.sp5,
       top: "50%",
       transform: "translateY(-50%)",
       left: 0,
       right: 0,
-      backgroundColor: theme.vars.palette.default.enabledOpacity,
-      borderRadius: theme.vars.size.borderRadius.r1
+      backgroundColor: i.vars.palette.default.enabledOpacity,
+      borderRadius: i.vars.size.borderRadius.r1
     },
     "&.active": {
       "& .M4LVideoTimeLineSelector-pointChannelSegment": {
-        backgroundColor: theme.vars.palette.primary.activeOpacity
+        backgroundColor: i.vars.palette.primary.activeOpacity
       }
     }
   }),
@@ -195,10 +195,10 @@ const chartTimeLineStyles = {
   /**
    * Estilos para el segmento de punto de la cámara
    */
-  pointChannelSegment: ({ theme }) => ({
-    backgroundColor: theme.vars.palette.default.opacity,
-    height: theme.vars.size.baseSpacings.sp3,
-    borderRadius: theme.vars.size.borderRadius.r1,
+  pointChannelSegment: ({ theme: i }) => ({
+    backgroundColor: i.vars.palette.default.opacity,
+    height: i.vars.size.baseSpacings.sp3,
+    borderRadius: i.vars.size.borderRadius.r1,
     position: "absolute",
     listStyleType: "none",
     paddingLeft: 0,
@@ -207,9 +207,9 @@ const chartTimeLineStyles = {
   /**
    * Estilos para el indicador del punto actual
    */
-  dialPointIndicator: ({ theme }) => ({
+  dialPointIndicator: ({ theme: i }) => ({
     width: "1px",
-    backgroundColor: theme.vars.palette.text.primary,
+    backgroundColor: i.vars.palette.text.primary,
     overflow: "visible",
     position: "absolute",
     zIndex: 2,
@@ -226,13 +226,13 @@ const chartTimeLineStyles = {
   /**
    * Estilos para el indicador del punto actual
    */
-  dialPointIndicatorInner: ({ theme }) => ({
+  dialPointIndicatorInner: ({ theme: i }) => ({
     position: "absolute",
     top: "-15px",
-    width: theme.vars.size.baseSpacings.sp2,
-    height: theme.vars.size.baseSpacings.sp2,
-    borderRadius: theme.vars.size.borderRadius["r0-5"],
-    backgroundColor: theme.vars.palette.primary.semanticText,
+    width: i.vars.size.baseSpacings.sp2,
+    height: i.vars.size.baseSpacings.sp2,
+    borderRadius: i.vars.size.borderRadius["r0-5"],
+    backgroundColor: i.vars.palette.primary.semanticText,
     transform: "translateX(-45%)",
     "&::before": {
       content: '""',
@@ -241,7 +241,7 @@ const chartTimeLineStyles = {
       height: 0,
       borderLeft: "4px solid transparent",
       borderRight: "4px solid transparent",
-      borderTop: `${theme.vars.size.baseSpacings.sp2} solid ${theme.vars.palette.primary.semanticText}`
+      borderTop: `${i.vars.size.baseSpacings.sp2} solid ${i.vars.palette.primary.semanticText}`
     }
   }),
   /**
@@ -260,36 +260,36 @@ const chartTimeLineStyles = {
     justifyContent: "center",
     gap: "4px",
     cursor: "pointer",
-    [`&.last-tick`]: {
+    "&.last-tick": {
       transform: "translateX(50%)"
     }
   }),
   /**
    * Estilos para la línea del eje
    */
-  axisTickLine: ({ theme }) => ({
+  axisTickLine: ({ theme: i }) => ({
     width: "1px",
     height: "10px",
-    backgroundColor: theme.vars.palette.border.default
+    backgroundColor: i.vars.palette.border.default
   }),
   /**
    * Estilos para el número del eje
    */
-  axisTickNumber: ({ theme, ownerState }) => ({
+  axisTickNumber: ({ theme: i, ownerState: e }) => ({
     position: "relative",
     cursor: "pointer",
-    color: theme.vars.palette.text.secondary,
-    ...getTypographyStyles(theme.generalSettings.isMobile, ownerState?.size || "medium", "body"),
+    color: i.vars.palette.text.secondary,
+    ...a(i.generalSettings.isMobile, e?.size || "medium", "body"),
     fontFamily: "Jura"
   }),
   /**
    * Estilos para el contenedor del dial
    */
-  wrapperDialTimeLine: ({ theme }) => ({
+  wrapperDialTimeLine: ({ theme: i }) => ({
     width: "100%",
     height: "auto",
-    paddingLeft: theme.vars.size.baseSpacings.sp4,
-    paddingRight: theme.vars.size.baseSpacings.sp4,
+    paddingLeft: i.vars.size.baseSpacings.sp4,
+    paddingRight: i.vars.size.baseSpacings.sp4,
     overflowX: "hidden"
   }),
   /**
@@ -308,28 +308,28 @@ const chartTimeLineStyles = {
   /**
    * Estilos para el icono de la flecha izquierda
    */
-  arrowLeft: ({ theme }) => ({
+  arrowLeft: ({ theme: i }) => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     position: "absolute",
-    width: `${theme.vars.size.baseSpacings["sp3-5"]}!important`,
+    width: `${i.vars.size.baseSpacings["sp3-5"]}!important`,
     left: 0,
     top: 0
   }),
   /**
    * Estilos para el icono de la flecha derecha
    */
-  arrowRight: ({ theme }) => ({
+  arrowRight: ({ theme: i }) => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     position: "absolute",
-    width: `${theme.vars.size.baseSpacings["sp3-5"]}!important`,
+    width: `${i.vars.size.baseSpacings["sp3-5"]}!important`,
     right: 0,
     top: 0
   })
 };
 export {
-  chartTimeLineStyles as c
+  o as chartTimeLineStyles
 };

package/components/VideoTimeLineSelector/constants.d.ts

@@ -10,3 +10,4 @@ export declare const TIME_SCALES: Record<TimeVisible, {
     pointsPerQuadrant: number;
 }>;
 export declare const VIDEO_TIME_LINE_SELECTOR_CLASSES: Record<"root" | "wrapperDialTimeLineArrows" | "arrowLeft" | "arrowRight" | "channelsRadioGroup" | "containerSelectTimeChannels" | "channelsGroup" | "containerChannelCheckbox" | "containerDialTimeLine" | "pointSegment" | "dialPointIndicator" | "pointChannelSegment" | "dashLine" | "dashLineContainer" | "pointEvent" | "eventCluster" | "dialPointIndicatorInner" | "wrapperDialTimeLine" | "timeLineChannelWrapper" | "axisTickContainer" | "axisTickNumber" | "axisTickLine", string>;
+//# sourceMappingURL=constants.d.ts.map

package/components/VideoTimeLineSelector/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoTimeLineSelector/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,sCAAsC,6BAA6B,CAAC;AAEjF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,WAAW,CAAsC,CAAC;AAGhG,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE;IAAE,kBAAkB,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,uBAAuB,EAAE,MAAM,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAM/K,CAAC;AAEX,eAAO,MAAM,gCAAgC,+dAA0F,CAAC"}

package/components/VideoTimeLineSelector/constants.js

@@ -1,18 +1,15 @@
-import { getComponentClasses } from "@m4l/components";
-import { V as VideoTimeLineSelectorSlots } from "./slots/VideoTimeLineSelectorEnums.js";
-const VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT = "M4LVideoTimeLineSelector";
-const TIME_VISIBLE_OPTIONS_KEYS = ["24h", "6h", "2h", "1h", "10min"];
-const TIME_SCALES = {
+import { getComponentClasses as t } from "@m4l/components";
+import { VideoTimeLineSelectorSlots as e } from "./slots/VideoTimeLineSelectorEnums.js";
+const s = "M4LVideoTimeLineSelector", n = ["24h", "6h", "2h", "1h", "10min"], r = {
   "24h": { timeVisibleMinutes: 1440, zoom: 100, quadrants: 1, points: 24, clusterThresholdMinutes: 19, pointsPerQuadrant: 24 },
   "6h": { timeVisibleMinutes: 360, zoom: 400, quadrants: 4, points: 96, clusterThresholdMinutes: 5, pointsPerQuadrant: 24 },
   "2h": { timeVisibleMinutes: 120, zoom: 1200, quadrants: 12, points: 288, clusterThresholdMinutes: 2, pointsPerQuadrant: 24 },
   "1h": { timeVisibleMinutes: 60, zoom: 2400, quadrants: 24, points: 576, clusterThresholdMinutes: 1, pointsPerQuadrant: 24 },
   "10min": { timeVisibleMinutes: 10, zoom: 14400, quadrants: 144, points: 3456, clusterThresholdMinutes: 0.133333333, pointsPerQuadrant: 20 }
-};
-const VIDEO_TIME_LINE_SELECTOR_CLASSES = getComponentClasses(VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT, VideoTimeLineSelectorSlots);
+}, u = t(s, e);
 export {
-  TIME_SCALES as T,
-  VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT as V,
-  TIME_VISIBLE_OPTIONS_KEYS as a,
-  VIDEO_TIME_LINE_SELECTOR_CLASSES as b
+  r as TIME_SCALES,
+  n as TIME_VISIBLE_OPTIONS_KEYS,
+  u as VIDEO_TIME_LINE_SELECTOR_CLASSES,
+  s as VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT
 };

package/components/VideoTimeLineSelector/dictionary.d.ts

@@ -1,2 +1,3 @@
 export declare const getVideoTimeLineSelectorComponentDictionary: () => string[];
 export declare const VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS: Record<string, string>;
+//# sourceMappingURL=dictionary.d.ts.map

package/components/VideoTimeLineSelector/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoTimeLineSelector/dictionary.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2CAA2C,gBAEvD,CAAC;AAEF,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOlE,CAAC"}

package/components/VideoTimeLineSelector/dictionary.js

@@ -1,16 +1,12 @@
-const COMPONENT_KEY = "video_time_line_selector";
-const getVideoTimeLineSelectorComponentDictionary = () => {
-  return [COMPONENT_KEY];
-};
-const VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS = {
-  "24h": `${COMPONENT_KEY}.label_time_visible_24h`,
-  "6h": `${COMPONENT_KEY}.label_time_visible_6h`,
-  "2h": `${COMPONENT_KEY}.label_time_visible_2h`,
-  "1h": `${COMPONENT_KEY}.label_time_visible_1h`,
-  "10min": `${COMPONENT_KEY}.label_time_visible_10min`,
-  "event_cluster": `${COMPONENT_KEY}.label_event_cluster`
+const e = "video_time_line_selector", _ = () => [e], i = {
+  "24h": `${e}.label_time_visible_24h`,
+  "6h": `${e}.label_time_visible_6h`,
+  "2h": `${e}.label_time_visible_2h`,
+  "1h": `${e}.label_time_visible_1h`,
+  "10min": `${e}.label_time_visible_10min`,
+  event_cluster: `${e}.label_event_cluster`
 };
 export {
-  VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS as V,
-  getVideoTimeLineSelectorComponentDictionary as g
+  i as VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS,
+  _ as getVideoTimeLineSelectorComponentDictionary
 };

package/components/VideoTimeLineSelector/helpers/calculateQuadrantData/calculateQuadrantData.d.ts

@@ -3,3 +3,4 @@ import { VideoTimeLineSelectorStoreState } from '../../store/types';
  * Calcula el cuadrante actual
  */
 export declare const calculateQuadrantData: (newCuandrant: number, currentCuandrant: number, totalCuandrants: number) => Pick<VideoTimeLineSelectorStoreState, "currentQuadrant"> | undefined;
+//# sourceMappingURL=calculateQuadrantData.d.ts.map

package/components/VideoTimeLineSelector/helpers/calculateQuadrantData/calculateQuadrantData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateQuadrantData.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/calculateQuadrantData/calculateQuadrantData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,cAAc,MAAM,EAAE,kBAAkB,MAAM,EAAE,iBAAiB,MAAM,KAAG,IAAI,CAAC,+BAA+B,EAAE,iBAAiB,CAAC,GAAG,SAO1K,CAAC"}

package/components/VideoTimeLineSelector/helpers/calculateQuadrantData/calculateQuadrantData.js

@@ -1,11 +1,9 @@
-const calculateQuadrantData = (newCuandrant, currentCuandrant, totalCuandrants) => {
-  if (newCuandrant === currentCuandrant || newCuandrant < 1 || newCuandrant > totalCuandrants) {
-    return void 0;
-  }
-  return {
-    currentQuadrant: newCuandrant
-  };
+const o = (r, t, c) => {
+  if (!(r === t || r < 1 || r > c))
+    return {
+      currentQuadrant: r
+    };
 };
 export {
-  calculateQuadrantData as c
+  o as calculateQuadrantData
 };

package/components/VideoTimeLineSelector/helpers/calculateQuadrantData/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/components/VideoTimeLineSelector/helpers/calculateQuadrantData/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/calculateQuadrantData/index.ts"],"names":[],"mappings":""}

package/components/VideoTimeLineSelector/helpers/calculateTimeLineData/calculateTimeLineData.d.ts

@@ -5,4 +5,5 @@ import { TimeVisible } from '../../types';
  * @param timeVisible - El tiempo visible seleccionado
  * @returns Objeto con zoom, cuadrantes, secciones y puntos calculados
  */
-export declare const calculateTimeLineData: (timeVisible: TimeVisible, currentTime: number) => Pick<VideoTimeLineSelectorStoreState, "zoomQty" | "quadrantsQty" | "currentQuadrant" | "pointsQty">;
+export declare const calculateTimeLineData: (timeVisible: TimeVisible, pCurrentTime: number) => Pick<VideoTimeLineSelectorStoreState, "zoomQty" | "quadrantsQty" | "currentQuadrant" | "pointsQty">;
+//# sourceMappingURL=calculateTimeLineData.d.ts.map

package/components/VideoTimeLineSelector/helpers/calculateTimeLineData/calculateTimeLineData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateTimeLineData.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/calculateTimeLineData/calculateTimeLineData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,aAAa,WAAW,EAAE,cAAc,MAAM,KAAG,IAAI,CAAC,+BAA+B,EAAE,SAAS,GAAG,cAAc,GAAG,iBAAiB,GAAG,WAAW,CA0BxL,CAAC"}

package/components/VideoTimeLineSelector/helpers/calculateTimeLineData/calculateTimeLineData.js

@@ -1,19 +1,13 @@
-import { T as TIME_SCALES } from "../../constants.js";
-const calculateTimeLineData = (timeVisible, currentTime) => {
-  const scale = TIME_SCALES[timeVisible];
-  const totalTime = 1440;
-  const quadrantsQty = totalTime / scale.timeVisibleMinutes;
-  const pointsQty = Math.ceil(totalTime / (scale.timeVisibleMinutes / scale.pointsPerQuadrant));
-  const zoomQty = quadrantsQty * 100;
-  const currentTimeInMinutes = currentTime === 0 ? 1 : currentTime / 60;
-  const currentQuadrant = Math.ceil(currentTimeInMinutes * 100 / totalTime / (100 / quadrantsQty));
+import { TIME_SCALES as u } from "../../constants.js";
+const m = (s, i) => {
+  const t = u[s], n = 1440, e = n / t.timeVisibleMinutes, o = Math.ceil(n / (t.timeVisibleMinutes / t.pointsPerQuadrant)), c = e * 100, a = i === 0 ? 1 : i / 60, r = Math.ceil(a * 100 / n / (100 / e));
   return {
-    zoomQty,
-    quadrantsQty,
-    currentQuadrant,
-    pointsQty
+    zoomQty: c,
+    quadrantsQty: e,
+    currentQuadrant: r,
+    pointsQty: o
   };
 };
 export {
-  calculateTimeLineData as c
+  m as calculateTimeLineData
 };

package/components/VideoTimeLineSelector/helpers/calculateTimeLineData/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/components/VideoTimeLineSelector/helpers/calculateTimeLineData/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/calculateTimeLineData/index.ts"],"names":[],"mappings":""}

package/components/VideoTimeLineSelector/helpers/clusterEvents/clusterEvents.d.ts

@@ -16,3 +16,4 @@ export interface ClusteredEvent {
  * @returns Array de eventos individuales y clústers
  */
 export declare const clusterEvents: (events: EventType<unknown>[], clusterThreshold: number | undefined, containerWidth: number) => ClusteredEvent[];
+//# sourceMappingURL=clusterEvents.d.ts.map

package/components/VideoTimeLineSelector/helpers/clusterEvents/clusterEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clusterEvents.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/clusterEvents/clusterEvents.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAyCrD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7B,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,WAAW,GAAG,IAAI,CAAC;CACzC;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,SAAS,CAAC,OAAO,CAAC,EAAE,EAC5B,oCAAoB,EACpB,gBAAgB,MAAM,KACrB,cAAc,EA4ChB,CAAC"}

package/components/VideoTimeLineSelector/helpers/clusterEvents/clusterEvents.js

@@ -1,86 +1,67 @@
-import { T as TIME_SCALES } from "../../constants.js";
-import { g as getTimeLinePosition } from "../getTimeLinePosition/getTimeLinePosition.js";
-const calculateJumpNextTimeVisible = (cluster) => {
-  if (cluster.length < 2) {
+import { TIME_SCALES as f } from "../../constants.js";
+import { getTimeLinePosition as g } from "../getTimeLinePosition/getTimeLinePosition.js";
+const T = (i) => {
+  if (i.length < 2)
     return null;
-  }
-  const sortedCluster = [...cluster].sort((a, b) => a.startTime.getTime() - b.startTime.getTime());
-  const timeDiffMinutes = (sortedCluster[1].startTime.getTime() - sortedCluster[0].startTime.getTime()) / (1e3 * 60);
-  if (timeDiffMinutes === 0) {
+  const m = [...i].sort((s, t) => s.startTime.getTime() - t.startTime.getTime()), l = (m[1].startTime.getTime() - m[0].startTime.getTime()) / (1e3 * 60);
+  if (l === 0)
     return null;
-  }
-  const orderedTimeScales = ["24h", "6h", "2h", "1h", "10min"];
-  for (const timeVisibleKey of orderedTimeScales) {
-    const timeScale = TIME_SCALES[timeVisibleKey];
-    if (timeDiffMinutes > timeScale.clusterThresholdMinutes) {
-      return timeVisibleKey;
-    }
+  const n = ["24h", "6h", "2h", "1h", "10min"];
+  for (const s of n) {
+    const t = f[s];
+    if (l > t.clusterThresholdMinutes)
+      return s;
   }
   return "10min";
-};
-const clusterEvents = (events, clusterThreshold = 5, containerWidth) => {
-  if (!events || events.length === 0) {
+}, d = (i, m = 5, l) => {
+  if (!i || i.length === 0)
     return [];
-  }
-  const sortedEvents = [...events].sort((a, b) => a.startTime.getTime() - b.startTime.getTime());
-  const clusters = [];
-  let currentCluster = [];
-  let clusterStartTime = null;
-  for (let i = 0; i < sortedEvents.length; i++) {
-    const currentEvent = sortedEvents[i];
-    if (currentCluster.length === 0) {
-      currentCluster = [currentEvent];
-      clusterStartTime = currentEvent.startTime;
-    } else {
-      const timeDiffMinutes = (currentEvent.startTime.getTime() - clusterStartTime.getTime()) / (1e3 * 60);
-      if (timeDiffMinutes <= clusterThreshold) {
-        currentCluster.push(currentEvent);
-      } else {
-        const jumpNextTimeVisible = calculateJumpNextTimeVisible(currentCluster);
-        clusters.push(createClusterFromEvents(currentCluster, containerWidth, jumpNextTimeVisible));
-        currentCluster = [currentEvent];
-        clusterStartTime = currentEvent.startTime;
-      }
+  const n = [...i].sort((r, e) => r.startTime.getTime() - e.startTime.getTime()), s = [];
+  let t = [], o = null;
+  for (let r = 0; r < n.length; r++) {
+    const e = n[r];
+    if (t.length === 0)
+      t = [e], o = e.startTime;
+    else if ((e.startTime.getTime() - (o?.getTime() ?? 0)) / 6e4 <= m)
+      t.push(e);
+    else {
+      const c = T(t);
+      s.push(a(t, l, c)), t = [e], o = e.startTime;
     }
   }
-  if (currentCluster.length > 0) {
-    const jumpNextTimeVisible = calculateJumpNextTimeVisible(currentCluster);
-    clusters.push(createClusterFromEvents(currentCluster, containerWidth, jumpNextTimeVisible));
+  if (t.length > 0) {
+    const r = T(t);
+    s.push(a(t, l, r));
   }
-  return clusters;
-};
-const createClusterFromEvents = (events, containerWidth, jumpNextTimeVisible) => {
-  const { left } = getTimeLinePosition({ startTime: events[0].startTime, endTime: events[0].startTime });
-  const bulletRadioNormal = 5.5;
-  const bulletRadioCluster = 7;
-  const adjustedLeftNormal = parseFloat(left) - bulletRadioNormal * 100 / containerWidth;
-  const adjustedLeftCluster = parseFloat(left) - bulletRadioCluster * 100 / containerWidth;
-  if (events.length === 1) {
-    const event = events[0];
+  return s;
+}, a = (i, m, l) => {
+  const { left: n } = g({ startTime: i[0].startTime, endTime: i[0].startTime }), s = 5.5, t = 7, o = parseFloat(n) - s * 100 / m, r = parseFloat(n) - t * 100 / m;
+  if (i.length === 1) {
+    const e = i[0];
     return {
-      id: `event-${event.startTime.getTime()}`,
-      events: [event],
-      startTime: event.startTime,
+      id: `event-${e.startTime.getTime()}`,
+      events: [e],
+      startTime: e.startTime,
       position: {
-        left: `${adjustedLeftNormal.toString()}%`
+        left: `${o.toString()}%`
       },
-      isCluster: false,
+      isCluster: !1,
       jumpNextTimeVisible: null
     };
   } else {
-    const startTime = new Date(Math.min(...events.map((e) => e.startTime.getTime())));
+    const e = new Date(Math.min(...i.map((u) => u.startTime.getTime())));
     return {
-      id: `cluster-${startTime.getTime()}`,
-      events,
-      startTime,
+      id: `cluster-${e.getTime()}`,
+      events: i,
+      startTime: e,
       position: {
-        left: `${adjustedLeftCluster.toString()}%`
+        left: `${r.toString()}%`
       },
-      isCluster: true,
-      jumpNextTimeVisible
+      isCluster: !0,
+      jumpNextTimeVisible: l
     };
   }
 };
 export {
-  clusterEvents as c
+  d as clusterEvents
 };

package/components/VideoTimeLineSelector/helpers/convertHoursToTimeString/convertHoursToTimeString.d.ts

@@ -4,3 +4,4 @@
  * @returns String formateado como "HH:MM"
  */
 export declare const convertHoursToTimeString: (hours: number, lastTick?: boolean, withSeconds?: boolean) => string;
+//# sourceMappingURL=convertHoursToTimeString.d.ts.map