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

package/components/maps/components/GpsMap/hooks/useZoomBasedMarkerFilter/useFilterDecimation.js

@@ -1,112 +1,80 @@
-import { useState, useTransition, useRef, useEffect } from "react";
-import debounce from "lodash-es/debounce";
-import { useMap } from "react-leaflet";
-import { u as useMapStore } from "../useMapStore/index.js";
-import { deepShallow } from "@m4l/components";
-import { U as USE_FILTER_DECIMATION_DEFAULT_DEBOUNCE_MS } from "./constants.js";
-function useFilterDecimation(featureIds, layerId, decimationFilter, config) {
-  const map = useMap();
-  const debounceMs = config?.debounceMs ?? USE_FILTER_DECIMATION_DEFAULT_DEBOUNCE_MS;
-  const [filteredIds, setFilteredIds] = useState(() => featureIds);
-  const [, startTransition] = useTransition();
-  const isMountedRef = useRef(true);
-  const featureIdsRef = useRef(featureIds);
-  featureIdsRef.current = featureIds;
-  const featuresWithCoords = useMapStore(
-    (state) => {
-      const geoJsonObject = state.hashLayers[layerId]?.geoJsonObject;
-      if (!geoJsonObject || geoJsonObject.object.type !== "FeatureCollection") {
+import { useState as C, useTransition as R, useRef as g, useEffect as M } from "react";
+import T from "lodash-es/debounce";
+import { useMap as _ } from "react-leaflet";
+import { useMapStore as j } from "../useMapStore/index.js";
+import { deepShallow as D } from "@m4l/components";
+import { USE_FILTER_DECIMATION_DEFAULT_DEBOUNCE_MS as O } from "./constants.js";
+function B(n, d, u, E) {
+  const t = _(), l = E?.debounceMs ?? O, [S, i] = C(() => n), [, c] = R(), f = g(!0), h = g(n);
+  h.current = n;
+  const b = j(
+    (p) => {
+      const o = p.hashLayers[d]?.geoJsonObject;
+      if (!o || o.object.type !== "FeatureCollection")
         return [];
-      }
-      const idSet = new Set(featureIds);
-      return geoJsonObject.object.features.filter((f) => idSet.has(f.id)).map((f) => {
-        if (f.geometry.type === "Point") {
-          const [lng, lat] = f.geometry.coordinates;
-          return { id: f.id, lat, lng };
+      const r = new Set(n);
+      return o.object.features.filter((e) => r.has(e.id)).map((e) => {
+        if (e.geometry.type === "Point") {
+          const [s, a] = e.geometry.coordinates;
+          return { id: e.id, lat: a, lng: s };
         }
         return null;
-      }).filter((f) => f !== null);
+      }).filter((e) => e !== null);
     },
-    deepShallow
+    D
   );
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  const cacheRef = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    cacheRef.current.clear();
-    if (!decimationFilter) {
-      startTransition(() => setFilteredIds([...featureIds]));
+  M(() => (f.current = !0, () => {
+    f.current = !1;
+  }), []);
+  const m = g(/* @__PURE__ */ new Map());
+  return M(() => {
+    if (m.current.clear(), !u) {
+      c(() => i([...n]));
       return;
     }
-    if (featureIds.length === 0) {
-      startTransition(() => setFilteredIds([]));
+    if (n.length === 0) {
+      c(() => i([]));
       return;
     }
-    if (!map) {
+    if (!t)
       return;
-    }
-    const cache = {
+    const p = {
       /**
        * Obtiene un valor cacheado o lo computa con factory y lo cachea.
        */
-      get(key, factory) {
-        if (!cacheRef.current.has(key)) {
-          cacheRef.current.set(key, factory());
-        }
-        return cacheRef.current.get(key);
+      get(e, s) {
+        return m.current.has(e) || m.current.set(e, s()), m.current.get(e);
       }
-    };
-    const computeFiltered = () => {
-      const currentFeatureIds = featureIdsRef.current;
-      if (currentFeatureIds.length === 0) {
-        if (isMountedRef.current) {
-          startTransition(() => setFilteredIds([]));
-        }
+    }, o = () => {
+      const e = h.current;
+      if (e.length === 0) {
+        f.current && c(() => i([]));
         return;
       }
-      const bounds = map.getBounds();
-      const zoom = map.getZoom();
-      const filtered = decimationFilter({
-        featureIds: currentFeatureIds,
-        layerId,
-        bounds,
-        zoom,
-        map,
-        featuresWithCoords,
-        cache
+      const s = t.getBounds(), a = t.getZoom(), F = u({
+        featureIds: e,
+        layerId: d,
+        bounds: s,
+        zoom: a,
+        map: t,
+        featuresWithCoords: b,
+        cache: p
       });
-      if (isMountedRef.current) {
-        startTransition(() => setFilteredIds(filtered));
-      }
-    };
-    const scheduleCompute = debounceMs <= 0 ? computeFiltered : debounce(computeFiltered, debounceMs);
-    computeFiltered();
-    map.on("zoomend", scheduleCompute);
-    map.on("moveend", scheduleCompute);
-    return () => {
-      const debouncedFn = scheduleCompute;
-      debouncedFn.cancel?.();
-      map.off("zoomend", scheduleCompute);
-      map.off("moveend", scheduleCompute);
+      f.current && c(() => i(F));
+    }, r = l <= 0 ? o : T(o, l);
+    return o(), t.on("zoomend", r), t.on("moveend", r), () => {
+      r.cancel?.(), t.off("zoomend", r), t.off("moveend", r);
     };
   }, [
-    decimationFilter,
-    debounceMs,
-    featureIds,
-    featuresWithCoords,
-    layerId,
-    map,
-    startTransition
-  ]);
-  if (!decimationFilter) {
-    return featureIds;
-  }
-  return filteredIds;
+    u,
+    l,
+    n,
+    b,
+    d,
+    t,
+    c
+  ]), u ? S : n;
 }
 export {
-  useFilterDecimation as u
+  B as useFilterDecimation
 };

package/components/maps/components/GpsMap/hooks/useZoomBasedMarkerFilter/useGridDebug.d.ts

@@ -3,3 +3,4 @@ import { ZoomBasedFilterConfig, GridCell } from './types';
  * Hook que retorna información de la grilla para visualización (solo para debug)
  */
 export declare function useGridDebug(featureIds: (string | number)[], layerId: string, config?: ZoomBasedFilterConfig): GridCell[];
+//# sourceMappingURL=useGridDebug.d.ts.map

package/components/maps/components/GpsMap/hooks/useZoomBasedMarkerFilter/useGridDebug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridDebug.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/useZoomBasedMarkerFilter/useGridDebug.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAI1D;;GAEG;AACH,wBAAgB,YAAY,CAC1B,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,qBAAqB,GAC7B,QAAQ,EAAE,CAkEZ"}

package/components/maps/components/GpsMap/icons.d.ts

@@ -46,3 +46,4 @@ export declare const MAP_ICONS: {
     ACTIVE: string;
     NAME: string;
 };
+//# sourceMappingURL=icons.d.ts.map

package/components/maps/components/GpsMap/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;IACpB;;OAEG;;;IAGH;;OAEG;;;;;;;;;;IAeH;;OAEG;;;;IAIH;;OAEG;;;;;;;IAOH;;;OAGG;;;;;;;;;;;CAwBJ,CAAC"}

package/components/maps/components/GpsMap/icons.js

@@ -1,4 +1,4 @@
-const MAP_ICONS = {
+const _ = {
   /**
    * Map en general
    */
@@ -31,5 +31,5 @@ const MAP_ICONS = {
   MAP_MEASURE_TOOL: "cmp_map_measure_tool.svg"
 };
 export {
-  MAP_ICONS as M
+  _ as MAP_ICONS
 };

package/components/maps/components/GpsMap/index.d.ts

@@ -8,3 +8,4 @@ export { getMapComponentsDictionary } from './dictionary';
 export * from './pluginLayers';
 export { LAT_LON_FIXED_DIGITS } from './constants';
 export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAG,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE3E,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE1D,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,SAAS,CAAC"}

package/components/maps/components/GpsMap/pluginLayers/PolylineWithArrows/index.d.ts

@@ -9,3 +9,4 @@ interface PolylineWithArrowsProps extends PolylineProps {
  */
 export declare const PolylineWithArrows: React.FC<PolylineWithArrowsProps>;
 export default PolylineWithArrows;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/pluginLayers/PolylineWithArrows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/pluginLayers/PolylineWithArrows/index.tsx"],"names":[],"mappings":"AAAA,OAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,2BAA2B,CAAC;AAEnC,OAAO,EAAY,aAAa,EAAU,MAAM,eAAe,CAAC;AAChE,UAAU,uBAAwB,SAAQ,aAAa;IACrD,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoEhE,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/components/maps/components/GpsMap/pluginLayers/PolylineWithArrows/index.js

@@ -1,74 +1,59 @@
-import { jsx } from "react/jsx-runtime";
-import L__default from "leaflet";
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import t from "leaflet";
 import "leaflet-polylinedecorator";
-import { useRef, useEffect } from "react";
-import { useMap, Polyline } from "react-leaflet";
-const PolylineWithArrows = ({
-  positions,
-  enableEdit,
-  ...other
+import { useRef as l, useEffect as i } from "react";
+import { useMap as u, Polyline as s } from "react-leaflet";
+const g = ({
+  positions: c,
+  enableEdit: n,
+  ...a
 }) => {
-  const map = useMap();
-  const polylineRef = useRef(null);
-  const decoratorRef = useRef(null);
-  useEffect(() => {
-    if (polylineRef.current) {
-      const decorator = L__default.polylineDecorator(polylineRef.current, {
+  const o = u(), r = l(null), e = l(null);
+  return i(() => {
+    if (r.current) {
+      const p = t.polylineDecorator(r.current, {
         patterns: [
           {
             // offset: '20%',
             repeat: 50,
-            symbol: L__default.Symbol.arrowHead({
+            symbol: t.Symbol.arrowHead({
               pixelSize: 4,
-              polygon: false,
+              polygon: !1,
               pathOptions: {
-                stroke: true,
+                stroke: !0,
                 color: "#ffffff",
                 weight: 2
               }
             })
           }
         ]
-      }).addTo(map);
-      decoratorRef.current = decorator;
-      if (enableEdit) {
-        polylineRef.current.pm.enable();
-      } else {
-        polylineRef.current.pm.disable();
-      }
-      polylineRef.current.on("pm:change", () => {
-        if (decoratorRef.current) {
-          map.removeLayer(decoratorRef.current);
-        }
-        if (polylineRef.current) {
-          decoratorRef.current = L__default.polylineDecorator(polylineRef.current, {
-            patterns: [
-              {
-                // offset: '20%',
-                repeat: 40,
-                symbol: L__default.Symbol.arrowHead({
-                  pixelSize: 4,
-                  polygon: false,
-                  pathOptions: {
-                    stroke: true,
-                    color: "#cc0000",
-                    weight: 2
-                  }
-                })
-              }
-            ]
-          }).addTo(map);
-        }
+      }).addTo(o);
+      e.current = p, n ? r.current.pm.enable() : r.current.pm.disable(), r.current.on("pm:change", () => {
+        e.current && o.removeLayer(e.current), r.current && (e.current = t.polylineDecorator(r.current, {
+          patterns: [
+            {
+              // offset: '20%',
+              repeat: 40,
+              symbol: t.Symbol.arrowHead({
+                pixelSize: 4,
+                polygon: !1,
+                pathOptions: {
+                  stroke: !0,
+                  color: "#cc0000",
+                  weight: 2
+                }
+              })
+            }
+          ]
+        }).addTo(o));
       });
-      return () => {
-        if (decoratorRef.current) {
-          map.removeLayer(decoratorRef.current);
-        }
-      };
     }
-  }, [map, enableEdit]);
-  return /* @__PURE__ */ jsx(Polyline, { positions, ref: polylineRef, ...other });
+    return () => {
+      e.current && o.removeLayer(e.current);
+    };
+  }, [o, n]), /* @__PURE__ */ f(s, { positions: c, ref: r, ...a });
 };
 export {
-  PolylineWithArrows as P
+  g as PolylineWithArrows,
+  g as default
 };

package/components/maps/components/GpsMap/pluginLayers/index.d.ts

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

package/components/maps/components/GpsMap/pluginLayers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/pluginLayers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.d.ts

@@ -4,4 +4,5 @@ import { MapPopupProps } from '../types';
  * dentro de un popup.
  *
  */
-export declare const MapPopupDevice: (props: MapPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MapPopupDevice: (props: MapPopupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MapPopupDevice.d.ts.map

package/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPopupDevice.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,aAAa,qDAgDlD,CAAC"}

package/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.js

@@ -1,38 +1,32 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { P as PopupRootStyled, M as MapPopupDeviceRootStyled } from "./slots/MapPopupDeviceSlots.js";
-import { AppearanceComponentProvider } from "@m4l/components";
-import { G as GpsDeviceContent } from "./subcomponents/Content/GpsDeviceContent.js";
-import { G as GpsDeviceHeader } from "./subcomponents/Header/GpsDeviceHeader.js";
-import { useRef, useMemo } from "react";
-import { u as useMapStore } from "../../hooks/useMapStore/index.js";
-const MapPopupDevice = (props) => {
-  const { isOpen, popupOptions } = props;
-  const { keepInView = true, autoPan = true, closeOnEscapeKey = true, ...others } = popupOptions || {};
-  const popupRef = useRef(null);
-  const isListOpen = useMapStore((state) => state.hasMapData?.isListOpen);
-  const autoPanPaddingTopLeft = useMemo(() => {
-    return isListOpen ? [400, 40] : [40, 40];
-  }, [isListOpen]);
-  return /* @__PURE__ */ jsx(
-    PopupRootStyled,
+import { jsx as e, jsxs as f } from "@emotion/react/jsx-runtime";
+import { PopupRootStyled as d, MapPopupDeviceRootStyled as l } from "./slots/MapPopupDeviceSlots.js";
+import { AppearanceComponentProvider as P } from "@m4l/components";
+import { GpsDeviceContent as h } from "./subcomponents/Content/GpsDeviceContent.js";
+import { GpsDeviceHeader as S } from "./subcomponents/Header/GpsDeviceHeader.js";
+import { useRef as v, useMemo as D } from "react";
+import { useMapStore as M } from "../../hooks/useMapStore/index.js";
+const j = (o) => {
+  const { isOpen: p, popupOptions: r } = o, { keepInView: n = !0, autoPan: i = !0, closeOnEscapeKey: s = !0, ...a } = r || {}, u = v(null), t = M((c) => c.hasMapData?.isListOpen), m = D(() => t ? [400, 40] : [40, 40], [t]);
+  return /* @__PURE__ */ e(
+    d,
     {
-      ref: popupRef,
+      ref: u,
       ownerState: {},
-      closeButton: false,
-      keepInView,
-      autoPan,
-      autoPanPaddingTopLeft,
+      closeButton: !1,
+      keepInView: n,
+      autoPan: i,
+      autoPanPaddingTopLeft: m,
       autoPanPaddingBottomRight: [40, 40],
-      closeOnEscapeKey,
+      closeOnEscapeKey: s,
       offset: [0, -5],
-      ...others,
-      children: isOpen && /* @__PURE__ */ jsx(AppearanceComponentProvider, { defaultSize: "medium", children: /* @__PURE__ */ jsxs(MapPopupDeviceRootStyled, { ownerState: {}, children: [
-        /* @__PURE__ */ jsx(GpsDeviceHeader, { ...props }),
-        /* @__PURE__ */ jsx(GpsDeviceContent, { ...props })
+      ...a,
+      children: p && /* @__PURE__ */ e(P, { defaultSize: "medium", children: /* @__PURE__ */ f(l, { ownerState: {}, children: [
+        /* @__PURE__ */ e(S, { ...o }),
+        /* @__PURE__ */ e(h, { ...o })
       ] }) })
     }
   );
 };
 export {
-  MapPopupDevice as M
+  j as MapPopupDevice
 };

package/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.styles.d.ts

@@ -1,2 +1,3 @@
 import { MapPopupDeviceGpsStyles } from './types';
 export declare const mapPopupDeviceStyles: MapPopupDeviceGpsStyles;
+//# sourceMappingURL=MapPopupDevice.styles.d.ts.map

package/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPopupDevice.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,eAAO,MAAM,oBAAoB,EAAE,uBAwIlC,CAAC"}

package/components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.styles.js

@@ -1,11 +1,13 @@
-import { g as getHeightSizeStyles } from "../../../../../../utils/getSizeStyles/getSizeStyles.js";
-import { g as getTypographyStyles } from "../../../../../../utils/getTypographyStyles.js";
-const mapPopupDeviceStyles = {
+import "@mui/material";
+import { getTypographyStyles as o } from "../../../../../../utils/getTypographyStyles.js";
+import { getHeightSizeStyles as a } from "../../../../../../utils/getSizeStyles/getSizeStyles.js";
+import "../../../../../../utils/getPrecisionFromHdop/constants.js";
+const l = {
   /**
    * leafletRoot
    */
-  leafletRoot: ({ theme }) => ({
-    boxShadow: theme.vars.customShadows.z4,
+  leafletRoot: ({ theme: s }) => ({
+    boxShadow: s.vars.customShadows.z4,
     "& .leaflet-popup-content-wrapper": {
       // '::before': {
       //   content: '""',
@@ -17,7 +19,7 @@ const mapPopupDeviceStyles = {
       //   background: `linear-gradient(to top, ${ownerState?.bgColor || '#FFFFFF'})`, // Degradado
       // },
       // borderTop: `2px solid ${ownerState?.bgColor || '#FFFFFF'}CC`,
-      borderRadius: theme.vars.size.borderRadius.r2
+      borderRadius: s.vars.size.borderRadius.r2
     },
     "& .leaflet-popup-content": {
       padding: 0,
@@ -25,7 +27,7 @@ const mapPopupDeviceStyles = {
       width: "unset !important"
     },
     "& .leaflet-popup-tip": {
-      borderRadius: theme.vars.size.borderRadius.r1
+      borderRadius: s.vars.size.borderRadius.r1
     }
   }),
   /**
@@ -41,11 +43,11 @@ const mapPopupDeviceStyles = {
   /**
    * TODO: Documentar
    */
-  header: ({ theme }) => ({
+  header: ({ theme: s }) => ({
     display: "flex",
     alignItems: "center",
-    padding: `${theme.vars.size.baseSpacings["sp0-5"]} ${theme.vars.size.baseSpacings.sp1}`,
-    borderBottom: `1px solid ${theme.vars.palette.border.disabled}`,
+    padding: `${s.vars.size.baseSpacings["sp0-5"]} ${s.vars.size.baseSpacings.sp1}`,
+    borderBottom: `1px solid ${s.vars.palette.border.disabled}`,
     "> h6": {
       flexGrow: 1
     }
@@ -61,14 +63,14 @@ const mapPopupDeviceStyles = {
   /**
    * TODO: Documentar
    */
-  content: ({ theme }) => ({
+  content: ({ theme: s }) => ({
     flexGrow: 1,
     display: "flex",
     flexDirection: "column",
     overflowY: "auto",
     overflowX: "hidden",
-    padding: `${theme.vars.size.baseSpacings.sp3} ${theme.vars.size.baseSpacings.sp4} `,
-    gap: theme.vars.size.baseSpacings["sp0-5"]
+    padding: `${s.vars.size.baseSpacings.sp3} ${s.vars.size.baseSpacings.sp4} `,
+    gap: s.vars.size.baseSpacings["sp0-5"]
     // zIndex: ownerState.baseZindex || 0,
   }),
   /**
@@ -80,60 +82,60 @@ const mapPopupDeviceStyles = {
   /**
    * Slot statusAndTime
    */
-  statusAndTime: ({ theme }) => ({
+  statusAndTime: ({ theme: s }) => ({
     display: "flex",
-    gap: theme.vars.size.baseSpacings.sp2
+    gap: s.vars.size.baseSpacings.sp2
   }),
   /**
    * Slot address
    */
-  address: ({ theme }) => ({
-    marginTop: theme.vars.size.baseSpacings["sp0-5"],
-    padding: `${theme.vars.size.baseSpacings.sp2} ${theme.vars.size.baseSpacings.sp4}`,
-    backgroundColor: theme.vars.palette.primary.opacity,
-    borderRadius: theme.vars.size.borderRadius.r1
+  address: ({ theme: s }) => ({
+    marginTop: s.vars.size.baseSpacings["sp0-5"],
+    padding: `${s.vars.size.baseSpacings.sp2} ${s.vars.size.baseSpacings.sp4}`,
+    backgroundColor: s.vars.palette.primary.opacity,
+    borderRadius: s.vars.size.borderRadius.r1
   }),
   /**
    * Slot groupAndViewMore
    */
-  groupAndViewMore: ({ theme, ownerState }) => ({
+  groupAndViewMore: ({ theme: s, ownerState: i }) => ({
     display: "flex",
     justifyContent: "space-between",
-    gap: theme.vars.size.baseSpacings.sp3,
+    gap: s.vars.size.baseSpacings.sp3,
     alignItems: "center",
-    ...getHeightSizeStyles(
-      theme.generalSettings.isMobile,
-      ownerState?.size || "medium",
+    ...a(
+      s.generalSettings.isMobile,
+      i?.size || "medium",
       "action",
-      (height) => ({ lineHeight: height })
+      (e) => ({ lineHeight: e })
     )
   }),
   /**
    * Slot group
    */
-  group: ({ theme, ownerState }) => {
-    const size = ownerState?.size || "medium";
+  group: ({ theme: s, ownerState: i }) => {
+    const e = i?.size || "medium";
     return {
       display: "inline-block",
-      paddingLeft: theme.vars.size.baseSpacings.sp1,
-      paddingRight: theme.vars.size.baseSpacings.sp1,
+      paddingLeft: s.vars.size.baseSpacings.sp1,
+      paddingRight: s.vars.size.baseSpacings.sp1,
       whiteSpace: "nowrap",
       textOverflow: "ellipsis",
       overflow: "hidden",
-      borderRadius: theme.vars.size.borderRadius["r0-5"],
+      borderRadius: s.vars.size.borderRadius["r0-5"],
       //TODO: Mejorar el tipado
-      color: `${ownerState.color} !important`,
-      backgroundColor: `${ownerState.bgColor} !important`,
-      ...getTypographyStyles(
-        theme.generalSettings.isMobile,
-        size,
+      color: `${i?.color ?? "inherit"} !important`,
+      backgroundColor: `${i?.bgColor ?? "inherit"} !important`,
+      ...o(
+        s.generalSettings.isMobile,
+        e,
         "body"
       ),
-      ...getHeightSizeStyles(
-        theme.generalSettings.isMobile,
-        size,
+      ...a(
+        s.generalSettings.isMobile,
+        e,
         "base",
-        (height) => ({ lineHeight: height })
+        (r) => ({ lineHeight: r })
       )
     };
   },
@@ -142,5 +144,5 @@ const mapPopupDeviceStyles = {
   })
 };
 export {
-  mapPopupDeviceStyles as m
+  l as mapPopupDeviceStyles
 };

package/components/maps/components/GpsMap/popups/MapPopupDevice/constants.d.ts

@@ -3,3 +3,4 @@ export declare const COMPONET_KEY_COMPONENT = "M4LMapPopupDevice";
 export declare const LAT_LON_FIXED_DIGITS = 8;
 export declare const DELAY_REPORT_TIME = 1000;
 export declare const DELAY_REPORT_STATUS = 1000;
+//# sourceMappingURL=constants.d.ts.map

package/components/maps/components/GpsMap/popups/MapPopupDevice/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/popups/MapPopupDevice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAC1D,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,mBAAmB,OAAO,CAAC"}

package/components/maps/components/GpsMap/popups/MapPopupDevice/constants.js

@@ -1,8 +1,6 @@
-const COMPONET_KEY_COMPONENT = "M4LMapPopupDevice";
-const LAT_LON_FIXED_DIGITS = 8;
-const DELAY_REPORT_TIME = 1e3;
+const E = "M4LMapPopupDevice", _ = 8, O = 1e3;
 export {
-  COMPONET_KEY_COMPONENT as C,
-  DELAY_REPORT_TIME as D,
-  LAT_LON_FIXED_DIGITS as L
+  E as COMPONET_KEY_COMPONENT,
+  O as DELAY_REPORT_TIME,
+  _ as LAT_LON_FIXED_DIGITS
 };

package/components/maps/components/GpsMap/popups/MapPopupDevice/dictionary.d.ts

@@ -14,3 +14,4 @@ export declare const MAP_POPUP_GPS_DEVICE_DICCTIONARY: {
     readonly LABEL_MAP_POPUP_MYGPS_VIEW_MORE: "map_popup_my_gps.label_view_more";
 };
 export type TypeDictionary = typeof MAP_POPUP_GPS_DEVICE_DICCTIONARY;
+//# sourceMappingURL=dictionary.d.ts.map

package/components/maps/components/GpsMap/popups/MapPopupDevice/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/popups/MapPopupDevice/dictionary.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,qCAAqC,aAKpD;AACD,eAAO,MAAM,gCAAgC;;;;;;;;;;CAUnC,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,OAAO,gCAAgC,CAAC"}