@m4l/components 0.2.36 → 1.0.0

package/components/maps/components/GpsTools/{index.4ea69dd1.js → index.75880ce0.js}

@@ -1,45 +1,37 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { createContext, useRef, useEffect, useContext, useState, useMemo, useCallback } from "react";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment, useHostTools, useNetwork, useModulePrivileges, usePaginate } from "@m4l/core";
-import { u as useMapStore, C as CommonFeatureRender, M as MAP_ZINDEX_OVER_MAP, b as MAP_DICCTIONARY } from "../Map/index.62b7d09b.js";
+import { M as MAP_DICCTIONARY } from "../../../areas/dictionary.7e74022a.js";
 import { shallow } from "zustand/shallow";
 import { createStore, useStore } from "zustand";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
+import { u as useMapStore, C as CommonFeatureRender } from "../../index.8ec46ce4.js";
+import { a9 as GeofencesFeaturesLayers, aa as COMPONENT_CLASS_NAME, M as MAP_ZINDEX_OVER_MAP, ab as COMPONENT_MAP_TOOLS_ID, ac as initialValues, ad as STROKE_COLOR_DEFAULT, ae as STROKE_OPACITY_DEFAULT, af as STROKE_WHEIGTH_DEFAULT, ag as STROKE_DASH_ARRAY_DEFAULT, ah as FILL_COLOR_DEFAULT, ai as FILL_OPACITY_DEFAULT, aj as STYLE_OPACITIES, ak as STYLE_WHEIGHTS, al as STYLE_PATTERNS, am as ENDPOINT_GEOFENCE_NEW_EDIT, an as ENDPOINT_GEOFENCE_GET } from "../../../areas/constants.5387d83e.js";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import clsx from "clsx";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.48d809e2.js";
-import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js";
+import { G as GPSTOOLSICONS } from "../../../areas/icons.504ec098.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.d9168c12.js";
+import { j as ColumnDateFormatter, d as Actions, H as HelperError, B as Button, k as ActionFormIntro, a as RHFTextField, S as Stack, R as RHFAutocomplete, l as RHFColorPicker, m as Tabs, n as Tab, o as Tooltip, p as TabContent, q as TabProvider, g as DataGrid } from "../../../../vendor.a1ce6777.js";
 import { useFormContext, useWatch } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index.c8b046b7.js";
-import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.8fb6232a.js";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.4f212c39.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.273645af.js";
-import { B as Button } from "../../../mui_extended/Button/index.5395d101.js";
+import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.18669fb4.js";
 import { useMap } from "react-leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
 import * as L from "leaflet";
-import { u as useTab } from "../../../../hooks/useTab/index.f7973779.js";
-import { P as PaperForm } from "../../../PaperForm/index.9f6fd02d.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.ea2ac2b1.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.fa97889a.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.fe363ca5.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.5e59580c.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.8c939bfd.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.c5ad86e2.js";
-import { T as Tooltip } from "../../../mui_extended/Tooltip/index.49bb5ee1.js";
+import { u as useTab } from "../../../../hooks/useTab/index.bce8b99e.js";
+import { P as PaperForm } from "../../../PaperForm/index.8121e3da.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.9572c347.js";
 import * as Yup from "yup";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.bf3a2812.js";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.9b27ca02.js";
-import { u as useModal } from "../../../../hooks/useModal/index.30674bb7.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.48140481.js";
-import { c as DataGrid } from "../../../DataGrid/index.304437ee.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.dc955a09.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.f156a2cd.js";
+import { u as useModal } from "../../../../hooks/useModal/index.ef54bcf2.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.e35da619.js";
 enableMapSet();
 const createGpsToolsStore = (initProps) => {
   const startProps = {
@@ -179,14 +171,6 @@ function useGpsToolsStore(selector, equalityFn) {
     throw new Error("useGpsToolsStore context must be use inside GpsToolsContext");
   return useStore(context, selector, equalityFn);
 }
-const ENDPOINT_GEOFENCE_GET = "geofences";
-const ENDPOINT_GEOFENCE_NEW_EDIT = "geofences";
-var GeofencesFeaturesLayers = /* @__PURE__ */ ((GeofencesFeaturesLayers2) => {
-  GeofencesFeaturesLayers2["LAYER_GEOFENCES"] = "geofences";
-  GeofencesFeaturesLayers2["LAYER_GEOFENCES_TRANSIT_FEATURES"] = "geofencesCrossingFeatures";
-  GeofencesFeaturesLayers2["LAYER_GEOFENCES_INTERNAL_FEATURES"] = "geofencesInternalFeatures";
-  return GeofencesFeaturesLayers2;
-})(GeofencesFeaturesLayers || {});
 function useLayers() {
   const { addLayer, removeLayer } = useMapStore((state) => state.mapActions, shallow);
   const { init } = useGpsToolsStore((state) => state.gpsToolsActions, shallow);
@@ -235,70 +219,6 @@ function useLayers() {
     };
   }, []);
 }
-const COMPONENT_CLASS_NAME = "M4LGpsTools";
-const COMPONENT_MAP_TOOLS_ID = "gps_tools";
-const STYLE_OPACITIES = [
-  {
-    value: 0,
-    label: "0%"
-  },
-  {
-    value: 0.1,
-    label: "10%"
-  },
-  {
-    value: 0.2,
-    label: "20%"
-  },
-  {
-    value: 0.3,
-    label: "30%"
-  },
-  {
-    value: 0.4,
-    label: "40%"
-  },
-  {
-    value: 0.5,
-    label: "50%"
-  },
-  {
-    value: 1,
-    label: "100%"
-  }
-];
-const STYLE_WHEIGHTS = [
-  {
-    value: 0,
-    label: "0px"
-  },
-  {
-    value: 1,
-    label: "1px"
-  },
-  {
-    value: 2,
-    label: "2px"
-  },
-  {
-    value: 3,
-    label: "3px"
-  },
-  {
-    value: 4,
-    label: "4px"
-  }
-];
-const STYLE_PATTERNS = [
-  {
-    value: "",
-    label: "------"
-  },
-  {
-    value: "4 1 2",
-    label: "-- - - --"
-  }
-];
 const gpsToolsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "gpsToolsRoot",
   "gpsToolsTab",
@@ -336,21 +256,6 @@ const DivGpsToolsRoot = styled("div")`
 
   ${(props) => props.theme.components?.M4LGpsTools?.styleOverrides}
 `;
-const GPSTOOLSICONS = {
-  GEOMETRY_CIRCLE: "geometry_circle.svg",
-  GEOMETRY_RECTANGLE: "geometry_rectangle.svg",
-  GEOMETRY_POLYGON: "geometry_polygon.svg",
-  ADD: "add.svg",
-  MEASURE: "measure.svg",
-  GENERAL: "general.svg",
-  CONFIG: "config.svg",
-  STROKE: "stroke.svg",
-  FILL: "fill.svg",
-  EDIT: "edit.svg",
-  DELETE: "delete.svg",
-  ACTIVE: "active.svg",
-  NAME: "name.svg"
-};
 function Filter(props) {
   const { refresh, setBackendQueryParams } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -454,33 +359,6 @@ function MyActions(props) {
     /* @__PURE__ */ jsx(ActionFormIntro, { disabled: inEdition })
   ] });
 }
-const STROKE_COLOR_DEFAULT = "#aaccaa";
-const STROKE_OPACITY_DEFAULT = { value: 1, label: "100%" };
-const STROKE_WHEIGTH_DEFAULT = { value: 1, label: "1 px" };
-const STROKE_DASH_ARRAY_DEFAULT = { value: "", label: "-----" };
-const FILL_COLOR_DEFAULT = "#aa3000";
-const FILL_OPACITY_DEFAULT = { value: 0.2, label: "20%" };
-const initialValues = {
-  name: "",
-  geofenceType: null,
-  alias: null,
-  customerId: null,
-  timeMinInSeconds: 5,
-  timeMinOutSeconds: 5,
-  inEdition: false,
-  geometry: null,
-  lat: null,
-  lng: null,
-  properties: {
-    radius: null,
-    strokeColor: STROKE_COLOR_DEFAULT,
-    strokeOpacity: STROKE_OPACITY_DEFAULT,
-    strokeWeight: STROKE_WHEIGTH_DEFAULT,
-    strokeDashArray: STROKE_DASH_ARRAY_DEFAULT,
-    fillColor: FILL_COLOR_DEFAULT,
-    fillOpacity: FILL_OPACITY_DEFAULT
-  }
-};
 const formatDataEnpoint = (response) => {
   try {
     const { data } = response;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/styles.d.ts

@@ -1,11 +1,6 @@
 /// <reference types="react" />
-export declare const StackGeofenceListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
-    ref?: import("react").Ref<unknown> | undefined;
-    children?: import("react").ReactNode;
-    direction?: import("@mui/system").ResponsiveStyleValue<"column" | "row" | "column-reverse" | "row-reverse"> | undefined;
-    spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
-    divider?: import("react").ReactNode;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StackGeofenceListRoot: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "ref" | "children" | "direction" | keyof import("@mui/material/OverridableComponent").CommonProps | ("px" | "p" | "top" | "minWidth" | "maxWidth" | "width" | "gridTemplateRows" | "right" | "left" | "height" | "bottom" | "gridTemplateColumns" | "color" | "flex" | "margin" | "boxSizing" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textTransform" | "position" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "boxShadow" | "maxHeight" | "minHeight" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "textAlign") | "sx" | "spacing" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/components/maps/{components/Map/index.62b7d09b.js → index.8ec46ce4.js}

@@ -9,24 +9,18 @@ import { createPortal } from "react-dom";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment, useModulePrivileges } from "@m4l/core";
 import clsx from "clsx";
 import { useFormContext, useWatch } from "react-hook-form";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.273645af.js";
-import { B as Button } from "../../../mui_extended/Button/index.5395d101.js";
+import { M as MAP_DICCTIONARY } from "../areas/dictionary.7e74022a.js";
+import { d as Actions, B as Button, c as RHFAutocompleteAsync, S as Stack, r as ColumnSetCheckFormatter, g as DataGrid, s as CheckBox, P as Popover } from "../../vendor.a1ce6777.js";
 import * as Yup from "yup";
-import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.98dcf0de.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.fe363ca5.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.bf3a2812.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.b0ee4965.js";
-import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.8fb6232a.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.0cd347b4.js";
-import { c as DataGrid } from "../../../DataGrid/index.304437ee.js";
+import { ao as COMPONENT_CLASS_NAME, ap as STYLE_MEASURE_OPTIONS, aq as MAP_ZINDEX_DEFAULT, ar as INITIAL_FORM_VALUES, as as GPS_TOOLS_POPUP_DEFAULT_POSITION, at as MESURE_POPUP_DEFAULT_POSITION, au as TIME_DOUBLE_CLICK, av as MARKER_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT, u as LABEL_COLOR_DEFAULT, aw as SVG_ICON_DEFAULT } from "../areas/constants.5387d83e.js";
+import { u as useFormReadyForUpdate } from "../../hooks/useFormReadyForUpdate/index.f60f500e.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.dc955a09.js";
+import { M as MAP_ICONS } from "../areas/icons.504ec098.js";
+import { a as IconButton, T as ToggleIconButton, I as Icon, M as MarkerIconLabel } from "../Icon/index.d5fed418.js";
+import { u as usePopupsStore, P as PopupsProvider } from "../popups/PopupsProvider/index.18669fb4.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
-import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.ee7b85c9.js";
-import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.256169f0.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.4e7340b4.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.813854e4.js";
+import { u as useStateRef } from "../../hooks/useStateRef/index.538edb89.js";
+import { P as PopupsViewer } from "../popups/PopupsViewer/index.ba354267.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";
@@ -37,44 +31,8 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.0718eeac.js";
-import { b as bearingRawToCSS } from "../../index.13bb982c.js";
+import { g as getComponentUtilityClass } from "../../utils/index.9ee4c99a.js";
 import "leaflet-polylinedecorator";
-const COMPONENT_CLASS_NAME = "M4LMap";
-const MAP_ZINDEX_DEFAULT = 0;
-const MAP_ZINDEX_OVER_MAP = 1100;
-const TIME_DOUBLE_CLICK = 250;
-const MARKER_COLOR_DEFAULT = "#1E96DC";
-const LABEL_BK_COLOR_DEFAULT = "#1E96DC";
-const LABEL_COLOR_DEFAULT = "#FFFFFF";
-const GPS_TOOLS_POPUP_DEFAULT_POSITION = {
-  vertical: { top: 50, bottom: 50 },
-  horizontal: { right: 50, width: 380 }
-};
-const MESURE_POPUP_DEFAULT_POSITION = {
-  vertical: { top: 50, height: 250 },
-  horizontal: { right: 50, width: 300 }
-};
-const SVG_ICON_DEFAULT = `<svg viewBox="0 0 640 640" height="32" width="32" xmlns="http://www.w3.org/2000/svg">
-<g>
-    <circle
-        cx="320"
-        cy="320"
-        r="280"
-        fill="#1E96DC"
-    />
-    <text
-        x="320"
-        y="320"
-        font-size="320"
-        font-family="sans-serif"
-        fill="#FFFFFF"
-        text-anchor="middle"
-        alignment-baseline="central"
-        dominant-baseline="central"
-    >P</text>
-</g>
-</svg>`;
 const updateOwnerStateClasses = (_state) => {
 };
 const mapClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
@@ -152,113 +110,6 @@ const useMapUtilityClasses = (_ownerState) => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(COMPONENT_CLASS_NAME), {});
 };
-const MAP_DICCTIONARY = {
-  LABEL_GPSTOOLS_NAME: "label_gpstools_name",
-  LABEL_TAB_GEO: "label_tab_geo",
-  TAB_GENERAL_CONFIG_TOOLTIP: "tab_general_config_tooltip",
-  PAPER_GENERAL: "paper_general",
-  LABEL_ID: "label_id",
-  LABEL_NAME: "label_name",
-  LABEL_GEOMETRY_TYPE: "label_geometry_type",
-  LABEL_GEOMETRY_CIRCLE: "label_geometry_circle",
-  LABEL_GEOMETRY_RECTANGLE: "label_geometry_rectangle",
-  LABEL_GEOMETRY_POLYGON: "label_geometry_polygon",
-  LABEL_DRAW: "label_draw",
-  LABEL_FINISH: "label_finish",
-  PAPER_CONFIG: "paper_config",
-  LABEL_ALIAS: "label_alias",
-  LABEL_CUSTOMER_ID: "label_customer_id",
-  LABEL_TIME_MIN_IN_SECONDS: "label_time_min_in_seconds",
-  LABEL_TIME_MIN_OUT_SECONDS: "label_time_min_out_seconds",
-  TAB_STYLE_CONFIG_TOOLTIP: "tab_style_tooltip",
-  PAPER_STROKE: "paper_stroke",
-  LABEL_COLOR: "label_color",
-  LABEL_OPACITY: "label_opacity",
-  LABEL_WEIGHT: "label_weight",
-  LABEL_DASH_ARRAY: "label_dash_array",
-  LABEL_DASH_OFFSET: "label_dash_offset",
-  LABEL_RADIUS: "label_radius",
-  LABEL_LAT: "label_lat",
-  LABEL_LON: "label_lon",
-  LABEL_PLACE_MARKER: "label_place_marker",
-  LABEL_FIRST_VERTEX: "label_first_vertex",
-  LABEL_CONTINUE_LINE: "label_continue_line",
-  LABEL_FINISH_LINE: "label_finish_line",
-  LABEL_FINISH_POLY: "label_finish_poly",
-  LABEL_FINISH_RECT: "label_finish_rect",
-  LABEL_START_CIRCLE: "label_start_circle",
-  LABEL_FINISH_CIRCLE: "label_finish_circle",
-  LABEL_PLACE_CIRCLE_MARKER: "label_place_circle_marker",
-  VALIDATION_GEOMETRY_REQUIRED: "validation_geometry_required",
-  VALIDATION_FIELD_REQUIRED: "validation_field_required",
-  VALIDATION_FIELD_TYPE_NUMBER_ERROR: "validation_field_type_number_error",
-  LABEL_VIEW_TRANSIT_FEATURES: "label_view_crossing_features",
-  LABEL_VIEW_INTERNAL_FEATURES: "label_view_internal_features",
-  LABEL_CREATED_AT: "label_created_at",
-  LABEL_UPDATED_AT: "label_updated_at",
-  MODAL_DELETE_GEO_TITLE: "modal_delete_geo_title",
-  MODAL_DELETE_GEO_MESSAGE: "modal_delete_geo_message",
-  MODAL_DISABLE_GEO_TITLE: "modal_disable_geo_title",
-  MODAL_DISABLE_MESSAGE: "modal_disable_geo_message",
-  ROW_ACTION_GEO_EDIT: "row_action_geo_edit",
-  ROW_ACTION_GEO_ENABLE: "row_action_geo_enable",
-  ROW_ACTION_GEO_DISABLE: "row_action_geo_disable",
-  ROW_ACTION_GEO_DELETE: "row_action_geo_delete",
-  LABEL_TAB_MEASURE: "label_tab_measure",
-  PAPER_MEASURE: "paper_measure",
-  LABEL_MEASURE_START: "label_measure_start",
-  LABEL_MEASURE_CANCEL: "label_measure_cancel",
-  LABEL_MEASURE_DISTANCE: "label_measure_distance",
-  LABEL_MEASURE_AREA: "label_measure_area",
-  LABEL_MEASURE_UNIT: "label_measure_unit",
-  LABEL_MEASURE_UNIT_BASE_KILOMETERS: "label_measure_unit_base_kilometers",
-  LABEL_MEASURE_REMOVE_POINT: "label_measure_remove_point",
-  LABEL_LAYERS: "label_layes",
-  LABEL_LAYER_NAME: "label_layer_name",
-  LABEL_LAYER_VISIBLE: "label_layer_visible",
-  LABEL_LAYER_AUTOFOCUS: "label_layer_autofocus",
-  LABEL_LAYER_CLUSTER: "label_layer_cluster",
-  LABEL_LAYER_DELETE: "label_layer_delete",
-  ROW_ACTION_LAYER_DELETE: "row_action_layer_delete",
-  LABEL_MAP_SOURCES: "label_map_sources",
-  LABEL_TILE_OSM: "label_tile_osm",
-  LABEL_TILE_GOOGLE: "label_tile_google",
-  LABEL_TILE_GOOGLE_SATELLITE: "label_tile_google_satellite",
-  LABEL_TILE_GOOGLE_HYBRID: "label_tile_google_hybrid",
-  LABEL_TILE_BING: "label_tile_bing"
-};
-const MAP_ICONS = {
-  MAP_ZOOM_IN: "cmp_map_zoom_in.svg",
-  MAP_ZOOM_OUT: "cmp_map_zoom_out.svg",
-  MAP_SOURCES_TOOL: "cmp_map_mapsources_tool.svg",
-  MAP_SOURCE_OSM: "cmp_map_mapsources_osm.svg",
-  MAP_SOURCE_GOOGLE_ROADS: "cmp_map_mapsources_google.svg",
-  MAP_SOURCE_GOOGLE_HYBRID: "cmp_map_mapsources_googlehybrid.svg",
-  MAP_SOURCE_GOOGLE_SATELLITE: "cmp_map_mapsources_googlesatelite.svg",
-  MAP_SOURCE_BING: "cmp_map_mapsources_ bing.svg",
-  MAP_SOURCE_ROAD_TRAFFIC: "cmp_map_mapsources_layer-traffic.svg",
-  MAP_SOURCE_ROAD_TRANSIT: "cmp_map_mapsources_layer-transit.svg",
-  MAP_SOURCE_ROAD_BICYCLING: "cmp_map_mapsources_layer-bicycle.svg",
-  MAP_LAYERS_TOOL: "cmp_map_layers_tool.svg",
-  MAP_LAYER_VISIBLE: "cmp_map_layers_view.svg",
-  MAP_LAYER_AUTOFOCUS: "cmp_map_layers_zoom_fit.svg",
-  MAP_LAYER_CLUSTER: "cmp_map_layers_cluster.svg",
-  MAP_LAYER_DELETE: "cmp_map_layers_delete.svg",
-  MAP_GPS_TOOLS_TOOL: "cmp_map_gpstools_tool.svg",
-  GEOMETRY_CIRCLE: "geometry_circle.svg",
-  GEOMETRY_RECTANGLE: "geometry_rectangle.svg",
-  GEOMETRY_POLYGON: "geometry_polygon.svg",
-  ADD: "add.svg",
-  MAP_MEASURE_TOOL: "cmp_map_measure_tool.svg",
-  GENERAL: "general.svg",
-  CONFIG: "config.svg",
-  STROKE: "stroke.svg",
-  FILL: "fill.svg",
-  EDIT: "edit.svg",
-  DELETE: "delete.svg",
-  ACTIVE: "active.svg",
-  NAME: "name.svg"
-};
 const TILE_LAYER_OSM = {
   id: "osm_roadmap",
   sourceType: "OSM",
@@ -849,32 +700,6 @@ function useValidation() {
   );
   return { validationSchema };
 }
-const INITIAL_FORM_VALUES = {
-  statusLoad: "ready",
-  reInits: 0,
-  value: "0",
-  measureTypeId: "distance",
-  magnitudFactor: {
-    id: "m_kilometers",
-    name: "Kilometers",
-    symbol: "k",
-    factor_x0: 0,
-    factor_x1: 1,
-    factor_x2: 0
-  },
-  unitArea: null,
-  statusEdition: "initial"
-};
-const STYLE_MEASURE_OPTIONS = {
-  strokeLineColor: "#1E96DC",
-  strokeLineWeight: 5,
-  markerHeight: 37,
-  markerWidth: 26,
-  labelMarkerHeight: 0,
-  labelMarkerWidth: 0,
-  labelMarkerAnchorY: 0,
-  labelMarkerAnchorX: 0
-};
 const getMarkerPointIcon = (position) => {
   return L__default.divIcon({
     className: mapClasses.measureMarkerRoot,
@@ -2113,6 +1938,10 @@ const PolylineWithArrows = ({
   }, [map, enableEdit]);
   return /* @__PURE__ */ jsx(Polyline, { positions, ref: polylineRef, ...other });
 };
+function bearingRawToCSS(gpsBearing, offsetRotate) {
+  const rotation = -((360 + offsetRotate - gpsBearing) % 360);
+  return rotation;
+}
 const CommonFeatureRender = (props) => {
   const { id, layerId } = props;
   const feature = useMapStore((state) => {
@@ -2334,14 +2163,10 @@ const CommonFeatureRender = (props) => {
 };
 export {
   CommonFeatureRender as C,
-  LABEL_BK_COLOR_DEFAULT as L,
-  MAP_ZINDEX_OVER_MAP as M,
-  LABEL_COLOR_DEFAULT as a,
-  MAP_DICCTIONARY as b,
-  Map$1 as c,
-  MapProvider as d,
-  MapContext as e,
-  MarkerFeatureRender as f,
+  Map$1 as M,
+  MapProvider as a,
+  MapContext as b,
+  MarkerFeatureRender as c,
   mapClasses as m,
   useMapStore as u
 };

package/components/modal/{WindowBase.2414cd02.js → WindowBase.a3ac7adc.js}

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { m as modalUtilityClasses } from "./index.81eb6def.js";
+import { m as modalUtilityClasses } from "./index.a0e30c8b.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.b0ee4965.js";
-import { I as Icon } from "../Icon/index.ee7b85c9.js";
-import { u as useModal } from "../../hooks/useModal/index.30674bb7.js";
+import { I as Icon, a as IconButton } from "../Icon/index.d5fed418.js";
+import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.48140481.js → WindowConfirm.e35da619.js}

@@ -1,16 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.273645af.js";
+import { d as Actions, e as ActionCancel, f as ActionIntro } from "../../vendor.a1ce6777.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.30674bb7.js";
-import { I as Image } from "../Image/index.8cc036b1.js";
-import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.2414cd02.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.46f636e9.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.7406bd47.js";
-const dictionary = {
-  MESSAGE: "common_actions.confirm_quit_msg"
-};
+import { e as dictionary } from "../areas/dictionary.7e74022a.js";
+import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
+import { I as Image } from "../Image/index.36a3d440.js";
+import { m as modalUtilityClasses } from "./index.a0e30c8b.js";
+import { W as WindowBase } from "./WindowBase.a3ac7adc.js";
 const MessageIlustration = (props) => {
   const { getLabel } = useModuleDictionary();
   const { variant } = useModal();

package/components/modal/{index.81eb6def.js → index.a0e30c8b.js}

@@ -1,6 +1,6 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-const componentName = "M4LModal";
+import { ax as componentName } from "../areas/constants.5387d83e.js";
 generateUtilityClasses(componentName, [
   "root",
   "windowBaseRoot",
@@ -54,10 +54,6 @@ const modalUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
-const getModalDictionary = () => {
-  return "modal_dialog";
-};
 export {
-  getModalDictionary as g,
   modalUtilityClasses as m
 };

package/components/mui_extended/Accordion/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const SKTAccordionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperAccordionLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AccordionRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTAccordionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAccordionLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccordionRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Badge/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const BadgeRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BadgeRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Button/styles.d.ts

@@ -1,13 +1,5 @@
 /// <reference types="react" />
 export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTButton: import("@emotion/styled").StyledComponent<{
-    animation?: false | "pulse" | "wave" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
-    height?: string | number | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
-    width?: string | number | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+export declare const SKTButton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "width" | "height" | keyof import("@mui/material/OverridableComponent").CommonProps | "animation" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "children" | "width" | "className" | "height" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/IconButton/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const IconButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/ImageButton/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const WrapperImageButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperImageButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/MenuActions/styles.d.ts

@@ -1,30 +1,5 @@
 /// <reference types="react" />
-export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "error" | "default" | "inherit" | "warning" | "info" | "success" | "primary" | "secondary" | undefined;
-    disabled?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    edge?: false | "end" | "start" | undefined;
-    size?: "small" | "large" | "medium" | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "children" | "tabIndex" | "color" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "color" | "size" | "action" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const PagerRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PagerRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;