@m4l/gclick 0.1.0 → 0.2.0-JAEBeta.1

package/components/maps/components/GpsMap/Leaflet.styles.js

@@ -0,0 +1,535 @@
+const leafletAllStyles = {
+  /* required styles */
+  ".leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer": {
+    position: "absolute",
+    left: 0,
+    top: 0
+  },
+  ".leaflet-container": {
+    overflow: "hidden",
+    WebkitTapHighlightColor: "transparent",
+    background: "#ddd",
+    outlineOffset: "1px",
+    fontFamily: '"Helvetica Neue", Arial, Helvetica, sans-serif',
+    fontSize: ".65rem",
+    lineHeight: 1.5
+  },
+  ".leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow": {
+    userSelect: "none",
+    // @ts-ignore - WebkitUserDrag no está en el tipo CSSProperties
+    WebkitUserDrag: "none"
+  },
+  /* Prevents IE11 from highlighting tiles in blue */
+  ".leaflet-tile::selection": {
+    background: "transparent"
+  },
+  /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+  ".leaflet-safari .leaflet-tile": {
+    imageRendering: "-webkit-optimize-contrast"
+  },
+  /* hack that prevents hw layers "stretching" when loading new tiles */
+  ".leaflet-safari .leaflet-tile-container": {
+    width: "1600px",
+    height: "1600px",
+    WebkitTransformOrigin: "0 0"
+  },
+  ".leaflet-marker-icon, .leaflet-marker-shadow": {
+    display: "block"
+  },
+  /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+  /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+  ".leaflet-container .leaflet-overlay-pane svg": {
+    maxWidth: "none !important",
+    maxHeight: "none !important"
+  },
+  ".leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile": {
+    maxWidth: "none !important",
+    maxHeight: "none !important",
+    width: "auto",
+    padding: 0
+  },
+  ".leaflet-container img.leaflet-tile": {
+    /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
+    mixBlendMode: "plus-lighter"
+  },
+  ".leaflet-container.leaflet-touch-zoom": {
+    msTouchAction: "pan-x pan-y",
+    touchAction: "pan-x pan-y"
+  },
+  ".leaflet-container.leaflet-touch-drag": {
+    msTouchAction: "pinch-zoom",
+    /* Fallback for FF which doesn't support pinch-zoom */
+    touchAction: "pinch-zoom"
+  },
+  ".leaflet-container.leaflet-touch-drag.leaflet-touch-zoom": {
+    msTouchAction: "none",
+    touchAction: "none"
+  },
+  ".leaflet-container a": {
+    color: "#0078A8",
+    WebkitTapHighlightColor: "rgba(51, 181, 229, 0.4)"
+  },
+  ".leaflet-tile": {
+    display: "block",
+    filter: "inherit",
+    visibility: "hidden"
+  },
+  ".leaflet-tile-loaded": {
+    visibility: "inherit"
+  },
+  ".leaflet-zoom-box": {
+    width: 0,
+    height: 0,
+    MozBoxSizing: "border-box",
+    boxSizing: "border-box",
+    zIndex: 800,
+    border: "2px dotted #38f",
+    background: "rgba(255,255,255,0.5)"
+  },
+  /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+  ".leaflet-overlay-pane svg": {
+    MozUserSelect: "none"
+  },
+  ".leaflet-pane": { zIndex: 400 },
+  ".leaflet-tile-pane": { zIndex: 200 },
+  ".leaflet-overlay-pane": { zIndex: 400 },
+  ".leaflet-shadow-pane": { zIndex: 500 },
+  ".leaflet-marker-pane": { zIndex: 600 },
+  ".leaflet-tooltip-pane": { zIndex: 650 },
+  ".leaflet-popup-pane": { zIndex: 700 },
+  ".leaflet-map-pane canvas": { zIndex: 100 },
+  ".leaflet-map-pane svg": { zIndex: 200 },
+  ".leaflet-vml-shape": {
+    width: "1px",
+    height: "1px"
+  },
+  ".lvml": {
+    // @ts-ignore - behavior no está en el tipo CSSProperties
+    behavior: "url(#default#VML)",
+    display: "inline-block",
+    position: "absolute"
+  },
+  /* control positioning */
+  ".leaflet-control": {
+    position: "relative",
+    zIndex: 800,
+    pointerEvents: "auto",
+    float: "left",
+    clear: "both"
+  },
+  ".leaflet-top, .leaflet-bottom": {
+    position: "absolute",
+    zIndex: 1e3,
+    pointerEvents: "none"
+  },
+  ".leaflet-top": {
+    top: 0
+  },
+  ".leaflet-right": {
+    right: 0
+  },
+  ".leaflet-bottom": {
+    bottom: 0
+  },
+  ".leaflet-left": {
+    left: 0
+  },
+  ".leaflet-right .leaflet-control": {
+    float: "right",
+    marginRight: "16px"
+  },
+  ".leaflet-top .leaflet-control": {
+    marginTop: "16px"
+  },
+  ".leaflet-bottom .leaflet-control": {
+    marginBottom: "16px"
+  },
+  ".leaflet-left .leaflet-control": {
+    marginLeft: "16px"
+  },
+  /* zoom and fade animations */
+  ".leaflet-fade-anim .leaflet-popup": {
+    opacity: 0,
+    WebkitTransition: "opacity 0.2s linear",
+    MozTransition: "opacity 0.2s linear",
+    transition: "opacity 0.2s linear"
+  },
+  ".leaflet-fade-anim .leaflet-map-pane .leaflet-popup": {
+    opacity: 1
+  },
+  ".leaflet-zoom-animated": {
+    WebkitTransformOrigin: "0 0",
+    msTransformOrigin: "0 0",
+    transformOrigin: "0 0"
+  },
+  "svg.leaflet-zoom-animated": {
+    willChange: "transform"
+  },
+  ".leaflet-zoom-anim .leaflet-zoom-animated": {
+    WebkitTransition: "-webkit-transform 0.25s cubic-bezier(0,0,0.25,1)",
+    MozTransition: "-moz-transform 0.25s cubic-bezier(0,0,0.25,1)",
+    transition: "transform 0.25s cubic-bezier(0,0,0.25,1)"
+  },
+  ".leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile": {
+    WebkitTransition: "none",
+    MozTransition: "none",
+    transition: "none"
+  },
+  ".leaflet-zoom-anim .leaflet-zoom-hide": {
+    visibility: "hidden"
+  },
+  /* cursors */
+  ".leaflet-interactive": {
+    cursor: "pointer"
+  },
+  ".leaflet-grab": {
+    cursor: "-webkit-grab"
+  },
+  ".leaflet-crosshair, .leaflet-crosshair .leaflet-interactive": {
+    cursor: "crosshair"
+  },
+  ".leaflet-popup-pane, .leaflet-control": {
+    cursor: "auto"
+  },
+  ".leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable": {
+    cursor: "move"
+  },
+  /* marker & overlays interactivity */
+  ".leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container": {
+    pointerEvents: "none"
+  },
+  ".leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path": {
+    pointerEvents: "auto"
+  },
+  /* visual tweaks */
+  /* general toolbar styles */
+  ".leaflet-bar": {
+    boxShadow: "0 1px 5px rgba(0,0,0,0.65)",
+    borderRadius: "4px"
+  },
+  ".leaflet-bar a": {
+    backgroundColor: "#fff",
+    borderBottom: "1px solid #ccc",
+    width: "26px",
+    height: "26px",
+    lineHeight: "26px",
+    display: "block",
+    textAlign: "center",
+    textDecoration: "none",
+    color: "black",
+    backgroundPosition: "50% 50%",
+    backgroundRepeat: "no-repeat"
+  },
+  ".leaflet-control-layers-toggle": {
+    backgroundImage: "url(images/layers.png)",
+    width: "36px",
+    height: "36px",
+    backgroundPosition: "50% 50%",
+    backgroundRepeat: "no-repeat",
+    display: "block"
+  },
+  ".leaflet-bar a:hover, .leaflet-bar a:focus": {
+    backgroundColor: "#f4f4f4"
+  },
+  ".leaflet-bar a:first-child": {
+    borderTopLeftRadius: "4px",
+    borderTopRightRadius: "4px"
+  },
+  ".leaflet-bar a:last-child": {
+    borderBottomLeftRadius: "4px",
+    borderBottomRightRadius: "4px",
+    borderBottom: "none"
+  },
+  ".leaflet-bar a.leaflet-disabled": {
+    cursor: "default",
+    backgroundColor: "#f4f4f4",
+    color: "#bbb"
+  },
+  ".leaflet-touch .leaflet-bar a": {
+    width: "30px",
+    height: "30px",
+    lineHeight: "30px"
+  },
+  ".leaflet-touch .leaflet-bar a:first-child": {
+    borderTopLeftRadius: "2px",
+    borderTopRightRadius: "2px"
+  },
+  ".leaflet-touch .leaflet-bar a:last-child": {
+    borderBottomLeftRadius: "2px",
+    borderBottomRightRadius: "2px"
+  },
+  /* zoom control */
+  ".leaflet-control-zoom-in, .leaflet-control-zoom-out": {
+    font: 'bold 18px "Lucida Console", Monaco, monospace',
+    textIndent: "1px"
+  },
+  ".leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out": {
+    fontSize: "22px"
+  },
+  /* layers control */
+  ".leaflet-control-layers": {
+    boxShadow: "0 1px 5px rgba(0,0,0,0.4)",
+    background: "#fff",
+    borderRadius: "5px"
+  },
+  ".leaflet-retina .leaflet-control-layers-toggle": {
+    backgroundImage: "url(images/layers-2x.png)",
+    backgroundSize: "26px 26px"
+  },
+  ".leaflet-touch .leaflet-control-layers-toggle": {
+    width: "44px",
+    height: "44px"
+  },
+  ".leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle": {
+    display: "none"
+  },
+  ".leaflet-control-layers-expanded .leaflet-control-layers-list": {
+    display: "block",
+    position: "relative"
+  },
+  ".leaflet-control-layers-expanded": {
+    padding: "6px 10px 6px 6px",
+    color: "#333",
+    background: "#fff"
+  },
+  ".leaflet-control-layers-scrollbar": {
+    overflowY: "scroll",
+    overflowX: "hidden",
+    paddingRight: "5px"
+  },
+  ".leaflet-control-layers-selector": {
+    marginTop: "2px",
+    position: "relative",
+    top: "1px"
+  },
+  ".leaflet-control-layers label": {
+    display: "block",
+    fontSize: "1.08333em"
+  },
+  ".leaflet-control-layers-separator": {
+    height: 0,
+    borderTop: "1px solid #ddd",
+    margin: "5px -10px 5px -6px"
+  },
+  /* Default icon URLs */
+  ".leaflet-default-icon-path": {
+    /* used only in path-guessing heuristic, see L.Icon.Default */
+    backgroundImage: "url(images/marker-icon.png)"
+  },
+  /* attribution and scale controls */
+  ".leaflet-container .leaflet-control-attribution": {
+    background: "rgba(255, 255, 255, 0.8)",
+    margin: 0
+  },
+  ".leaflet-control-attribution, .leaflet-control-scale-line": {
+    padding: "0 5px",
+    color: "#333",
+    lineHeight: 1.4
+  },
+  ".leaflet-control-attribution a": {
+    textDecoration: "none"
+  },
+  ".leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus": {
+    textDecoration: "underline"
+  },
+  ".leaflet-attribution-flag": {
+    display: "inline !important",
+    verticalAlign: "baseline !important",
+    width: "1em",
+    height: "0.6669em"
+  },
+  ".leaflet-left .leaflet-control-scale": {
+    marginLeft: "5px"
+  },
+  ".leaflet-bottom .leaflet-control-scale": {
+    marginBottom: "5px"
+  },
+  ".leaflet-control-scale-line": {
+    border: "2px solid #777",
+    borderTop: "none",
+    lineHeight: 1.1,
+    padding: "2px 5px 1px",
+    whiteSpace: "nowrap",
+    MozBoxSizing: "border-box",
+    boxSizing: "border-box",
+    background: "rgba(255, 255, 255, 0.8)",
+    textShadow: "1px 1px #fff"
+  },
+  ".leaflet-control-scale-line:not(:first-child)": {
+    borderTop: "2px solid #777",
+    borderBottom: "none",
+    marginTop: "-2px"
+  },
+  ".leaflet-control-scale-line:not(:first-child):not(:last-child)": {
+    borderBottom: "2px solid #777"
+  },
+  ".leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar": {
+    boxShadow: "none"
+  },
+  ".leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar": {
+    border: "2px solid rgba(0,0,0,0.2)",
+    backgroundClip: "padding-box"
+  },
+  /* popup */
+  ".leaflet-popup": {
+    position: "absolute",
+    textAlign: "center",
+    marginBottom: "20px"
+  },
+  ".leaflet-popup-content-wrapper": {
+    padding: "1px",
+    textAlign: "left",
+    borderRadius: "12px"
+  },
+  ".leaflet-popup-content": {
+    margin: "13px 24px 13px 20px",
+    lineHeight: 1.3,
+    fontSize: "13px",
+    minHeight: "1px"
+  },
+  ".leaflet-popup-content p": {
+    margin: "17px 0"
+  },
+  ".leaflet-popup-tip-container": {
+    width: "40px",
+    height: "20px",
+    position: "absolute",
+    left: "50%",
+    marginTop: "-1px",
+    marginLeft: "-20px",
+    overflow: "hidden",
+    pointerEvents: "none"
+  },
+  ".leaflet-popup-tip": {
+    width: "17px",
+    height: "17px",
+    padding: "1px",
+    margin: "-10px auto 0",
+    pointerEvents: "auto",
+    WebkitTransform: "rotate(45deg)",
+    MozTransform: "rotate(45deg)",
+    msTransform: "rotate(45deg)",
+    transform: "rotate(45deg)"
+  },
+  ".leaflet-popup-content-wrapper, .leaflet-popup-tip": {
+    background: "white",
+    color: "#333",
+    boxShadow: "0 3px 14px rgba(0,0,0,0.4)"
+  },
+  ".leaflet-container a.leaflet-popup-close-button": {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    border: "none",
+    textAlign: "center",
+    width: "24px",
+    height: "24px",
+    font: "16px/24px Tahoma, Verdana, sans-serif",
+    color: "#757575",
+    textDecoration: "none",
+    background: "transparent"
+  },
+  ".leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus": {
+    color: "#585858"
+  },
+  ".leaflet-popup-scrolled": {
+    overflow: "auto"
+  },
+  ".leaflet-oldie .leaflet-popup-content-wrapper": {
+    // @ts-ignore - msZoom no está en el tipo CSSProperties
+    msZoom: 1
+  },
+  ".leaflet-oldie .leaflet-popup-tip": {
+    width: "24px",
+    margin: "0 auto",
+    // @ts-ignore - msFilter no está en el tipo CSSProperties
+    msFilter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)",
+    filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"
+  },
+  ".leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip": {
+    border: "1px solid #999"
+  },
+  /* div icon */
+  ".leaflet-div-icon": {
+    background: "#fff",
+    border: "1px solid #666"
+  },
+  /* Tooltip */
+  /* Base styles for the element that has a tooltip */
+  ".leaflet-tooltip": {
+    position: "absolute",
+    padding: "6px",
+    backgroundColor: "#fff",
+    border: "1px solid #fff",
+    borderRadius: "3px",
+    color: "#222",
+    whiteSpace: "nowrap",
+    WebkitUserSelect: "none",
+    MozUserSelect: "none",
+    msUserSelect: "none",
+    userSelect: "none",
+    pointerEvents: "none",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.4)"
+  },
+  ".leaflet-tooltip.leaflet-interactive": {
+    cursor: "pointer",
+    pointerEvents: "auto"
+  },
+  ".leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before": {
+    position: "absolute",
+    pointerEvents: "none",
+    border: "6px solid transparent",
+    background: "transparent",
+    content: '""'
+  },
+  /* Directions */
+  ".leaflet-tooltip-bottom": {
+    marginTop: "6px"
+  },
+  ".leaflet-tooltip-top": {
+    marginTop: "-6px"
+  },
+  ".leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before": {
+    left: "50%",
+    marginLeft: "-6px"
+  },
+  ".leaflet-tooltip-top:before": {
+    bottom: 0,
+    marginBottom: "-12px",
+    borderTopColor: "#fff"
+  },
+  ".leaflet-tooltip-bottom:before": {
+    top: 0,
+    marginTop: "-12px",
+    marginLeft: "-6px",
+    borderBottomColor: "#fff"
+  },
+  ".leaflet-tooltip-left": {
+    marginLeft: "-6px"
+  },
+  ".leaflet-tooltip-right": {
+    marginLeft: "6px"
+  },
+  ".leaflet-tooltip-left:before, .leaflet-tooltip-right:before": {
+    top: "50%",
+    marginTop: "-6px"
+  },
+  ".leaflet-tooltip-left:before": {
+    right: 0,
+    marginRight: "-12px",
+    borderLeftColor: "#fff"
+  },
+  ".leaflet-tooltip-right:before": {
+    left: 0,
+    marginLeft: "-12px",
+    borderRightColor: "#fff"
+  },
+  /* Printing */
+  ".leaflet-control-print": {
+    WebkitPrintColorAdjust: "exact",
+    printColorAdjust: "exact"
+  }
+};
+export {
+  leafletAllStyles as l
+};

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

@@ -4,5 +4,5 @@ export declare const mapClasses: MapClasses;
 /**
  * TODO: Documentar
  */
-export declare const useMapUtilityClasses: (_ownerState: OwnerState) => Record<"root" | "active" | "disabled" | "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 declare const useMapUtilityClasses: (_ownerState: OwnerState) => Record<"active" | "disabled" | "root" | "topLeftToolsRoot" | "topRigthToolsRoot" | "zoomButtons" | "markerLayerRoot" | "markerLayerIcon" | "markerLayerLabel" | "featureLabel" | "measureMarkerRoot" | "measureMarkerContainer" | "measureMarkerSvgRoot" | "measureMarkerContainerRhomb" | "measureMarkerContainerSlot" | "measureMarkerContainerSlotNumber" | "measureLabelMarkerRoot" | "measureLabelMarkerContainer" | "measureLabelMarkerDistance" | "measureLabelMarkerRemove" | "layersPopoverRoot" | "markerLayerLabelInner", string>;
 export type Classes = ReturnType<typeof useMapUtilityClasses>;

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

@@ -1,13 +1,13 @@
 import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
-import { g as getComponentUtilityClass } from "../../../../../utils/getComponentUtilityClass.js";
-const mapClasses = generateUtilityClasses(COMPONET_KEY_COMPONENT, [
+import "@mui/base";
+import { M as MAP_COMPONET_KEY_COMPONENT } from "../constants.js";
+const mapClasses = generateUtilityClasses(MAP_COMPONET_KEY_COMPONENT, [
   /* elements */
   "root",
   //Control tools
   "topLeftToolsRoot",
   "topRigthToolsRoot",
+  "bottomRightToolsRoot",
   "zoomButtons",
   //Tipos de capas de los features
   "markerLayerRoot",
@@ -16,17 +16,10 @@ const mapClasses = generateUtilityClasses(COMPONET_KEY_COMPONENT, [
   "markerLayerLabelInner",
   //Etiqueta de los features
   "featureLabel",
-  //Measure tool
-  "meaureToolRoot",
-  "measureToolFormValue",
-  "measureToolFormValueDistance",
-  "measureToolFormValueSymbol",
-  "measureToolLabel",
-  "meausureToolLabelDistance",
-  "meausureToolLabelSymbol",
   //Meauser Marcas
   "measureMarkerRoot",
   "measureMarkerContainer",
+  "measureMarkerSvgRoot",
   "measureMarkerContainerRhomb",
   "measureMarkerContainerSlot",
   "measureMarkerContainerSlotNumber",
@@ -34,15 +27,6 @@ const mapClasses = generateUtilityClasses(COMPONET_KEY_COMPONENT, [
   "measureLabelMarkerContainer",
   "measureLabelMarkerDistance",
   "measureLabelMarkerRemove",
-  /**
-   * Map sources
-   */
-  "mapSourcesPopoverRoot",
-  "mapSourcesRoot",
-  "mapSourcesOption",
-  "mapSourcesOptionIconLabel",
-  "mapSourcesOptionRoadOptions",
-  "mapSourcesOptionRoadOptionsCheck",
   /**
    * Layers
    */
@@ -51,60 +35,6 @@ const mapClasses = generateUtilityClasses(COMPONET_KEY_COMPONENT, [
   "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
+  mapClasses as m
 };