@m4l/gclick 0.3.0 → 0.3.1-beta.1

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/MeasureTool.styles.js

@@ -1,15 +1,15 @@
-import { m as mapClasses } from "../../../../../../classes/index.js";
-import { S as STYLE_MEASURE_OPTIONS } from "./constants.js";
-import { getTypographyStyles } from "@m4l/components";
-import { BASE_COLORS, BASE_OPACITY_COLORS } from "@m4l/styles";
-const mapMeasureToolStyles = {
+import { mapClasses as r } from "../../../../../../classes/index.js";
+import { STYLE_MEASURE_OPTIONS as a } from "./constants.js";
+import { getTypographyStyles as o } from "@m4l/components";
+import { BASE_COLORS as i, BASE_OPACITY_COLORS as s } from "@m4l/styles";
+const d = {
   /**
    * Estilos del componente MapSourcesTool
    */
-  mapMeasureToolRoot: ({ theme }) => ({
+  mapMeasureToolRoot: ({ theme: e }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp3,
+    gap: e.vars.size.baseSpacings.sp3,
     position: "absolute",
     left: "-16px",
     top: "-16px",
@@ -17,15 +17,15 @@ const mapMeasureToolStyles = {
     bottom: "-16px",
     overflowX: "hidden",
     overflowY: "auto",
-    margin: theme.vars.size.baseSpacings.sp3
+    margin: e.vars.size.baseSpacings.sp3
   }),
   /**
    * Estilos del componente MapMeasureToolDataContainer
    */
-  mapMeasureToolDataContainer: ({ theme }) => ({
+  mapMeasureToolDataContainer: ({ theme: e }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp4
+    gap: e.vars.size.baseSpacings.sp4
   }),
   /**
    * Estilos del componente MapMeasureToolAutocomplete
@@ -37,48 +37,47 @@ const mapMeasureToolStyles = {
   /**
    * Estilos del componente MapMeasureToolValueContainer
    */
-  mapMeasureToolValueContainer: ({ theme }) => ({
+  mapMeasureToolValueContainer: ({ theme: e }) => ({
     alignSelf: "center",
     display: "flex",
     width: "100%",
     justifyContent: "center",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    padding: theme.vars.size.baseSpacings.sp2,
-    backgroundColor: theme.vars.palette.primary.opacity,
-    borderRadius: theme.vars.size.borderRadius.r2,
+    gap: e.vars.size.baseSpacings["sp0-5"],
+    padding: e.vars.size.baseSpacings.sp2,
+    backgroundColor: e.vars.palette.primary.opacity,
+    borderRadius: e.vars.size.borderRadius.r2,
     alignItems: "flex-end"
   }),
   /**
    * Estilos del componente MapMeasureToolValue
    */
-  mapMeasureToolValue: ({ theme }) => ({
-    color: theme.vars.palette.primary.semanticText
+  mapMeasureToolValue: ({ theme: e }) => ({
+    color: e.vars.palette.primary.semanticText
   }),
   /**
    * Estilos del componente MapMeasureToolValueUnit
    */
-  mapMeasureToolValueUnit: ({ theme }) => ({
+  mapMeasureToolValueUnit: ({ theme: e }) => ({
     paddingBottom: "3px",
-    color: `${theme.vars.palette.primary.semanticText} !important`
+    color: `${e.vars.palette.primary.semanticText} !important`
   })
-};
-const getMapContainerMeasureToolStyles = (theme) => ({
-  [`& .${mapClasses.measureMarkerRoot}`]: {
+}, g = (e) => ({
+  [`& .${r.measureMarkerRoot}`]: {
     "--color": "green"
   },
-  [`& .${mapClasses.measureMarkerContainer}`]: {
+  [`& .${r.measureMarkerContainer}`]: {
     position: "relative",
     cursor: "pointer"
   },
-  [`& .${mapClasses.measureMarkerSvgRoot}`]: {
+  [`& .${r.measureMarkerSvgRoot}`]: {
     overflow: "hidden",
-    stroke: theme.vars.palette.primary.light,
+    stroke: e.vars.palette.primary.light,
     filter: "drop-shadow(0px 2px 3px rgba(0, 0, 0, .2))",
     strokeWidth: "2px",
-    width: `${STYLE_MEASURE_OPTIONS.markerWidth}px`,
-    height: `${STYLE_MEASURE_OPTIONS.markerHeight}px`
+    width: `${a.markerWidth}px`,
+    height: `${a.markerHeight}px`
   },
-  [`& .${mapClasses.measureMarkerContainerRhomb}`]: {
+  [`& .${r.measureMarkerContainerRhomb}`]: {
     position: "absolute",
     filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
     width: "31px",
@@ -88,7 +87,7 @@ const getMapContainerMeasureToolStyles = (theme) => ({
     backgroundColor: "var(--color)",
     transform: "rotate(-45deg)"
   },
-  [`& .${mapClasses.measureMarkerContainerSlot}`]: {
+  [`& .${r.measureMarkerContainerSlot}`]: {
     position: "absolute",
     background: "#fff",
     borderRadius: "50%",
@@ -98,36 +97,36 @@ const getMapContainerMeasureToolStyles = (theme) => ({
     width: "26px",
     height: "24px"
   },
-  [`& .${mapClasses.measureMarkerContainerSlotNumber}`]: {
+  [`& .${r.measureMarkerContainerSlotNumber}`]: {
     fontSize: "14px",
     fontWeight: "600",
     textAlign: "center",
     marginTop: "1px",
-    color: theme.vars.palette.primary.main
+    color: e.vars.palette.primary.main
   },
   //Marker Point Label
-  [`& .${mapClasses.measureLabelMarkerRoot}`]: {
-    "--color": BASE_OPACITY_COLORS.marble[60]
+  [`& .${r.measureLabelMarkerRoot}`]: {
+    "--color": s.marble[60]
   },
-  [`& .${mapClasses.measureLabelMarkerContainer}`]: {
-    border: `2px solid ${BASE_COLORS.marbleLight[10]}`,
+  [`& .${r.measureLabelMarkerContainer}`]: {
+    border: `2px solid ${i.marbleLight[10]}`,
     backdropFilter: "blur(4px)",
     boxShadow: "0 0 6px 0 rgba(0, 0, 0, 0.20)",
     backgroundColor: "var(--color)",
-    padding: ` ${theme.vars.size.baseSpacings.sp1} ${theme.vars.size.baseSpacings.sp1} ${theme.vars.size.baseSpacings["sp1"]} ${theme.vars.size.baseSpacings.sp1} `,
-    borderRadius: theme.vars.size.borderRadius["r1-5"],
+    padding: ` ${e.vars.size.baseSpacings.sp1} ${e.vars.size.baseSpacings.sp1} ${e.vars.size.baseSpacings.sp1} ${e.vars.size.baseSpacings.sp1} `,
+    borderRadius: e.vars.size.borderRadius["r1-5"],
     color: "#fff",
     width: "fit-content",
     overflow: "hidden",
     // width: '80px',
     maxWidth: "80px"
   },
-  [`& .${mapClasses.measureLabelMarkerDistance}`]: {
-    color: theme.vars.palette.text.primary,
-    paddingRight: theme.vars.size.baseSpacings.sp1,
+  [`& .${r.measureLabelMarkerDistance}`]: {
+    color: e.vars.palette.text.primary,
+    paddingRight: e.vars.size.baseSpacings.sp1,
     fontFamily: "Jura",
-    ...getTypographyStyles(
-      theme.generalSettings.isMobile,
+    ...o(
+      e.generalSettings.isMobile,
       "medium",
       "subtitleDens"
     ),
@@ -135,10 +134,10 @@ const getMapContainerMeasureToolStyles = (theme) => ({
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
   },
-  [`& .${mapClasses.measureLabelMarkerRemove}`]: {
-    color: theme.vars.palette.text.secondary,
-    ...getTypographyStyles(
-      theme.generalSettings.isMobile,
+  [`& .${r.measureLabelMarkerRemove}`]: {
+    color: e.vars.palette.text.secondary,
+    ...o(
+      e.generalSettings.isMobile,
       "medium",
       "body"
     ),
@@ -149,6 +148,6 @@ const getMapContainerMeasureToolStyles = (theme) => ({
   }
 });
 export {
-  getMapContainerMeasureToolStyles as g,
-  mapMeasureToolStyles as m
+  g as getMapContainerMeasureToolStyles,
+  d as mapMeasureToolStyles
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/constants.d.ts

@@ -53,3 +53,4 @@ export declare const MAGNITUDE_FACTOR_ITEMS: ({
     factor_x2: number;
     decimalDigits: number;
 })[];
+//# sourceMappingURL=constants.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,sBAAsB;;;CAA8B,CAAC;AAClE,eAAO,MAAM,sBAAsB;;;CAA8B,CAAC;AAClE,eAAO,MAAM,yBAAyB;;;CAAgC,CAAC;AACvE,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAC5C,eAAO,MAAM,oBAAoB;;;CAA+B,CAAC;AACjE,eAAO,MAAM,mBAAmB,EAAE,iBAYjC,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;;;;;;CASjC,CAAC;AAGF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;IA2BlC,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/constants.js

@@ -1,5 +1,5 @@
-import { M as MAP_DICCTIONARY } from "../../../../../../dictionary.js";
-const INITIAL_FORM_VALUES = {
+import { MAP_DICCTIONARY as a } from "../../../../../../dictionary.js";
+const t = {
   /** General Data */
   statusLoad: "ready",
   reInits: 0,
@@ -11,8 +11,7 @@ const INITIAL_FORM_VALUES = {
   /** de Apoyo */
   statusEdition: "initial"
   // geometry: null ,
-};
-const STYLE_MEASURE_OPTIONS = {
+}, r = {
   strokeLineWeight: 4,
   markerHeight: 38,
   markerWidth: 32,
@@ -20,12 +19,11 @@ const STYLE_MEASURE_OPTIONS = {
   labelMarkerWidth: 0,
   labelMarkerAnchorY: 25,
   labelMarkerAnchorX: -23
-};
-const MAGNITUDE_FACTOR_ITEMS = [
+}, _ = [
   {
     id: "k",
-    dictionaryLabelId: MAP_DICCTIONARY.LABEL_MEASURE_UNIT_KILOMETERS,
-    dictionarySymbolId: MAP_DICCTIONARY.LABEL_MEASURE_UNIT_KILOMETERS_SYMBOL,
+    dictionaryLabelId: a.LABEL_MEASURE_UNIT_KILOMETERS,
+    dictionarySymbolId: a.LABEL_MEASURE_UNIT_KILOMETERS_SYMBOL,
     factor_x0: 0,
     factor_x1: 1,
     factor_x2: 0,
@@ -33,8 +31,8 @@ const MAGNITUDE_FACTOR_ITEMS = [
   },
   {
     id: "m",
-    dictionaryLabelId: MAP_DICCTIONARY.LABEL_MEASURE_UNIT_METERS,
-    dictionarySymbolId: MAP_DICCTIONARY.LABEL_MEASURE_UNIT_METERS_SYMBOL,
+    dictionaryLabelId: a.LABEL_MEASURE_UNIT_METERS,
+    dictionarySymbolId: a.LABEL_MEASURE_UNIT_METERS_SYMBOL,
     factor_x0: 0,
     factor_x1: 1e3,
     factor_x2: 0,
@@ -42,8 +40,8 @@ const MAGNITUDE_FACTOR_ITEMS = [
   },
   {
     id: "mi",
-    dictionaryLabelId: MAP_DICCTIONARY.LABEL_MEASURE_UNIT_MILES,
-    dictionarySymbolId: MAP_DICCTIONARY.LABEL_MEASURE_UNIT_MILES_SYMBOL,
+    dictionaryLabelId: a.LABEL_MEASURE_UNIT_MILES,
+    dictionarySymbolId: a.LABEL_MEASURE_UNIT_MILES_SYMBOL,
     factor_x0: 0,
     factor_x1: 0.621371,
     factor_x2: 0,
@@ -51,7 +49,7 @@ const MAGNITUDE_FACTOR_ITEMS = [
   }
 ];
 export {
-  INITIAL_FORM_VALUES as I,
-  MAGNITUDE_FACTOR_ITEMS as M,
-  STYLE_MEASURE_OPTIONS as S
+  t as INITIAL_FORM_VALUES,
+  _ as MAGNITUDE_FACTOR_ITEMS,
+  r as STYLE_MEASURE_OPTIONS
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/helpers.d.ts

@@ -38,3 +38,4 @@ export declare const getMagnitudeFactor: (magnitude: string) => {
     factor_x2: number;
     decimalDigits: number;
 };
+//# sourceMappingURL=helpers.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,CAAC,MAAM,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAWzC;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,cAoBnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,cAgBlD,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,GAAG,SAAS,EAAE,UAAU,YAAY,cAmBvF,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAEnD,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/helpers.js

@@ -1,53 +1,45 @@
-import { M as MAGNITUDE_FACTOR_ITEMS, S as STYLE_MEASURE_OPTIONS } from "../../constants.js";
-import { m as mapClasses } from "../../../../../../../../classes/index.js";
-import { M as MAP_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import L__default from "leaflet";
-const getMarkerPointIcon2 = (position) => {
-  return L__default.divIcon({
-    className: mapClasses.measureMarkerRoot,
-    html: `<div  class="${mapClasses.measureMarkerContainer}">
+import { MAGNITUDE_FACTOR_ITEMS as i, STYLE_MEASURE_OPTIONS as e } from "../../constants.js";
+import { mapClasses as r } from "../../../../../../../../classes/index.js";
+import { MAP_DICCTIONARY as s } from "../../../../../../../../dictionary.js";
+import t from "leaflet";
+const M = (a) => t.divIcon({
+  className: r.measureMarkerRoot,
+  html: `<div  class="${r.measureMarkerContainer}">
             <svg
-              xmlns="http://www.w3.org/2000/svg" viewBox="-3982 1178 40 46.658" class="${mapClasses.measureMarkerSvgRoot}">
+              xmlns="http://www.w3.org/2000/svg" viewBox="-3982 1178 40 46.658" class="${r.measureMarkerSvgRoot}">
               <g fill="#fff">
                 <path d="M -3962 1223.328857421875 L -3962.658447265625 1222.752685546875 L -3969.23291015625 1217 L -3975.999755859375 1217 C -3978.757080078125 1217 -3981.000244140625 1214.7568359375 -3981.000244140625 1211.999633789063 L -3981.000244140625 1183.999877929688 C -3981.000244140625 1181.24267578125 -3978.757080078125 1178.99951171875 -3975.999755859375 1178.99951171875 L -3948.000244140625 1178.99951171875 C -3945.242919921875 1178.99951171875 -3942.999755859375 1181.24267578125 -3942.999755859375 1183.999877929688 L -3942.999755859375 1211.999633789063 C -3942.999755859375 1214.7568359375 -3945.242919921875 1217 -3948.000244140625 1217 L -3954.76708984375 1217 L -3961.341552734375 1222.752685546875 L -3962 1223.328857421875 Z" fill="#FFF"></path>
               </g>
             </svg>    
-            <div  class="${mapClasses.measureMarkerContainerSlot}">
-                <div  class="${mapClasses.measureMarkerContainerSlotNumber}">
-                    ${position}
+            <div  class="${r.measureMarkerContainerSlot}">
+                <div  class="${r.measureMarkerContainerSlotNumber}">
+                    ${a}
                 </div>
             </div>
         </div>
         `,
-    iconSize: [STYLE_MEASURE_OPTIONS.markerWidth, STYLE_MEASURE_OPTIONS.markerHeight],
-    // tamaño del icono
-    iconAnchor: [STYLE_MEASURE_OPTIONS.markerWidth / 2, STYLE_MEASURE_OPTIONS.markerHeight]
-    // punto de anclaje, el mismo que el de la imagen
-  });
-};
-const getMarkerPointLabel = (distance, getLabel) => {
-  return L__default.divIcon({
-    className: mapClasses.measureLabelMarkerRoot,
-    html: `<div  class="${mapClasses.measureLabelMarkerContainer}">
-        ${distance ? `<span class="${mapClasses.measureLabelMarkerDistance}">${distance}</span>` : ""}
-        <div class="${mapClasses.measureLabelMarkerRemove}">${getLabel(
-      MAP_DICCTIONARY.LABEL_MEASURE_REMOVE_POINT
-    )}</div>
+  iconSize: [e.markerWidth, e.markerHeight],
+  // tamaño del icono
+  iconAnchor: [e.markerWidth / 2, e.markerHeight]
+  // punto de anclaje, el mismo que el de la imagen
+}), d = (a, o) => t.divIcon({
+  className: r.measureLabelMarkerRoot,
+  html: `<div  class="${r.measureLabelMarkerContainer}">
+        ${a ? `<span class="${r.measureLabelMarkerDistance}">${a}</span>` : ""}
+        <div class="${r.measureLabelMarkerRemove}">${o(
+    s.LABEL_MEASURE_REMOVE_POINT
+  )}</div>
         </div>`,
-    iconSize: [STYLE_MEASURE_OPTIONS.labelMarkerWidth, STYLE_MEASURE_OPTIONS.labelMarkerHeight],
-    // tamaño del label
-    iconAnchor: [
-      STYLE_MEASURE_OPTIONS.labelMarkerAnchorX,
-      STYLE_MEASURE_OPTIONS.labelMarkerAnchorY
-    ]
-    //
-  });
-};
-const getMagnitudeFactor = (magnitude) => {
-  return MAGNITUDE_FACTOR_ITEMS.find((item) => item.id === magnitude) || MAGNITUDE_FACTOR_ITEMS[0];
-};
+  iconSize: [e.labelMarkerWidth, e.labelMarkerHeight],
+  // tamaño del label
+  iconAnchor: [
+    e.labelMarkerAnchorX,
+    e.labelMarkerAnchorY
+  ]
+  //
+}), k = (a) => i.find((o) => o.id === a) || i[0];
 export {
-  getMarkerPointIcon2 as a,
-  getMarkerPointLabel as b,
-  getMagnitudeFactor as g
+  k as getMagnitudeFactor,
+  M as getMarkerPointIcon2,
+  d as getMarkerPointLabel
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/index.d.ts

@@ -11,3 +11,4 @@ export declare function useMeasure(): {
     symbol: string;
     value: number;
 };
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C;;;;;GAKG;AACH,wBAAgB,UAAU;;;;;EAkXzB"}