@evergis/react 3.0.18 → 3.0.20

package/dist/react.esm.js

@@ -1,4 +1,4 @@
-import React, { useRef, useMemo, useCallback, memo, useEffect, Fragment, useState, useContext, createContext } from 'react';
+import React, { useContext, createContext, useRef, useCallback, useEffect, useState, useMemo, memo, Fragment } from 'react';
 import styled, { css } from 'styled-components';
 import { IconButton, EverCloudClassificationIcon, EverCloudRefreshIcon } from '@evergis/icons';
 import { SVG } from '@svgdotjs/svg.js';
@@ -19,6 +19,8 @@ import { PolylineSymbol } from '@evergis/sgis/es/symbols/PolylineSymbol';
 import { PolyRender, FillStyle } from '@evergis/sgis/es/renders/Poly';
 import { projectRings, distance } from '@evergis/sgis/es/geotools';
 import { simplifyCoordinates } from '@evergis/sgis/es/utils/math';
+import { Canvas } from '@evergis/sgis/es/painters/DomPainter/Canvas';
+import { geo, plain } from '@evergis/sgis/es/Crs';
 import { Poly } from '@evergis/sgis/es/features/Poly';
 import { PointSymbol } from '@evergis/sgis/es/symbols/point/Point';
 import { PointFeature } from '@evergis/sgis/es/features/PointFeature';
@@ -28,7 +30,6 @@ import { DynamicRender } from '@evergis/sgis/es/renders/Render';
 import { SvgRender } from '@evergis/sgis/es/painters/DomPainter/SvgRender';
 import { listenDomEvent } from '@evergis/sgis/es/utils/domEvent';
 import { MouseEventFlags, mouseEvents } from '@evergis/sgis/es/EventHandler';
-import { geo, plain } from '@evergis/sgis/es/Crs';
 import { StaticImageSymbol } from '@evergis/sgis/es/symbols/point/StaticImageSymbol';
 import { SquareSymbol } from '@evergis/sgis/es/symbols/point/Square';
 import { MaskedImage } from '@evergis/sgis/es/symbols/point/MaskedImage';
@@ -38,7 +39,6 @@ import { Polygon } from '@evergis/sgis/es/features/Polygon';
 import { Polyline } from '@evergis/sgis/es/features/Polyline';
 import { H3Feature } from '@evergis/sgis/es/features/H3Feature';
 import { CombinedPolyline } from '@evergis/sgis/es/features/CombinedPolyline';
-import { Canvas } from '@evergis/sgis/es/painters/DomPainter/Canvas';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -59,6 +59,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -92,6 +95,9 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
@@ -150,6 +156,8 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (typeof call === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -183,7 +191,7 @@ function _superPropBase(object, property) {
   return object;
 }
 
-function _get(target, property, receiver) {
+function _get() {
   if (typeof Reflect !== "undefined" && Reflect.get) {
     _get = Reflect.get;
   } else {
@@ -194,14 +202,14 @@ function _get(target, property, receiver) {
       var desc = Object.getOwnPropertyDescriptor(base, property);
 
       if (desc.get) {
-        return desc.get.call(receiver);
+        return desc.get.call(arguments.length < 3 ? target : receiver);
       }
 
       return desc.value;
     };
   }
 
-  return _get(target, property, receiver || target);
+  return _get.apply(this, arguments);
 }
 
 function _taggedTemplateLiteralLoose(strings, raw) {
@@ -225,7 +233,7 @@ const isParameterType = (types, parameter) => {
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38;
 const MapLegendDescription = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n"])));
-const ItemText = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: calc(100% - 2rem);\n  font: ", ";\n"])), (_ref) => {
+const ItemText = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: calc(100% - 2rem);\n  font: ", ";\n"])), _ref => {
   let {
     theme: {
       fonts
@@ -235,28 +243,28 @@ const ItemText = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 =
 });
 const ItemSeparator = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :after {\n    content: '-';\n    margin: 0 0.5rem;\n    font-size: 0.75rem;\n  }\n"])));
 const SymbolContainer = /*#__PURE__*/styled('span')(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  min-width: 1.5rem;\n  margin-right: 0.5rem;\n"])));
-const ClassifiedItem = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :not(:last-of-type) {\n    margin-bottom: 0.25rem;\n  }\n\n  ", ", ", " {\n    transition: opacity 150ms;\n  }\n\n  ", " {\n    opacity: ", ";\n  }\n\n  ", " {\n    opacity: ", ";\n  }\n\n  :hover {\n    ", ", ", " {\n      opacity: 1;\n    }\n  }\n\n  ", " {\n    margin-left: 0.5rem;\n  }\n"])), (_ref2) => {
+const ClassifiedItem = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :not(:last-of-type) {\n    margin-bottom: 0.25rem;\n  }\n\n  ", ", ", " {\n    transition: opacity 150ms;\n  }\n\n  ", " {\n    opacity: ", ";\n  }\n\n  ", " {\n    opacity: ", ";\n  }\n\n  :hover {\n    ", ", ", " {\n      opacity: 1;\n    }\n  }\n\n  ", " {\n    margin-left: 0.5rem;\n  }\n"])), _ref2 => {
   let {
     isClusterFillColor
   } = _ref2;
   return isClusterFillColor ? 'default' : 'pointer';
-}, (_ref3) => {
+}, _ref3 => {
   let {
     isClusterFillColor
   } = _ref3;
   return isClusterFillColor ? 'none' : 'auto';
-}, ItemText, SymbolContainer, ItemText, (_ref4) => {
+}, ItemText, SymbolContainer, ItemText, _ref4 => {
   let {
     isHidden
   } = _ref4;
   return isHidden ? 0.28 : 0.65;
-}, SymbolContainer, (_ref5) => {
+}, SymbolContainer, _ref5 => {
   let {
     isHidden
   } = _ref5;
   return isHidden ? 0.28 : 1;
 }, ItemText, SymbolContainer, IconButton);
-const SymbolButtonWithClick = /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 3.875rem;\n  height: 3.875rem;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), (_ref6) => {
+const SymbolButtonWithClick = /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 3.875rem;\n  height: 3.875rem;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), _ref6 => {
   let {
     theme: {
       palette
@@ -264,7 +272,7 @@ const SymbolButtonWithClick = /*#__PURE__*/css(_templateObject6 || (_templateObj
   } = _ref6;
   return palette.elementDeep;
 });
-const SymbolButton = /*#__PURE__*/styled.span(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 150ms;\n  ", ";\n\n  svg {\n    max-width: 4rem;\n    max-height: 4rem;\n  }\n"])), (_ref7) => {
+const SymbolButton = /*#__PURE__*/styled.span(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 150ms;\n  ", ";\n\n  svg {\n    max-width: 4rem;\n    max-height: 4rem;\n  }\n"])), _ref7 => {
   let {
     onClick
   } = _ref7;
@@ -273,21 +281,21 @@ const SymbolButton = /*#__PURE__*/styled.span(_templateObject7 || (_templateObje
 const MapLegendContainer = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  padding-bottom: 1rem;\n  box-sizing: border-box;\n\n  canvas {\n    height: 1.625rem;\n    width: 1.625rem;\n  }\n"])));
 const MapLegendHeader = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: bold;\n"])));
 const MapLegendDescriptionContainer = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 0.5rem;\n  font-weight: 400;\n  font-size: 0.625rem;\n  color: rgba(48, 69, 79, 0.65);\n"])));
-const MapLegendBadge = /*#__PURE__*/styled.span(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-width: 0.5rem;\n  height: 0.75rem;\n  display: inline-block;\n  margin-left: 0.25rem;\n  padding: 0.125rem 0.25rem;\n  border-radius: ", ";\n  background-color: ", ";\n  color: ", ";\n  text-align: center;\n"])), (_ref8) => {
+const MapLegendBadge = /*#__PURE__*/styled.span(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-width: 0.5rem;\n  height: 0.75rem;\n  display: inline-block;\n  margin-left: 0.25rem;\n  padding: 0.125rem 0.25rem;\n  border-radius: ", ";\n  background-color: ", ";\n  color: ", ";\n  text-align: center;\n"])), _ref8 => {
   let {
     theme: {
       borderRadius
     }
   } = _ref8;
   return borderRadius.xSmall;
-}, (_ref9) => {
+}, _ref9 => {
   let {
     theme: {
       palette
     }
   } = _ref9;
   return palette.element;
-}, (_ref10) => {
+}, _ref10 => {
   let {
     theme: {
       palette
@@ -295,17 +303,17 @@ const MapLegendBadge = /*#__PURE__*/styled.span(_templateObject11 || (_templateO
   } = _ref10;
   return palette.textPrimary;
 });
-const MaximizedLegendContainer = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: ", ";\n  top: 0;\n  opacity: ", ";\n  visibility: ", ";\n  overflow: hidden;\n  transition: opacity 0.5s, visibility 0.5s;\n"])), (_ref11) => {
+const MaximizedLegendContainer = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: ", ";\n  top: 0;\n  opacity: ", ";\n  visibility: ", ";\n  overflow: hidden;\n  transition: opacity 0.5s, visibility 0.5s;\n"])), _ref11 => {
   let {
     isShown
   } = _ref11;
   return isShown ? 'relative' : 'absolute';
-}, (_ref12) => {
+}, _ref12 => {
   let {
     isShown
   } = _ref12;
   return isShown ? 1 : 0;
-}, (_ref13) => {
+}, _ref13 => {
   let {
     isShown
   } = _ref13;
@@ -313,7 +321,7 @@ const MaximizedLegendContainer = /*#__PURE__*/styled.div(_templateObject12 || (_
 });
 const MinimizedLegendContainer = /*#__PURE__*/styled(MaximizedLegendContainer)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: calc(100% - 1.5rem);\n  padding-right: 1.5rem;\n"])));
 const LegendHeaderButton = /*#__PURE__*/styled.span(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-const MapLegendSectionContainer = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  :not(:last-child) {\n    margin-bottom: 1rem;\n  }\n\n  ", " {\n    padding-left: 0.75rem;\n    visibility: hidden;\n\n    :first-child {\n      padding-left: 1rem;\n    }\n\n    :last-child {\n      margin-left: 0.75rem;\n      border-left: 1px ", " solid;\n    }\n  }\n  \n  :hover {\n    ", " {\n      visibility: visible;\n    }\n  }\n"])), LegendHeaderButton, (_ref14) => {
+const MapLegendSectionContainer = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  :not(:last-child) {\n    margin-bottom: 1rem;\n  }\n\n  ", " {\n    padding-left: 0.75rem;\n    visibility: hidden;\n\n    :first-child {\n      padding-left: 1rem;\n    }\n\n    :last-child {\n      margin-left: 0.75rem;\n      border-left: 1px ", " solid;\n    }\n  }\n  \n  :hover {\n    ", " {\n      visibility: visible;\n    }\n  }\n"])), LegendHeaderButton, _ref14 => {
   let {
     theme: {
       palette
@@ -321,14 +329,14 @@ const MapLegendSectionContainer = /*#__PURE__*/styled.div(_templateObject15 || (
   } = _ref14;
   return palette.elementDeep;
 }, LegendHeaderButton);
-const MapLegendSectionItems = /*#__PURE__*/styled.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  height: ", "px;\n  overflow: ", ";\n  transition: height 0.5s;\n"])), (_ref15) => {
+const MapLegendSectionItems = /*#__PURE__*/styled.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  height: ", "px;\n  overflow: ", ";\n  transition: height 0.5s;\n"])), _ref15 => {
   let {
     minHeight,
     maxHeight,
     isExpanded
   } = _ref15;
   return isExpanded ? (maxHeight || 0) + 4 : minHeight;
-}, (_ref16) => {
+}, _ref16 => {
   let {
     isExpanded
   } = _ref16;
@@ -353,28 +361,28 @@ const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
 };
 
 const StrokeColorLegendItemMixin = /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-right: 0.5rem;\n  width: 1.5rem;\n"])));
-const MapLegendItem = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: ", "rem;\n  background: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n  margin-right: -1px;\n  color: rgba(48, 69, 79, 0.65);\n  opacity: ", ";\n\n  ", "\n\n  ", "\n"])), (_ref17) => {
+const MapLegendItem = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: ", "rem;\n  background: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n  margin-right: -1px;\n  color: rgba(48, 69, 79, 0.65);\n  opacity: ", ";\n\n  ", "\n\n  ", "\n"])), _ref17 => {
   let {
     parameter
   } = _ref17;
   return isParameterType(['strokeColor', 'stroke.color'], parameter) ? 0.25 : 1;
-}, (_ref18) => {
+}, _ref18 => {
   let {
     value
   } = _ref18;
   return typeof value === 'number' ? 'none' : value;
-}, (_ref19) => {
+}, _ref19 => {
   let {
     isHidden
   } = _ref19;
   return isHidden ? 0.28 : 1;
-}, (_ref20) => {
+}, _ref20 => {
   let {
     value,
     parameter
   } = _ref20;
   return isParameterType('size', parameter) && SizeLegendItemMixin(value);
-}, (_ref21) => {
+}, _ref21 => {
   let {
     value,
     parameter
@@ -390,28 +398,28 @@ const SizeMinimizedLegendLabel = /*#__PURE__*/styled.div(_templateObject27 || (_
 const SizeMinimizedLegendDown = /*#__PURE__*/styled.div(_templateObject28 || (_templateObject28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: rgba(48, 69, 79, 0.65);\n"])));
 const SizeMinimizedLegendUp = /*#__PURE__*/styled(SizeMinimizedLegendDown)(_templateObject29 || (_templateObject29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 const SingleSizeLegendItemsMixin = /*#__PURE__*/css(_templateObject30 || (_templateObject30 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 4rem;\n  margin-right: 0.75rem;\n\n  ", ":after {\n    margin: 0 auto;\n  }\n"])), MapLegendItem);
-const SingleLegendItemsMixin = /*#__PURE__*/css(_templateObject31 || (_templateObject31 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  width: 2rem;\n  height: auto;\n  margin: 0;\n  ", "\n\n  ", " {\n    position: relative;\n    top: 0;\n    left: 0;\n    display: flex;\n    align-content: center;\n    justify-content: center;\n    margin: 0;\n    height: auto;\n    width: auto;\n\n    ", "\n  }\n"])), (_ref22) => {
+const SingleLegendItemsMixin = /*#__PURE__*/css(_templateObject31 || (_templateObject31 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  width: 2rem;\n  height: auto;\n  margin: 0;\n  ", "\n\n  ", " {\n    position: relative;\n    top: 0;\n    left: 0;\n    display: flex;\n    align-content: center;\n    justify-content: center;\n    margin: 0;\n    height: auto;\n    width: auto;\n\n    ", "\n  }\n"])), _ref22 => {
   let {
     isSize
   } = _ref22;
   return isSize && SingleSizeLegendItemsMixin;
-}, MapLegendItem, (_ref23) => {
+}, MapLegendItem, _ref23 => {
   let {
     parameter
   } = _ref23;
   return isParameterType(['strokeColor', 'stroke.color'], parameter) && StrokeColorLegendItemMixin;
 });
-const MapLegendItems = /*#__PURE__*/styled.div(_templateObject32 || (_templateObject32 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border-radius: 0.125rem;\n\n  ", ";\n  ", ";\n  ", ";\n"])), (_ref24) => {
+const MapLegendItems = /*#__PURE__*/styled.div(_templateObject32 || (_templateObject32 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border-radius: 0.125rem;\n\n  ", ";\n  ", ";\n  ", ";\n"])), _ref24 => {
   let {
     isSize
   } = _ref24;
   return isSize && SizeLegendItemsMixin;
-}, (_ref25) => {
+}, _ref25 => {
   let {
     isStrokeWidth
   } = _ref25;
   return isStrokeWidth && StrokeWidthLegendItemsMixin;
-}, (_ref26) => {
+}, _ref26 => {
   let {
     isSingle
   } = _ref26;
@@ -586,7 +594,7 @@ const formatStringAttribute = value => {
 
   const attributeValues = value.split(/[\s|]/).map(convertStringAttribute);
 
-  if (attributeValues.every((_ref) => {
+  if (attributeValues.every(_ref => {
     let {
       type
     } = _ref;
@@ -594,7 +602,7 @@ const formatStringAttribute = value => {
   }
   /* String */
   )) {
-    return [stringAttribute(attributeValues.map((_ref2) => {
+    return [stringAttribute(attributeValues.map(_ref2 => {
       let {
         value
       } = _ref2;
@@ -1195,7 +1203,7 @@ function evaluateCondition(condition, attributes) {
 }
 
 function getAttributeValue(attributes, attributeName) {
-  const attributeMeta = attributes.find((_ref) => {
+  const attributeMeta = attributes.find(_ref => {
     let {
       name
     } = _ref;
@@ -1209,7 +1217,7 @@ const getAttributeNameFromClassified = values => values.length > 0 ? getAttribut
 
 function findFeatureValue(parameterValues, _ref2) {
   let [name, value] = _ref2;
-  return value !== null ? parameterValues.find((_ref3) => {
+  return value !== null ? parameterValues.find(_ref3 => {
     let {
       condition
     } = _ref3;
@@ -1249,7 +1257,7 @@ function evaluateFeatureSymbol(attributes) {
 }
 
 function findChildFeatureStyle(childStyles, attributes) {
-  return (childStyles || []).find((_ref5) => {
+  return (childStyles || []).find(_ref5 => {
     let {
       condition
     } = _ref5;
@@ -1435,7 +1443,7 @@ const createSvgGradient = (svg, values) => svg.gradient('linear', add => {
   });
 }).from(0, 0).to(1, 1); // eslint-disable-next-line max-lines-per-function
 
-const manipulateSvgSymbol = (_ref2) => {
+const manipulateSvgSymbol = _ref2 => {
   var _$exec2;
 
   let {
@@ -1847,7 +1855,7 @@ const checkLayerHasLegend = layerInfo => {
     return (paramValue == null ? void 0 : paramValue.type) === 'byAttribute';
   })) || false;
 };
-const getTitleFromCondition = (_ref2) => {
+const getTitleFromCondition = _ref2 => {
   let {
     condition,
     attribute,
@@ -2619,7 +2627,7 @@ let SGisPolygonSymbol = /*#__PURE__*/function (_sPolygonSymbol) {
 const adaptMiterRings = (rings, resolution, fromCrs, toCrs) => {
   const projected = projectRings(rings, fromCrs, toCrs);
   return simplifyCoordinates(projected.map(ring => // @ts-ignore
-  ring.map((_ref) => {
+  ring.map(_ref => {
     let [x, y] = _ref;
     return [x / resolution, y / -resolution];
   })), 1);
@@ -2711,6 +2719,111 @@ let ArrowLineMiterRender = /*#__PURE__*/function (_LineMiterRender) {
   return ArrowLineMiterRender;
 }(LineMiterRender);
 
+const LegendContext = /*#__PURE__*/createContext(null);
+const LegendProvider = _ref => {
+  let {
+    symbol,
+    children
+  } = _ref;
+  return React.createElement(LegendContext.Provider, {
+    value: symbol || null
+  }, children);
+};
+const useLegendContext = () => useContext(LegendContext);
+
+function useCanvas() {
+  const canvas = useRef(null);
+  const ref = useCallback(node => {
+    if (node !== null) {
+      canvas.current = new Canvas(node);
+    } else {
+      canvas.current = null;
+    }
+  }, []);
+  return {
+    canvas,
+    ref
+  };
+}
+
+function useMount(_ref) {
+  let {
+    onMount,
+    onUnmount
+  } = _ref;
+  useEffect(() => {
+    onMount && onMount();
+    return onUnmount; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+}
+
+function useNode() {
+  const [node, onSetNode] = useState(null);
+  const ref = useCallback(onSetNode, [onSetNode]);
+  return [ref, node];
+}
+
+const DEFAULT_SYMBOL_SIZE$1 = 26;
+function useSymbol(_ref, canvasRef) {
+  let {
+    symbol,
+    size = DEFAULT_SYMBOL_SIZE$1,
+    render = getSymbolRenders,
+    maxWidth
+  } = _ref;
+  useEffect(() => {
+    if (canvasRef.current !== null && symbol !== undefined) {
+      const canvas = canvasRef.current;
+      setCanvasSize(canvas, size, maxWidth);
+      render(symbol, size).then(renders => {
+        renderSymbolToCanvas(renders, canvas);
+      });
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [symbol, size, maxWidth]);
+}
+
+function setCanvasSize(canvas, size, maxWidth) {
+  canvas.node.height = size;
+  canvas.node.width = maxWidth ? Math.min(size, maxWidth) : size;
+}
+
+const useToggle = initial => {
+  const [state, setState] = useState(initial !== undefined ? initial : false);
+  const toggle = useCallback(() => setState(!state), [state]);
+  return [state, toggle, setState];
+};
+
+const metersToPixels = (meters, _ref) => {
+  let {
+    painter,
+    crs = geo
+  } = _ref;
+  const {
+    width
+  } = painter;
+  const zeroPoint = painter.getPointFromPxPosition(0, 0).projectTo(crs);
+  const maxWidthPoint = painter.getPointFromPxPosition(width, 0).projectTo(crs);
+  const widthDistance = distance(zeroPoint, maxWidthPoint);
+  const pxK = width / (widthDistance || 1);
+  return Math.round(meters * pxK);
+};
+
+const polygonCircleFromPoint = (center, diameter) => {
+  const coordinates = [];
+  const radius = diameter / 2;
+  const endAngle = Math.PI * 2;
+  const step = Math.max(Math.PI / 2 / radius, endAngle / 128);
+  let start = 0;
+  let end = endAngle;
+
+  for (let ang = start; ang < end; ang += step) {
+    coordinates.push([Math.cos(ang) * radius + center[0], Math.sin(ang) * radius + center[1]]);
+  }
+
+  return [coordinates];
+};
+
 let CircleLineMiterRender = /*#__PURE__*/function (_LineMiterRender) {
   _inherits(CircleLineMiterRender, _LineMiterRender);
 
@@ -3300,21 +3413,6 @@ const selectedPolygon = /*#__PURE__*/new SelectedPolySymbol({
   selectedStrokeColor: '#ff5722'
 });
 
-const metersToPixels = (meters, _ref) => {
-  let {
-    painter,
-    crs = geo
-  } = _ref;
-  const {
-    width
-  } = painter;
-  const zeroPoint = painter.getPointFromPxPosition(0, 0).projectTo(crs);
-  const maxWidthPoint = painter.getPointFromPxPosition(width, 0).projectTo(crs);
-  const widthDistance = distance(zeroPoint, maxWidthPoint);
-  const pxK = width / (widthDistance || 1);
-  return Math.round(meters * pxK);
-};
-
 const defaultPathStyles = {
   strokeWidth: 2,
   strokeColor: 'rgb(0, 163, 245)',
@@ -3815,7 +3913,7 @@ const useSvgSymbol = (symbol, skipOffset, isClassified) => {
     SVGContainer.addTo(SVGWrapperRefElement.current);
   }, [SVGContainer]);
   const getSvgData = useCallback(() => SVGContainer.svg(), [SVGContainer]);
-  const manipulateSvg = useCallback((_ref) => {
+  const manipulateSvg = useCallback(_ref => {
     let {
       svg,
       bg,
@@ -3885,38 +3983,38 @@ const useSvgSymbol = (symbol, skipOffset, isClassified) => {
 
 var _templateObject$1, _templateObject2$1;
 const SvgSymbolContainer = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-const SvgSymbolLabel = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  line-height: 0;\n"])), (_ref) => {
+const SvgSymbolLabel = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  line-height: 0;\n"])), _ref => {
   let {
     fontSettings
   } = _ref;
   return !!(fontSettings != null && fontSettings.fontFamily) && "font-family: " + fontSettings.fontFamily;
-}, (_ref2) => {
+}, _ref2 => {
   let {
     fontSettings
   } = _ref2;
   return !!(fontSettings != null && fontSettings.fontWeight) && "font-weight: " + fontSettings.fontWeight;
-}, (_ref3) => {
+}, _ref3 => {
   let {
     fontSettings
   } = _ref3;
   return !!(fontSettings != null && fontSettings.fontStyle) && "font-style: " + fontSettings.fontStyle;
-}, (_ref4) => {
+}, _ref4 => {
   let {
     fontSettings
   } = _ref4;
   return !!(fontSettings != null && fontSettings.fontColor) && "color: " + fontSettings.fontColor;
-}, (_ref5) => {
+}, _ref5 => {
   let {
     fontSettings
   } = _ref5;
   return !!(fontSettings != null && fontSettings.fontSize) && "font-size: " + (typeof fontSettings.fontSize === 'string' ? fontSettings.fontSize : fontSettings.fontSize + "px");
-}, (_ref6) => {
+}, _ref6 => {
   let {
     fontSettings
   } = _ref6;
   return !!(fontSettings != null && fontSettings.haloColor) && !!(fontSettings != null && fontSettings.haloWidth) && "-webkit-text-stroke: " + fontSettings.haloWidth + "px " + fontSettings.haloColor + ";";
 });
-const SvgSymbol = /*#__PURE__*/memo((_ref7) => {
+const SvgSymbol = /*#__PURE__*/memo(_ref7 => {
   let {
     svg,
     bg,
@@ -3967,7 +4065,7 @@ const SvgSymbol = /*#__PURE__*/memo((_ref7) => {
   }, text)) : renderSymbol;
 });
 
-const ClusterSymbolPreview = (_ref) => {
+const ClusterSymbolPreview = _ref => {
   var _symbol$fillColor$val, _symbol$labelSymbol;
 
   let {
@@ -4004,7 +4102,7 @@ const ClusterSymbolPreview = (_ref) => {
   });
 };
 
-const SymbolByType = (_ref) => {
+const SymbolByType = _ref => {
   let {
     type,
     symbol,
@@ -4031,7 +4129,7 @@ const SymbolByType = (_ref) => {
   }
 };
 
-const LegendSymbolRenderer = /*#__PURE__*/memo((_ref) => {
+const LegendSymbolRenderer = /*#__PURE__*/memo(_ref => {
   let {
     symbol,
     index
@@ -4053,7 +4151,7 @@ const LegendSymbolRenderer = /*#__PURE__*/memo((_ref) => {
   });
 });
 
-const LegendHeaderButtons = (_ref) => {
+const LegendHeaderButtons = _ref => {
   let {
     layerName,
     hasHiddenLegends,
@@ -4072,7 +4170,7 @@ const LegendHeaderButtons = (_ref) => {
 const getConditionAttribute = (attributes, condition) => {
   if (!condition) return null;
   const attributeName = getAttributeNameFromCondition(condition);
-  let attribute = attributes.find((_ref) => {
+  let attribute = attributes.find(_ref => {
     let {
       name
     } = _ref;
@@ -4105,7 +4203,7 @@ const renderColumn = (column, index) => {
   }, dateTime[0], React.createElement(MapLegendDescription, null, dateTime[1])), index === 0 && React.createElement(ItemSeparator, null));
 };
 
-const getLegendText = (_ref) => {
+const getLegendText = _ref => {
   let {
     title,
     index,
@@ -4138,7 +4236,7 @@ const getLegendText = (_ref) => {
 
 const getLayerAttributes = layerDefinition => {
   const attributes = layerDefinition && layerDefinition.attributes || {};
-  return Object.entries(attributes).map((_ref) => {
+  return Object.entries(attributes).map(_ref => {
     let [name, definition] = _ref;
     return _extends({
       name
@@ -4146,7 +4244,7 @@ const getLayerAttributes = layerDefinition => {
   });
 };
 
-const LegendChildren = (_ref) => {
+const LegendChildren = _ref => {
   var _layerInfo$style, _layerInfo$style$chil;
 
   let {
@@ -4186,7 +4284,7 @@ const LegendChildren = (_ref) => {
   }));
 };
 
-const LegendParameterDescription = (_ref) => {
+const LegendParameterDescription = _ref => {
   let {
     parameter,
     index
@@ -4214,7 +4312,7 @@ const getValueFromLegendTitle = (title, minOrMax) => {
   return title.split(" ").find(isNumeric) || title || "";
 };
 
-const MinimizedLegend = (_ref) => {
+const MinimizedLegend = _ref => {
   var _currentValues$, _currentValues, _currentValues$2, _currentValues2;
 
   let {
@@ -4285,7 +4383,7 @@ const MinimizedLegend = (_ref) => {
   })), typeof (other == null ? void 0 : other.parameterValue) === "string" && (titleMax || titleMin) && React.createElement(MapLegendValues, null, React.createElement(MapLegendValuesRange, null, React.createElement("div", null, titleMax), React.createElement("div", null, titleMin)), React.createElement(MapLegendValuesOther, null, "-")));
 };
 
-const MaximizedLegend = (_ref) => {
+const MaximizedLegend = _ref => {
   let {
     innerRef,
     isShown,
@@ -4345,70 +4443,7 @@ const MaximizedLegend = (_ref) => {
   }, values.map(renderLegend));
 };
 
-function useCanvas() {
-  const canvas = useRef(null);
-  const ref = useCallback(node => {
-    if (node !== null) {
-      canvas.current = new Canvas(node);
-    } else {
-      canvas.current = null;
-    }
-  }, []);
-  return {
-    canvas,
-    ref
-  };
-}
-
-function useMount(_ref) {
-  let {
-    onMount,
-    onUnmount
-  } = _ref;
-  useEffect(() => {
-    onMount && onMount();
-    return onUnmount; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-}
-
-function useNode() {
-  const [node, onSetNode] = useState(null);
-  const ref = useCallback(onSetNode, [onSetNode]);
-  return [ref, node];
-}
-
-const DEFAULT_SYMBOL_SIZE$1 = 26;
-function useSymbol(_ref, canvasRef) {
-  let {
-    symbol,
-    size = DEFAULT_SYMBOL_SIZE$1,
-    render = getSymbolRenders,
-    maxWidth
-  } = _ref;
-  useEffect(() => {
-    if (canvasRef.current !== null && symbol !== undefined) {
-      const canvas = canvasRef.current;
-      setCanvasSize(canvas, size, maxWidth);
-      render(symbol, size).then(renders => {
-        renderSymbolToCanvas(renders, canvas);
-      });
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [symbol, size, maxWidth]);
-}
-
-function setCanvasSize(canvas, size, maxWidth) {
-  canvas.node.height = size;
-  canvas.node.width = maxWidth ? Math.min(size, maxWidth) : size;
-}
-
-const useToggle = initial => {
-  const [state, setState] = useState(initial !== undefined ? initial : false);
-  const toggle = useCallback(() => setState(!state), [state]);
-  return [state, toggle, setState];
-};
-
-const LegendSection = (_ref) => {
+const LegendSection = _ref => {
   var _hiddenLegends$layerN, _hiddenLegends$layerN2;
 
   let {
@@ -4473,7 +4508,7 @@ const LegendSection = (_ref) => {
 };
 
 const _excluded$1 = ["layerInfo", "formatValue", "hiddenLegends", "toggleHiddenLegend", "clearHiddenLegends", "goToClassification"];
-const Legend = /*#__PURE__*/memo((_ref) => {
+const Legend = /*#__PURE__*/memo(_ref => {
   var _layerInfo$style, _layerInfo$style$chil;
 
   let {
@@ -4554,7 +4589,7 @@ const Legend = /*#__PURE__*/memo((_ref) => {
   return React.createElement(MapLegendContainer, null, renderItems);
 });
 
-const Symbol = (_ref) => {
+const Symbol = _ref => {
   let {
     symbol,
     size,
@@ -4575,19 +4610,19 @@ const Symbol = (_ref) => {
 };
 
 var _templateObject$2, _templateObject2$2;
-const CompoundIcon = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  height: 32px;\n  width: 32px;\n"])), (_ref) => {
+const CompoundIcon = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  height: 32px;\n  width: 32px;\n"])), _ref => {
   let {
     geometryType,
     icons
   } = _ref;
   return "url(" + icons[geometryType] + ") center center / " + (geometryType === GeometryType.Polyline ? '2rem 1.3rem' : 'auto 1rem') + " no-repeat";
 });
-const ClusterSymbol = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 32px;\n  height: 32px;\n\n  :before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: inherit;\n    height: inherit;\n    background-color: ", ";\n    border-radius: 50%;\n    opacity: 0.28;\n  }\n  \n  :after {\n    content: \"99\";\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 24px;\n    height: 24px;\n    background-color: ", ";\n    border-radius: 50%;\n    color: white;\n    font-size: 0.75rem;\n    line-height: 1;\n  }\n"])), (_ref2) => {
+const ClusterSymbol = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 32px;\n  height: 32px;\n\n  :before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: inherit;\n    height: inherit;\n    background-color: ", ";\n    border-radius: 50%;\n    opacity: 0.28;\n  }\n  \n  :after {\n    content: \"99\";\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 24px;\n    height: 24px;\n    background-color: ", ";\n    border-radius: 50%;\n    color: white;\n    font-size: 0.75rem;\n    line-height: 1;\n  }\n"])), _ref2 => {
   let {
     color
   } = _ref2;
   return color;
-}, (_ref3) => {
+}, _ref3 => {
   let {
     color
   } = _ref3;
@@ -4595,7 +4630,7 @@ const ClusterSymbol = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateOb
 });
 
 const MAX_SIZE = 32;
-const StyleSymbol = (_ref) => {
+const StyleSymbol = _ref => {
   let {
     symbol,
     size = MAX_SIZE,
@@ -4634,32 +4669,5 @@ const StyleSymbol = (_ref) => {
   });
 };
 
-const LegendContext = /*#__PURE__*/createContext(null);
-const LegendProvider = (_ref) => {
-  let {
-    symbol,
-    children
-  } = _ref;
-  return React.createElement(LegendContext.Provider, {
-    value: symbol || null
-  }, children);
-};
-const useLegendContext = () => useContext(LegendContext);
-
-const polygonCircleFromPoint = (center, diameter) => {
-  const coordinates = [];
-  const radius = diameter / 2;
-  const endAngle = Math.PI * 2;
-  const step = Math.max(Math.PI / 2 / radius, endAngle / 128);
-  let start = 0;
-  let end = endAngle;
-
-  for (let ang = start; ang < end; ang += step) {
-    coordinates.push([Math.cos(ang) * radius + center[0], Math.sin(ang) * radius + center[1]]);
-  }
-
-  return [coordinates];
-};
-
 export { ArrowLineMiterRender, BASE_OPERATORS, BETWEEN_OPERATORS, CONTAINS_OPERATORS, CircleLineMiterRender, ClassificationCondition, ClassificationManager, ClassifiedItem, ClusterLegendContainer, ClusterSymbol, ClusterSymbolPreview, ComparisonOperator, CompoundIcon, DEFAULT_CLUSTER_SVG, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LEGEND_SIZES, DEFAULT_LEGEND_STYLES, DEFAULT_LEGEND_SYMBOL_SIZE, DEFAULT_PARAMETER_INFO, DEFAULT_SYMBOL_FILL_COLOR, DEFAULT_SYMBOL_OFFSET, DEFAULT_SYMBOL_SIZE, DEFAULT_SYMBOL_STROKE_COLOR, DEFAULT_SYMBOL_WITH_BG_SIZE, DateFormat, ENDS_WITH_OPERATORS, EXTRA_BORDER_SIZE, EvergisStyle, FILLED_OPERATORS, FilterConditionOperation, GEOMETRY_ATTRIBUTE, ItemSeparator, ItemText, Legend, LegendChildren, LegendHeaderButton, LegendParameterDescription, LegendProvider, LegendSection, LegendSymbolRenderer, LineMiterRender, MapLegendBadge, MapLegendContainer, MapLegendDescription, MapLegendDescriptionContainer, MapLegendExpandButton, MapLegendHeader, MapLegendItem, MapLegendItems, MapLegendItemsContainer, MapLegendOther, MapLegendSectionContainer, MapLegendSectionItems, MapLegendValueDescr, MapLegendValues, MapLegendValuesOther, MapLegendValuesRange, MaximizedLegend, MaximizedLegendContainer, MinimizedLegend, MinimizedLegendContainer, NO_CONTENT_VALUE, OPERATOR_CONDITION_REMAP, PARAMETER_INFOS, PREVIEW_LIMITS, RANGE_OPERATORS, SGisBrushFill, SGisImageFill, SGisPolygonSymbol, SGisPolylineSymbol, SOLID_INTERVALS, STARTS_WITH_OPERATORS, SVGPoly, SYMBOL_CLASSIFICATION, SYMBOL_LIMITS, SYMBOL_SIZE_PARAMETERS, SelectedPointSymbol, SelectedPolySymbol, ShadowedPointSymbol, ShadowedPolySymbol, SizeMinimizedLegend, SizeMinimizedLegendDown, SizeMinimizedLegendLabel, SizeMinimizedLegendSymbol, SizeMinimizedLegendUp, SquareLineMiterRender, StyleSymbol, SvgSymbol, SvgSymbolBg, Symbol, SymbolButton, SymbolByType, SymbolContainer, adjustSymbol, applyParameterValue, checkLayerHasLegend, clamp, classifyParamsReduce, convertSvgToBase64, copyRings, createCompositeSymbol, createHiddenCondition, createLegendSymbol, createOtherHiddenCondition, createPointRender, createShadowRender, createSvgGradient, createValueTitle, createValueTitleFromCondition, dateComparisonOperators, defineStrokeStylePreset, deserializeSymbol, extractStyle, extractSymbol, findChildFeatureStyle, findChildFeatureSymbol, formatAttributeValue, formatDate, formatRangeClassValue, formatUniqueClassValue, getAttributeFromCondition, getAttributeNameFromClassified, getAttributeNameFromCondition, getChildSymbols, getClassificationValue, getClassified, getDashStylePreset, getDate, getDimensions, getExprFromCondition, getExtractedSymbol, getFeatureSymbol, getHexColor, getLegendSymbolRenders, getLegendSymbolSize, getLineDash, getMapLegendSymbolRenders, getMaximizedLegendValues, getMinimizedLegendValues, getOffsetParameterValue, getParameterFromSymbol, getParameterValue, getRangeValues$1 as getRangeValues, getServiceConfiguration, getSignFromConditionPart, getSimplifiedPolygonCoordinates, getSymbolParameterInfo, getSymbolRenders, getSymbolStrokeWidth, getTitleFromCondition, getValueFromConditionPart, isArrowLineMiter, isCalculatedParameter, isCircleLineMiter, isClusterFillColor, isClusterSymbol, isCombinedPolylineSymbol, isCompositeSymbol, isDashedBrush, isFilledLineMitter, isH3GridSymbol, isHatchBrush, isImageSymbol, isLabelSymbol, isLayerService, isMaskedImageSymbol, isMiterExist, isNumeric, isObject, isParameterByAttribute, isParameterType, isParameterValueSimple, isParameterValueSymbol, isPatternBrush, isPointLabelSymbol, isPointSymbol, isPolygonHasHatchBrush, isPolygonHasPatternBrush, isPolygonLabelSymbol, isPolygonSymbol, isPolylineLabelSymbol, isPolylineSymbols, isRangeClass, isRangeCondition, isRasterSymbol, isRequisiteNumbers, isSGisClusterSymbol, isSGisCombinedPolylineSymbol, isSGisH3Symbol, isSGisImageSymbol, isSGisPointSymbol, isSGisPolygonSymbol, isSGisPolylineSymbol, isScalablePolylineSymbol, isSimpleOffset, isSimplePolylineSymbol, isSimpleSymbol, isSizableSymbol, isSizeClassification, isSolidBrush, isSquareLineMiter, isSquareSymbol, isStaticImageSymbol, isStringAsInn, isStringAsKpp, isStringAsMail, isStringAsOgrn, isStringAsPhone, isStringAsUrl, isStringContainsDate, isStringParameterValue, isStrokeStyledSymbol, isStyle, isSvgPointSymbol, isSymbolWithOffset, isTwoDimensionalSymbol, isUniqueClass, isValidParameter, isValidUrl, mailHref, manipulateSvgSymbol, matchPhone, measureAreaSymbol, measureLengthSymbol, measurePolygonSnapSymbol, metersToPixels, numberComparisonOperators, numberWithSpaces, packStyle, phoneHref, polygonCircleFromPoint, printRangeClass, renderSymbolToCanvas, selectedPoint, selectedPolygon, selectedPolyline, serializeSvgPointSymbol, setDefaultParameterValue, setParameterValue, solidStrokeStylePreset, strokeStylePresets, symbolParameterWalker, symbolTypeGuard, textComparisonOperators, toIntervals, toLineDash, unClassify, updateSymbolParameter, urlHref, useCanvas, useLegendContext, useMount, useNode, useSvgSymbol, useSymbol, useToggle };
 //# sourceMappingURL=react.esm.js.map