react-spatial 1.11.1 → 1.11.3

package/components/Copyright/Copyright.js

@@ -23,7 +23,12 @@ const defaultProps = {
   },
   className: "rs-copyright"
 };
-function Copyright({ map, format, ...other }) {
+function Copyright({
+  map,
+  className = defaultProps.className,
+  format = defaultProps.format,
+  ...other
+}) {
   const [copyrights, setCopyrights] = useState([]);
   const control = useMemo(
     () => {
@@ -57,6 +62,7 @@ function Copyright({ map, format, ...other }) {
   return /* @__PURE__ */ React.createElement(
     "div",
     {
+      className,
       ...other,
       dangerouslySetInnerHTML: {
         __html: format(copyrights) || ""
@@ -65,5 +71,4 @@ function Copyright({ map, format, ...other }) {
   );
 }
 Copyright.propTypes = propTypes;
-Copyright.defaultProps = defaultProps;
 export default React.memo(Copyright);

package/components/Copyright/Copyright.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Copyright/Copyright.js"],
-  "sourcesContent": ["import React, { useMemo, useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Map } from \"ol\";\nimport { CopyrightControl } from \"mobility-toolbox-js/ol\";\n\nconst propTypes = {\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Format function. Called with an array of copyrights from visible layers\n   * and returns the copyright.\n   */\n  format: PropTypes.func,\n\n  /**\n   * CSS class of th root element\n   */\n  className: PropTypes.string,\n};\n\nconst defaultProps = {\n  format: (copyrights) => {\n    return copyrights.join(\" | \");\n  },\n  className: \"rs-copyright\",\n};\n\n/**\n * The Copyright component uses the\n * [mobility-toolbox-js CopyrightControl](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/controls/CopyrightControl%20js~CopyrightControl%20html-offset-anchor)\n * to render the layer copyrights.\n */\nfunction Copyright({ map, format, ...other }) {\n  const [copyrights, setCopyrights] = useState([]);\n\n  const control = useMemo(\n    () => {\n      return new CopyrightControl({\n        target: document.createElement(\"div\"),\n        element: document.createElement(\"div\"),\n        render() {\n          // eslint-disable-next-line react/no-this-in-sfc\n          const newCopyrights = this.getCopyrights();\n          if (copyrights.toString() !== newCopyrights.toString()) {\n            setCopyrights(newCopyrights);\n          }\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control || !control.getCopyrights().length) {\n    return null;\n  }\n\n  return (\n    <div\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{\n        __html: format(copyrights) || \"\",\n      }}\n    />\n  );\n}\n\nCopyright.propTypes = propTypes;\nCopyright.defaultProps = defaultProps;\n\nexport default React.memo(Copyright);\n"],
-  "mappings": "AAAA,OAAO,SAAS,SAAS,WAAW,gBAAgB;AACpD,OAAO,eAAe;AACtB,SAAS,WAAW;AACpB,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,GAAG,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAM/B,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAKlB,WAAW,UAAU;AACvB;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ,CAAC,eAAe;AACtB,WAAO,WAAW,KAAK,KAAK;AAAA,EAC9B;AAAA,EACA,WAAW;AACb;AAOA,SAAS,UAAU,EAAE,KAAK,QAAQ,GAAG,MAAM,GAAG;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC,CAAC;AAE/C,QAAM,UAAU;AAAA,IACd,MAAM;AACJ,aAAO,IAAI,iBAAiB;AAAA,QAC1B,QAAQ,SAAS,cAAc,KAAK;AAAA,QACpC,SAAS,SAAS,cAAc,KAAK;AAAA,QACrC,SAAS;AAEP,gBAAM,gBAAgB,KAAK,cAAc;AACzC,cAAI,WAAW,SAAS,MAAM,cAAc,SAAS,GAAG;AACtD,0BAAc,aAAa;AAAA,UAC7B;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA;AAAA,IAEA,CAAC;AAAA,EACH;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,YAAQ,MAAM;AAEd,WAAO,MAAM;AACX,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,MAAI,CAAC,WAAW,CAAC,QAAQ,cAAc,EAAE,QAAQ;AAC/C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MAEE,GAAG;AAAA,MAEJ,yBAAyB;AAAA,QACvB,QAAQ,OAAO,UAAU,KAAK;AAAA,MAChC;AAAA;AAAA,EACF;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe,MAAM,KAAK,SAAS;",
+  "sourcesContent": ["import React, { useMemo, useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Map } from \"ol\";\nimport { CopyrightControl } from \"mobility-toolbox-js/ol\";\n\nconst propTypes = {\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Format function. Called with an array of copyrights from visible layers\n   * and returns the copyright.\n   */\n  format: PropTypes.func,\n\n  /**\n   * CSS class of th root element\n   */\n  className: PropTypes.string,\n};\n\nconst defaultProps = {\n  format: (copyrights) => {\n    return copyrights.join(\" | \");\n  },\n  className: \"rs-copyright\",\n};\n\n/**\n * The Copyright component uses the\n * [mobility-toolbox-js CopyrightControl](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/controls/CopyrightControl%20js~CopyrightControl%20html-offset-anchor)\n * to render the layer copyrights.\n */\nfunction Copyright({\n  map,\n  className = defaultProps.className,\n  format = defaultProps.format,\n  ...other\n}) {\n  const [copyrights, setCopyrights] = useState([]);\n\n  const control = useMemo(\n    () => {\n      return new CopyrightControl({\n        target: document.createElement(\"div\"),\n        element: document.createElement(\"div\"),\n        render() {\n          // eslint-disable-next-line react/no-this-in-sfc\n          const newCopyrights = this.getCopyrights();\n          if (copyrights.toString() !== newCopyrights.toString()) {\n            setCopyrights(newCopyrights);\n          }\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control || !control.getCopyrights().length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={className}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{\n        __html: format(copyrights) || \"\",\n      }}\n    />\n  );\n}\n\nCopyright.propTypes = propTypes;\n\nexport default React.memo(Copyright);\n"],
+  "mappings": "AAAA,OAAO,SAAS,SAAS,WAAW,gBAAgB;AACpD,OAAO,eAAe;AACtB,SAAS,WAAW;AACpB,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,GAAG,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAM/B,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAKlB,WAAW,UAAU;AACvB;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ,CAAC,eAAe;AACtB,WAAO,WAAW,KAAK,KAAK;AAAA,EAC9B;AAAA,EACA,WAAW;AACb;AAOA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,YAAY,aAAa;AAAA,EACzB,SAAS,aAAa;AAAA,EACtB,GAAG;AACL,GAAG;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC,CAAC;AAE/C,QAAM,UAAU;AAAA,IACd,MAAM;AACJ,aAAO,IAAI,iBAAiB;AAAA,QAC1B,QAAQ,SAAS,cAAc,KAAK;AAAA,QACpC,SAAS,SAAS,cAAc,KAAK;AAAA,QACrC,SAAS;AAEP,gBAAM,gBAAgB,KAAK,cAAc;AACzC,cAAI,WAAW,SAAS,MAAM,cAAc,SAAS,GAAG;AACtD,0BAAc,aAAa;AAAA,UAC7B;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA;AAAA,IAEA,CAAC;AAAA,EACH;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,YAAQ,MAAM;AAEd,WAAO,MAAM;AACX,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,MAAI,CAAC,WAAW,CAAC,QAAQ,cAAc,EAAE,QAAQ;AAC/C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEC,GAAG;AAAA,MAEJ,yBAAyB;AAAA,QACvB,QAAQ,OAAO,UAAU,KAAK;AAAA,MAChC;AAAA;AAAA,EACF;AAEJ;AAEA,UAAU,YAAY;AAEtB,eAAe,MAAM,KAAK,SAAS;",
   "names": []
 }

package/components/FitExtent/FitExtent.js

@@ -19,10 +19,13 @@ const propTypes = {
    */
   children: PropTypes.node.isRequired
 };
-const defaultProps = {
-  className: "rs-fit-extent"
-};
-function FitExtent({ map, extent, className, children, ...other }) {
+function FitExtent({
+  map,
+  extent,
+  className = "rs-fit-extent",
+  children,
+  ...other
+}) {
   const fit = (evt) => {
     if (evt.which && evt.which !== 13) {
       return;
@@ -44,5 +47,4 @@ function FitExtent({ map, extent, className, children, ...other }) {
   );
 }
 FitExtent.propTypes = propTypes;
-FitExtent.defaultProps = defaultProps;
 export default FitExtent;

package/components/FitExtent/FitExtent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FitExtent/FitExtent.js"],
-  "sourcesContent": ["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * The extent to be zoomed.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number).isRequired,\n\n  /**\n   * CSS class  for the fitExtent button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Button content.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nconst defaultProps = {\n  className: \"rs-fit-extent\",\n};\n\n/**\n * The FitExtent component creates a button that updates the current extent of\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction FitExtent({ map, extent, className, children, ...other }) {\n  const fit = (evt) => {\n    if (evt.which && evt.which !== 13) {\n      return;\n    }\n    map.getView().cancelAnimations();\n    map.getView().fit(extent, map.getSize());\n  };\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      tabIndex=\"0\"\n      onClick={fit}\n      onKeyPress={fit}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nFitExtent.propTypes = propTypes;\nFitExtent.defaultProps = defaultProps;\n\nexport default FitExtent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,QAAQ,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,EAK5C,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAKrB,UAAU,UAAU,KAAK;AAC3B;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AACb;AAMA,SAAS,UAAU,EAAE,KAAK,QAAQ,WAAW,UAAU,GAAG,MAAM,GAAG;AACjE,QAAM,MAAM,CAAC,QAAQ;AACnB,QAAI,IAAI,SAAS,IAAI,UAAU,IAAI;AACjC;AAAA,IACF;AACA,QAAI,QAAQ,EAAE,iBAAiB;AAC/B,QAAI,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,CAAC;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,MAEX,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe;",
+  "sourcesContent": ["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * The extent to be zoomed.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number).isRequired,\n\n  /**\n   * CSS class  for the fitExtent button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Button content.\n   */\n  children: PropTypes.node.isRequired,\n};\n\n/**\n * The FitExtent component creates a button that updates the current extent of\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction FitExtent({\n  map,\n  extent,\n  className = \"rs-fit-extent\",\n  children,\n  ...other\n}) {\n  const fit = (evt) => {\n    if (evt.which && evt.which !== 13) {\n      return;\n    }\n    map.getView().cancelAnimations();\n    map.getView().fit(extent, map.getSize());\n  };\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      tabIndex=\"0\"\n      onClick={fit}\n      onKeyPress={fit}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nFitExtent.propTypes = propTypes;\n\nexport default FitExtent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,QAAQ,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,EAK5C,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAKrB,UAAU,UAAU,KAAK;AAC3B;AAMA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,MAAM,CAAC,QAAQ;AACnB,QAAI,IAAI,SAAS,IAAI,UAAU,IAAI;AACjC;AAAA,IACF;AACA,QAAI,QAAQ,EAAE,iBAAiB;AAC/B,QAAI,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,CAAC;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,MAEX,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,UAAU,YAAY;AAEtB,eAAe;",
   "names": []
 }

package/components/MousePosition/MousePosition.js

@@ -70,9 +70,9 @@ const defaultProps = {
 };
 function MousePosition({
   map,
-  projections,
-  projectionValue,
-  onChange,
+  projections = defaultProps.projections,
+  projectionValue = defaultProps.projectionValue,
+  onChange = defaultProps.onChange,
   ...other
 }) {
   const [projection, setProjection] = useState(
@@ -138,5 +138,4 @@ function MousePosition({
   );
 }
 MousePosition.propTypes = propTypes;
-MousePosition.defaultProps = defaultProps;
 export default React.memo(MousePosition);

package/components/MousePosition/MousePosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/MousePosition/MousePosition.js"],
-  "sourcesContent": ["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { createStringXY } from \"ol/coordinate\";\nimport OLMousePosition from \"ol/control/MousePosition\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * List of projections to display.\n   */\n  projections: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The label to display in the select box.\n       */\n      label: PropTypes.string.isRequired,\n\n      /**\n       * The value used to create the options\u00B4s projection of the MousePosition control.\n       * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n       */\n      value: PropTypes.string.isRequired,\n\n      /**\n       * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n       */\n      format: PropTypes.func,\n    }),\n  ),\n\n  /**\n   * The initially selected projection\n   */\n  projectionValue: PropTypes.shape({\n    /**\n     * The label to display in the select box.\n     */\n    label: PropTypes.string.isRequired,\n\n    /**\n     * The value used to create the options\u00B4s projection of the MousePosition control.\n     * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n     */\n    value: PropTypes.string.isRequired,\n\n    /**\n     * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n     */\n    format: PropTypes.func,\n  }),\n\n  /**\n   * Function triggered on projection's change event.\n   * @param {Event} event The change event object.\n   * @param {Object} projection The selected projection object.\n   */\n  onChange: PropTypes.func,\n};\n\nconst defaultProps = {\n  onChange: () => {},\n  projections: [\n    {\n      label: \"EPSG:4326\",\n      value: \"EPSG:4326\",\n    },\n    {\n      label: \"EPSG:3857\",\n      value: \"EPSG:3857\",\n    },\n  ],\n  projectionValue: null,\n};\n\n/**\n * The MousePosition component renders a select box with map projection options\n * and the cursor position in coordinates using the selected projection.\n */\nfunction MousePosition({\n  map,\n  projections,\n  projectionValue,\n  onChange,\n  ...other\n}) {\n  const [projection, setProjection] = useState(\n    projections &&\n      ((projectionValue &&\n        projections.find((p) => {\n          return p.value === projectionValue.value;\n        })) ||\n        projections[0]),\n  );\n  const [control, setControl] = useState();\n  const ref = useRef();\n\n  useEffect(() => {\n    const mousePosition = new OLMousePosition({\n      target: ref.current,\n      placeholder: \"&nbsp;\",\n      className: \"\",\n    });\n    map.addControl(mousePosition);\n    setControl(mousePosition);\n\n    return () => {\n      map.removeControl(mousePosition);\n    };\n  }, [map]);\n\n  useEffect(() => {\n    if (!projection || !control) {\n      return;\n    }\n    control.setProjection(projection.value);\n    control.setCoordinateFormat(projection.format || createStringXY(4));\n  }, [projection, control]);\n\n  useEffect(() => {\n    if (projections) {\n      const proj =\n        (projectionValue &&\n          projections.find((p) => {\n            return p.value === projectionValue.value;\n          })) ||\n        projections[0];\n      setProjection(proj);\n    }\n  }, [projections, projectionValue]);\n\n  const onChangeCb = useCallback(\n    (evt) => {\n      const newProj = projections.find((opt) => {\n        return evt.target.value === opt.value;\n      });\n      setProjection(newProj);\n      onChange(evt, newProj);\n    },\n    [onChange, projections],\n  );\n\n  if (!projection || !projections || !projections.length) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <div className=\"rs-mouse-position\" {...other}>\n      <select\n        className=\"rs-select\"\n        value={projection.value}\n        onChange={onChangeCb}\n      >\n        {projections.map((option) => {\n          return (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          );\n        })}\n      </select>\n      <span ref={ref} className=\"rs-coordinates\" />\n    </div>\n  );\n}\n\nMousePosition.propTypes = propTypes;\nMousePosition.defaultProps = defaultProps;\n\nexport default React.memo(MousePosition);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { createStringXY } from \"ol/coordinate\";\nimport OLMousePosition from \"ol/control/MousePosition\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * List of projections to display.\n   */\n  projections: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The label to display in the select box.\n       */\n      label: PropTypes.string.isRequired,\n\n      /**\n       * The value used to create the options\u00B4s projection of the MousePosition control.\n       * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n       */\n      value: PropTypes.string.isRequired,\n\n      /**\n       * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n       */\n      format: PropTypes.func,\n    }),\n  ),\n\n  /**\n   * The initially selected projection\n   */\n  projectionValue: PropTypes.shape({\n    /**\n     * The label to display in the select box.\n     */\n    label: PropTypes.string.isRequired,\n\n    /**\n     * The value used to create the options\u00B4s projection of the MousePosition control.\n     * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n     */\n    value: PropTypes.string.isRequired,\n\n    /**\n     * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n     */\n    format: PropTypes.func,\n  }),\n\n  /**\n   * Function triggered on projection's change event.\n   * @param {Event} event The change event object.\n   * @param {Object} projection The selected projection object.\n   */\n  onChange: PropTypes.func,\n};\n\nconst defaultProps = {\n  onChange: () => {},\n  projections: [\n    {\n      label: \"EPSG:4326\",\n      value: \"EPSG:4326\",\n    },\n    {\n      label: \"EPSG:3857\",\n      value: \"EPSG:3857\",\n    },\n  ],\n  projectionValue: null,\n};\n\n/**\n * The MousePosition component renders a select box with map projection options\n * and the cursor position in coordinates using the selected projection.\n */\nfunction MousePosition({\n  map,\n  projections = defaultProps.projections,\n  projectionValue = defaultProps.projectionValue,\n  onChange = defaultProps.onChange,\n  ...other\n}) {\n  const [projection, setProjection] = useState(\n    projections &&\n      ((projectionValue &&\n        projections.find((p) => {\n          return p.value === projectionValue.value;\n        })) ||\n        projections[0]),\n  );\n  const [control, setControl] = useState();\n  const ref = useRef();\n\n  useEffect(() => {\n    const mousePosition = new OLMousePosition({\n      target: ref.current,\n      placeholder: \"&nbsp;\",\n      className: \"\",\n    });\n    map.addControl(mousePosition);\n    setControl(mousePosition);\n\n    return () => {\n      map.removeControl(mousePosition);\n    };\n  }, [map]);\n\n  useEffect(() => {\n    if (!projection || !control) {\n      return;\n    }\n    control.setProjection(projection.value);\n    control.setCoordinateFormat(projection.format || createStringXY(4));\n  }, [projection, control]);\n\n  useEffect(() => {\n    if (projections) {\n      const proj =\n        (projectionValue &&\n          projections.find((p) => {\n            return p.value === projectionValue.value;\n          })) ||\n        projections[0];\n      setProjection(proj);\n    }\n  }, [projections, projectionValue]);\n\n  const onChangeCb = useCallback(\n    (evt) => {\n      const newProj = projections.find((opt) => {\n        return evt.target.value === opt.value;\n      });\n      setProjection(newProj);\n      onChange(evt, newProj);\n    },\n    [onChange, projections],\n  );\n\n  if (!projection || !projections || !projections.length) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <div className=\"rs-mouse-position\" {...other}>\n      <select\n        className=\"rs-select\"\n        value={projection.value}\n        onChange={onChangeCb}\n      >\n        {projections.map((option) => {\n          return (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          );\n        })}\n      </select>\n      <span ref={ref} className=\"rs-coordinates\" />\n    </div>\n  );\n}\n\nMousePosition.propTypes = propTypes;\n\nexport default React.memo(MousePosition);\n"],
+  "mappings": "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",
   "names": []
 }

package/components/NorthArrow/NorthArrow.js

@@ -23,15 +23,16 @@ const propTypes = {
    */
   children: PropTypes.node
 };
-const defaultProps = {
-  rotationOffset: 0,
-  circled: false,
-  children: null
-};
 const getRotation = (map, rotationOffset) => {
   return toDegrees(map.getView().getRotation()) + rotationOffset;
 };
-function NorthArrow({ map, rotationOffset, circled, children, ...other }) {
+function NorthArrow({
+  map,
+  rotationOffset = 0,
+  circled = false,
+  children = null,
+  ...other
+}) {
   const [rotation, setRotation] = useState(rotationOffset);
   useEffect(() => {
     if (!map) {
@@ -55,5 +56,4 @@ function NorthArrow({ map, rotationOffset, circled, children, ...other }) {
   );
 }
 NorthArrow.propTypes = propTypes;
-NorthArrow.defaultProps = defaultProps;
 export default React.memo(NorthArrow);

package/components/NorthArrow/NorthArrow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/NorthArrow/NorthArrow.js"],
-  "sourcesContent": ["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { toDegrees } from \"ol/math\";\nimport NorthArrowSimple from \"../../images/northArrow.svg\";\nimport NorthArrowCircle from \"../../images/northArrowCircle.svg\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Rotation of the north arrow in degrees.\n   */\n  rotationOffset: PropTypes.number,\n\n  /**\n   * Display circle around the north arrow. Not used if pass children.\n   */\n  circled: PropTypes.bool,\n\n  /**\n   *  Children content of the north arrow.\n   */\n  children: PropTypes.node,\n};\n\nconst defaultProps = {\n  rotationOffset: 0,\n  circled: false,\n  children: null,\n};\n\nconst getRotation = (map, rotationOffset) => {\n  return toDegrees(map.getView().getRotation()) + rotationOffset;\n};\n\n/**\n * This NorthArrow component inserts an arrow pointing north into an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction NorthArrow({ map, rotationOffset, circled, children, ...other }) {\n  const [rotation, setRotation] = useState(rotationOffset);\n\n  useEffect(() => {\n    if (!map) {\n      return null;\n    }\n    const key = map.on(\"postrender\", () => {\n      setRotation(getRotation(map, rotationOffset));\n    });\n    return () => {\n      unByKey(key);\n    };\n  }, [map, rotationOffset]);\n\n  return (\n    <div\n      className=\"rs-north-arrow\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      style={{ transform: `rotate(${rotation}deg)` }}\n    >\n      {children || (circled ? <NorthArrowCircle /> : <NorthArrowSimple />)}\n    </div>\n  );\n}\n\nNorthArrow.propTypes = propTypes;\nNorthArrow.defaultProps = defaultProps;\n\nexport default React.memo(NorthArrow);\n"],
-  "mappings": "AAAA,OAAO,SAAS,WAAW,gBAAgB;AAC3C,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAE7B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAK1B,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAKnB,UAAU,UAAU;AACtB;AAEA,MAAM,eAAe;AAAA,EACnB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,MAAM,cAAc,CAAC,KAAK,mBAAmB;AAC3C,SAAO,UAAU,IAAI,QAAQ,EAAE,YAAY,CAAC,IAAI;AAClD;AAMA,SAAS,WAAW,EAAE,KAAK,gBAAgB,SAAS,UAAU,GAAG,MAAM,GAAG;AACxE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,cAAc;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO;AAAA,IACT;AACA,UAAM,MAAM,IAAI,GAAG,cAAc,MAAM;AACrC,kBAAY,YAAY,KAAK,cAAc,CAAC;AAAA,IAC9C,CAAC;AACD,WAAO,MAAM;AACX,cAAQ,GAAG;AAAA,IACb;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAET,GAAG;AAAA,MACJ,OAAO,EAAE,WAAW,UAAU,QAAQ,OAAO;AAAA;AAAA,IAE5C,aAAa,UAAU,oCAAC,sBAAiB,IAAK,oCAAC,sBAAiB;AAAA,EACnE;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,eAAe;AAE1B,eAAe,MAAM,KAAK,UAAU;",
+  "sourcesContent": ["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { toDegrees } from \"ol/math\";\nimport NorthArrowSimple from \"../../images/northArrow.svg\";\nimport NorthArrowCircle from \"../../images/northArrowCircle.svg\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Rotation of the north arrow in degrees.\n   */\n  rotationOffset: PropTypes.number,\n\n  /**\n   * Display circle around the north arrow. Not used if pass children.\n   */\n  circled: PropTypes.bool,\n\n  /**\n   *  Children content of the north arrow.\n   */\n  children: PropTypes.node,\n};\n\nconst getRotation = (map, rotationOffset) => {\n  return toDegrees(map.getView().getRotation()) + rotationOffset;\n};\n\n/**\n * This NorthArrow component inserts an arrow pointing north into an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction NorthArrow({\n  map,\n  rotationOffset = 0,\n  circled = false,\n  children = null,\n  ...other\n}) {\n  const [rotation, setRotation] = useState(rotationOffset);\n\n  useEffect(() => {\n    if (!map) {\n      return null;\n    }\n    const key = map.on(\"postrender\", () => {\n      setRotation(getRotation(map, rotationOffset));\n    });\n    return () => {\n      unByKey(key);\n    };\n  }, [map, rotationOffset]);\n\n  return (\n    <div\n      className=\"rs-north-arrow\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      style={{ transform: `rotate(${rotation}deg)` }}\n    >\n      {children || (circled ? <NorthArrowCircle /> : <NorthArrowSimple />)}\n    </div>\n  );\n}\n\nNorthArrow.propTypes = propTypes;\n\nexport default React.memo(NorthArrow);\n"],
+  "mappings": "AAAA,OAAO,SAAS,WAAW,gBAAgB;AAC3C,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAE7B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAK1B,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAKnB,UAAU,UAAU;AACtB;AAEA,MAAM,cAAc,CAAC,KAAK,mBAAmB;AAC3C,SAAO,UAAU,IAAI,QAAQ,EAAE,YAAY,CAAC,IAAI;AAClD;AAMA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,GAAG;AACL,GAAG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,cAAc;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO;AAAA,IACT;AACA,UAAM,MAAM,IAAI,GAAG,cAAc,MAAM;AACrC,kBAAY,YAAY,KAAK,cAAc,CAAC;AAAA,IAC9C,CAAC;AACD,WAAO,MAAM;AACX,cAAQ,GAAG;AAAA,IACb;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAET,GAAG;AAAA,MACJ,OAAO,EAAE,WAAW,UAAU,QAAQ,OAAO;AAAA;AAAA,IAE5C,aAAa,UAAU,oCAAC,sBAAiB,IAAK,oCAAC,sBAAiB;AAAA,EACnE;AAEJ;AAEA,WAAW,YAAY;AAEvB,eAAe,MAAM,KAAK,UAAU;",
   "names": []
 }

package/components/Overlay/Overlay.js

@@ -71,27 +71,17 @@ const defaultMobileSize = {
   maximalHeight: "100%",
   minimalHeight: "25%"
 };
-const defaultProps = {
-  className: null,
-  children: null,
-  observe: null,
-  isMobileResizable: true,
-  mobileSize: defaultMobileSize,
-  thresholdWidthForMobile: 768,
-  onResizeStop: () => {
-  },
-  onResizeStart: () => {
-  }
+const emptyFunc = () => {
 };
 function Overlay({
-  observe,
-  className,
-  children,
-  isMobileResizable,
-  mobileSize,
-  onResizeStop,
-  onResizeStart,
-  thresholdWidthForMobile
+  observe = null,
+  className = null,
+  children = null,
+  isMobileResizable = true,
+  mobileSize = defaultMobileSize,
+  onResizeStop = emptyFunc,
+  onResizeStart = emptyFunc,
+  thresholdWidthForMobile = 768
 }) {
   const [isMobile, setIsMobile] = useState();
   const onResize = (entries) => {
@@ -146,5 +136,4 @@ function Overlay({
   ) : /* @__PURE__ */ React.createElement("div", { className: `tm-overlay${className ? ` ${className}` : ""}` }, children));
 }
 Overlay.propTypes = propTypes;
-Overlay.defaultProps = defaultProps;
 export default Overlay;

package/components/Overlay/Overlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Overlay/Overlay.js"],
-  "sourcesContent": ["import React, { Component, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Resizable } from \"re-resizable\";\nimport ResizeHandler from \"../ResizeHandler\";\n\nconst propTypes = {\n  /**\n   * CSS class added to container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Children content of the overlay.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Observed element to define screen size.\n   */\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n\n  /**\n   * Deactivate the ability to resize the overlay on mobile.\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  isMobileResizable: PropTypes.bool,\n\n  /**\n   * Size parameters to the Resizable component on mobile.\n   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'\n   * (https://github.com/bokuweb/re-resizable)\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  mobileSize: PropTypes.shape({\n    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    defaultSize: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n    size: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n  }),\n\n  /**\n   * Minimal width to consider the observed as mobile.\n   * Default is 768px.\n   */\n  thresholdWidthForMobile: PropTypes.number,\n\n  /**\n   * Callback when stop resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStop: PropTypes.func,\n\n  /**\n   * Callback when start resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStart: PropTypes.func,\n};\n\nconst defaultMobileSize = {\n  defaultSize: {\n    width: \"100%\",\n    height: \"25%\",\n  },\n  size: undefined,\n  maximalHeight: \"100%\",\n  minimalHeight: \"25%\",\n};\n\nconst defaultProps = {\n  className: null,\n  children: null,\n  observe: null,\n  isMobileResizable: true,\n  mobileSize: defaultMobileSize,\n  thresholdWidthForMobile: 768,\n  onResizeStop: () => {},\n  onResizeStart: () => {},\n};\n\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nfunction Overlay({\n  observe,\n  className,\n  children,\n  isMobileResizable,\n  mobileSize,\n  onResizeStop,\n  onResizeStart,\n  thresholdWidthForMobile,\n}) {\n  const [isMobile, setIsMobile] = useState();\n\n  const onResize = (entries) => {\n    for (let i = 0; i < entries.length; i += 1) {\n      const { width } = entries[i].contentRect;\n      setIsMobile(width <= thresholdWidthForMobile);\n    }\n  };\n\n  let resizableMobileSize;\n  if (mobileSize) {\n    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };\n  }\n\n  return (\n    <>\n      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}\n      {isMobile ? (\n        <Resizable\n          style={{\n            position: \"absolute\",\n          }}\n          enable={{\n            top: isMobileResizable,\n            right: false,\n            bottom: false,\n            left: false,\n            topRight: false,\n            bottomRight: false,\n            bottomLeft: false,\n            topLeft: false,\n          }}\n          maxHeight={mobileSize && resizableMobileSize.maximalHeight}\n          minHeight={mobileSize && resizableMobileSize.minimalHeight}\n          handleComponent={{\n            top: <div className=\"tm-overlay-handler\">&mdash;</div>,\n          }}\n          onResizeStart={onResizeStart}\n          onResizeStop={onResizeStop}\n          handleStyles={{\n            top: {\n              top: \"-20px\",\n              height: \"20px\",\n              padding: \"20px 0\",\n              width: \"100%\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n            },\n          }}\n          size={resizableMobileSize.size}\n          defaultSize={mobileSize && resizableMobileSize.defaultSize}\n          className={`tm-overlay-mobile${className ? ` ${className}` : \"\"}`}\n        >\n          <div className=\"tm-overlay-mobile-content\">{children}</div>\n        </Resizable>\n      ) : (\n        <div className={`tm-overlay${className ? ` ${className}` : \"\"}`}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nOverlay.propTypes = propTypes;\nOverlay.defaultProps = defaultProps;\n\nexport default Overlay;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Component, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Resizable } from \"re-resizable\";\nimport ResizeHandler from \"../ResizeHandler\";\n\nconst propTypes = {\n  /**\n   * CSS class added to container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Children content of the overlay.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Observed element to define screen size.\n   */\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n\n  /**\n   * Deactivate the ability to resize the overlay on mobile.\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  isMobileResizable: PropTypes.bool,\n\n  /**\n   * Size parameters to the Resizable component on mobile.\n   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'\n   * (https://github.com/bokuweb/re-resizable)\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  mobileSize: PropTypes.shape({\n    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    defaultSize: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n    size: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n  }),\n\n  /**\n   * Minimal width to consider the observed as mobile.\n   * Default is 768px.\n   */\n  thresholdWidthForMobile: PropTypes.number,\n\n  /**\n   * Callback when stop resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStop: PropTypes.func,\n\n  /**\n   * Callback when start resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStart: PropTypes.func,\n};\n\nconst defaultMobileSize = {\n  defaultSize: {\n    width: \"100%\",\n    height: \"25%\",\n  },\n  size: undefined,\n  maximalHeight: \"100%\",\n  minimalHeight: \"25%\",\n};\n\nconst emptyFunc = () => {};\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nfunction Overlay({\n  observe = null,\n  className = null,\n  children = null,\n  isMobileResizable = true,\n  mobileSize = defaultMobileSize,\n  onResizeStop = emptyFunc,\n  onResizeStart = emptyFunc,\n  thresholdWidthForMobile = 768,\n}) {\n  const [isMobile, setIsMobile] = useState();\n\n  const onResize = (entries) => {\n    for (let i = 0; i < entries.length; i += 1) {\n      const { width } = entries[i].contentRect;\n      setIsMobile(width <= thresholdWidthForMobile);\n    }\n  };\n\n  let resizableMobileSize;\n  if (mobileSize) {\n    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };\n  }\n\n  return (\n    <>\n      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}\n      {isMobile ? (\n        <Resizable\n          style={{\n            position: \"absolute\",\n          }}\n          enable={{\n            top: isMobileResizable,\n            right: false,\n            bottom: false,\n            left: false,\n            topRight: false,\n            bottomRight: false,\n            bottomLeft: false,\n            topLeft: false,\n          }}\n          maxHeight={mobileSize && resizableMobileSize.maximalHeight}\n          minHeight={mobileSize && resizableMobileSize.minimalHeight}\n          handleComponent={{\n            top: <div className=\"tm-overlay-handler\">&mdash;</div>,\n          }}\n          onResizeStart={onResizeStart}\n          onResizeStop={onResizeStop}\n          handleStyles={{\n            top: {\n              top: \"-20px\",\n              height: \"20px\",\n              padding: \"20px 0\",\n              width: \"100%\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n            },\n          }}\n          size={resizableMobileSize.size}\n          defaultSize={mobileSize && resizableMobileSize.defaultSize}\n          className={`tm-overlay-mobile${className ? ` ${className}` : \"\"}`}\n        >\n          <div className=\"tm-overlay-mobile-content\">{children}</div>\n        </Resizable>\n      ) : (\n        <div className={`tm-overlay${className ? ` ${className}` : \"\"}`}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nOverlay.propTypes = propTypes;\n\nexport default Overlay;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/ResizeHandler/ResizeHandler.js

@@ -1,4 +1,3 @@
-import ReactDOM from "react-dom";
 import { PureComponent, Component } from "react";
 import PropTypes from "prop-types";
 import ResizeObserver from "resize-observer-polyfill";
@@ -121,13 +120,17 @@ class ResizeHandler extends PureComponent {
     if (typeof observe === "string" || observe instanceof String) {
       this.nodes = document.querySelectorAll(observe);
     } else if (observe instanceof Component) {
-      this.nodes.push(ReactDOM.findDOMNode(observe));
+      console.warn(
+        "observe attribute as a Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component."
+      );
     } else if (observe instanceof Element) {
       this.nodes.push(observe);
     } else if (observe.current instanceof Element) {
       this.nodes.push(observe.current);
     } else if (observe.current instanceof Component) {
-      this.nodes.push(ReactDOM.findDOMNode(observe.current));
+      console.warn(
+        "observe attribute as a ref to Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component."
+      );
     }
     if (this.nodes.length) {
       this.nodes.forEach((node) => {

package/components/ResizeHandler/ResizeHandler.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ResizeHandler/ResizeHandler.js"],
-  "sourcesContent": ["import ReactDOM from \"react-dom\";\nimport { PureComponent, Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst propTypes = {\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\n  stylePropHeight: PropTypes.string,\n  onResize: PropTypes.func,\n\n  // This property is used to re-apply the classes, for example when the className of the observed node changes.\n  forceUpdate: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n};\n\n// Same as bootstrap\nconst defaultProps = {\n  observe: null,\n  maxHeightBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  maxWidthBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  stylePropHeight: null,\n  onResize: null,\n  forceUpdate: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\n  static applyBreakpoints(entry, breakpoints, size, direction) {\n    let found = false;\n    let screenSize;\n    Object.entries(breakpoints).forEach((brkpt) => {\n      const cssClass = `rs-${direction}-${brkpt[0]}`;\n      entry.target.classList.remove(cssClass);\n      if (!found && size <= brkpt[1]) {\n        found = true;\n        [screenSize] = brkpt;\n        entry.target.classList.add(cssClass);\n      }\n    });\n    return screenSize;\n  }\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { observe, forceUpdate } = this.props;\n\n    if (\n      observe !== prevProps.observe ||\n      forceUpdate !== prevProps.forceUpdate\n    ) {\n      this.observe();\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, stylePropHeight, onResize } =\n      this.props;\n\n    if (stylePropHeight) {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);\n    }\n\n    if (!maxWidthBrkpts && !maxHeightBrkpts) {\n      onResize(entries);\n      return;\n    }\n\n    let newScreenWidth;\n    let newScreenHeight;\n\n    for (let i = 0; i < entries.length; i += 1) {\n      const entry = entries[i];\n      const rect = entry.contentRect;\n      const { height, width } = rect;\n\n      if (maxWidthBrkpts) {\n        newScreenWidth = ResizeHandler.applyBreakpoints(\n          entry,\n          maxWidthBrkpts,\n          width,\n          \"w\",\n        );\n      }\n      if (maxHeightBrkpts) {\n        newScreenHeight = ResizeHandler.applyBreakpoints(\n          entry,\n          maxHeightBrkpts,\n          height,\n          \"h\",\n        );\n      }\n    }\n\n    if (onResize) {\n      onResize(entries, newScreenWidth, newScreenHeight);\n    }\n  }\n\n  observe() {\n    this.observer.disconnect();\n    const { observe } = this.props;\n\n    if (!observe) {\n      return;\n    }\n\n    if (typeof observe === \"string\" || observe instanceof String) {\n      this.nodes = document.querySelectorAll(observe);\n    } else if (observe instanceof Component) {\n      // eslint-disable-next-line react/no-find-dom-node\n      this.nodes.push(ReactDOM.findDOMNode(observe));\n    } else if (observe instanceof Element) {\n      this.nodes.push(observe);\n    } else if (observe.current instanceof Element) {\n      // observe value created with React.createRef() on a html node.\n      this.nodes.push(observe.current);\n    } else if (observe.current instanceof Component) {\n      // observe value created with React.createRef() on a React component.\n      // eslint-disable-next-line react/no-find-dom-node\n      this.nodes.push(ReactDOM.findDOMNode(observe.current));\n    }\n\n    if (this.nodes.length) {\n      this.nodes.forEach((node) => {\n        return this.observer.observe(node);\n      });\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { PureComponent, Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst propTypes = {\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\n  stylePropHeight: PropTypes.string,\n  onResize: PropTypes.func,\n\n  // This property is used to re-apply the classes, for example when the className of the observed node changes.\n  forceUpdate: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n};\n\n// Same as bootstrap\nconst defaultProps = {\n  observe: null,\n  maxHeightBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  maxWidthBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  stylePropHeight: null,\n  onResize: null,\n  forceUpdate: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\n  static applyBreakpoints(entry, breakpoints, size, direction) {\n    let found = false;\n    let screenSize;\n    Object.entries(breakpoints).forEach((brkpt) => {\n      const cssClass = `rs-${direction}-${brkpt[0]}`;\n      entry.target.classList.remove(cssClass);\n      if (!found && size <= brkpt[1]) {\n        found = true;\n        [screenSize] = brkpt;\n        entry.target.classList.add(cssClass);\n      }\n    });\n    return screenSize;\n  }\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { observe, forceUpdate } = this.props;\n\n    if (\n      observe !== prevProps.observe ||\n      forceUpdate !== prevProps.forceUpdate\n    ) {\n      this.observe();\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, stylePropHeight, onResize } =\n      this.props;\n\n    if (stylePropHeight) {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);\n    }\n\n    if (!maxWidthBrkpts && !maxHeightBrkpts) {\n      onResize(entries);\n      return;\n    }\n\n    let newScreenWidth;\n    let newScreenHeight;\n\n    for (let i = 0; i < entries.length; i += 1) {\n      const entry = entries[i];\n      const rect = entry.contentRect;\n      const { height, width } = rect;\n\n      if (maxWidthBrkpts) {\n        newScreenWidth = ResizeHandler.applyBreakpoints(\n          entry,\n          maxWidthBrkpts,\n          width,\n          \"w\",\n        );\n      }\n      if (maxHeightBrkpts) {\n        newScreenHeight = ResizeHandler.applyBreakpoints(\n          entry,\n          maxHeightBrkpts,\n          height,\n          \"h\",\n        );\n      }\n    }\n\n    if (onResize) {\n      onResize(entries, newScreenWidth, newScreenHeight);\n    }\n  }\n\n  observe() {\n    this.observer.disconnect();\n    const { observe } = this.props;\n\n    if (!observe) {\n      return;\n    }\n\n    if (typeof observe === \"string\" || observe instanceof String) {\n      this.nodes = document.querySelectorAll(observe);\n    } else if (observe instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // eslint-disable-next-line react/no-find-dom-node\n      // this.nodes.push(ReactDOM.findDOMNode(observe));\n    } else if (observe instanceof Element) {\n      this.nodes.push(observe);\n    } else if (observe.current instanceof Element) {\n      // observe value created with React.createRef() on a html node.\n      this.nodes.push(observe.current);\n    } else if (observe.current instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a ref to Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // observe value created with React.createRef() on a React component.\n      // eslint-disable-next-line react/no-find-dom-node\n      // this.nodes.push(ReactDOM.findDOMNode(observe.current));\n    }\n\n    if (this.nodes.length) {\n      this.nodes.forEach((node) => {\n        return this.observer.observe(node);\n      });\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/RouteSchedule/RouteSchedule.js

@@ -60,12 +60,14 @@ const defaultRenderStationName = (stations, index, cancelled) => {
   const { stationName } = stations[index];
   return /* @__PURE__ */ React.createElement("div", { className: cancelled ? "rt-route-cancelled" : "" }, stationName);
 };
+const emptyFunc = () => {
+};
 function RouteStop({
   lineInfos,
-  onStationClick,
+  onStationClick = emptyFunc,
   trackerLayer,
-  renderStationImg,
-  renderStationName,
+  renderStationImg = defaultRenderStationImg,
+  renderStationName = defaultRenderStationName,
   stop,
   idx
 }) {
@@ -165,10 +167,13 @@ const defaultRenderRouteIdentifier = ({ routeIdentifier, longName }) => {
   }
   return null;
 };
+const defaultRenderHeaderButtons = () => {
+  return null;
+};
 const defaultRenderHeader = ({
   lineInfos,
-  renderHeaderButtons,
-  renderRouteIdentifier
+  renderHeaderButtons = defaultRenderHeaderButtons,
+  renderRouteIdentifier = defaultRenderRouteIdentifier
 }) => {
   const {
     type,
@@ -193,19 +198,19 @@ const defaultRenderHeader = ({
     shortName
   ), /* @__PURE__ */ React.createElement("div", { className: "rt-route-title" }, /* @__PURE__ */ React.createElement("span", { className: "rt-route-name" }, destination), /* @__PURE__ */ React.createElement("span", null, longName, renderRouteIdentifier(lineInfos))), /* @__PURE__ */ React.createElement("div", { className: "rt-route-buttons" }, renderHeaderButtons(routeIdentifier)));
 };
-const defaultRenderFooter = (props) => {
-  const { lineInfos, renderCopyright } = props;
-  if (!lineInfos.operator && !lineInfos.publisher) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-footer" }, renderCopyright({ ...props }));
-};
 const defaultRenderLink = (text, url) => {
   return /* @__PURE__ */ React.createElement("div", { className: "rt-route-copyright-link" }, url ? /* @__PURE__ */ React.createElement("a", { href: url, target: "_blank", rel: "noreferrer" }, text) : text);
 };
 const defaultRenderCopyright = ({ lineInfos }) => {
   return /* @__PURE__ */ React.createElement("span", { className: "rt-route-copyright" }, lineInfos.operator && defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl), lineInfos.operator && lineInfos.publisher && /* @__PURE__ */ React.createElement("span", null, "\xA0-\xA0"), lineInfos.publisher && defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl), lineInfos.license && /* @__PURE__ */ React.createElement("span", null, "\xA0("), lineInfos.license && defaultRenderLink(lineInfos.license, lineInfos.licenseUrl), lineInfos.license && ")");
 };
+const defaultRenderFooter = (props) => {
+  const { lineInfos, renderCopyright = defaultRenderCopyright } = props;
+  if (!lineInfos.operator && !lineInfos.publisher) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-footer" }, renderCopyright({ ...props }));
+};
 const propTypes = {
   /**
    * CSS class of the route schedule wrapper.
@@ -256,24 +261,14 @@ const propTypes = {
    */
   renderHeaderButtons: PropTypes.func
 };
-const defaultProps = {
-  className: "rt-route-schedule",
-  lineInfos: null,
-  renderHeader: defaultRenderHeader,
-  renderStation: defaultRenderStation,
-  renderStationImg: defaultRenderStationImg,
-  renderStationName: defaultRenderStationName,
-  renderCopyright: defaultRenderCopyright,
-  renderFooter: defaultRenderFooter,
-  renderRouteIdentifier: defaultRenderRouteIdentifier,
-  renderHeaderButtons: () => {
-    return null;
-  },
-  onStationClick: () => {
-  }
-};
-function RouteSchedule(props) {
-  const { lineInfos, className, renderStation, renderHeader, renderFooter } = props;
+function RouteSchedule({
+  className = "rt-route-schedule",
+  renderStation = defaultRenderStation,
+  renderHeader = defaultRenderHeader,
+  renderFooter = defaultRenderFooter,
+  ...props
+}) {
+  const { lineInfos } = props;
   if (!lineInfos) {
     return null;
   }
@@ -282,5 +277,4 @@ function RouteSchedule(props) {
   })), renderFooter({ ...props }));
 }
 RouteSchedule.propTypes = propTypes;
-RouteSchedule.defaultProps = defaultProps;
 export default React.memo(RouteSchedule);

package/components/RouteSchedule/RouteSchedule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/RouteSchedule/RouteSchedule.js"],
-  "sourcesContent": ["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport {\n  RealtimeLayer as TrackerLayer,\n  realtimeConfig,\n} from \"mobility-toolbox-js/ol\";\nimport { getHoursAndMinutes, getDelayString } from \"../../utils/timeUtils\";\nimport ReactTransitPropTypes from \"../../propTypes\";\nimport firstStation from \"../../images/RouteSchedule/firstStation.png\";\nimport station from \"../../images/RouteSchedule/station.png\";\nimport lastStation from \"../../images/RouteSchedule/lastStation.png\";\nimport line from \"../../images/RouteSchedule/line.png\";\n\nconst { getBgColor } = realtimeConfig;\n\n/**\n * Returns a color class to display the delay.\n * @param {Number} time Delay time in milliseconds.\n */\nconst getDelayColor = (time) => {\n  const secs = Math.round(((time / 1800 / 2) * 3600) / 1000);\n  if (secs >= 3600) {\n    return \"dark-red\";\n  }\n  if (secs >= 500) {\n    return \"middle-red\";\n  }\n  if (secs >= 300) {\n    return \"light-red\";\n  }\n  if (secs >= 180) {\n    return \"orange\";\n  }\n  return \"green\";\n};\n\n/**\n * Returns true if the train doesn't stop to the station.\n * @param {Object} stop Station information.\n */\nconst isNotStop = (stop) => {\n  return !stop.arrivalTime && !stop.departureTime;\n};\n\n/**\n * Returns if the station has already been passed by the vehicule.\n * @param {Object} stop Station information.\n * @param {number} time The current time to test in ms.\n * @param {Array<Object>} stops the list of all stops of the train.\n * @param {idx} idx The index of the stop object in the stops array.\n */\nconst isPassed = (stop, time, stops, idx) => {\n  // If the train doesn't stop to the stop object, we test if the stop just before has been passed or not.\n  // if yes the current stop is considered as passed.\n  if (isNotStop(stop)) {\n    if (stops[idx - 1] && idx > 0) {\n      return isPassed(stops[idx - 1], time, stops, idx);\n    }\n    return true;\n  }\n\n  // Sometimes stop.departureDelay is undefined.\n  const timeToCompare = stop.aimedDepartureTime || stop.aimedArrivalTime || 0;\n  let delayToCompare = stop.departureDelay || stop.arrivalDelay || 0;\n\n  // It could happens that the delay is negative we simply ignores it.\n  if (delayToCompare < 0) {\n    delayToCompare = 0;\n  }\n\n  return timeToCompare + delayToCompare <= time;\n};\n\n/**\n * Returns an image for first, middle or last stations.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} isStationPassed If the train is already passed at this station.\n * @param {Boolean} isNotStation If the train doesn't stop to this station.\n */\nconst defaultRenderStationImg = (\n  stations,\n  index,\n  isStationPassed,\n  isNotStation,\n) => {\n  const { length } = stations;\n  let src = station.src || station;\n  if (index === 0) {\n    src = firstStation.src || firstStation;\n  } else if (index === length - 1) {\n    src = lastStation.src || lastStation;\n  } else if (isNotStation) {\n    src = line.src || line;\n  }\n  return <img src={src} alt=\"routeScheduleLine\" className=\"rt-route-icon\" />;\n};\n\n/**\n * Returns an text.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} cancelled If the station is cancelled\n */\nconst defaultRenderStationName = (stations, index, cancelled) => {\n  const { stationName } = stations[index];\n  return (\n    <div className={cancelled ? \"rt-route-cancelled\" : \"\"}>{stationName}</div>\n  );\n};\n\nfunction RouteStop({\n  lineInfos,\n  onStationClick,\n  trackerLayer,\n  renderStationImg,\n  renderStationName,\n  stop,\n  idx,\n}) {\n  const {\n    arrivalDelay,\n    departureDelay,\n    state,\n    aimedArrivalTime,\n    aimedDepartureTime,\n  } = stop;\n  const cancelled = state === \"JOURNEY_CANCELLED\" || state === \"STOP_CANCELLED\";\n  const { stations } = lineInfos;\n  const isFirstStation = idx === 0;\n  const isLastStation = idx === stations.length - 1;\n  const isNotStation = isNotStop(stop);\n  const [isStationPassed, setIsStationPassed] = useState(false);\n\n  useEffect(() => {\n    let timeout = null;\n\n    const isStopPassed = isPassed(stop, trackerLayer.time, stations, idx);\n    setIsStationPassed(isStopPassed);\n\n    // We have to refresh the stop when the state it's time_based\n    if (stop.state === \"TIME_BASED\" && !isStopPassed) {\n      timeout = setInterval(() => {\n        setIsStationPassed(isPassed(stop, trackerLayer.time, stations, idx));\n      }, 20000);\n    }\n    return () => {\n      clearInterval(timeout);\n    };\n  }, [stop, trackerLayer, stations, idx]);\n\n  return (\n    <div\n      role=\"button\"\n      className={[\n        \"rt-route-station\",\n        isStationPassed ? \" rt-passed\" : \"\",\n        isNotStation ? \" rt-no-stop\" : \"\",\n      ].join(\"\")}\n      onClick={(e) => {\n        return onStationClick(stop, e);\n      }}\n      tabIndex={0}\n      onKeyPress={(e) => {\n        return e.which === 13 && onStationClick(stop, e);\n      }}\n    >\n      <div className=\"rt-route-delay\">\n        {arrivalDelay === undefined ||\n        arrivalDelay === null ||\n        isFirstStation ||\n        cancelled ? (\n          \"\"\n        ) : (\n          <span\n            className={`rt-route-delay-arrival${` ${getDelayColor(\n              arrivalDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(arrivalDelay)}`}\n          </span>\n        )}\n        {departureDelay === undefined ||\n        departureDelay === null ||\n        isLastStation ||\n        cancelled ? (\n          \"\"\n        ) : (\n          <span\n            className={`rt-route-delay-departure${` ${getDelayColor(\n              departureDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(departureDelay)}`}\n          </span>\n        )}\n      </div>\n      <div className=\"rt-route-times\">\n        <span\n          className={`rt-route-time-arrival ${\n            cancelled ? \"rt-route-cancelled\" : \"\"\n          }`}\n        >\n          {getHoursAndMinutes(aimedArrivalTime)}\n        </span>\n        <span\n          className={`rt-route-time-departure ${\n            cancelled ? \"rt-route-cancelled\" : \"\"\n          }`}\n        >\n          {getHoursAndMinutes(aimedDepartureTime)}\n        </span>\n      </div>\n      {renderStationImg(stations, idx, isStationPassed, isNotStation)}\n      {renderStationName(stations, idx, cancelled)}\n    </div>\n  );\n}\n\nconst defaultRenderStation = (props) => {\n  const { stationId, arrivalTime, departureTime, stationName } = props.stop;\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return (\n    <RouteStop\n      // Train line can go in circle so begin and end have the same id,\n      // using the time in the key should fix the issue.\n      key={(stationId || stationName) + arrivalTime + departureTime}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n};\n\nconst defaultRenderRouteIdentifier = ({ routeIdentifier, longName }) => {\n  if (routeIdentifier) {\n    // first part of the id, without leading zeros.\n    const id = parseInt(routeIdentifier.split(\".\")[0], 10);\n    if (!longName.includes(id) && !Number.isNaN(id)) {\n      return ` (${id})`;\n    }\n  }\n  return null;\n};\n\nconst defaultRenderHeader = ({\n  lineInfos,\n  renderHeaderButtons,\n  renderRouteIdentifier,\n}) => {\n  const {\n    type,\n    vehicleType,\n    shortName,\n    longName,\n    stroke,\n    destination,\n    routeIdentifier,\n    text_color: textColor,\n  } = lineInfos;\n  return (\n    <div className=\"rt-route-header\">\n      <span\n        className=\"rt-route-icon\"\n        style={{\n          /* stylelint-disable-next-line value-keyword-case */\n          backgroundColor: stroke || getBgColor(type || vehicleType),\n          color: textColor || \"black\",\n        }}\n      >\n        {shortName}\n      </span>\n      <div className=\"rt-route-title\">\n        <span className=\"rt-route-name\">{destination}</span>\n        <span>\n          {longName}\n          {renderRouteIdentifier(lineInfos)}\n        </span>\n      </div>\n      <div className=\"rt-route-buttons\">\n        {renderHeaderButtons(routeIdentifier)}\n      </div>\n    </div>\n  );\n};\n\nconst defaultRenderFooter = (props) => {\n  const { lineInfos, renderCopyright } = props;\n  if (!lineInfos.operator && !lineInfos.publisher) {\n    return null;\n  }\n  return <div className=\"rt-route-footer\">{renderCopyright({ ...props })}</div>;\n};\n\nconst defaultRenderLink = (text, url) => {\n  return (\n    <div className=\"rt-route-copyright-link\">\n      {url ? (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {text}\n        </a>\n      ) : (\n        text\n      )}\n    </div>\n  );\n};\n\nconst defaultRenderCopyright = ({ lineInfos }) => {\n  return (\n    <span className=\"rt-route-copyright\">\n      {lineInfos.operator &&\n        defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl)}\n      {lineInfos.operator && lineInfos.publisher && <span>&nbsp;-&nbsp;</span>}\n      {lineInfos.publisher &&\n        defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl)}\n      {lineInfos.license && <span>&nbsp;(</span>}\n      {lineInfos.license &&\n        defaultRenderLink(lineInfos.license, lineInfos.licenseUrl)}\n      {lineInfos.license && \")\"}\n    </span>\n  );\n};\n\nconst propTypes = {\n  /**\n   * CSS class of the route schedule wrapper.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Trajectory stations informations.\n   */\n  lineInfos: ReactTransitPropTypes.lineInfos,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n\n  /**\n   * Render Header of the route scheduler.\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * Render Footer of the route scheduler.\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render Copyright of the route scheduler.\n   */\n  renderCopyright: PropTypes.func,\n\n  /**\n   * Render the route identifier in the header\n   */\n  renderRouteIdentifier: PropTypes.func,\n\n  /**\n   * Render the status of the station image.\n   */\n  renderStationImg: PropTypes.func,\n\n  /**\n   * Render a station.\n   */\n  renderStation: PropTypes.func,\n\n  /**\n   * Render a station name.\n   */\n  renderStationName: PropTypes.func,\n\n  /**\n   * Function triggered on station's click event.\n   */\n  onStationClick: PropTypes.func,\n\n  /**\n   * Function to render header buttons.\n   */\n  renderHeaderButtons: PropTypes.func,\n};\n\nconst defaultProps = {\n  className: \"rt-route-schedule\",\n  lineInfos: null,\n  renderHeader: defaultRenderHeader,\n  renderStation: defaultRenderStation,\n  renderStationImg: defaultRenderStationImg,\n  renderStationName: defaultRenderStationName,\n  renderCopyright: defaultRenderCopyright,\n  renderFooter: defaultRenderFooter,\n  renderRouteIdentifier: defaultRenderRouteIdentifier,\n  renderHeaderButtons: () => {\n    return null;\n  },\n  onStationClick: () => {},\n};\n\n/**\n * RouteSchedule displays information, stops and punctuality about the clicked route.\n */\nfunction RouteSchedule(props) {\n  const { lineInfos, className, renderStation, renderHeader, renderFooter } =\n    props;\n\n  if (!lineInfos) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      {renderHeader({ ...props })}\n      <div className=\"rt-route-body\">\n        {lineInfos.stations.map((stop, idx) => {\n          return renderStation({ ...props, stop, idx });\n        })}\n      </div>\n      {renderFooter({ ...props })}\n    </div>\n  );\n}\n\nRouteSchedule.propTypes = propTypes;\nRouteSchedule.defaultProps = defaultProps;\n\nexport default React.memo(RouteSchedule);\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport {\n  RealtimeLayer as TrackerLayer,\n  realtimeConfig,\n} from \"mobility-toolbox-js/ol\";\nimport { getHoursAndMinutes, getDelayString } from \"../../utils/timeUtils\";\nimport ReactTransitPropTypes from \"../../propTypes\";\nimport firstStation from \"../../images/RouteSchedule/firstStation.png\";\nimport station from \"../../images/RouteSchedule/station.png\";\nimport lastStation from \"../../images/RouteSchedule/lastStation.png\";\nimport line from \"../../images/RouteSchedule/line.png\";\n\nconst { getBgColor } = realtimeConfig;\n\n/**\n * Returns a color class to display the delay.\n * @param {Number} time Delay time in milliseconds.\n */\nconst getDelayColor = (time) => {\n  const secs = Math.round(((time / 1800 / 2) * 3600) / 1000);\n  if (secs >= 3600) {\n    return \"dark-red\";\n  }\n  if (secs >= 500) {\n    return \"middle-red\";\n  }\n  if (secs >= 300) {\n    return \"light-red\";\n  }\n  if (secs >= 180) {\n    return \"orange\";\n  }\n  return \"green\";\n};\n\n/**\n * Returns true if the train doesn't stop to the station.\n * @param {Object} stop Station information.\n */\nconst isNotStop = (stop) => {\n  return !stop.arrivalTime && !stop.departureTime;\n};\n\n/**\n * Returns if the station has already been passed by the vehicule.\n * @param {Object} stop Station information.\n * @param {number} time The current time to test in ms.\n * @param {Array<Object>} stops the list of all stops of the train.\n * @param {idx} idx The index of the stop object in the stops array.\n */\nconst isPassed = (stop, time, stops, idx) => {\n  // If the train doesn't stop to the stop object, we test if the stop just before has been passed or not.\n  // if yes the current stop is considered as passed.\n  if (isNotStop(stop)) {\n    if (stops[idx - 1] && idx > 0) {\n      return isPassed(stops[idx - 1], time, stops, idx);\n    }\n    return true;\n  }\n\n  // Sometimes stop.departureDelay is undefined.\n  const timeToCompare = stop.aimedDepartureTime || stop.aimedArrivalTime || 0;\n  let delayToCompare = stop.departureDelay || stop.arrivalDelay || 0;\n\n  // It could happens that the delay is negative we simply ignores it.\n  if (delayToCompare < 0) {\n    delayToCompare = 0;\n  }\n\n  return timeToCompare + delayToCompare <= time;\n};\n\n/**\n * Returns an image for first, middle or last stations.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} isStationPassed If the train is already passed at this station.\n * @param {Boolean} isNotStation If the train doesn't stop to this station.\n */\nconst defaultRenderStationImg = (\n  stations,\n  index,\n  isStationPassed,\n  isNotStation,\n) => {\n  const { length } = stations;\n  let src = station.src || station;\n  if (index === 0) {\n    src = firstStation.src || firstStation;\n  } else if (index === length - 1) {\n    src = lastStation.src || lastStation;\n  } else if (isNotStation) {\n    src = line.src || line;\n  }\n  return <img src={src} alt=\"routeScheduleLine\" className=\"rt-route-icon\" />;\n};\n\n/**\n * Returns an text.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} cancelled If the station is cancelled\n */\nconst defaultRenderStationName = (stations, index, cancelled) => {\n  const { stationName } = stations[index];\n  return (\n    <div className={cancelled ? \"rt-route-cancelled\" : \"\"}>{stationName}</div>\n  );\n};\nconst emptyFunc = () => {};\n\nfunction RouteStop({\n  lineInfos,\n  onStationClick = emptyFunc,\n  trackerLayer,\n  renderStationImg = defaultRenderStationImg,\n  renderStationName = defaultRenderStationName,\n  stop,\n  idx,\n}) {\n  const {\n    arrivalDelay,\n    departureDelay,\n    state,\n    aimedArrivalTime,\n    aimedDepartureTime,\n  } = stop;\n  const cancelled = state === \"JOURNEY_CANCELLED\" || state === \"STOP_CANCELLED\";\n  const { stations } = lineInfos;\n  const isFirstStation = idx === 0;\n  const isLastStation = idx === stations.length - 1;\n  const isNotStation = isNotStop(stop);\n  const [isStationPassed, setIsStationPassed] = useState(false);\n\n  useEffect(() => {\n    let timeout = null;\n\n    const isStopPassed = isPassed(stop, trackerLayer.time, stations, idx);\n    setIsStationPassed(isStopPassed);\n\n    // We have to refresh the stop when the state it's time_based\n    if (stop.state === \"TIME_BASED\" && !isStopPassed) {\n      timeout = setInterval(() => {\n        setIsStationPassed(isPassed(stop, trackerLayer.time, stations, idx));\n      }, 20000);\n    }\n    return () => {\n      clearInterval(timeout);\n    };\n  }, [stop, trackerLayer, stations, idx]);\n\n  return (\n    <div\n      role=\"button\"\n      className={[\n        \"rt-route-station\",\n        isStationPassed ? \" rt-passed\" : \"\",\n        isNotStation ? \" rt-no-stop\" : \"\",\n      ].join(\"\")}\n      onClick={(e) => {\n        return onStationClick(stop, e);\n      }}\n      tabIndex={0}\n      onKeyPress={(e) => {\n        return e.which === 13 && onStationClick(stop, e);\n      }}\n    >\n      <div className=\"rt-route-delay\">\n        {arrivalDelay === undefined ||\n        arrivalDelay === null ||\n        isFirstStation ||\n        cancelled ? (\n          \"\"\n        ) : (\n          <span\n            className={`rt-route-delay-arrival${` ${getDelayColor(\n              arrivalDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(arrivalDelay)}`}\n          </span>\n        )}\n        {departureDelay === undefined ||\n        departureDelay === null ||\n        isLastStation ||\n        cancelled ? (\n          \"\"\n        ) : (\n          <span\n            className={`rt-route-delay-departure${` ${getDelayColor(\n              departureDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(departureDelay)}`}\n          </span>\n        )}\n      </div>\n      <div className=\"rt-route-times\">\n        <span\n          className={`rt-route-time-arrival ${\n            cancelled ? \"rt-route-cancelled\" : \"\"\n          }`}\n        >\n          {getHoursAndMinutes(aimedArrivalTime)}\n        </span>\n        <span\n          className={`rt-route-time-departure ${\n            cancelled ? \"rt-route-cancelled\" : \"\"\n          }`}\n        >\n          {getHoursAndMinutes(aimedDepartureTime)}\n        </span>\n      </div>\n      {renderStationImg(stations, idx, isStationPassed, isNotStation)}\n      {renderStationName(stations, idx, cancelled)}\n    </div>\n  );\n}\n\nconst defaultRenderStation = (props) => {\n  const { stationId, arrivalTime, departureTime, stationName } = props.stop;\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return (\n    <RouteStop\n      // Train line can go in circle so begin and end have the same id,\n      // using the time in the key should fix the issue.\n      key={(stationId || stationName) + arrivalTime + departureTime}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n};\n\nconst defaultRenderRouteIdentifier = ({ routeIdentifier, longName }) => {\n  if (routeIdentifier) {\n    // first part of the id, without leading zeros.\n    const id = parseInt(routeIdentifier.split(\".\")[0], 10);\n    if (!longName.includes(id) && !Number.isNaN(id)) {\n      return ` (${id})`;\n    }\n  }\n  return null;\n};\nconst defaultRenderHeaderButtons = () => {\n  return null;\n};\n\nconst defaultRenderHeader = ({\n  lineInfos,\n  renderHeaderButtons = defaultRenderHeaderButtons,\n  renderRouteIdentifier = defaultRenderRouteIdentifier,\n}) => {\n  const {\n    type,\n    vehicleType,\n    shortName,\n    longName,\n    stroke,\n    destination,\n    routeIdentifier,\n    text_color: textColor,\n  } = lineInfos;\n  return (\n    <div className=\"rt-route-header\">\n      <span\n        className=\"rt-route-icon\"\n        style={{\n          /* stylelint-disable-next-line value-keyword-case */\n          backgroundColor: stroke || getBgColor(type || vehicleType),\n          color: textColor || \"black\",\n        }}\n      >\n        {shortName}\n      </span>\n      <div className=\"rt-route-title\">\n        <span className=\"rt-route-name\">{destination}</span>\n        <span>\n          {longName}\n          {renderRouteIdentifier(lineInfos)}\n        </span>\n      </div>\n      <div className=\"rt-route-buttons\">\n        {renderHeaderButtons(routeIdentifier)}\n      </div>\n    </div>\n  );\n};\n\nconst defaultRenderLink = (text, url) => {\n  return (\n    <div className=\"rt-route-copyright-link\">\n      {url ? (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {text}\n        </a>\n      ) : (\n        text\n      )}\n    </div>\n  );\n};\n\nconst defaultRenderCopyright = ({ lineInfos }) => {\n  return (\n    <span className=\"rt-route-copyright\">\n      {lineInfos.operator &&\n        defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl)}\n      {lineInfos.operator && lineInfos.publisher && <span>&nbsp;-&nbsp;</span>}\n      {lineInfos.publisher &&\n        defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl)}\n      {lineInfos.license && <span>&nbsp;(</span>}\n      {lineInfos.license &&\n        defaultRenderLink(lineInfos.license, lineInfos.licenseUrl)}\n      {lineInfos.license && \")\"}\n    </span>\n  );\n};\n\nconst defaultRenderFooter = (props) => {\n  const { lineInfos, renderCopyright = defaultRenderCopyright } = props;\n  if (!lineInfos.operator && !lineInfos.publisher) {\n    return null;\n  }\n  return <div className=\"rt-route-footer\">{renderCopyright({ ...props })}</div>;\n};\n\nconst propTypes = {\n  /**\n   * CSS class of the route schedule wrapper.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Trajectory stations informations.\n   */\n  lineInfos: ReactTransitPropTypes.lineInfos,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n\n  /**\n   * Render Header of the route scheduler.\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * Render Footer of the route scheduler.\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render Copyright of the route scheduler.\n   */\n  renderCopyright: PropTypes.func,\n\n  /**\n   * Render the route identifier in the header\n   */\n  renderRouteIdentifier: PropTypes.func,\n\n  /**\n   * Render the status of the station image.\n   */\n  renderStationImg: PropTypes.func,\n\n  /**\n   * Render a station.\n   */\n  renderStation: PropTypes.func,\n\n  /**\n   * Render a station name.\n   */\n  renderStationName: PropTypes.func,\n\n  /**\n   * Function triggered on station's click event.\n   */\n  onStationClick: PropTypes.func,\n\n  /**\n   * Function to render header buttons.\n   */\n  renderHeaderButtons: PropTypes.func,\n};\n\n/**\n * RouteSchedule displays information, stops and punctuality about the clicked route.\n */\nfunction RouteSchedule({\n  className = \"rt-route-schedule\",\n  renderStation = defaultRenderStation,\n  renderHeader = defaultRenderHeader,\n  renderFooter = defaultRenderFooter,\n  ...props\n}) {\n  const { lineInfos } = props;\n\n  if (!lineInfos) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      {renderHeader({ ...props })}\n      <div className=\"rt-route-body\">\n        {lineInfos.stations.map((stop, idx) => {\n          return renderStation({ ...props, stop, idx });\n        })}\n      </div>\n      {renderFooter({ ...props })}\n    </div>\n  );\n}\n\nRouteSchedule.propTypes = propTypes;\n\nexport default React.memo(RouteSchedule);\n"],
+  "mappings": "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",
   "names": []
 }

package/components/ScaleLine/ScaleLine.js

@@ -16,7 +16,7 @@ const propTypes = {
 const defaultProps = {
   options: {}
 };
-function ScaleLine({ map, options, ...other }) {
+function ScaleLine({ map, options = defaultProps.options, ...other }) {
   const ref = useRef();
   useEffect(() => {
     const control = new OLScaleLine({
@@ -31,5 +31,4 @@ function ScaleLine({ map, options, ...other }) {
   return /* @__PURE__ */ React.createElement("div", { className: "rs-scale-line", ref, ...other });
 }
 ScaleLine.propTypes = propTypes;
-ScaleLine.defaultProps = defaultProps;
 export default React.memo(ScaleLine);

package/components/ScaleLine/ScaleLine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ScaleLine/ScaleLine.js"],
-  "sourcesContent": ["import React, { useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLScaleLine from \"ol/control/ScaleLine\";\nimport OLMap from \"ol/Map\";\n\nconst propTypes = {\n  /**\n   * ol/map.\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Options for ol/control/ScaleLine.\n   * See https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html\n   */\n  options: PropTypes.object,\n};\n\nconst defaultProps = {\n  options: {},\n};\n\n/**\n * The ScaleLine component creates an\n * [ol/control/ScaleLine](https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html)\n * for an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction ScaleLine({ map, options, ...other }) {\n  const ref = useRef();\n\n  useEffect(() => {\n    const control = new OLScaleLine({\n      ...options,\n      ...{ target: ref.current },\n    });\n\n    map.addControl(control);\n    return () => {\n      map.removeControl(control);\n    };\n  }, [map, options]);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <div className=\"rs-scale-line\" ref={ref} {...other} />;\n}\n\nScaleLine.propTypes = propTypes;\nScaleLine.defaultProps = defaultProps;\n\nexport default React.memo(ScaleLine);\n"],
-  "mappings": "AAAA,OAAO,SAAS,QAAQ,iBAAiB;AACzC,OAAO,eAAe;AACtB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjC,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,SAAS,CAAC;AACZ;AAOA,SAAS,UAAU,EAAE,KAAK,SAAS,GAAG,MAAM,GAAG;AAC7C,QAAM,MAAM,OAAO;AAEnB,YAAU,MAAM;AACd,UAAM,UAAU,IAAI,YAAY;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG,EAAE,QAAQ,IAAI,QAAQ;AAAA,IAC3B,CAAC;AAED,QAAI,WAAW,OAAO;AACtB,WAAO,MAAM;AACX,UAAI,cAAc,OAAO;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAGjB,SAAO,oCAAC,SAAI,WAAU,iBAAgB,KAAW,GAAG,OAAO;AAC7D;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe,MAAM,KAAK,SAAS;",
+  "sourcesContent": ["import React, { useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLScaleLine from \"ol/control/ScaleLine\";\nimport OLMap from \"ol/Map\";\n\nconst propTypes = {\n  /**\n   * ol/map.\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Options for ol/control/ScaleLine.\n   * See https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html\n   */\n  options: PropTypes.object,\n};\n\nconst defaultProps = {\n  options: {},\n};\n\n/**\n * The ScaleLine component creates an\n * [ol/control/ScaleLine](https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html)\n * for an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction ScaleLine({ map, options = defaultProps.options, ...other }) {\n  const ref = useRef();\n\n  useEffect(() => {\n    const control = new OLScaleLine({\n      ...options,\n      ...{ target: ref.current },\n    });\n\n    map.addControl(control);\n    return () => {\n      map.removeControl(control);\n    };\n  }, [map, options]);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <div className=\"rs-scale-line\" ref={ref} {...other} />;\n}\n\nScaleLine.propTypes = propTypes;\n\nexport default React.memo(ScaleLine);\n"],
+  "mappings": "AAAA,OAAO,SAAS,QAAQ,iBAAiB;AACzC,OAAO,eAAe;AACtB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjC,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,SAAS,CAAC;AACZ;AAOA,SAAS,UAAU,EAAE,KAAK,UAAU,aAAa,SAAS,GAAG,MAAM,GAAG;AACpE,QAAM,MAAM,OAAO;AAEnB,YAAU,MAAM;AACd,UAAM,UAAU,IAAI,YAAY;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG,EAAE,QAAQ,IAAI,QAAQ;AAAA,IAC3B,CAAC;AAED,QAAI,WAAW,OAAO;AACtB,WAAO,MAAM;AACX,UAAI,cAAc,OAAO;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAGjB,SAAO,oCAAC,SAAI,WAAU,iBAAgB,KAAW,GAAG,OAAO;AAC7D;AAEA,UAAU,YAAY;AAEtB,eAAe,MAAM,KAAK,SAAS;",
   "names": []
 }

package/components/StopsFinder/StopsFinder.js

@@ -12,6 +12,9 @@ const StyledAutocomplete = styled(Autocomplete)(() => ({
     transform: "rotate(0)"
   }
 }));
+const defaultProps = {
+  textFieldProps: {}
+};
 function StopsFinder({
   agencies,
   apiKey,
@@ -25,7 +28,7 @@ function StopsFinder({
   refLocation,
   renderAutocomplete,
   url,
-  textFieldProps,
+  textFieldProps = defaultProps.textFieldProps,
   ...props
 }) {
   const [inputValue, setInputValue] = useState("");
@@ -233,18 +236,4 @@ StopsFinder.propTypes = {
    */
   url: PropTypes.string
 };
-StopsFinder.defaultProps = {
-  agencies: null,
-  apiKey: null,
-  textFieldProps: {},
-  bbox: null,
-  field: null,
-  limit: null,
-  mots: null,
-  onSelect: null,
-  radius: null,
-  refLocation: null,
-  url: null,
-  renderAutocomplete: null
-};
 export default StopsFinder;

package/components/StopsFinder/StopsFinder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/StopsFinder/StopsFinder.js"],
-  "sourcesContent": ["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useMemo, useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Autocomplete, autocompleteClasses, styled } from \"@mui/material\";\nimport { FaSearch } from \"react-icons/fa\";\nimport TextField from \"@mui/material/TextField\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { StopFinderControl } from \"mobility-toolbox-js/ol\";\nimport { Map } from \"ol\";\nimport StopsFinderOption from \"./StopsFinderOption\";\n\nconst StyledAutocomplete = styled(Autocomplete)(() => ({\n  [`& .${autocompleteClasses.popupIndicatorOpen}`]: {\n    transform: \"rotate(0)\",\n  },\n}));\n\nfunction StopsFinder({\n  agencies,\n  apiKey,\n  bbox,\n  field,\n  limit,\n  map,\n  mots,\n  onSelect,\n  radius,\n  refLocation,\n  renderAutocomplete,\n  url,\n  textFieldProps,\n  ...props\n}) {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [suggestions, setSuggestions] = useState([]);\n  const [isLoading, setLoading] = useState(false);\n  const [isOpen, setOpen] = useState(false);\n\n  const control = useMemo(() => {\n    return new StopFinderControl({\n      url,\n      apiKey,\n      target: document.createElement(\"div\"),\n      element: document.createElement(\"div\"),\n      render(newSuggestions = { features: [] }) {\n        setSuggestions(newSuggestions.features);\n        setLoading(false);\n      },\n    });\n  }, [apiKey, url]);\n\n  useEffect(() => {\n    if (!inputValue) {\n      setSuggestions([]);\n      setLoading(false);\n      return () => {};\n    }\n    const abortController = new AbortController();\n    setLoading(true);\n    control.apiParams = {\n      prefAgencies: agencies && agencies.toString(),\n      bbox: bbox && bbox.toString(),\n      field: field && field.toString(),\n      limit,\n      mots: mots && mots.toString(),\n      radius,\n      ref_location: refLocation && refLocation.toString(),\n    };\n    control.search(inputValue, abortController);\n    return () => {\n      abortController.abort();\n    };\n  }, [\n    agencies,\n    bbox,\n    control,\n    field,\n    inputValue,\n    limit,\n    mots,\n    radius,\n    refLocation,\n  ]);\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control) {\n    return null;\n  }\n\n  if (renderAutocomplete) {\n    return renderAutocomplete(\n      suggestions,\n      inputValue,\n      setInputValue,\n      isOpen,\n      setOpen,\n      isLoading,\n      setLoading,\n    );\n  }\n  return (\n    <StyledAutocomplete\n      fullWidth\n      autoComplete\n      autoHighlight\n      selectOnFocus\n      getOptionLabel={(option) => {\n        return option.properties.name;\n      }}\n      onChange={(evt, value, reason) => {\n        if (onSelect && reason === \"selectOption\") {\n          onSelect(value, evt);\n        }\n      }}\n      popupIcon={<FaSearch focusable={false} size={15} />}\n      renderInput={(params) => {\n        return (\n          <TextField\n            label=\"Search stops\"\n            {...params}\n            {...textFieldProps}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {isLoading && <CircularProgress size={20} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n          />\n        );\n      }}\n      renderOption={(liProps, option) => {\n        return (\n          <StopsFinderOption\n            key={option.properties?.name}\n            option={option}\n            {...liProps}\n          />\n        );\n      }}\n      {...props}\n      inputValue={inputValue}\n      open={isOpen}\n      options={suggestions}\n      loading={isLoading}\n      onOpen={() => {\n        setOpen(true);\n      }}\n      onClose={() => {\n        setOpen(false);\n      }}\n      onInputChange={(evt, val) => {\n        setInputValue(val);\n      }}\n    />\n  );\n}\n\nStopsFinder.propTypes = {\n  /**\n   * Array or a comma separated list of agencies which should be available.\n   * Order of these agencies chooses which agency will be preferred.\n   * Available values : sbb, db\n   */\n  agencies: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * geOps api key to access the StopsFinder service.\n   */\n  apiKey: PropTypes.string,\n\n  /**\n   * Properties apply to the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.\n   */\n  textFieldProps: PropTypes.object,\n\n  /**\n   * minX,minY,maxX,maxY coordinates in WGS84 wherein the station should lie.\n   */\n  bbox: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Array or a comma separated list of fields which should be used for look up.\n   * Available values : id, name, coords\n   */\n  field: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Control how many matches will be returned.\n   */\n  limit: PropTypes.number,\n\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Array or a comma separated list of mode of transpaorts which should be available.\n   * Available values : bus, ferry, gondola, tram, rail, funicular, cable_car, subway\n   */\n  mots: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Function called when a suggestion is selected.\n   */\n  onSelect: PropTypes.func,\n\n  /**\n   * Radius around refLocation in meters that is most relevant.\n   * Used as granularity for location rank.\n   */\n  radius: PropTypes.number,\n\n  /**\n   * Coordinates in WGS84 (in lat,lon order) used to rank stops close to this position higher.\n   * Available values : id, name, coords\n   */\n  refLocation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Function to render a different autocomplete input than the default one.\n   */\n  renderAutocomplete: PropTypes.func,\n\n  /**\n   * Url of the geOps StopsFinder service.\n   */\n  url: PropTypes.string,\n};\n\nStopsFinder.defaultProps = {\n  agencies: null,\n  apiKey: null,\n  textFieldProps: {},\n  bbox: null,\n  field: null,\n  limit: null,\n  mots: null,\n  onSelect: null,\n  radius: null,\n  refLocation: null,\n  url: null,\n  renderAutocomplete: null,\n};\n\nexport default StopsFinder;\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useMemo, useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Autocomplete, autocompleteClasses, styled } from \"@mui/material\";\nimport { FaSearch } from \"react-icons/fa\";\nimport TextField from \"@mui/material/TextField\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { StopFinderControl } from \"mobility-toolbox-js/ol\";\nimport { Map } from \"ol\";\nimport StopsFinderOption from \"./StopsFinderOption\";\n\nconst StyledAutocomplete = styled(Autocomplete)(() => ({\n  [`& .${autocompleteClasses.popupIndicatorOpen}`]: {\n    transform: \"rotate(0)\",\n  },\n}));\n\nconst defaultProps = {\n  textFieldProps: {},\n};\n\nfunction StopsFinder({\n  agencies,\n  apiKey,\n  bbox,\n  field,\n  limit,\n  map,\n  mots,\n  onSelect,\n  radius,\n  refLocation,\n  renderAutocomplete,\n  url,\n  textFieldProps = defaultProps.textFieldProps,\n  ...props\n}) {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [suggestions, setSuggestions] = useState([]);\n  const [isLoading, setLoading] = useState(false);\n  const [isOpen, setOpen] = useState(false);\n\n  const control = useMemo(() => {\n    return new StopFinderControl({\n      url,\n      apiKey,\n      target: document.createElement(\"div\"),\n      element: document.createElement(\"div\"),\n      render(newSuggestions = { features: [] }) {\n        setSuggestions(newSuggestions.features);\n        setLoading(false);\n      },\n    });\n  }, [apiKey, url]);\n\n  useEffect(() => {\n    if (!inputValue) {\n      setSuggestions([]);\n      setLoading(false);\n      return () => {};\n    }\n    const abortController = new AbortController();\n    setLoading(true);\n    control.apiParams = {\n      prefAgencies: agencies && agencies.toString(),\n      bbox: bbox && bbox.toString(),\n      field: field && field.toString(),\n      limit,\n      mots: mots && mots.toString(),\n      radius,\n      ref_location: refLocation && refLocation.toString(),\n    };\n    control.search(inputValue, abortController);\n    return () => {\n      abortController.abort();\n    };\n  }, [\n    agencies,\n    bbox,\n    control,\n    field,\n    inputValue,\n    limit,\n    mots,\n    radius,\n    refLocation,\n  ]);\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control) {\n    return null;\n  }\n\n  if (renderAutocomplete) {\n    return renderAutocomplete(\n      suggestions,\n      inputValue,\n      setInputValue,\n      isOpen,\n      setOpen,\n      isLoading,\n      setLoading,\n    );\n  }\n  return (\n    <StyledAutocomplete\n      fullWidth\n      autoComplete\n      autoHighlight\n      selectOnFocus\n      getOptionLabel={(option) => {\n        return option.properties.name;\n      }}\n      onChange={(evt, value, reason) => {\n        if (onSelect && reason === \"selectOption\") {\n          onSelect(value, evt);\n        }\n      }}\n      popupIcon={<FaSearch focusable={false} size={15} />}\n      renderInput={(params) => {\n        return (\n          <TextField\n            label=\"Search stops\"\n            {...params}\n            {...textFieldProps}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {isLoading && <CircularProgress size={20} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n          />\n        );\n      }}\n      renderOption={(liProps, option) => {\n        return (\n          <StopsFinderOption\n            key={option.properties?.name}\n            option={option}\n            {...liProps}\n          />\n        );\n      }}\n      {...props}\n      inputValue={inputValue}\n      open={isOpen}\n      options={suggestions}\n      loading={isLoading}\n      onOpen={() => {\n        setOpen(true);\n      }}\n      onClose={() => {\n        setOpen(false);\n      }}\n      onInputChange={(evt, val) => {\n        setInputValue(val);\n      }}\n    />\n  );\n}\n\nStopsFinder.propTypes = {\n  /**\n   * Array or a comma separated list of agencies which should be available.\n   * Order of these agencies chooses which agency will be preferred.\n   * Available values : sbb, db\n   */\n  agencies: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * geOps api key to access the StopsFinder service.\n   */\n  apiKey: PropTypes.string,\n\n  /**\n   * Properties apply to the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.\n   */\n  textFieldProps: PropTypes.object,\n\n  /**\n   * minX,minY,maxX,maxY coordinates in WGS84 wherein the station should lie.\n   */\n  bbox: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Array or a comma separated list of fields which should be used for look up.\n   * Available values : id, name, coords\n   */\n  field: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Control how many matches will be returned.\n   */\n  limit: PropTypes.number,\n\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Array or a comma separated list of mode of transpaorts which should be available.\n   * Available values : bus, ferry, gondola, tram, rail, funicular, cable_car, subway\n   */\n  mots: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Function called when a suggestion is selected.\n   */\n  onSelect: PropTypes.func,\n\n  /**\n   * Radius around refLocation in meters that is most relevant.\n   * Used as granularity for location rank.\n   */\n  radius: PropTypes.number,\n\n  /**\n   * Coordinates in WGS84 (in lat,lon order) used to rank stops close to this position higher.\n   * Available values : id, name, coords\n   */\n  refLocation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Function to render a different autocomplete input than the default one.\n   */\n  renderAutocomplete: PropTypes.func,\n\n  /**\n   * Url of the geOps StopsFinder service.\n   */\n  url: PropTypes.string,\n};\n\nexport default StopsFinder;\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -2,14 +2,14 @@
   "name": "react-spatial",
   "license": "MIT",
   "description": "Components to build React map apps.",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@geops/geops-ui": "0.3.2",
-    "@mui/icons-material": "^5.15.17",
-    "@mui/material": "^5.15.17",
-    "re-resizable": "6.9.16",
+    "@mui/icons-material": "^5.15.20",
+    "@mui/material": "^5.15.20",
+    "re-resizable": "6.9.17",
     "react-icons": "5.2.1",
     "resize-observer-polyfill": "1.5.1"
   },
@@ -22,30 +22,31 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@babel/preset-env": "7.24.5",
-    "@babel/preset-react": "7.24.1",
+    "@babel/preset-env": "7.24.7",
+    "@babel/preset-react": "7.24.7",
     "@cfaester/enzyme-adapter-react-18": "0.8.0",
     "@commitlint/cli": "19.3.0",
     "@commitlint/config-conventional": "19.2.2",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/webpack": "8.1.0",
-    "@testing-library/jest-dom": "6.4.5",
-    "@testing-library/react": "15.0.7",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "6.4.6",
+    "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
     "canvas": "2.11.2",
-    "css-loader": "7.1.1",
+    "css-loader": "7.1.2",
     "enzyme": "3.11.0",
-    "esbuild": "^0.21.2",
-    "esbuild-loader": "^4.1.0",
+    "esbuild": "^0.21.5",
+    "esbuild-loader": "^4.2.0",
     "eslint": "8",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react": "7.34.3",
     "eslint-plugin-react-hooks": "4.6.2",
     "file-loader": "6.2.0",
     "fixpack": "4.0.0",
@@ -62,13 +63,13 @@
     "jest-transform-file": "1.1.1",
     "jest-transformer-svg": "^2.0.2",
     "jsts": "2.11.3",
-    "lint-staged": "15.2.2",
+    "lint-staged": "15.2.7",
     "mapbox-gl": "1.13.1",
-    "maplibre-gl": "4.2.0",
-    "mobility-toolbox-js": "2.4.1",
-    "ol": "8.2.0",
+    "maplibre-gl": "4.4.1",
+    "mobility-toolbox-js": "2.4.2",
+    "ol": "9.2.4",
     "postcss": "^8.4.38",
-    "prettier": "3.2.5",
+    "prettier": "3.3.2",
     "proj4": "2.11.0",
     "prop-types": "15.8.1",
     "react": "18.3.1",
@@ -76,19 +77,19 @@
     "react-styleguidist": "13.1.2",
     "react-svg-loader": "3.0.3",
     "react-test-renderer": "18.3.1",
-    "sass": "1.77.1",
+    "sass": "1.77.6",
     "sass-loader": "14.2.1",
     "standard-version": "9.5.0",
     "stream-array": "1.1.2",
     "style-loader": "4.0.0",
-    "stylelint": "16.5.0",
+    "stylelint": "16.6.1",
     "stylelint-config-recommended-scss": "14.0.0",
     "stylelint-config-standard": "36.0.0",
-    "stylelint-scss": "6.3.0",
+    "stylelint-scss": "6.3.2",
     "terser-webpack-plugin": "^5.3.10",
     "url-loader": "4.1.1",
     "vinyl-fs": "4.0.0",
-    "webpack": "^5.91.0",
+    "webpack": "^5.92.1",
     "xml-beautifier": "0.5.0"
   },
   "scripts": {

package/utils/KML.js

@@ -73,13 +73,25 @@ const sanitizeFeature = (feature, doNotRevert32pxScaling = false) => {
   const tmpStyles = styles(feature);
   const style = (Array.isArray(tmpStyles) ? tmpStyles[0] : tmpStyles).clone();
   let stroke = style.getStroke();
-  if (stroke && feature.get("lineDash")) {
-    stroke.setLineDash(
+  if (feature.get("lineCap")) {
+    stroke?.setLineCap(feature.get("lineCap"));
+  }
+  if (feature.get("lineJoin")) {
+    stroke?.setLineJoin(feature.get("lineJoin"));
+  }
+  if (feature.get("lineDash")) {
+    stroke?.setLineDash(
       feature.get("lineDash").split(",").map((l) => {
         return parseInt(l, 10);
       })
     );
   }
+  if (feature.get("lineDashOffset")) {
+    stroke?.setLineDashOffset(parseInt(feature.get("lineDashOffset"), 10));
+  }
+  if (feature.get("miterLimit")) {
+    stroke?.setMiterLimit(parseInt(feature.get("miterLimit"), 10));
+  }
   if (stroke && stroke.getWidth() === 0) {
     stroke = void 0;
   }
@@ -117,6 +129,18 @@ const sanitizeFeature = (feature, doNotRevert32pxScaling = false) => {
         // stroke: style.getText().getStroke(),
         scale: style.getText().getScale()
       });
+      if (feature.get("textArray")) {
+        try {
+          const textArray = JSON.parse(feature.get("textArray"));
+          text.setText(textArray);
+        } catch (err) {
+          console.error(
+            "Error parsing textArray",
+            feature.get("textArray"),
+            err
+          );
+        }
+      }
       if (feature.get("textStrokeColor") && feature.get("textStrokeWidth")) {
         text.setStroke(
           new Stroke({
@@ -304,25 +328,35 @@ const writeFeatures = (layer, featureProjection, mapResolution) => {
     if (newStyle.zIndex) {
       clone.set("zIndex", newStyle.zIndex);
     }
-    if (newStyle.text && /^\s|\s$/g.test(newStyle.text.getText())) {
-      newStyle.text.setText(`\u200B${newStyle.text.getText()}\u200B`);
+    const text = newStyle.text?.getText();
+    if (text) {
+      let kmlText = text;
+      if (Array.isArray(text)) {
+        clone.set("textArray", JSON.stringify(text));
+        kmlText = text.map((t, idx) => {
+          return idx % 2 === 0 ? t : "";
+        });
+      }
+      if (/^\s|\s$/g.test(kmlText)) {
+        newStyle.text.setText(`\u200B${kmlText}\u200B`);
+      }
     }
-    if (newStyle.text && newStyle.text.getRotation()) {
+    if (newStyle.text?.getRotation()) {
       clone.set("textRotation", newStyle.text.getRotation());
     }
-    if (newStyle.text && newStyle.text.getFont()) {
+    if (newStyle.text?.getFont()) {
       clone.set("textFont", newStyle.text.getFont());
     }
-    if (newStyle.text && newStyle.text.getTextAlign()) {
+    if (newStyle.text?.getTextAlign()) {
       clone.set("textAlign", newStyle.text.getTextAlign());
     }
-    if (newStyle.text && newStyle.text.getOffsetX()) {
+    if (newStyle.text?.getOffsetX()) {
       clone.set("textOffsetX", newStyle.text.getOffsetX());
     }
-    if (newStyle.text && newStyle.text.getOffsetY()) {
+    if (newStyle.text?.getOffsetY()) {
       clone.set("textOffsetY", newStyle.text.getOffsetY());
     }
-    if (newStyle.text && newStyle.text.getStroke()) {
+    if (newStyle.text?.getStroke()) {
       if (newStyle.text.getStroke().getColor()) {
         clone.set(
           "textStrokeColor",
@@ -333,18 +367,30 @@ const writeFeatures = (layer, featureProjection, mapResolution) => {
         clone.set("textStrokeWidth", newStyle.text.getStroke().getWidth());
       }
     }
-    if (newStyle.text && newStyle.text.getBackgroundFill()) {
+    if (newStyle.text?.getBackgroundFill()) {
       clone.set(
         "textBackgroundFillColor",
         asString(newStyle.text.getBackgroundFill().getColor())
       );
     }
-    if (newStyle.text && newStyle.text.getPadding()) {
+    if (newStyle.text?.getPadding()) {
       clone.set("textPadding", newStyle.text.getPadding().join());
     }
-    if (newStyle.stroke && newStyle.stroke.getLineDash()) {
+    if (newStyle.stroke?.getLineCap()) {
+      clone.set("lineCap", newStyle.stroke.getLineCap());
+    }
+    if (newStyle.stroke?.getLineJoin()) {
+      clone.set("lineJoin", newStyle.stroke.getLineJoin());
+    }
+    if (newStyle.stroke?.getLineDash()) {
       clone.set("lineDash", newStyle.stroke.getLineDash().join(","));
     }
+    if (newStyle.stroke?.getLineDashOffset()) {
+      clone.set("lineDashOffset", newStyle.stroke.getLineDashOffset());
+    }
+    if (newStyle.stroke?.getMiterLimit()) {
+      clone.set("miterLimit", newStyle.stroke.getMiterLimit());
+    }
     if (newStyle.image instanceof Circle) {
       newStyle.image = null;
     }

package/utils/KML.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/KML.js"],
-  "sourcesContent": ["import KML from \"ol/format/KML\";\nimport { Feature, getUid } from \"ol\";\nimport Point from \"ol/geom/Point\";\nimport MultiPoint from \"ol/geom/MultiPoint\";\nimport GeometryCollection from \"ol/geom/GeometryCollection\";\nimport { Style, Text, Icon, Circle, Fill, Stroke } from \"ol/style\";\nimport { asString } from \"ol/color\";\nimport { parse } from \"ol/xml\";\nimport { fromCircle } from \"ol/geom/Polygon\";\nimport { transform, get } from \"ol/proj\";\nimport CircleGeom from \"ol/geom/Circle\";\nimport { kmlStyle } from \"./Styles\";\nimport getPolygonPattern from \"./getPolygonPattern\";\n\nconst CIRCLE_GEOMETRY_CENTER = \"circleGeometryCenter\";\nconst CIRCLE_GEOMETRY_RADIUS = \"circleGeometryRadius\";\nconst EPSG_4326 = get(\"EPSG:4326\");\n\n// Comes from ol >= 6.7,\n// https://github.com/openlayers/openlayers/blob/main/src/ol/format/KML.js#L320\nconst scaleForSize = (size) => {\n  return 32 / Math.min(size[0], size[1]);\n};\n\nconst applyTextStyleForIcon = (olIcon, olText) => {\n  const size = olIcon.getSize() || [48, 48];\n  const scale = olIcon.getScale() || 1;\n  const anchor = olIcon.getAnchor() || [\n    (size[0] * scale) / 2,\n    (size[1] * scale) / 2,\n  ];\n  const offset = [\n    scale * (size[0] - anchor[0]) + 5,\n    scale * (size[1] / 2 - anchor[1]),\n  ];\n  olText.setOffsetX(offset[0]);\n  olText.setOffsetY(offset[1]);\n  olText.setTextAlign(\"left\");\n};\n\nconst getVertexCoord = (geom, start = true, index = 0) => {\n  const coords = geom.getCoordinates();\n  const len = coords.length - 1;\n  return start ? coords[index] : coords[len - index];\n};\n\nconst getLineIcon = (feature, icon, color, start = true) => {\n  const geom = feature.getGeometry();\n  const coordA = getVertexCoord(geom, start, 1);\n  const coordB = getVertexCoord(geom, start);\n  const dx = start ? coordA[0] - coordB[0] : coordB[0] - coordA[0];\n  const dy = start ? coordA[1] - coordB[1] : coordB[1] - coordA[1];\n  const rotation = Math.atan2(dy, dx);\n\n  return new Style({\n    geometry: (feat) => {\n      const ge = feat.getGeometry();\n      return new Point(getVertexCoord(ge, start));\n    },\n    image: new Icon({\n      src: icon.url,\n      color,\n      rotation: -rotation,\n      rotateWithView: true,\n      scale: icon.scale,\n      size: icon.size, // ie 11\n    }),\n    zIndex: icon.zIndex,\n  });\n};\n\n// Clean the unneeded feature's style and properties created by the KML parser.\nconst sanitizeFeature = (feature, doNotRevert32pxScaling = false) => {\n  const geom = feature.getGeometry();\n  let styles = feature.getStyleFunction();\n\n  // Store maxZoom in properties\n  if (feature.get(\"maxZoom\")) {\n    feature.set(\"maxZoom\", parseFloat(feature.get(\"maxZoom\"), 10));\n  }\n\n  // Store minZoom in properties\n  if (feature.get(\"minZoom\")) {\n    feature.set(\"minZoom\", parseFloat(feature.get(\"minZoom\"), 10));\n  }\n\n  // The use of clone is part of the scale fix for OL > 6.7\n  // If an IconStyle has no gx:w and gx:h defined, a scale factor is applied\n  // after the image is loaded. To avoided having the scale factor applied we\n  // clone the style and keep the scale as it is.\n  // Having gx:w and gx:h not defined should not happen, using the last version of the parser/reader.\n  const tmpStyles = styles(feature);\n  const style = (Array.isArray(tmpStyles) ? tmpStyles[0] : tmpStyles).clone();\n\n  let stroke = style.getStroke();\n  if (stroke && feature.get(\"lineDash\")) {\n    stroke.setLineDash(\n      feature\n        .get(\"lineDash\")\n        .split(\",\")\n        .map((l) => {\n          return parseInt(l, 10);\n        }),\n    );\n  }\n\n  // The canvas draws a stroke width=1 by default if width=0, so we\n  // remove the stroke style in that case.\n  if (stroke && stroke.getWidth() === 0) {\n    stroke = undefined;\n  }\n\n  if (feature.get(\"zIndex\")) {\n    style.setZIndex(parseInt(feature.get(\"zIndex\"), 10));\n  }\n\n  // if the feature is a Point and we are offline, we use default vector\n  // style.\n  // if the feature is a Point and has a name with a text style, we\n  // create a correct text style.\n  // TODO Handle GeometryCollection displaying name on the first Point\n  // geometry.\n  if (style && (geom instanceof Point || geom instanceof MultiPoint)) {\n    let image = style.getImage();\n    let text = null;\n    let fill = style.getFill();\n\n    // If the feature has name we display it on the map as Google does\n    if (\n      feature.get(\"name\") &&\n      style.getText() &&\n      style.getText().getScale() !== 0\n    ) {\n      if (image && image.getScale() === 0) {\n        // transparentCircle is used to allow selection\n        image = new Circle({\n          radius: 1,\n          fill: new Fill({ color: [0, 0, 0, 0] }),\n          stroke: new Stroke({ color: [0, 0, 0, 0] }),\n        });\n      }\n\n      // We replace empty white spaces used to keep normal spaces before and after the name.\n      let name = feature.get(\"name\");\n      if (/\\u200B/g.test(name)) {\n        name = name.replace(/\\u200B/g, \"\");\n        feature.set(\"name\", name);\n      }\n\n      text = new Text({\n        font: feature.get(\"textFont\") || \"normal 16px Helvetica\",\n        text: feature.get(\"name\"),\n        fill: style.getText().getFill(),\n        // rotation unsupported by KML, taken instead from custom field.\n        rotation: feature.get(\"textRotation\") || 0,\n        // since ol 6.3.1 : https://github.com/openlayers/openlayers/pull/10613/files#diff-1883da8b57e690db7ea0c35ce53c880aR925\n        // a default textstroke is added to mimic google earth.\n        // it was not the case before, the stroke was always null. So to keep\n        // the same behavior we don't copy the stroke style.\n        // TODO : maybe we should use this functionnality in the futur.\n        // stroke: style.getText().getStroke(),\n        scale: style.getText().getScale(),\n      });\n\n      if (feature.get(\"textStrokeColor\") && feature.get(\"textStrokeWidth\")) {\n        text.setStroke(\n          new Stroke({\n            color: feature.get(\"textStrokeColor\"),\n            width: parseFloat(feature.get(\"textStrokeWidth\")),\n          }),\n        );\n      }\n\n      if (feature.get(\"textAlign\")) {\n        text.setTextAlign(feature.get(\"textAlign\"));\n      }\n\n      if (feature.get(\"textOffsetX\")) {\n        text.setOffsetX(parseFloat(feature.get(\"textOffsetX\")));\n      }\n\n      if (feature.get(\"textOffsetY\")) {\n        text.setOffsetY(parseFloat(feature.get(\"textOffsetY\")));\n      }\n\n      if (feature.get(\"textBackgroundFillColor\")) {\n        text.setBackgroundFill(\n          new Fill({\n            color: feature.get(\"textBackgroundFillColor\"),\n          }),\n        );\n      }\n\n      if (feature.get(\"textPadding\")) {\n        text.setPadding(\n          feature\n            .get(\"textPadding\")\n            .split(\",\")\n            .map((n) => {\n              return parseFloat(n);\n            }),\n        );\n      }\n      if (image instanceof Icon) {\n        applyTextStyleForIcon(image, text);\n      }\n    }\n\n    if (image instanceof Icon) {\n      /* Apply icon rotation if defined (by default only written as\n       * <heading> tag, which is not read as rotation value by the ol KML module)\n       */\n      image.setRotation(parseFloat(feature.get(\"iconRotation\")) || 0);\n\n      if (feature.get(\"iconScale\")) {\n        image.setScale(parseFloat(feature.get(\"iconScale\")) || 0);\n\n        // We fix the 32px scaling introduced by OL 6.7 only if the image has a size defined.\n      } else if (!doNotRevert32pxScaling && image.getSize()) {\n        const resizeScale = scaleForSize(image.getSize());\n        image.setScale(image.getScaleArray()[0] / resizeScale);\n      }\n    }\n\n    fill = undefined;\n    stroke = undefined;\n\n    styles = (feat, resolution) => {\n      /* Options to be used for picture scaling with map, should have at least\n       * a resolution attribute (this is the map resolution at the zoom level when\n       * the picture is created), can take an optional constant for further scale\n       * adjustment.\n       * e.g. { resolution: 0.123, defaultScale: 1 / 6 }\n       */\n\n      if (feat.get(\"pictureOptions\")) {\n        let pictureOptions = feat.get(\"pictureOptions\");\n        if (typeof pictureOptions === \"string\") {\n          pictureOptions = JSON.parse(pictureOptions);\n        }\n        feat.set(\"pictureOptions\", pictureOptions);\n        if (pictureOptions.resolution) {\n          image.setScale(\n            (pictureOptions.resolution / resolution) *\n              pictureOptions.defaultScale || 1,\n          );\n        }\n      }\n\n      return new Style({\n        fill,\n        stroke,\n        image,\n        text,\n        zIndex: style.getZIndex(),\n      });\n    };\n  }\n\n  // Remove image and text styles for polygons and lines\n  if (\n    !(\n      geom instanceof Point ||\n      geom instanceof MultiPoint ||\n      geom instanceof GeometryCollection\n    )\n  ) {\n    styles = [\n      new Style({\n        fill: style.getFill(),\n        stroke,\n        image: null,\n        text: null,\n        zIndex: style.getZIndex(),\n      }),\n    ];\n\n    // Parse the fillPattern json string and store parsed object\n    let fillPattern = feature.get(\"fillPattern\");\n    if (fillPattern) {\n      fillPattern = JSON.parse(fillPattern);\n      feature.set(\"fillPattern\", fillPattern);\n\n      /* We set the fill pattern for polygons */\n      if (!style.getFill()) {\n        styles[0].setFill(new Fill());\n      }\n      const patternOrColor = fillPattern.empty\n        ? [0, 0, 0, 0]\n        : getPolygonPattern(fillPattern.id, fillPattern.color);\n      styles[0].getFill().setColor(patternOrColor);\n    }\n\n    // Add line's icons styles\n    if (feature.get(\"lineStartIcon\")) {\n      styles.push(\n        getLineIcon(\n          feature,\n          JSON.parse(feature.get(\"lineStartIcon\")),\n          stroke.getColor(),\n        ),\n      );\n    }\n\n    if (feature.get(\"lineEndIcon\")) {\n      styles.push(\n        getLineIcon(\n          feature,\n          JSON.parse(feature.get(\"lineEndIcon\")),\n          stroke.getColor(),\n          false,\n        ),\n      );\n    }\n  }\n  feature.setStyle(styles);\n};\n\n/**\n * Read a KML string.\n * @param {String} kmlString A string representing a KML file.\n * @param {<ol.Projection|String>} featureProjection The projection used by the map.\n * @param {<boolean>} doNotRevert32pxScaling Set it to true if you use ol < 6.7 and last version of react-spatial, Fix the 32px scaling, introduced by (ol >= 6.7), see https://github.com/openlayers/openlayers/pull/12695.\n */\nconst readFeatures = (\n  kmlString,\n  featureProjection,\n  doNotRevert32pxScaling = false,\n) => {\n  // Since ol 6.7, the KML follows better the spec and GoogleEarth interpretation, see https://github.com/openlayers/openlayers/pull/12695.\n  // so the <scale> value is interpreted using an image size of 32px.\n  // So when revert32pxScaling is true we fix back the scale, to use only, if you use an OL < 6.7.\n  // Now the writeFeatures function use the iconScale extended data to set the image's scale.\n  // If the extended data is not found it will look at this boolean to define if we must revert the scale or not.\n  const features = new KML().readFeatures(kmlString, {\n    featureProjection,\n  });\n  features.forEach((feature) => {\n    // Transform back polygon to circle geometry\n    const {\n      [CIRCLE_GEOMETRY_CENTER]: circleGeometryCenter,\n      [CIRCLE_GEOMETRY_RADIUS]: circleGeometryRadius,\n    } = feature?.getProperties() || {};\n    if (circleGeometryCenter && circleGeometryRadius) {\n      const circle = new CircleGeom(\n        transform(\n          JSON.parse(circleGeometryCenter),\n          EPSG_4326,\n          featureProjection || EPSG_4326,\n        ),\n        parseFloat(circleGeometryRadius, 10),\n      );\n      circle.setProperties(feature.getGeometry().getProperties());\n      feature.setGeometry(circle);\n    }\n\n    sanitizeFeature(feature, doNotRevert32pxScaling);\n  });\n  return features;\n};\n\n/**\n * Create a KML string.\n * @param {VectorLayer} layer A react-spatial VectorLayer.\n * @param {<ol.Projection|String>} featureProjection The current projection used by the features.\n * @param {<boolean>} fixGxyAndGxh If the KML contains gx:w and gx:h, (ol >= 6.7), it will fix the bug introduced by https://github.com/openlayers/openlayers/pull/12695.\n */\nconst writeFeatures = (layer, featureProjection, mapResolution) => {\n  let featString;\n  const { olLayer } = layer;\n  const exportFeatures = [];\n\n  [...olLayer.getSource().getFeatures()]\n    .sort((a, b) => {\n      // The order of features must be kept.\n      // We could use the useSpatialIndex = false property on the layer\n      // but we prefer to sort feature by ol uid because ol uid is an integer\n      // increased on each creation of a feature.\n      // So we will keep the order of creation made by the the KML parser.\n      // Ideally we should order by the zIndex of the style only.\n      if (getUid(a) <= getUid(b)) {\n        return -1;\n      }\n      return 1;\n    })\n    .forEach((feature) => {\n      const clone = feature.clone();\n      if (clone.getGeometry().getType() === \"Circle\") {\n        // We transform circle elements into polygons\n        // because circle not supported in KML spec and in ol KML parser\n        const circleGeom = feature.getGeometry();\n        clone.setGeometry(fromCircle(circleGeom, 100));\n        clone.set(\n          CIRCLE_GEOMETRY_CENTER,\n          JSON.stringify(\n            transform(circleGeom.getCenter(), featureProjection, EPSG_4326),\n          ),\n        );\n        clone.set(CIRCLE_GEOMETRY_RADIUS, circleGeom.getRadius());\n      }\n      clone.setId(feature.getId());\n      clone.getGeometry().transform(featureProjection, EPSG_4326);\n\n      // We remove all ExtendedData not related to style.\n      Object.keys(feature.getProperties()).forEach((key) => {\n        if (\n          ![\n            \"geometry\",\n            \"name\",\n            \"description\",\n            CIRCLE_GEOMETRY_CENTER,\n            CIRCLE_GEOMETRY_RADIUS,\n          ].includes(key)\n        ) {\n          clone.unset(key, true);\n        }\n      });\n\n      let styles;\n\n      if (feature.getStyleFunction()) {\n        styles = feature.getStyleFunction()(feature, mapResolution);\n      } else if (olLayer && olLayer.getStyleFunction()) {\n        styles = olLayer.getStyleFunction()(feature, mapResolution);\n      }\n\n      const mainStyle = styles[0] || styles;\n\n      const newStyle = {\n        fill: mainStyle.getFill(),\n        stroke: mainStyle.getStroke(),\n        text: mainStyle.getText(),\n        image: mainStyle.getImage(),\n        zIndex: mainStyle.getZIndex(),\n      };\n\n      if (newStyle.zIndex) {\n        clone.set(\"zIndex\", newStyle.zIndex);\n      }\n\n      // If we see spaces at the beginning or at the end we add a empty\n      // white space at the beginning and at the end.\n      if (newStyle.text && /^\\s|\\s$/g.test(newStyle.text.getText())) {\n        newStyle.text.setText(`\\u200B${newStyle.text.getText()}\\u200B`);\n      }\n\n      // Set custom properties to be converted in extendedData in KML.\n      if (newStyle.text && newStyle.text.getRotation()) {\n        clone.set(\"textRotation\", newStyle.text.getRotation());\n      }\n\n      if (newStyle.text && newStyle.text.getFont()) {\n        clone.set(\"textFont\", newStyle.text.getFont());\n      }\n\n      if (newStyle.text && newStyle.text.getTextAlign()) {\n        clone.set(\"textAlign\", newStyle.text.getTextAlign());\n      }\n\n      if (newStyle.text && newStyle.text.getOffsetX()) {\n        clone.set(\"textOffsetX\", newStyle.text.getOffsetX());\n      }\n\n      if (newStyle.text && newStyle.text.getOffsetY()) {\n        clone.set(\"textOffsetY\", newStyle.text.getOffsetY());\n      }\n\n      if (newStyle.text && newStyle.text.getStroke()) {\n        if (newStyle.text.getStroke().getColor()) {\n          clone.set(\n            \"textStrokeColor\",\n            asString(newStyle.text.getStroke().getColor()),\n          );\n        }\n\n        if (newStyle.text.getStroke().getWidth()) {\n          clone.set(\"textStrokeWidth\", newStyle.text.getStroke().getWidth());\n        }\n      }\n\n      if (newStyle.text && newStyle.text.getBackgroundFill()) {\n        clone.set(\n          \"textBackgroundFillColor\",\n          asString(newStyle.text.getBackgroundFill().getColor()),\n        );\n      }\n\n      if (newStyle.text && newStyle.text.getPadding()) {\n        clone.set(\"textPadding\", newStyle.text.getPadding().join());\n      }\n\n      if (newStyle.stroke && newStyle.stroke.getLineDash()) {\n        clone.set(\"lineDash\", newStyle.stroke.getLineDash().join(\",\"));\n      }\n\n      if (newStyle.image instanceof Circle) {\n        newStyle.image = null;\n      }\n\n      if (newStyle.image) {\n        const imgSource = newStyle.image.getSrc();\n        if (!/(http(s?)):\\/\\//gi.test(imgSource)) {\n          // eslint-disable-next-line no-console\n          console.log(\n            \"Local image source not supported for KML export.\" +\n              \"Should use remote web server\",\n          );\n        }\n\n        if (newStyle.image.getRotation()) {\n          // We set the icon rotation as extended data\n          clone.set(\"iconRotation\", newStyle.image.getRotation());\n        }\n\n        if (newStyle.image.getScale()) {\n          // We set the scale as extended metadata because the <scale> in the KML is related to a 32px img, since ol >= 6.10.\n          clone.set(\"iconScale\", newStyle.image.getScale());\n        }\n\n        // Set map resolution to use for icon-to-map proportional scaling\n        if (feature.get(\"pictureOptions\")) {\n          clone.set(\n            \"pictureOptions\",\n            JSON.stringify(feature.get(\"pictureOptions\")),\n          );\n        }\n      }\n\n      // In case a fill pattern should be applied (use fillPattern attribute to store pattern id, color etc)\n      if (feature.get(\"fillPattern\")) {\n        clone.set(\"fillPattern\", JSON.stringify(feature.get(\"fillPattern\")));\n        newStyle.fill = null;\n      }\n\n      // maxZoom: maximum zoom level at which the feature is displayed\n      if (feature.get(\"maxZoom\")) {\n        clone.set(\"maxZoom\", parseFloat(feature.get(\"maxZoom\"), 10));\n      }\n\n      // minZoom: minimum zoom level at which the feature is displayed\n      if (feature.get(\"minZoom\")) {\n        clone.set(\"minZoom\", parseFloat(feature.get(\"minZoom\"), 10));\n      }\n\n      // If only text is displayed we must specify an\n      // image style with scale=0\n      if (newStyle.text && !newStyle.image) {\n        newStyle.image = new Icon({\n          src: \"noimage\",\n          scale: 0,\n        });\n      }\n\n      // In case we use line's icon .\n      const extraLineStyles = (Array.isArray(styles) && styles.slice(1)) || [];\n      extraLineStyles.forEach((extraLineStyle) => {\n        if (\n          extraLineStyle &&\n          extraLineStyle.getImage() instanceof Icon &&\n          extraLineStyle.getGeometry()\n        ) {\n          const coord = extraLineStyle.getGeometry()(feature).getCoordinates();\n          const startCoord = feature.getGeometry().getFirstCoordinate();\n          if (coord[0] === startCoord[0] && coord[1] === startCoord[1]) {\n            clone.set(\n              \"lineStartIcon\",\n              JSON.stringify({\n                url: extraLineStyle.getImage().getSrc(),\n                scale: extraLineStyle.getImage().getScale(),\n                size: extraLineStyle.getImage().getSize(),\n                zIndex: extraLineStyle.getZIndex(),\n              }),\n            );\n          } else {\n            clone.set(\n              \"lineEndIcon\",\n              JSON.stringify({\n                url: extraLineStyle.getImage().getSrc(),\n                scale: extraLineStyle.getImage().getScale(),\n                size: extraLineStyle.getImage().getSize(),\n                zIndex: extraLineStyle.getZIndex(),\n              }),\n            );\n          }\n        }\n      });\n\n      const olStyle = new Style(newStyle);\n      clone.setStyle(olStyle);\n\n      if (\n        !(\n          clone.getGeometry() instanceof Point &&\n          olStyle.getText() &&\n          !olStyle.getText().getText()\n        )\n      ) {\n        exportFeatures.push(clone);\n      }\n    });\n\n  if (exportFeatures.length > 0) {\n    if (exportFeatures.length === 1) {\n      // force the add of a <Document> node\n      exportFeatures.push(new Feature());\n    }\n\n    featString = new KML({\n      extractStyles: true,\n      defaultStyle: [kmlStyle],\n    }).writeFeatures(exportFeatures);\n\n    // Remove no image hack\n    featString = featString.replace(\n      /<Icon>\\s*<href>noimage<\\/href>\\s*<\\/Icon>/g,\n      \"\",\n    );\n\n    // Remove empty placemark added to have\n    // <Document> tag\n    featString = featString.replace(/<Placemark\\/>/g, \"\");\n\n    // Add KML document name\n    if (layer.name) {\n      featString = featString.replace(\n        /<Document>/,\n        `<Document><name>${layer.name}</name>`,\n      );\n    }\n  }\n\n  return featString;\n};\n\n/**\n * Removes the <Camera> tag from a KML string. Returns the KML string with removed <Camera> tag.\n * @param {String} kmlString A string representing a KML file.\n */\nconst removeDocumentCamera = (kmlString) => {\n  const kmlDoc = parse(kmlString);\n  // Remove old Camera node\n  const oldCameraNode = kmlDoc.getElementsByTagName(\"Camera\")[0];\n  if (oldCameraNode) {\n    oldCameraNode.remove();\n  }\n  return new XMLSerializer().serializeToString(kmlDoc);\n};\n\n/**\n * Write the <Camera> tag into a KML string. Returns the KML string with added <Camera> tag.\n * @param {String} kmlString A string representing a KML file.\n * @param {Object} cameraAttributes Object containing the camera tags (longitude, latitude, altitude, heading, tilt, altitudeMode, roll)\n *    as keys with corresponding values. See https://developers.google.com/kml/documentation/kmlreference#camera\n */\nconst writeDocumentCamera = (kmlString, cameraAttributes) => {\n  const kmlDoc = parse(removeDocumentCamera(kmlString));\n\n  if (cameraAttributes) {\n    // Create Camera node with child attributes if the cameraAttributes object is defined\n    const cameraNode = kmlDoc.createElement(\"Camera\");\n    Object.keys(cameraAttributes).forEach((key) => {\n      const cameraAttribute = kmlDoc.createElement(\n        `${key.charAt(0).toUpperCase() + key.slice(1)}`,\n      );\n      cameraAttribute.innerHTML = cameraAttributes[key];\n      cameraNode.appendChild(cameraAttribute);\n    });\n    const documentNode = kmlDoc.getElementsByTagName(\"Document\")[0];\n    documentNode.appendChild(cameraNode);\n  }\n\n  return new XMLSerializer().serializeToString(kmlDoc);\n};\n\nexport default {\n  readFeatures,\n  writeFeatures,\n  writeDocumentCamera,\n  removeDocumentCamera,\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS;AAChB,SAAS,SAAS,cAAc;AAChC,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,OAAO,wBAAwB;AAC/B,SAAS,OAAO,MAAM,MAAM,QAAQ,MAAM,cAAc;AACxD,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,WAAW,WAAW;AAC/B,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,OAAO,uBAAuB;AAE9B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,YAAY,IAAI,WAAW;AAIjC,MAAM,eAAe,CAAC,SAAS;AAC7B,SAAO,KAAK,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC;AACvC;AAEA,MAAM,wBAAwB,CAAC,QAAQ,WAAW;AAChD,QAAM,OAAO,OAAO,QAAQ,KAAK,CAAC,IAAI,EAAE;AACxC,QAAM,QAAQ,OAAO,SAAS,KAAK;AACnC,QAAM,SAAS,OAAO,UAAU,KAAK;AAAA,IAClC,KAAK,CAAC,IAAI,QAAS;AAAA,IACnB,KAAK,CAAC,IAAI,QAAS;AAAA,EACtB;AACA,QAAM,SAAS;AAAA,IACb,SAAS,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK;AAAA,IAChC,SAAS,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC;AAAA,EACjC;AACA,SAAO,WAAW,OAAO,CAAC,CAAC;AAC3B,SAAO,WAAW,OAAO,CAAC,CAAC;AAC3B,SAAO,aAAa,MAAM;AAC5B;AAEA,MAAM,iBAAiB,CAAC,MAAM,QAAQ,MAAM,QAAQ,MAAM;AACxD,QAAM,SAAS,KAAK,eAAe;AACnC,QAAM,MAAM,OAAO,SAAS;AAC5B,SAAO,QAAQ,OAAO,KAAK,IAAI,OAAO,MAAM,KAAK;AACnD;AAEA,MAAM,cAAc,CAAC,SAAS,MAAM,OAAO,QAAQ,SAAS;AAC1D,QAAM,OAAO,QAAQ,YAAY;AACjC,QAAM,SAAS,eAAe,MAAM,OAAO,CAAC;AAC5C,QAAM,SAAS,eAAe,MAAM,KAAK;AACzC,QAAM,KAAK,QAAQ,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,OAAO,CAAC;AAC/D,QAAM,KAAK,QAAQ,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,OAAO,CAAC;AAC/D,QAAM,WAAW,KAAK,MAAM,IAAI,EAAE;AAElC,SAAO,IAAI,MAAM;AAAA,IACf,UAAU,CAAC,SAAS;AAClB,YAAM,KAAK,KAAK,YAAY;AAC5B,aAAO,IAAI,MAAM,eAAe,IAAI,KAAK,CAAC;AAAA,IAC5C;AAAA,IACA,OAAO,IAAI,KAAK;AAAA,MACd,KAAK,KAAK;AAAA,MACV;AAAA,MACA,UAAU,CAAC;AAAA,MACX,gBAAgB;AAAA,MAChB,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA;AAAA,IACb,CAAC;AAAA,IACD,QAAQ,KAAK;AAAA,EACf,CAAC;AACH;AAGA,MAAM,kBAAkB,CAAC,SAAS,yBAAyB,UAAU;AACnE,QAAM,OAAO,QAAQ,YAAY;AACjC,MAAI,SAAS,QAAQ,iBAAiB;AAGtC,MAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,YAAQ,IAAI,WAAW,WAAW,QAAQ,IAAI,SAAS,GAAG,EAAE,CAAC;AAAA,EAC/D;AAGA,MAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,YAAQ,IAAI,WAAW,WAAW,QAAQ,IAAI,SAAS,GAAG,EAAE,CAAC;AAAA,EAC/D;AAOA,QAAM,YAAY,OAAO,OAAO;AAChC,QAAM,SAAS,MAAM,QAAQ,SAAS,IAAI,UAAU,CAAC,IAAI,WAAW,MAAM;AAE1E,MAAI,SAAS,MAAM,UAAU;AAC7B,MAAI,UAAU,QAAQ,IAAI,UAAU,GAAG;AACrC,WAAO;AAAA,MACL,QACG,IAAI,UAAU,EACd,MAAM,GAAG,EACT,IAAI,CAAC,MAAM;AACV,eAAO,SAAS,GAAG,EAAE;AAAA,MACvB,CAAC;AAAA,IACL;AAAA,EACF;AAIA,MAAI,UAAU,OAAO,SAAS,MAAM,GAAG;AACrC,aAAS;AAAA,EACX;AAEA,MAAI,QAAQ,IAAI,QAAQ,GAAG;AACzB,UAAM,UAAU,SAAS,QAAQ,IAAI,QAAQ,GAAG,EAAE,CAAC;AAAA,EACrD;AAQA,MAAI,UAAU,gBAAgB,SAAS,gBAAgB,aAAa;AAClE,QAAI,QAAQ,MAAM,SAAS;AAC3B,QAAI,OAAO;AACX,QAAI,OAAO,MAAM,QAAQ;AAGzB,QACE,QAAQ,IAAI,MAAM,KAClB,MAAM,QAAQ,KACd,MAAM,QAAQ,EAAE,SAAS,MAAM,GAC/B;AACA,UAAI,SAAS,MAAM,SAAS,MAAM,GAAG;AAEnC,gBAAQ,IAAI,OAAO;AAAA,UACjB,QAAQ;AAAA,UACR,MAAM,IAAI,KAAK,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC;AAAA,UACtC,QAAQ,IAAI,OAAO,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC;AAAA,QAC5C,CAAC;AAAA,MACH;AAGA,UAAI,OAAO,QAAQ,IAAI,MAAM;AAC7B,UAAI,UAAU,KAAK,IAAI,GAAG;AACxB,eAAO,KAAK,QAAQ,WAAW,EAAE;AACjC,gBAAQ,IAAI,QAAQ,IAAI;AAAA,MAC1B;AAEA,aAAO,IAAI,KAAK;AAAA,QACd,MAAM,QAAQ,IAAI,UAAU,KAAK;AAAA,QACjC,MAAM,QAAQ,IAAI,MAAM;AAAA,QACxB,MAAM,MAAM,QAAQ,EAAE,QAAQ;AAAA;AAAA,QAE9B,UAAU,QAAQ,IAAI,cAAc,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOzC,OAAO,MAAM,QAAQ,EAAE,SAAS;AAAA,MAClC,CAAC;AAED,UAAI,QAAQ,IAAI,iBAAiB,KAAK,QAAQ,IAAI,iBAAiB,GAAG;AACpE,aAAK;AAAA,UACH,IAAI,OAAO;AAAA,YACT,OAAO,QAAQ,IAAI,iBAAiB;AAAA,YACpC,OAAO,WAAW,QAAQ,IAAI,iBAAiB,CAAC;AAAA,UAClD,CAAC;AAAA,QACH;AAAA,MACF;AAEA,UAAI,QAAQ,IAAI,WAAW,GAAG;AAC5B,aAAK,aAAa,QAAQ,IAAI,WAAW,CAAC;AAAA,MAC5C;AAEA,UAAI,QAAQ,IAAI,aAAa,GAAG;AAC9B,aAAK,WAAW,WAAW,QAAQ,IAAI,aAAa,CAAC,CAAC;AAAA,MACxD;AAEA,UAAI,QAAQ,IAAI,aAAa,GAAG;AAC9B,aAAK,WAAW,WAAW,QAAQ,IAAI,aAAa,CAAC,CAAC;AAAA,MACxD;AAEA,UAAI,QAAQ,IAAI,yBAAyB,GAAG;AAC1C,aAAK;AAAA,UACH,IAAI,KAAK;AAAA,YACP,OAAO,QAAQ,IAAI,yBAAyB;AAAA,UAC9C,CAAC;AAAA,QACH;AAAA,MACF;AAEA,UAAI,QAAQ,IAAI,aAAa,GAAG;AAC9B,aAAK;AAAA,UACH,QACG,IAAI,aAAa,EACjB,MAAM,GAAG,EACT,IAAI,CAAC,MAAM;AACV,mBAAO,WAAW,CAAC;AAAA,UACrB,CAAC;AAAA,QACL;AAAA,MACF;AACA,UAAI,iBAAiB,MAAM;AACzB,8BAAsB,OAAO,IAAI;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,iBAAiB,MAAM;AAIzB,YAAM,YAAY,WAAW,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC;AAE9D,UAAI,QAAQ,IAAI,WAAW,GAAG;AAC5B,cAAM,SAAS,WAAW,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC;AAAA,MAG1D,WAAW,CAAC,0BAA0B,MAAM,QAAQ,GAAG;AACrD,cAAM,cAAc,aAAa,MAAM,QAAQ,CAAC;AAChD,cAAM,SAAS,MAAM,cAAc,EAAE,CAAC,IAAI,WAAW;AAAA,MACvD;AAAA,IACF;AAEA,WAAO;AACP,aAAS;AAET,aAAS,CAAC,MAAM,eAAe;AAQ7B,UAAI,KAAK,IAAI,gBAAgB,GAAG;AAC9B,YAAI,iBAAiB,KAAK,IAAI,gBAAgB;AAC9C,YAAI,OAAO,mBAAmB,UAAU;AACtC,2BAAiB,KAAK,MAAM,cAAc;AAAA,QAC5C;AACA,aAAK,IAAI,kBAAkB,cAAc;AACzC,YAAI,eAAe,YAAY;AAC7B,gBAAM;AAAA,YACH,eAAe,aAAa,aAC3B,eAAe,gBAAgB;AAAA,UACnC;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI,MAAM;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,MAAM,UAAU;AAAA,MAC1B,CAAC;AAAA,IACH;AAAA,EACF;AAGA,MACE,EACE,gBAAgB,SAChB,gBAAgB,cAChB,gBAAgB,qBAElB;AACA,aAAS;AAAA,MACP,IAAI,MAAM;AAAA,QACR,MAAM,MAAM,QAAQ;AAAA,QACpB;AAAA,QACA,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ,MAAM,UAAU;AAAA,MAC1B,CAAC;AAAA,IACH;AAGA,QAAI,cAAc,QAAQ,IAAI,aAAa;AAC3C,QAAI,aAAa;AACf,oBAAc,KAAK,MAAM,WAAW;AACpC,cAAQ,IAAI,eAAe,WAAW;AAGtC,UAAI,CAAC,MAAM,QAAQ,GAAG;AACpB,eAAO,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC;AAAA,MAC9B;AACA,YAAM,iBAAiB,YAAY,QAC/B,CAAC,GAAG,GAAG,GAAG,CAAC,IACX,kBAAkB,YAAY,IAAI,YAAY,KAAK;AACvD,aAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,cAAc;AAAA,IAC7C;AAGA,QAAI,QAAQ,IAAI,eAAe,GAAG;AAChC,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,KAAK,MAAM,QAAQ,IAAI,eAAe,CAAC;AAAA,UACvC,OAAO,SAAS;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,aAAa,GAAG;AAC9B,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,KAAK,MAAM,QAAQ,IAAI,aAAa,CAAC;AAAA,UACrC,OAAO,SAAS;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,UAAQ,SAAS,MAAM;AACzB;AAQA,MAAM,eAAe,CACnB,WACA,mBACA,yBAAyB,UACtB;AAMH,QAAM,WAAW,IAAI,IAAI,EAAE,aAAa,WAAW;AAAA,IACjD;AAAA,EACF,CAAC;AACD,WAAS,QAAQ,CAAC,YAAY;AAE5B,UAAM;AAAA,MACJ,CAAC,sBAAsB,GAAG;AAAA,MAC1B,CAAC,sBAAsB,GAAG;AAAA,IAC5B,IAAI,SAAS,cAAc,KAAK,CAAC;AACjC,QAAI,wBAAwB,sBAAsB;AAChD,YAAM,SAAS,IAAI;AAAA,QACjB;AAAA,UACE,KAAK,MAAM,oBAAoB;AAAA,UAC/B;AAAA,UACA,qBAAqB;AAAA,QACvB;AAAA,QACA,WAAW,sBAAsB,EAAE;AAAA,MACrC;AACA,aAAO,cAAc,QAAQ,YAAY,EAAE,cAAc,CAAC;AAC1D,cAAQ,YAAY,MAAM;AAAA,IAC5B;AAEA,oBAAgB,SAAS,sBAAsB;AAAA,EACjD,CAAC;AACD,SAAO;AACT;AAQA,MAAM,gBAAgB,CAAC,OAAO,mBAAmB,kBAAkB;AACjE,MAAI;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,iBAAiB,CAAC;AAExB,GAAC,GAAG,QAAQ,UAAU,EAAE,YAAY,CAAC,EAClC,KAAK,CAAC,GAAG,MAAM;AAOd,QAAI,OAAO,CAAC,KAAK,OAAO,CAAC,GAAG;AAC1B,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC,EACA,QAAQ,CAAC,YAAY;AACpB,UAAM,QAAQ,QAAQ,MAAM;AAC5B,QAAI,MAAM,YAAY,EAAE,QAAQ,MAAM,UAAU;AAG9C,YAAM,aAAa,QAAQ,YAAY;AACvC,YAAM,YAAY,WAAW,YAAY,GAAG,CAAC;AAC7C,YAAM;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,UACH,UAAU,WAAW,UAAU,GAAG,mBAAmB,SAAS;AAAA,QAChE;AAAA,MACF;AACA,YAAM,IAAI,wBAAwB,WAAW,UAAU,CAAC;AAAA,IAC1D;AACA,UAAM,MAAM,QAAQ,MAAM,CAAC;AAC3B,UAAM,YAAY,EAAE,UAAU,mBAAmB,SAAS;AAG1D,WAAO,KAAK,QAAQ,cAAc,CAAC,EAAE,QAAQ,CAAC,QAAQ;AACpD,UACE,CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,SAAS,GAAG,GACd;AACA,cAAM,MAAM,KAAK,IAAI;AAAA,MACvB;AAAA,IACF,CAAC;AAED,QAAI;AAEJ,QAAI,QAAQ,iBAAiB,GAAG;AAC9B,eAAS,QAAQ,iBAAiB,EAAE,SAAS,aAAa;AAAA,IAC5D,WAAW,WAAW,QAAQ,iBAAiB,GAAG;AAChD,eAAS,QAAQ,iBAAiB,EAAE,SAAS,aAAa;AAAA,IAC5D;AAEA,UAAM,YAAY,OAAO,CAAC,KAAK;AAE/B,UAAM,WAAW;AAAA,MACf,MAAM,UAAU,QAAQ;AAAA,MACxB,QAAQ,UAAU,UAAU;AAAA,MAC5B,MAAM,UAAU,QAAQ;AAAA,MACxB,OAAO,UAAU,SAAS;AAAA,MAC1B,QAAQ,UAAU,UAAU;AAAA,IAC9B;AAEA,QAAI,SAAS,QAAQ;AACnB,YAAM,IAAI,UAAU,SAAS,MAAM;AAAA,IACrC;AAIA,QAAI,SAAS,QAAQ,WAAW,KAAK,SAAS,KAAK,QAAQ,CAAC,GAAG;AAC7D,eAAS,KAAK,QAAQ,SAAS,SAAS,KAAK,QAAQ,CAAC,QAAQ;AAAA,IAChE;AAGA,QAAI,SAAS,QAAQ,SAAS,KAAK,YAAY,GAAG;AAChD,YAAM,IAAI,gBAAgB,SAAS,KAAK,YAAY,CAAC;AAAA,IACvD;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,QAAQ,GAAG;AAC5C,YAAM,IAAI,YAAY,SAAS,KAAK,QAAQ,CAAC;AAAA,IAC/C;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,aAAa,GAAG;AACjD,YAAM,IAAI,aAAa,SAAS,KAAK,aAAa,CAAC;AAAA,IACrD;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,WAAW,GAAG;AAC/C,YAAM,IAAI,eAAe,SAAS,KAAK,WAAW,CAAC;AAAA,IACrD;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,WAAW,GAAG;AAC/C,YAAM,IAAI,eAAe,SAAS,KAAK,WAAW,CAAC;AAAA,IACrD;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,UAAU,GAAG;AAC9C,UAAI,SAAS,KAAK,UAAU,EAAE,SAAS,GAAG;AACxC,cAAM;AAAA,UACJ;AAAA,UACA,SAAS,SAAS,KAAK,UAAU,EAAE,SAAS,CAAC;AAAA,QAC/C;AAAA,MACF;AAEA,UAAI,SAAS,KAAK,UAAU,EAAE,SAAS,GAAG;AACxC,cAAM,IAAI,mBAAmB,SAAS,KAAK,UAAU,EAAE,SAAS,CAAC;AAAA,MACnE;AAAA,IACF;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,kBAAkB,GAAG;AACtD,YAAM;AAAA,QACJ;AAAA,QACA,SAAS,SAAS,KAAK,kBAAkB,EAAE,SAAS,CAAC;AAAA,MACvD;AAAA,IACF;AAEA,QAAI,SAAS,QAAQ,SAAS,KAAK,WAAW,GAAG;AAC/C,YAAM,IAAI,eAAe,SAAS,KAAK,WAAW,EAAE,KAAK,CAAC;AAAA,IAC5D;AAEA,QAAI,SAAS,UAAU,SAAS,OAAO,YAAY,GAAG;AACpD,YAAM,IAAI,YAAY,SAAS,OAAO,YAAY,EAAE,KAAK,GAAG,CAAC;AAAA,IAC/D;AAEA,QAAI,SAAS,iBAAiB,QAAQ;AACpC,eAAS,QAAQ;AAAA,IACnB;AAEA,QAAI,SAAS,OAAO;AAClB,YAAM,YAAY,SAAS,MAAM,OAAO;AACxC,UAAI,CAAC,oBAAoB,KAAK,SAAS,GAAG;AAExC,gBAAQ;AAAA,UACN;AAAA,QAEF;AAAA,MACF;AAEA,UAAI,SAAS,MAAM,YAAY,GAAG;AAEhC,cAAM,IAAI,gBAAgB,SAAS,MAAM,YAAY,CAAC;AAAA,MACxD;AAEA,UAAI,SAAS,MAAM,SAAS,GAAG;AAE7B,cAAM,IAAI,aAAa,SAAS,MAAM,SAAS,CAAC;AAAA,MAClD;AAGA,UAAI,QAAQ,IAAI,gBAAgB,GAAG;AACjC,cAAM;AAAA,UACJ;AAAA,UACA,KAAK,UAAU,QAAQ,IAAI,gBAAgB,CAAC;AAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAGA,QAAI,QAAQ,IAAI,aAAa,GAAG;AAC9B,YAAM,IAAI,eAAe,KAAK,UAAU,QAAQ,IAAI,aAAa,CAAC,CAAC;AACnE,eAAS,OAAO;AAAA,IAClB;AAGA,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,YAAM,IAAI,WAAW,WAAW,QAAQ,IAAI,SAAS,GAAG,EAAE,CAAC;AAAA,IAC7D;AAGA,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,YAAM,IAAI,WAAW,WAAW,QAAQ,IAAI,SAAS,GAAG,EAAE,CAAC;AAAA,IAC7D;AAIA,QAAI,SAAS,QAAQ,CAAC,SAAS,OAAO;AACpC,eAAS,QAAQ,IAAI,KAAK;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAGA,UAAM,kBAAmB,MAAM,QAAQ,MAAM,KAAK,OAAO,MAAM,CAAC,KAAM,CAAC;AACvE,oBAAgB,QAAQ,CAAC,mBAAmB;AAC1C,UACE,kBACA,eAAe,SAAS,aAAa,QACrC,eAAe,YAAY,GAC3B;AACA,cAAM,QAAQ,eAAe,YAAY,EAAE,OAAO,EAAE,eAAe;AACnE,cAAM,aAAa,QAAQ,YAAY,EAAE,mBAAmB;AAC5D,YAAI,MAAM,CAAC,MAAM,WAAW,CAAC,KAAK,MAAM,CAAC,MAAM,WAAW,CAAC,GAAG;AAC5D,gBAAM;AAAA,YACJ;AAAA,YACA,KAAK,UAAU;AAAA,cACb,KAAK,eAAe,SAAS,EAAE,OAAO;AAAA,cACtC,OAAO,eAAe,SAAS,EAAE,SAAS;AAAA,cAC1C,MAAM,eAAe,SAAS,EAAE,QAAQ;AAAA,cACxC,QAAQ,eAAe,UAAU;AAAA,YACnC,CAAC;AAAA,UACH;AAAA,QACF,OAAO;AACL,gBAAM;AAAA,YACJ;AAAA,YACA,KAAK,UAAU;AAAA,cACb,KAAK,eAAe,SAAS,EAAE,OAAO;AAAA,cACtC,OAAO,eAAe,SAAS,EAAE,SAAS;AAAA,cAC1C,MAAM,eAAe,SAAS,EAAE,QAAQ;AAAA,cACxC,QAAQ,eAAe,UAAU;AAAA,YACnC,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,UAAU,IAAI,MAAM,QAAQ;AAClC,UAAM,SAAS,OAAO;AAEtB,QACE,EACE,MAAM,YAAY,aAAa,SAC/B,QAAQ,QAAQ,KAChB,CAAC,QAAQ,QAAQ,EAAE,QAAQ,IAE7B;AACA,qBAAe,KAAK,KAAK;AAAA,IAC3B;AAAA,EACF,CAAC;AAEH,MAAI,eAAe,SAAS,GAAG;AAC7B,QAAI,eAAe,WAAW,GAAG;AAE/B,qBAAe,KAAK,IAAI,QAAQ,CAAC;AAAA,IACnC;AAEA,iBAAa,IAAI,IAAI;AAAA,MACnB,eAAe;AAAA,MACf,cAAc,CAAC,QAAQ;AAAA,IACzB,CAAC,EAAE,cAAc,cAAc;AAG/B,iBAAa,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,IACF;AAIA,iBAAa,WAAW,QAAQ,kBAAkB,EAAE;AAGpD,QAAI,MAAM,MAAM;AACd,mBAAa,WAAW;AAAA,QACtB;AAAA,QACA,mBAAmB,MAAM,IAAI;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAMA,MAAM,uBAAuB,CAAC,cAAc;AAC1C,QAAM,SAAS,MAAM,SAAS;AAE9B,QAAM,gBAAgB,OAAO,qBAAqB,QAAQ,EAAE,CAAC;AAC7D,MAAI,eAAe;AACjB,kBAAc,OAAO;AAAA,EACvB;AACA,SAAO,IAAI,cAAc,EAAE,kBAAkB,MAAM;AACrD;AAQA,MAAM,sBAAsB,CAAC,WAAW,qBAAqB;AAC3D,QAAM,SAAS,MAAM,qBAAqB,SAAS,CAAC;AAEpD,MAAI,kBAAkB;AAEpB,UAAM,aAAa,OAAO,cAAc,QAAQ;AAChD,WAAO,KAAK,gBAAgB,EAAE,QAAQ,CAAC,QAAQ;AAC7C,YAAM,kBAAkB,OAAO;AAAA,QAC7B,GAAG,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC,CAAC;AAAA,MAC/C;AACA,sBAAgB,YAAY,iBAAiB,GAAG;AAChD,iBAAW,YAAY,eAAe;AAAA,IACxC,CAAC;AACD,UAAM,eAAe,OAAO,qBAAqB,UAAU,EAAE,CAAC;AAC9D,iBAAa,YAAY,UAAU;AAAA,EACrC;AAEA,SAAO,IAAI,cAAc,EAAE,kBAAkB,MAAM;AACrD;AAEA,eAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import KML from \"ol/format/KML\";\nimport { Feature, getUid } from \"ol\";\nimport Point from \"ol/geom/Point\";\nimport MultiPoint from \"ol/geom/MultiPoint\";\nimport GeometryCollection from \"ol/geom/GeometryCollection\";\nimport { Style, Text, Icon, Circle, Fill, Stroke } from \"ol/style\";\nimport { asString } from \"ol/color\";\nimport { parse } from \"ol/xml\";\nimport { fromCircle } from \"ol/geom/Polygon\";\nimport { transform, get } from \"ol/proj\";\nimport CircleGeom from \"ol/geom/Circle\";\nimport { kmlStyle } from \"./Styles\";\nimport getPolygonPattern from \"./getPolygonPattern\";\n\nconst CIRCLE_GEOMETRY_CENTER = \"circleGeometryCenter\";\nconst CIRCLE_GEOMETRY_RADIUS = \"circleGeometryRadius\";\nconst EPSG_4326 = get(\"EPSG:4326\");\n\n// Comes from ol >= 6.7,\n// https://github.com/openlayers/openlayers/blob/main/src/ol/format/KML.js#L320\nconst scaleForSize = (size) => {\n  return 32 / Math.min(size[0], size[1]);\n};\n\nconst applyTextStyleForIcon = (olIcon, olText) => {\n  const size = olIcon.getSize() || [48, 48];\n  const scale = olIcon.getScale() || 1;\n  const anchor = olIcon.getAnchor() || [\n    (size[0] * scale) / 2,\n    (size[1] * scale) / 2,\n  ];\n  const offset = [\n    scale * (size[0] - anchor[0]) + 5,\n    scale * (size[1] / 2 - anchor[1]),\n  ];\n  olText.setOffsetX(offset[0]);\n  olText.setOffsetY(offset[1]);\n  olText.setTextAlign(\"left\");\n};\n\nconst getVertexCoord = (geom, start = true, index = 0) => {\n  const coords = geom.getCoordinates();\n  const len = coords.length - 1;\n  return start ? coords[index] : coords[len - index];\n};\n\nconst getLineIcon = (feature, icon, color, start = true) => {\n  const geom = feature.getGeometry();\n  const coordA = getVertexCoord(geom, start, 1);\n  const coordB = getVertexCoord(geom, start);\n  const dx = start ? coordA[0] - coordB[0] : coordB[0] - coordA[0];\n  const dy = start ? coordA[1] - coordB[1] : coordB[1] - coordA[1];\n  const rotation = Math.atan2(dy, dx);\n\n  return new Style({\n    geometry: (feat) => {\n      const ge = feat.getGeometry();\n      return new Point(getVertexCoord(ge, start));\n    },\n    image: new Icon({\n      src: icon.url,\n      color,\n      rotation: -rotation,\n      rotateWithView: true,\n      scale: icon.scale,\n      size: icon.size, // ie 11\n    }),\n    zIndex: icon.zIndex,\n  });\n};\n\n// Clean the unneeded feature's style and properties created by the KML parser.\nconst sanitizeFeature = (feature, doNotRevert32pxScaling = false) => {\n  const geom = feature.getGeometry();\n  let styles = feature.getStyleFunction();\n\n  // Store maxZoom in properties\n  if (feature.get(\"maxZoom\")) {\n    feature.set(\"maxZoom\", parseFloat(feature.get(\"maxZoom\"), 10));\n  }\n\n  // Store minZoom in properties\n  if (feature.get(\"minZoom\")) {\n    feature.set(\"minZoom\", parseFloat(feature.get(\"minZoom\"), 10));\n  }\n\n  // The use of clone is part of the scale fix for OL > 6.7\n  // If an IconStyle has no gx:w and gx:h defined, a scale factor is applied\n  // after the image is loaded. To avoided having the scale factor applied we\n  // clone the style and keep the scale as it is.\n  // Having gx:w and gx:h not defined should not happen, using the last version of the parser/reader.\n  const tmpStyles = styles(feature);\n  const style = (Array.isArray(tmpStyles) ? tmpStyles[0] : tmpStyles).clone();\n\n  let stroke = style.getStroke();\n\n  if (feature.get(\"lineCap\")) {\n    stroke?.setLineCap(feature.get(\"lineCap\"));\n  }\n\n  if (feature.get(\"lineJoin\")) {\n    stroke?.setLineJoin(feature.get(\"lineJoin\"));\n  }\n\n  if (feature.get(\"lineDash\")) {\n    stroke?.setLineDash(\n      feature\n        .get(\"lineDash\")\n        .split(\",\")\n        .map((l) => {\n          return parseInt(l, 10);\n        }),\n    );\n  }\n\n  if (feature.get(\"lineDashOffset\")) {\n    stroke?.setLineDashOffset(parseInt(feature.get(\"lineDashOffset\"), 10));\n  }\n\n  if (feature.get(\"miterLimit\")) {\n    stroke?.setMiterLimit(parseInt(feature.get(\"miterLimit\"), 10));\n  }\n\n  // The canvas draws a stroke width=1 by default if width=0, so we\n  // remove the stroke style in that case.\n  if (stroke && stroke.getWidth() === 0) {\n    stroke = undefined;\n  }\n\n  if (feature.get(\"zIndex\")) {\n    style.setZIndex(parseInt(feature.get(\"zIndex\"), 10));\n  }\n\n  // if the feature is a Point and we are offline, we use default vector\n  // style.\n  // if the feature is a Point and has a name with a text style, we\n  // create a correct text style.\n  // TODO Handle GeometryCollection displaying name on the first Point\n  // geometry.\n  if (style && (geom instanceof Point || geom instanceof MultiPoint)) {\n    let image = style.getImage();\n    let text = null;\n    let fill = style.getFill();\n\n    // If the feature has name we display it on the map as Google does\n    if (\n      feature.get(\"name\") &&\n      style.getText() &&\n      style.getText().getScale() !== 0\n    ) {\n      if (image && image.getScale() === 0) {\n        // transparentCircle is used to allow selection\n        image = new Circle({\n          radius: 1,\n          fill: new Fill({ color: [0, 0, 0, 0] }),\n          stroke: new Stroke({ color: [0, 0, 0, 0] }),\n        });\n      }\n\n      // We replace empty white spaces used to keep normal spaces before and after the name.\n      let name = feature.get(\"name\");\n      if (/\\u200B/g.test(name)) {\n        name = name.replace(/\\u200B/g, \"\");\n        feature.set(\"name\", name);\n      }\n\n      text = new Text({\n        font: feature.get(\"textFont\") || \"normal 16px Helvetica\",\n        text: feature.get(\"name\"),\n        fill: style.getText().getFill(),\n        // rotation unsupported by KML, taken instead from custom field.\n        rotation: feature.get(\"textRotation\") || 0,\n        // since ol 6.3.1 : https://github.com/openlayers/openlayers/pull/10613/files#diff-1883da8b57e690db7ea0c35ce53c880aR925\n        // a default textstroke is added to mimic google earth.\n        // it was not the case before, the stroke was always null. So to keep\n        // the same behavior we don't copy the stroke style.\n        // TODO : maybe we should use this functionnality in the futur.\n        // stroke: style.getText().getStroke(),\n        scale: style.getText().getScale(),\n      });\n\n      if (feature.get(\"textArray\")) {\n        try {\n          const textArray = JSON.parse(feature.get(\"textArray\"));\n          text.setText(textArray);\n        } catch (err) {\n          // eslint-disable-next-line no-console\n          console.error(\n            \"Error parsing textArray\",\n            feature.get(\"textArray\"),\n            err,\n          );\n        }\n      }\n\n      if (feature.get(\"textStrokeColor\") && feature.get(\"textStrokeWidth\")) {\n        text.setStroke(\n          new Stroke({\n            color: feature.get(\"textStrokeColor\"),\n            width: parseFloat(feature.get(\"textStrokeWidth\")),\n          }),\n        );\n      }\n\n      if (feature.get(\"textAlign\")) {\n        text.setTextAlign(feature.get(\"textAlign\"));\n      }\n\n      if (feature.get(\"textOffsetX\")) {\n        text.setOffsetX(parseFloat(feature.get(\"textOffsetX\")));\n      }\n\n      if (feature.get(\"textOffsetY\")) {\n        text.setOffsetY(parseFloat(feature.get(\"textOffsetY\")));\n      }\n\n      if (feature.get(\"textBackgroundFillColor\")) {\n        text.setBackgroundFill(\n          new Fill({\n            color: feature.get(\"textBackgroundFillColor\"),\n          }),\n        );\n      }\n\n      if (feature.get(\"textPadding\")) {\n        text.setPadding(\n          feature\n            .get(\"textPadding\")\n            .split(\",\")\n            .map((n) => {\n              return parseFloat(n);\n            }),\n        );\n      }\n      if (image instanceof Icon) {\n        applyTextStyleForIcon(image, text);\n      }\n    }\n\n    if (image instanceof Icon) {\n      /* Apply icon rotation if defined (by default only written as\n       * <heading> tag, which is not read as rotation value by the ol KML module)\n       */\n      image.setRotation(parseFloat(feature.get(\"iconRotation\")) || 0);\n\n      if (feature.get(\"iconScale\")) {\n        image.setScale(parseFloat(feature.get(\"iconScale\")) || 0);\n\n        // We fix the 32px scaling introduced by OL 6.7 only if the image has a size defined.\n      } else if (!doNotRevert32pxScaling && image.getSize()) {\n        const resizeScale = scaleForSize(image.getSize());\n        image.setScale(image.getScaleArray()[0] / resizeScale);\n      }\n    }\n\n    fill = undefined;\n    stroke = undefined;\n\n    styles = (feat, resolution) => {\n      /* Options to be used for picture scaling with map, should have at least\n       * a resolution attribute (this is the map resolution at the zoom level when\n       * the picture is created), can take an optional constant for further scale\n       * adjustment.\n       * e.g. { resolution: 0.123, defaultScale: 1 / 6 }\n       */\n\n      if (feat.get(\"pictureOptions\")) {\n        let pictureOptions = feat.get(\"pictureOptions\");\n        if (typeof pictureOptions === \"string\") {\n          pictureOptions = JSON.parse(pictureOptions);\n        }\n        feat.set(\"pictureOptions\", pictureOptions);\n        if (pictureOptions.resolution) {\n          image.setScale(\n            (pictureOptions.resolution / resolution) *\n              pictureOptions.defaultScale || 1,\n          );\n        }\n      }\n\n      return new Style({\n        fill,\n        stroke,\n        image,\n        text,\n        zIndex: style.getZIndex(),\n      });\n    };\n  }\n\n  // Remove image and text styles for polygons and lines\n  if (\n    !(\n      geom instanceof Point ||\n      geom instanceof MultiPoint ||\n      geom instanceof GeometryCollection\n    )\n  ) {\n    styles = [\n      new Style({\n        fill: style.getFill(),\n        stroke,\n        image: null,\n        text: null,\n        zIndex: style.getZIndex(),\n      }),\n    ];\n\n    // Parse the fillPattern json string and store parsed object\n    let fillPattern = feature.get(\"fillPattern\");\n    if (fillPattern) {\n      fillPattern = JSON.parse(fillPattern);\n      feature.set(\"fillPattern\", fillPattern);\n\n      /* We set the fill pattern for polygons */\n      if (!style.getFill()) {\n        styles[0].setFill(new Fill());\n      }\n      const patternOrColor = fillPattern.empty\n        ? [0, 0, 0, 0]\n        : getPolygonPattern(fillPattern.id, fillPattern.color);\n      styles[0].getFill().setColor(patternOrColor);\n    }\n\n    // Add line's icons styles\n    if (feature.get(\"lineStartIcon\")) {\n      styles.push(\n        getLineIcon(\n          feature,\n          JSON.parse(feature.get(\"lineStartIcon\")),\n          stroke.getColor(),\n        ),\n      );\n    }\n\n    if (feature.get(\"lineEndIcon\")) {\n      styles.push(\n        getLineIcon(\n          feature,\n          JSON.parse(feature.get(\"lineEndIcon\")),\n          stroke.getColor(),\n          false,\n        ),\n      );\n    }\n  }\n  feature.setStyle(styles);\n};\n\n/**\n * Read a KML string.\n * @param {String} kmlString A string representing a KML file.\n * @param {<ol.Projection|String>} featureProjection The projection used by the map.\n * @param {<boolean>} doNotRevert32pxScaling Set it to true if you use ol < 6.7 and last version of react-spatial, Fix the 32px scaling, introduced by (ol >= 6.7), see https://github.com/openlayers/openlayers/pull/12695.\n */\nconst readFeatures = (\n  kmlString,\n  featureProjection,\n  doNotRevert32pxScaling = false,\n) => {\n  // Since ol 6.7, the KML follows better the spec and GoogleEarth interpretation, see https://github.com/openlayers/openlayers/pull/12695.\n  // so the <scale> value is interpreted using an image size of 32px.\n  // So when revert32pxScaling is true we fix back the scale, to use only, if you use an OL < 6.7.\n  // Now the writeFeatures function use the iconScale extended data to set the image's scale.\n  // If the extended data is not found it will look at this boolean to define if we must revert the scale or not.\n  const features = new KML().readFeatures(kmlString, {\n    featureProjection,\n  });\n  features.forEach((feature) => {\n    // Transform back polygon to circle geometry\n    const {\n      [CIRCLE_GEOMETRY_CENTER]: circleGeometryCenter,\n      [CIRCLE_GEOMETRY_RADIUS]: circleGeometryRadius,\n    } = feature?.getProperties() || {};\n    if (circleGeometryCenter && circleGeometryRadius) {\n      const circle = new CircleGeom(\n        transform(\n          JSON.parse(circleGeometryCenter),\n          EPSG_4326,\n          featureProjection || EPSG_4326,\n        ),\n        parseFloat(circleGeometryRadius, 10),\n      );\n      circle.setProperties(feature.getGeometry().getProperties());\n      feature.setGeometry(circle);\n    }\n\n    sanitizeFeature(feature, doNotRevert32pxScaling);\n  });\n  return features;\n};\n\n/**\n * Create a KML string.\n * @param {VectorLayer} layer A react-spatial VectorLayer.\n * @param {<ol.Projection|String>} featureProjection The current projection used by the features.\n * @param {<boolean>} fixGxyAndGxh If the KML contains gx:w and gx:h, (ol >= 6.7), it will fix the bug introduced by https://github.com/openlayers/openlayers/pull/12695.\n */\nconst writeFeatures = (layer, featureProjection, mapResolution) => {\n  let featString;\n  const { olLayer } = layer;\n  const exportFeatures = [];\n\n  [...olLayer.getSource().getFeatures()]\n    .sort((a, b) => {\n      // The order of features must be kept.\n      // We could use the useSpatialIndex = false property on the layer\n      // but we prefer to sort feature by ol uid because ol uid is an integer\n      // increased on each creation of a feature.\n      // So we will keep the order of creation made by the the KML parser.\n      // Ideally we should order by the zIndex of the style only.\n      if (getUid(a) <= getUid(b)) {\n        return -1;\n      }\n      return 1;\n    })\n    .forEach((feature) => {\n      const clone = feature.clone();\n      if (clone.getGeometry().getType() === \"Circle\") {\n        // We transform circle elements into polygons\n        // because circle not supported in KML spec and in ol KML parser\n        const circleGeom = feature.getGeometry();\n        clone.setGeometry(fromCircle(circleGeom, 100));\n        clone.set(\n          CIRCLE_GEOMETRY_CENTER,\n          JSON.stringify(\n            transform(circleGeom.getCenter(), featureProjection, EPSG_4326),\n          ),\n        );\n        clone.set(CIRCLE_GEOMETRY_RADIUS, circleGeom.getRadius());\n      }\n      clone.setId(feature.getId());\n      clone.getGeometry().transform(featureProjection, EPSG_4326);\n\n      // We remove all ExtendedData not related to style.\n      Object.keys(feature.getProperties()).forEach((key) => {\n        if (\n          ![\n            \"geometry\",\n            \"name\",\n            \"description\",\n            CIRCLE_GEOMETRY_CENTER,\n            CIRCLE_GEOMETRY_RADIUS,\n          ].includes(key)\n        ) {\n          clone.unset(key, true);\n        }\n      });\n\n      let styles;\n\n      if (feature.getStyleFunction()) {\n        styles = feature.getStyleFunction()(feature, mapResolution);\n      } else if (olLayer && olLayer.getStyleFunction()) {\n        styles = olLayer.getStyleFunction()(feature, mapResolution);\n      }\n\n      const mainStyle = styles[0] || styles;\n\n      const newStyle = {\n        fill: mainStyle.getFill(),\n        stroke: mainStyle.getStroke(),\n        text: mainStyle.getText(),\n        image: mainStyle.getImage(),\n        zIndex: mainStyle.getZIndex(),\n      };\n\n      if (newStyle.zIndex) {\n        clone.set(\"zIndex\", newStyle.zIndex);\n      }\n\n      // If we see spaces at the beginning or at the end we add a empty\n      // white space at the beginning and at the end.\n      const text = newStyle.text?.getText();\n      if (text) {\n        let kmlText = text;\n\n        if (Array.isArray(text)) {\n          // text can be a string or an array of strings\n          clone.set(\"textArray\", JSON.stringify(text));\n\n          // in the KML we just add the text without the bold or italic information\n          kmlText = text.map((t, idx) => {\n            return idx % 2 === 0 ? t : \"\";\n          });\n        }\n\n        if (/^\\s|\\s$/g.test(kmlText)) {\n          newStyle.text.setText(`\\u200B${kmlText}\\u200B`);\n        }\n      }\n\n      // Set custom properties to be converted in extendedData in KML.\n      if (newStyle.text?.getRotation()) {\n        clone.set(\"textRotation\", newStyle.text.getRotation());\n      }\n\n      if (newStyle.text?.getFont()) {\n        clone.set(\"textFont\", newStyle.text.getFont());\n      }\n\n      if (newStyle.text?.getTextAlign()) {\n        clone.set(\"textAlign\", newStyle.text.getTextAlign());\n      }\n\n      if (newStyle.text?.getOffsetX()) {\n        clone.set(\"textOffsetX\", newStyle.text.getOffsetX());\n      }\n\n      if (newStyle.text?.getOffsetY()) {\n        clone.set(\"textOffsetY\", newStyle.text.getOffsetY());\n      }\n\n      if (newStyle.text?.getStroke()) {\n        if (newStyle.text.getStroke().getColor()) {\n          clone.set(\n            \"textStrokeColor\",\n            asString(newStyle.text.getStroke().getColor()),\n          );\n        }\n\n        if (newStyle.text.getStroke().getWidth()) {\n          clone.set(\"textStrokeWidth\", newStyle.text.getStroke().getWidth());\n        }\n      }\n\n      if (newStyle.text?.getBackgroundFill()) {\n        clone.set(\n          \"textBackgroundFillColor\",\n          asString(newStyle.text.getBackgroundFill().getColor()),\n        );\n      }\n\n      if (newStyle.text?.getPadding()) {\n        clone.set(\"textPadding\", newStyle.text.getPadding().join());\n      }\n\n      if (newStyle.stroke?.getLineCap()) {\n        clone.set(\"lineCap\", newStyle.stroke.getLineCap());\n      }\n\n      if (newStyle.stroke?.getLineJoin()) {\n        clone.set(\"lineJoin\", newStyle.stroke.getLineJoin());\n      }\n\n      if (newStyle.stroke?.getLineDash()) {\n        clone.set(\"lineDash\", newStyle.stroke.getLineDash().join(\",\"));\n      }\n\n      if (newStyle.stroke?.getLineDashOffset()) {\n        clone.set(\"lineDashOffset\", newStyle.stroke.getLineDashOffset());\n      }\n\n      if (newStyle.stroke?.getMiterLimit()) {\n        clone.set(\"miterLimit\", newStyle.stroke.getMiterLimit());\n      }\n\n      if (newStyle.image instanceof Circle) {\n        newStyle.image = null;\n      }\n\n      if (newStyle.image) {\n        const imgSource = newStyle.image.getSrc();\n        if (!/(http(s?)):\\/\\//gi.test(imgSource)) {\n          // eslint-disable-next-line no-console\n          console.log(\n            \"Local image source not supported for KML export.\" +\n              \"Should use remote web server\",\n          );\n        }\n\n        if (newStyle.image.getRotation()) {\n          // We set the icon rotation as extended data\n          clone.set(\"iconRotation\", newStyle.image.getRotation());\n        }\n\n        if (newStyle.image.getScale()) {\n          // We set the scale as extended metadata because the <scale> in the KML is related to a 32px img, since ol >= 6.10.\n          clone.set(\"iconScale\", newStyle.image.getScale());\n        }\n\n        // Set map resolution to use for icon-to-map proportional scaling\n        if (feature.get(\"pictureOptions\")) {\n          clone.set(\n            \"pictureOptions\",\n            JSON.stringify(feature.get(\"pictureOptions\")),\n          );\n        }\n      }\n\n      // In case a fill pattern should be applied (use fillPattern attribute to store pattern id, color etc)\n      if (feature.get(\"fillPattern\")) {\n        clone.set(\"fillPattern\", JSON.stringify(feature.get(\"fillPattern\")));\n        newStyle.fill = null;\n      }\n\n      // maxZoom: maximum zoom level at which the feature is displayed\n      if (feature.get(\"maxZoom\")) {\n        clone.set(\"maxZoom\", parseFloat(feature.get(\"maxZoom\"), 10));\n      }\n\n      // minZoom: minimum zoom level at which the feature is displayed\n      if (feature.get(\"minZoom\")) {\n        clone.set(\"minZoom\", parseFloat(feature.get(\"minZoom\"), 10));\n      }\n\n      // If only text is displayed we must specify an\n      // image style with scale=0\n      if (newStyle.text && !newStyle.image) {\n        newStyle.image = new Icon({\n          src: \"noimage\",\n          scale: 0,\n        });\n      }\n\n      // In case we use line's icon .\n      const extraLineStyles = (Array.isArray(styles) && styles.slice(1)) || [];\n      extraLineStyles.forEach((extraLineStyle) => {\n        if (\n          extraLineStyle &&\n          extraLineStyle.getImage() instanceof Icon &&\n          extraLineStyle.getGeometry()\n        ) {\n          const coord = extraLineStyle.getGeometry()(feature).getCoordinates();\n          const startCoord = feature.getGeometry().getFirstCoordinate();\n          if (coord[0] === startCoord[0] && coord[1] === startCoord[1]) {\n            clone.set(\n              \"lineStartIcon\",\n              JSON.stringify({\n                url: extraLineStyle.getImage().getSrc(),\n                scale: extraLineStyle.getImage().getScale(),\n                size: extraLineStyle.getImage().getSize(),\n                zIndex: extraLineStyle.getZIndex(),\n              }),\n            );\n          } else {\n            clone.set(\n              \"lineEndIcon\",\n              JSON.stringify({\n                url: extraLineStyle.getImage().getSrc(),\n                scale: extraLineStyle.getImage().getScale(),\n                size: extraLineStyle.getImage().getSize(),\n                zIndex: extraLineStyle.getZIndex(),\n              }),\n            );\n          }\n        }\n      });\n\n      const olStyle = new Style(newStyle);\n      clone.setStyle(olStyle);\n\n      if (\n        !(\n          clone.getGeometry() instanceof Point &&\n          olStyle.getText() &&\n          !olStyle.getText().getText()\n        )\n      ) {\n        exportFeatures.push(clone);\n      }\n    });\n\n  if (exportFeatures.length > 0) {\n    if (exportFeatures.length === 1) {\n      // force the add of a <Document> node\n      exportFeatures.push(new Feature());\n    }\n\n    featString = new KML({\n      extractStyles: true,\n      defaultStyle: [kmlStyle],\n    }).writeFeatures(exportFeatures);\n\n    // Remove no image hack\n    featString = featString.replace(\n      /<Icon>\\s*<href>noimage<\\/href>\\s*<\\/Icon>/g,\n      \"\",\n    );\n\n    // Remove empty placemark added to have\n    // <Document> tag\n    featString = featString.replace(/<Placemark\\/>/g, \"\");\n\n    // Add KML document name\n    if (layer.name) {\n      featString = featString.replace(\n        /<Document>/,\n        `<Document><name>${layer.name}</name>`,\n      );\n    }\n  }\n\n  return featString;\n};\n\n/**\n * Removes the <Camera> tag from a KML string. Returns the KML string with removed <Camera> tag.\n * @param {String} kmlString A string representing a KML file.\n */\nconst removeDocumentCamera = (kmlString) => {\n  const kmlDoc = parse(kmlString);\n  // Remove old Camera node\n  const oldCameraNode = kmlDoc.getElementsByTagName(\"Camera\")[0];\n  if (oldCameraNode) {\n    oldCameraNode.remove();\n  }\n  return new XMLSerializer().serializeToString(kmlDoc);\n};\n\n/**\n * Write the <Camera> tag into a KML string. Returns the KML string with added <Camera> tag.\n * @param {String} kmlString A string representing a KML file.\n * @param {Object} cameraAttributes Object containing the camera tags (longitude, latitude, altitude, heading, tilt, altitudeMode, roll)\n *    as keys with corresponding values. See https://developers.google.com/kml/documentation/kmlreference#camera\n */\nconst writeDocumentCamera = (kmlString, cameraAttributes) => {\n  const kmlDoc = parse(removeDocumentCamera(kmlString));\n\n  if (cameraAttributes) {\n    // Create Camera node with child attributes if the cameraAttributes object is defined\n    const cameraNode = kmlDoc.createElement(\"Camera\");\n    Object.keys(cameraAttributes).forEach((key) => {\n      const cameraAttribute = kmlDoc.createElement(\n        `${key.charAt(0).toUpperCase() + key.slice(1)}`,\n      );\n      cameraAttribute.innerHTML = cameraAttributes[key];\n      cameraNode.appendChild(cameraAttribute);\n    });\n    const documentNode = kmlDoc.getElementsByTagName(\"Document\")[0];\n    documentNode.appendChild(cameraNode);\n  }\n\n  return new XMLSerializer().serializeToString(kmlDoc);\n};\n\nexport default {\n  readFeatures,\n  writeFeatures,\n  writeDocumentCamera,\n  removeDocumentCamera,\n};\n"],
+  "mappings": "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",
   "names": []
 }