@m4l/components 9.1.125 → 9.1.126

package/components/gclick/MyDeviceStatus/stories/basic.stories.d.ts

@@ -1,41 +0,0 @@
-import { Meta } from '@storybook/react';
-import { MyDeviceStatus } from '../MyDeviceStatus';
-import { StoryMyDeviceStatusType } from './types';
-declare const meta: Meta<typeof MyDeviceStatus>;
-export default meta;
-/**
- * MyDeviceStatus Off -> Apagado
- */
-export declare const BaseOff: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus Moving -> Moviéndose
- */
-export declare const BaseMoving: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus Stopped -> Detenido
- */
-export declare const BaseStopped: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus StoppedRalenti -> DetenidoRalenti
- */
-export declare const BaseStoppedRalenti: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus StoppedERalenti -> Detenido en Exceso Ralenti
- */
-export declare const BaseStoppedERalenti: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus Towing -> Remolcado
- */
-export declare const BaseTowing: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus NoGPSSignal -> Sin Señal GPS
- */
-export declare const BaseNoGPSSignal: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus PowerSaving -> Ahorro de Energía
- */
-export declare const BasePowerSaving: StoryMyDeviceStatusType;
-/**
- * MyDeviceStatus Max speed -> En exceso de velocidad
- */
-export declare const BaseMaxSpeed: StoryMyDeviceStatusType;

package/components/gclick/MyDeviceStatus/stories/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const heightWindow = 180;
-export declare const widthWindow = 260;
-export declare const marginWindow = 10;

package/components/gclick/MyDeviceStatus/stories/dataMocks.d.ts

@@ -1,55 +0,0 @@
-import { MyDeviceDataType } from '../../types';
-export declare const deviceDataBase: {
-    id: number;
-    name: string;
-    imageUrl: string;
-    color: string;
-    current: {
-        group: {
-            id: number;
-            name: string;
-            color: string;
-        };
-        vpts: {
-            vpt_dix: {
-                1: {
-                    status: {
-                        value: number;
-                    };
-                };
-            };
-            vpt_gnss: {
-                address: {
-                    value: string;
-                };
-                speed: {
-                    value: number;
-                };
-                status: {
-                    value: number;
-                };
-                course: {
-                    value: number;
-                };
-                lat: {
-                    value: number;
-                };
-                lon: {
-                    value: number;
-                };
-            };
-            vpt_modem: {
-                last_connection: Date;
-            };
-        };
-    };
-};
-export declare const deviceDataMockOff: MyDeviceDataType;
-export declare const deviceDataMockMoving: MyDeviceDataType;
-export declare const deviceDataMockStopped: MyDeviceDataType;
-export declare const deviceDataMockStoppedRalenti: MyDeviceDataType;
-export declare const deviceDataMockStoppedERalenti: MyDeviceDataType;
-export declare const deviceDataMockTowing: MyDeviceDataType;
-export declare const deviceDataMockNoGPSSignal: MyDeviceDataType;
-export declare const deviceDataMockPowerSaving: MyDeviceDataType;
-export declare const deviceDataMockMaxSpeed: MyDeviceDataType;

package/components/gclick/MyDeviceStatus/stories/subcomponents/WithMyDeviceProvider.d.ts

@@ -1,2 +0,0 @@
-import { StoryFn } from '@storybook/react';
-export declare const WithMyDeviceStatusProvider: (MyStory: StoryFn) => import("react/jsx-runtime").JSX.Element;

package/components/gclick/MyDeviceStatus/stories/types.d.ts

@@ -1,3 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { MyDeviceStatus } from '../MyDeviceStatus';
-export type StoryMyDeviceStatusType = StoryObj<typeof MyDeviceStatus>;

package/components/gclick/MyDeviceStatus/subcomponents/PropertyValue/index.d.ts

@@ -1,5 +0,0 @@
-import { GpsDevicePropertyValueProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const PropertyValue: (props: GpsDevicePropertyValueProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/gclick/MyDeviceStatus/subcomponents/PropertyValue/types.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export type GpsDevicePropertyValueProps = {
-    property: string;
-    value: ReactNode;
-};

package/components/gclick/MyDeviceStatus/types.d.ts

@@ -1,14 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { MyDeviceStatusSlots } from './slots/slots';
-import { COMPONET_KEY_COMPONENT } from './constants';
-import { Theme } from '@mui/material/styles';
-import { MyDeviceDataType } from '../types';
-export type MyDeviceStatusProps = {
-    uriPropColor?: string;
-    defaultColor?: string;
-    withLabel?: boolean;
-    deviceData: MyDeviceDataType;
-};
-export type MyDeviceStatusSlotsType = keyof typeof MyDeviceStatusSlots;
-export type MyDeviceStatusOwnerState = {};
-export type MyDeviceStatusStyles = Partial<OverridesStyleRules<MyDeviceStatusSlotsType, typeof COMPONET_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/gclick/constants.d.ts

@@ -1 +0,0 @@
-export declare const BASE_SVG_COLOR = "#1E96DC";

package/components/gclick/constants.js

@@ -1,4 +0,0 @@
-const BASE_SVG_COLOR = "#1E96DC";
-export {
-  BASE_SVG_COLOR as B
-};

package/components/gclick/types.d.ts

@@ -1,60 +0,0 @@
-import { MyDeviceGNSSEnumStatus } from './MyDeviceStatus/constants';
-/**
- * Como vienen los datos en deviceData
- */
-export type MyDeviceDataType = {
-    id: number;
-    name: string;
-    imageUrl: string;
-    current?: {
-        group?: {
-            id: number;
-            name: string;
-            [key: string]: any;
-        };
-        vpts?: {
-            vpt_dix: {
-                1: {
-                    status: {
-                        value: number;
-                    };
-                };
-            };
-            vpt_gnss?: {
-                address: {
-                    value: string;
-                };
-                speed: {
-                    value: number;
-                };
-                status: {
-                    value: MyDeviceGNSSEnumStatus;
-                };
-                course: {
-                    value: number;
-                };
-                lat: {
-                    value: number;
-                };
-                lon: {
-                    value: number;
-                };
-                [key: string]: any;
-            };
-            vpt_modem?: {
-                last_connection: Date;
-                [key: string]: any;
-            };
-            [key: string]: any;
-        };
-        [key: string]: any;
-    };
-    settings?: {
-        properties?: {
-            internal_name: string;
-            [key: string]: any;
-        };
-        [key: string]: any;
-    };
-    [key: string]: any;
-};

package/components/maps/components/Map/Map.d.ts

@@ -1,8 +0,0 @@
-import { MapProps } from './types';
-/**
- * "Map" componente encargado de renderizar las diferentes capas y brindar diferentes herramientas de usabilidad al usuario.
- * Se utiliza MapRootContainer que es el estilado del contenedor principal del mapa.
- * @param props.gpsTools Herrameitas para gestionar las herramientas de guardian.click
- * @link https://react-leaflet.js.org/
- */
-export declare function MyMap(props: MapProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/Map.js

@@ -1,34 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { T as TileLayers } from "./subcomponents/TileLayers/index.js";
-import { C as Controls } from "./subcomponents/Controls/index.js";
-import { L as LayersContainer } from "./subcomponents/LayersContainer/index.js";
-import { m as mapClasses } from "./classes/index.js";
-import { M as MapRootStyled } from "./slots/MapSlots.js";
-function MyMap(props) {
-  const {
-    mapGpsTools,
-    center = [6.215749485905093, -75.58622905191254],
-    initalZoom = 16,
-    maxZoom = 22
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    MapRootStyled,
-    {
-      className: mapClasses.root,
-      center,
-      zoom: initalZoom,
-      maxZoom,
-      boxZoom: true,
-      preferCanvas: true,
-      zoomControl: false,
-      children: [
-        /* @__PURE__ */ jsx(TileLayers, {}),
-        /* @__PURE__ */ jsx(LayersContainer, {}),
-        /* @__PURE__ */ jsx(Controls, { mapGpsTools })
-      ]
-    }
-  );
-}
-export {
-  MyMap as M
-};

package/components/maps/components/Map/Map.styles.d.ts

@@ -1,2 +0,0 @@
-import { MapStyles } from './types';
-export declare const mapStyles: MapStyles;

package/components/maps/components/Map/Map.styles.js

@@ -1,227 +0,0 @@
-import "leaflet/dist/leaflet.css";
-const mapStyles = {
-  /**
-   * TODO: Documentar
-   */
-  root: () => ({
-    //leaflet_css,
-    width: "100%",
-    height: "100%",
-    flexGrow: "1",
-    overflow: "hidden",
-    position: "relative",
-    /*
-     * Control superior izquierdo
-     */
-    "& .M4LMap-topLeftToolsRoot": {
-      display: "flex",
-      backgroundColor: "blue"
-      //Por cambiar
-    },
-    /**
-     * Control superior derecho
-     */
-    "& .M4LMap-topRigthToolsRoot": {
-      backgroundColor: "blue",
-      //Por cambiar
-      display: "flex",
-      right: 0,
-      position: "absolute",
-      /**
-       * Zoom buttons
-       */
-      "& .M4LMap-zoomButtons": {
-        display: "flex"
-      }
-    },
-    /**
-     * Marcas
-     */
-    "& .M4LMap-markerLayerRoot": {},
-    "& .M4LMap-markerLayerIcon": {
-      transformOrigin: "center center",
-      justifyContent: "center",
-      top: 0,
-      left: 0,
-      filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
-      display: "flex",
-      alignItems: "center",
-      " > img ": {
-        height: "24px"
-      }
-    },
-    "& .M4LMap-featureLabel": {
-      position: "absolute",
-      display: "flex",
-      transformOrigin: "left center",
-      fontSize: "11px",
-      borderRadius: "4px",
-      maxWidth: "300px",
-      fontWeight: "bolder",
-      padding: "2px 8px",
-      opacity: ".85",
-      filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.3))",
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      textOverflow: "ellipsis"
-    },
-    //Herramienta de medición Formulario
-    "& .M4LMap-meaureToolRoot": {
-      backgroundColor: "green",
-      //Por cambiar
-      height: "100%",
-      width: "100%"
-    },
-    "& .M4LMap-measureToolFormValue": {
-      justifyContent: "center"
-    },
-    "& .M4LMap-measureToolFormValueDistance": {
-      border: "1px solid white",
-      margin: "0 5px",
-      fontWeight: 800,
-      //Por cambiar
-      fontSize: "large"
-      //Por cambiar
-    },
-    //Marker measure Point Icon
-    "& .M4LMap-measureMarkerRoot": {
-      "--color": "green"
-    },
-    "& .M4LMap-measureMarkerContainer": {
-      position: "relative",
-      cursor: "pointer"
-    },
-    "& .M4LMap-measureMarkerContainerRhomb": {
-      position: "absolute",
-      filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
-      width: "31px",
-      height: "31px",
-      borderRadius: "50% 50% 50% 0",
-      border: "4px solid var(--color)",
-      backgroundColor: "var(--color)",
-      transform: "rotate(-45deg)"
-    },
-    "& .M4LMap-measureMarkerContainerSlot": {
-      position: "absolute",
-      background: "#fff",
-      borderRadius: "50%",
-      overflow: "hidden",
-      top: "3px",
-      left: "3px",
-      width: "25px",
-      height: "24px"
-    },
-    "& .M4LMap-measureMarkerContainerSlotNumber": {
-      fontSize: "14px",
-      fontWeight: "600",
-      textAlign: "center",
-      marginTop: "1px",
-      color: "black"
-    },
-    //Marker Point Label
-    "& .M4LMap-measureLabelMarkerRoot": {
-      "--color": "yellow"
-    },
-    "& .M4LMap-measureLabelMarkerContainer": {
-      backgroundColor: "var(--color)",
-      border: "1px solid gray",
-      color: "#fff",
-      width: "80px",
-      marginLeft: "15px",
-      marginTop: "15px"
-    },
-    "& .M4LMap-measureLabelMarkerDistance": {
-      color: "gray"
-    },
-    "& .M4LMap-measureLabelMarkerRemove": {
-      color: "blue"
-    },
-    //Cluster Markers
-    //Animacion
-    "& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow": {
-      "-webkit-transition": "-webkit-transform 0.3s ease-out, opacity 0.3s ease-in",
-      "-moz-transition": "-moz-transform 0.3s ease-out, opacity 0.3s ease-in",
-      "-o-transition": "-o-transform 0.3s ease-out, opacity 0.3s ease-in",
-      transition: "transform 0.3s ease-out, opacity 0.3s ease-in"
-    },
-    //Spider
-    "& .leaflet-cluster-spider-leg": {
-      "-webkit-transition": "-webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in",
-      "-moz-transition": "-moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in",
-      "-o-transition": "-o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in",
-      transition: "stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in"
-    },
-    //Colores de los clusters dependiendo de la cantidad de las marcas
-    "& .marker-cluster-small": {
-      backgroundColor: "rgba(181, 226, 140, 0.6)"
-    },
-    "& .marker-cluster-small div": {
-      backgroundColor: "rgba(110, 204, 57, 0.6)"
-    },
-    "& .marker-cluster-medium": {
-      backgroundColor: "rgba(241, 211, 87, 0.6)"
-    },
-    "& .marker-cluster-medium div": {
-      backgroundColor: "rgba(240, 194, 12, 0.6)"
-    },
-    "& .marker-cluster-large": {
-      backgroundColor: "rgba(253, 156, 115, 0.6)"
-    },
-    "& .marker-cluster-large div": {
-      backgroundColor: "rgba(241, 128, 23, 0.6)"
-    },
-    /* IE 6-8 fallback colors */
-    "& .leaflet-oldie .marker-cluster-small": {
-      backgroundColor: "rgb(181, 226, 140)"
-    },
-    "& .leaflet-oldie .marker-cluster-small div": {
-      backgroundColor: "rgb(110, 204, 57)"
-    },
-    "& .leaflet-oldie .marker-cluster-medium": {
-      backgroundColor: "rgb(241, 211, 87)"
-    },
-    "& .leaflet-oldie .marker-cluster-medium div": {
-      backgroundColor: "rgb(240, 194, 12)"
-    },
-    "& .leaflet-oldie .marker-cluster-large": {
-      backgroundColor: "rgb(253, 156, 115)"
-    },
-    "& .leaflet-oldie .marker-cluster-large div": {
-      backgroundColor: "rgb(241, 128, 23)"
-    },
-    //Cluster Markers
-    "& .marker-cluster": {
-      backgroundClip: "padding-box",
-      borderRadius: "20px"
-    },
-    "& .marker-cluster div": {
-      width: "30px",
-      height: "30px",
-      marginLeft: "5px",
-      marginTop: "5px",
-      textAlign: "center",
-      borderRadius: "15px",
-      font: '12px "Helvetica Neue", Arial, Helvetica, sans-serif'
-    },
-    //Cluster Markers
-    "& .marker-cluster span": {
-      lineHeight: "30px"
-    },
-    // '& .xxxxx': {
-    //   // color: theme.vars.palette.state.error.normal,
-    //   '& .M4LIcon-root .M4LIcon-icon': {
-    //     backgroundColor: theme.vars.palette.state.error.normal,
-    //   },
-    // },
-    "& .leaflet-control-scale-line": {
-      color: "red"
-      //Ejemplo de como estilar el control de scala
-    }
-  }),
-  popupGpsDevice: () => ({}),
-  popupGpsDeviceHeader: () => ({}),
-  popupGpsDeviceContent: () => ({})
-};
-export {
-  mapStyles as m
-};

package/components/maps/components/Map/classes/index.d.ts

@@ -1,8 +0,0 @@
-import { MapClasses } from './types';
-import { OwnerState } from '../contexts/MapContext/types';
-export declare const mapClasses: MapClasses;
-/**
- * TODO: Documentar
- */
-export declare const useMapUtilityClasses: (_ownerState: OwnerState) => Record<"active" | "disabled" | "root" | "topLeftToolsRoot" | "topRigthToolsRoot" | "zoomButtons" | "markerLayerRoot" | "markerLayerIcon" | "markerLayerLabel" | "featureLabel" | "meaureToolRoot" | "measureToolFormValue" | "measureToolFormValueDistance" | "measureToolFormValueSymbol" | "measureToolLabel" | "meausureToolLabelDistance" | "meausureToolLabelSymbol" | "measureMarkerRoot" | "measureMarkerContainer" | "measureMarkerContainerRhomb" | "measureMarkerContainerSlot" | "measureMarkerContainerSlotNumber" | "measureLabelMarkerRoot" | "measureLabelMarkerContainer" | "measureLabelMarkerDistance" | "measureLabelMarkerRemove" | "mapSourcesPopoverRoot" | "mapSourcesRoot" | "mapSourcesOption" | "mapSourcesOptionIconLabel" | "mapSourcesOptionRoadOptions" | "mapSourcesOptionRoadOptionsCheck" | "layersPopoverRoot" | "markerLayerLabelInner", string>;
-export type Classes = ReturnType<typeof useMapUtilityClasses>;

package/components/maps/components/Map/classes/index.js

@@ -1,110 +0,0 @@
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../../utils/index.js";
-import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
-const mapClasses = generateUtilityClasses(COMPONET_KEY_COMPONENT, [
-  /* elements */
-  "root",
-  //Control tools
-  "topLeftToolsRoot",
-  "topRigthToolsRoot",
-  "zoomButtons",
-  //Tipos de capas de los features
-  "markerLayerRoot",
-  "markerLayerIcon",
-  "markerLayerLabel",
-  "markerLayerLabelInner",
-  //Etiqueta de los features
-  "featureLabel",
-  //Measure tool
-  "meaureToolRoot",
-  "measureToolFormValue",
-  "measureToolFormValueDistance",
-  "measureToolFormValueSymbol",
-  "measureToolLabel",
-  "meausureToolLabelDistance",
-  "meausureToolLabelSymbol",
-  //Meauser Marcas
-  "measureMarkerRoot",
-  "measureMarkerContainer",
-  "measureMarkerContainerRhomb",
-  "measureMarkerContainerSlot",
-  "measureMarkerContainerSlotNumber",
-  "measureLabelMarkerRoot",
-  "measureLabelMarkerContainer",
-  "measureLabelMarkerDistance",
-  "measureLabelMarkerRemove",
-  /**
-   * Map sources
-   */
-  "mapSourcesPopoverRoot",
-  "mapSourcesRoot",
-  "mapSourcesOption",
-  "mapSourcesOptionIconLabel",
-  "mapSourcesOptionRoadOptions",
-  "mapSourcesOptionRoadOptionsCheck",
-  /**
-   * Layers
-   */
-  "layersPopoverRoot",
-  /* states or variants of elements */
-  "active",
-  "disabled"
-]);
-const useMapUtilityClasses = (_ownerState) => {
-  const slots = {
-    root: ["root"],
-    //Control tools
-    topLeftToolsRoot: ["topLeftToolsRoot"],
-    topRigthToolsRoot: ["topRigthToolsRoot"],
-    zoomButtons: ["zoomButtons"],
-    markerLayerRoot: ["markerLayerRoot"],
-    markerLayerIcon: ["markerLayerIcon"],
-    markerLayerLabel: ["markerLayerLabel"],
-    markerLayerLabelInner: ["markerLayerLabelInner"],
-    //Etiqueta de los features
-    featureLabel: ["featureLabel"],
-    /**
-     * Measure Tool
-     */
-    //Measure form
-    meaureToolRoot: ["meaureToolRoot"],
-    measureToolFormValue: ["measureToolFormValue"],
-    measureToolFormValueDistance: ["measureToolFormValueDistance"],
-    measureToolFormValueSymbol: ["measureToolFormValueSymbol"],
-    measureToolLabel: ["measureToolLabel"],
-    meausureToolLabelDistance: ["meausureToolLabelDistance"],
-    meausureToolLabelSymbol: ["meausureToolLabelSymbol"],
-    //Meauser Marcas
-    measureMarkerRoot: ["measureMarkerRoot"],
-    measureMarkerContainer: ["measureMarkerContainer"],
-    measureMarkerContainerRhomb: ["measureMarkerContainerRhomb"],
-    measureMarkerContainerSlot: ["measureMarkerContainerSlot"],
-    measureMarkerContainerSlotNumber: ["measureMarkerContainerSlotNumber"],
-    measureLabelMarkerRoot: ["measureLabelMarkerRoot"],
-    measureLabelMarkerContainer: ["measureLabelMarkerContainer"],
-    measureLabelMarkerDistance: ["measureLabelMarkerDistance"],
-    measureLabelMarkerRemove: ["measureLabelMarkerRemove"],
-    /**
-     * Map sources
-     */
-    mapSourcesPopoverRoot: ["mapSourcesPopoverRoot"],
-    mapSourcesRoot: ["mapSourcesToolRoot"],
-    mapSourcesOption: ["mapSourcesToolOption"],
-    mapSourcesOptionIconLabel: ["mapSourcesToolOptionIconLabel"],
-    mapSourcesOptionRoadOptions: ["mapSourcesToolOptionRoadOptions"],
-    mapSourcesOptionRoadOptionsCheck: ["mapSourcesToolOptionRoadOptionsCheck"],
-    /**
-     * Layers
-     */
-    layersPopoverRoot: ["layersPopoverRoot"],
-    /* states or variants of elements */
-    active: ["active"],
-    disabled: ["disabled"]
-  };
-  return unstable_composeClasses(slots, getComponentUtilityClass(COMPONET_KEY_COMPONENT), {});
-};
-export {
-  mapClasses as m,
-  useMapUtilityClasses as u
-};

package/components/maps/components/Map/classes/types.d.ts

@@ -1,69 +0,0 @@
-export interface MapClasses {
-    root: string;
-    /**
-     * Root element for the top left tools
-     */
-    topLeftToolsRoot: string;
-    /**
-     * Root element for the top right tools
-     */
-    topRigthToolsRoot: string;
-    /**
-     * Container de zoom buttons
-     */
-    zoomButtons: string;
-    /**
-     * Root element de las marcas creadas con L.divIcon, esta al mimsmo nivel de leaflet-marker-icon
-     */
-    markerLayerRoot: string;
-    /**
-     * Icono de la marca, sobre este elemento se rota y se escala el contendio de la marca
-     */
-    markerLayerIcon: string;
-    /**
-     * Contenedor de la etiqueta de la marca
-     */
-    markerLayerLabel: string;
-    /**
-     * Contenedor de las etiquetas de las marcas, poligonoes, etc, en general de los features
-     */
-    featureLabel: string;
-    meaureToolRoot: string;
-    measureToolFormValue: string;
-    measureToolFormValueDistance: string;
-    measureToolFormValueSymbol: string;
-    measureToolLabel: string;
-    meausureToolLabelDistance: string;
-    meausureToolLabelSymbol: string;
-    /**
-     * Root element de la marca cread con L.divIcon, esta al mismo nivel de leaflet-marker-icon para denotar las marcas de medición
-     */
-    measureMarkerRoot: string;
-    /**
-     * Contenedor de la marca de medición, que indica el numero y forma el forma el rombo de la marca
-     */
-    measureMarkerContainer: string;
-    measureMarkerContainerRhomb: string;
-    measureMarkerContainerSlot: string;
-    measureMarkerContainerSlotNumber: string;
-    measureLabelMarkerRoot: string;
-    measureLabelMarkerContainer: string;
-    measureLabelMarkerDistance: string;
-    measureLabelMarkerRemove: string;
-    /**
-     * Map sources
-     */
-    mapSourcesPopoverRoot: string;
-    mapSourcesRoot: string;
-    mapSourcesOption: string;
-    mapSourcesOptionIconLabel: string;
-    mapSourcesOptionRoadOptions: string;
-    mapSourcesOptionRoadOptionsCheck: string;
-    /**
-     * Layers
-     */
-    layersPopoverRoot: string;
-    active: string;
-    disabled: string;
-}
-export type MapClassesKey = keyof MapClasses;