@evergis/react 2.0.137 → 2.0.139

package/dist/components/MapLegend/MinimizedLegend.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { MinimizedLegendProps } from "./types";
+export declare const MinimizedLegend: FC<MinimizedLegendProps>;

package/dist/components/MapLegend/styled.d.ts

@@ -2,16 +2,18 @@ export declare const MapLegendControl: import("styled-components").StyledCompone
 export declare const MapLegendContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendValueDescr: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MapLegendItems: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendItem: import("styled-components").StyledComponent<"div", any, {
-    value?: string | undefined;
+    value?: string | number | undefined;
 }, never>;
 export declare const MapLegendOther: import("styled-components").StyledComponent<"div", any, {
-    value?: string | undefined;
+    value?: string | number | undefined;
+}, never>;
+export declare const MapLegendItems: import("styled-components").StyledComponent<"div", any, {
+    overlay?: boolean | undefined;
 }, never>;
 export declare const MapLegendValues: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendValuesRange: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendValuesOther: import("styled-components").StyledComponent<"div", any, {
-    value?: string | undefined;
+    value?: string | number | undefined;
 }, never>;
 export declare const MapLegendExpandButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/MapLegend/types.d.ts

@@ -1,5 +1,12 @@
 import { LegendProps } from "../Legend";
+import { LegendValueType } from "../../core";
 export declare type MapLegendProps = LegendProps & {
     fromToTitle?: [string, string];
     className?: string;
 };
+export declare type MinimizedLegendProps = {
+    title?: string;
+    defaultValue: string;
+    values: LegendValueType[];
+    overlay?: boolean;
+};

package/dist/contexts/LegendContext.d.ts

@@ -4,5 +4,5 @@ declare type LegendProviderProps = {
     symbol?: StyleSymbolType;
 };
 export declare const LegendProvider: React.FC<LegendProviderProps>;
-export declare const useLegendContext: () => import("..").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../core/style/types/symbol").SquareSymbol | import("..").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("..").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../core/style/types/symbol").PolygonSymbol<import("..").FillBrushType, import("..").StrokeBrushType> | import("..").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("..").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("..").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("..").ClientSymbol<"compositeSymbol", import("@evergis/api").CompositeSymbolDc, never> | null;
+export declare const useLegendContext: () => import("..").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../core/style/types/symbol").SquareSymbol | import("..").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("..").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../core/style/types/symbol").PolygonSymbol<import("..").FillBrushType, import("..").StrokeBrushType> | import("..").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("..").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("..").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("..").ClientSymbol<"compositeSymbol", import("@evergis/api").CompositeSymbolDc, never> | import("@evergis/api").H3GridSymbolDc | null;
 export {};

package/dist/core/classification/types.d.ts

@@ -1,6 +1,6 @@
 import { ParameterValue, ParameterValueWithSymbol } from '../style';
 import { ClassificationAttribute } from '../attributes';
-export declare type NestedClassificationParameters = 'fill.color' | 'fill.hatchColor' | 'stroke.width' | 'stroke.color';
+export declare type NestedClassificationParameters = 'fill.color' | 'fill.hatchColor' | 'stroke.width' | 'stroke.color' | 'background.fillColor' | 'background.strokeColor' | 'background.strokeWidth' | 'figure.fillColor';
 export declare type SimpleClassificationParameters = 'fillColor' | 'strokeColor' | 'strokeWidth' | 'size' | 'symbol' | 'angle' | 'maskedColor';
 export declare type ClassificationParameter = NestedClassificationParameters | SimpleClassificationParameters;
 export declare type ClassificationParameterExtended = ClassificationParameter | 'width' | 'height';

package/dist/core/feature/getFeatureSymbol.d.ts

@@ -3,5 +3,5 @@ import { EvergisStyle, ParameterByAttributeValue, ParameterValueWithSymbol, Styl
 export declare const getAttributeNameFromCondition: (condition: string) => string | null;
 export declare const getAttributeNameFromClassified: (values: ParameterByAttributeValue<ParameterValueWithSymbol>[]) => string | null;
 export declare function findChildFeatureStyle(childStyles: Style[], attributes: FeatureAttribute[]): Style | null;
-export declare function findChildFeatureSymbol(childStyles: Style[], attributes: FeatureAttribute[]): import("../style").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../style").SquareSymbol | import("../style").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("../style").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../style").PolygonSymbol<import("../style").FillBrushType, import("../style").StrokeBrushType> | import("../style").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("../style").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("../style").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | null;
+export declare function findChildFeatureSymbol(childStyles: Style[], attributes: FeatureAttribute[]): import("../style").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../style").SquareSymbol | import("../style").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("../style").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../style").PolygonSymbol<import("../style").FillBrushType, import("../style").StrokeBrushType> | import("../style").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("../style").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("../style").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("@evergis/api").H3GridSymbolDc | null;
 export declare function getFeatureSymbol(style: EvergisStyle, attributes: FeatureAttribute[]): StyleSymbolType | null;

package/dist/core/style/EvergisStyle.d.ts

@@ -7,7 +7,7 @@ export declare class EvergisStyle {
     constructor(style: StyleDc);
     serialize(): StyleDc;
     hasRasters(): boolean;
-    get symbol(): import("./types").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("./types").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("./types").SquareSymbol | import("./types").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("./types").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("./types").PolygonSymbol<import("./types").FillBrushType, import("./types").StrokeBrushType> | import("./types").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("./types").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("./types").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">;
+    get symbol(): import("./types").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("./types").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("./types").SquareSymbol | import("./types").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("./types").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("./types").PolygonSymbol<import("./types").FillBrushType, import("./types").StrokeBrushType> | import("./types").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("./types").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("./types").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("@evergis/api").H3GridSymbolDc;
     get raster(): import("./types").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | null;
     get label(): import("./types").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | null;
     get children(): Style[] | null;

package/dist/hooks/useLegend/useLegendValueSymbol.d.ts

@@ -3,4 +3,4 @@ export declare type LegendSymbolPart = {
     parameter: ClassificationParameterExtended;
     parameterValue: ParameterValueWithSymbol;
 };
-export declare const useLegendValueSymbol: ({ parameter, parameterValue, }: LegendSymbolPart) => import("@evergis/sgis/es/symbols/point/Point").PointSymbol | import("@evergis/sgis/es/symbols/point/StaticImageSymbol").StaticImageSymbol | import("@evergis/sgis/es/symbols/point/Square").SquareSymbol | import("@evergis/sgis/es/symbols/point/MaskedImage").MaskedImage | import("@evergis/sgis/es/symbols/polygon/Simple").PolygonSymbol | import("@evergis/sgis/es/symbols/polygon/BrushFill").BrushFill | import("@evergis/sgis/es/symbols/polygon/ImageFill").ImageFill | import("@evergis/sgis/es/symbols/PolylineSymbol").PolylineSymbol | import("../../core").ClientSymbol<"h3grid", import("@evergis/api").H3GridSymbolDc, never> | null;
+export declare const useLegendValueSymbol: ({ parameter, parameterValue, }: LegendSymbolPart) => import("@evergis/sgis/es/symbols/point/Point").PointSymbol | import("@evergis/sgis/es/symbols/point/StaticImageSymbol").StaticImageSymbol | import("@evergis/sgis/es/symbols/point/Square").SquareSymbol | import("@evergis/sgis/es/symbols/point/MaskedImage").MaskedImage | import("@evergis/sgis/es/symbols/polygon/Simple").PolygonSymbol | import("@evergis/sgis/es/symbols/polygon/BrushFill").BrushFill | import("@evergis/sgis/es/symbols/polygon/ImageFill").ImageFill | import("@evergis/sgis/es/symbols/PolylineSymbol").PolylineSymbol | import("@evergis/sgis/es/symbols/H3Symbol").H3Symbol | null;

package/dist/hooks/useLegend/useMapLegend.d.ts

@@ -1,6 +1,6 @@
 import { FeatureLayerServiceInfoDc } from '@evergis/api';
 import { LegendConfig } from '../../core';
 export declare const useMapLegend: (layer?: FeatureLayerServiceInfoDc | undefined, config?: LegendConfig | undefined) => {
-    symbol: import("../../core").Unclassify<import("../../core").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").SquareSymbol> | import("../../core").Unclassify<import("../../core").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").PolygonSymbol<import("../../core").FillBrushType, import("../../core").StrokeBrushType>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never>>;
-    item: import("../../core").LegendItem;
+    symbol: import("../../core").Unclassify<import("../../core").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").SquareSymbol> | import("../../core").Unclassify<import("../../core").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").PolygonSymbol<import("../../core").FillBrushType, import("../../core").StrokeBrushType>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never>> | import("../../core").Unclassify<import("@evergis/api").H3GridSymbolDc>;
+    items: import("../../core").LegendItem[];
 } | null;

package/dist/react.cjs.development.js

@@ -3451,10 +3451,9 @@ const useMapLegend = (layer, config) => {
     return null;
   }
 
-  const firstLegend = legend.items[0];
   return {
     symbol: legend.symbol,
-    item: firstLegend
+    items: legend.items
   };
 };
 
@@ -4728,7 +4727,7 @@ const LegendContainer = /*#__PURE__*/styled__default.div(_templateObject$2 || (_
 const LegendSectionContainer = /*#__PURE__*/styled__default.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 const LegendSymbolTitle = /*#__PURE__*/styled__default.p(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
 const LegendValueContainer = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  font-size: 0.75rem;\n\n  ", " {\n    padding-left: 0.5rem;\n  }\n"])), LegendSymbolTitle);
-const LegendSectionHeader = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n  font-weight: 500;\n"])));
+const LegendSectionHeader = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1rem;\n"])));
 
 const LegendSection = _ref => {
   let {
@@ -4993,23 +4992,43 @@ const Fullscreen = () => {
   }));
 };
 
-var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1;
+var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1;
 const MapLegendControl = /*#__PURE__*/styled__default(MapControl)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: default;\n"])));
 const MapLegendContainer = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 12.5rem;\n  box-sizing: border-box;\n\n  canvas {\n    height: 1.625rem;\n    width: 1.625rem;\n  }\n"])));
 const MapLegendHeader = /*#__PURE__*/styled__default(LegendSectionHeader)(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-weight: 500;\n"])));
-const MapLegendValueDescr = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n"])));
-const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  border-radius: 0.125rem;\n"])));
-const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 1rem;\n  background-color: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n"])), _ref => {
+const MapLegendValueDescr = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1rem;\n"])));
+const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 1rem;\n  background: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n  margin-right: -1px;\n  \n  ", "\n"])), _ref => {
   let {
     value
   } = _ref;
-  return value;
+  return typeof value === "number" ? "none" : value;
+}, _ref2 => {
+  let {
+    value
+  } = _ref2;
+  return !!value && typeof value === "number" && SizeLegendMixin(value);
+});
+const MapLegendOther = /*#__PURE__*/styled__default(MapLegendItem)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: none;\n  width: 1rem;\n  margin-left: 0.25rem;\n  border-radius: 0.125rem;\n"])));
+const SizeOverlayLegendMixin = /*#__PURE__*/styled.css(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  \n  ", ", ", " {\n    flex: none;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: inherit;\n    height: inherit;\n    margin-left: -1rem;\n    \n    :after {\n      top: 0;\n      margin-top: 0;\n    }\n  }\n"])), MapLegendItem, MapLegendOther);
+const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border-radius: 0.125rem;\n\n  ", ";\n"])), _ref3 => {
+  let {
+    overlay
+  } = _ref3;
+  return overlay && SizeOverlayLegendMixin;
 });
-const MapLegendOther = /*#__PURE__*/styled__default(MapLegendItem)(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: none;\n  width: 1rem;\n  margin-left: 0.25rem;\n  border-radius: 0.125rem;\n  overflow: hidden;\n"])));
-const MapLegendValues = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  font-size: 0.75rem;\n  color: rgba(48, 69, 79, 0.65);\n"])));
-const MapLegendValuesRange = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
-const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 0;\n  text-align: center;\n  overflow: visible;\n"])));
-const MapLegendExpandButton = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  margin: 0.1rem 0 0.5rem;\n  font-size: 0.625rem;\n  color: #1FB3AA;\n"])));
+
+const SizeLegendMixin = function SizeLegendMixin(value) {
+  if (value === void 0) {
+    value = 0;
+  }
+
+  return styled.css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 2rem;\n  background: none;\n  border: none;\n  margin-right: 0;\n  \n  :after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border: 1px rgba(48, 69, 79, 0.28) solid;\n    border-radius: 50%;\n    margin: -", "px 0 0 -", "px;\n    width: ", "px;\n    height: ", "px;\n  }\n"])), value / 2, value / 2, value, value);
+};
+
+const MapLegendValues = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  font-size: 0.75rem;\n  color: rgba(48, 69, 79, 0.65);\n"])));
+const MapLegendValuesRange = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
+const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 0;\n  text-align: center;\n  overflow: visible;\n"])));
+const MapLegendExpandButton = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  margin: 0.1rem 0 0.5rem;\n  font-size: 0.625rem;\n  color: #1FB3AA;\n"])));
 
 const getValueFromLegendTitle = (title, minOrMax) => {
   var _title$split;
@@ -5019,11 +5038,33 @@ const getValueFromLegendTitle = (title, minOrMax) => {
     return minOrMax === "min" ? result == null ? void 0 : result[0] : result == null ? void 0 : result[1];
   }
 
-  return (title == null ? void 0 : (_title$split = title.split(" ")) == null ? void 0 : _title$split[1]) || "";
+  return (title == null ? void 0 : (_title$split = title.split(" ")) == null ? void 0 : _title$split.find(ui.isNumeric)) || "";
+};
+
+const MinimizedLegend = _ref => {
+  var _currentValues$, _currentValues;
+
+  let {
+    values,
+    title,
+    overlay
+  } = _ref;
+  const currentValues = [...values];
+  const other = currentValues.pop();
+  return React__default.createElement(React__default.Fragment, null, !!title && React__default.createElement(MapLegendValueDescr, null, title), React__default.createElement(MapLegendItems, {
+    overlay: overlay
+  }, currentValues.map(value => React__default.createElement(MapLegendItem, {
+    key: value.title,
+    title: value.title,
+    value: value.parameterValue
+  })), React__default.createElement(MapLegendOther, {
+    title: "\u0414\u0440\u0443\u0433\u043E\u0435",
+    value: other == null ? void 0 : other.parameterValue
+  })), typeof (other == null ? void 0 : other.parameterValue) === "string" && React__default.createElement(MapLegendValues, null, React__default.createElement(MapLegendValuesRange, null, React__default.createElement("div", null, getValueFromLegendTitle((_currentValues$ = currentValues[0]) == null ? void 0 : _currentValues$.title, "max")), React__default.createElement("div", null, getValueFromLegendTitle((_currentValues = currentValues[currentValues.length - 1]) == null ? void 0 : _currentValues.title, "min"))), React__default.createElement(MapLegendValuesOther, null, "-")));
 };
 
 const MapLegend = _ref => {
-  var _symbol$fill, _item$values$, _item$values;
+  var _items$0$parameter;
 
   let {
     layer,
@@ -5039,22 +5080,29 @@ const MapLegend = _ref => {
 
   const {
     symbol,
-    item
+    items
   } = legend;
+  const isValidClassify = !((_items$0$parameter = items[0].parameter) != null && _items$0$parameter.includes("labelSymbol"));
   return React__default.createElement(LegendProvider, {
     symbol: symbol
   }, React__default.createElement(MapLegendControl, {
     className: className
-  }, React__default.createElement(MapLegendHeader, null, layer == null ? void 0 : layer.alias), React__default.createElement(MapLegendContainer, null, isExpanded ? React__default.createElement(Legend, {
-    layer: layer
-  }) : React__default.createElement(React__default.Fragment, null, item.title !== (layer == null ? void 0 : layer.alias) && React__default.createElement(MapLegendValueDescr, null, item.title), React__default.createElement(MapLegendItems, null, item.values.map(value => React__default.createElement(MapLegendItem, {
-    key: value.title,
-    title: value.title,
-    value: value.parameterValue
-  })), React__default.createElement(MapLegendOther, {
-    title: "\u0414\u0440\u0443\u0433\u043E\u0435",
-    value: (_symbol$fill = symbol.fill) == null ? void 0 : _symbol$fill.color
-  })), React__default.createElement(MapLegendValues, null, React__default.createElement(MapLegendValuesRange, null, React__default.createElement("div", null, getValueFromLegendTitle((_item$values$ = item.values[0]) == null ? void 0 : _item$values$.title, "max")), React__default.createElement("div", null, getValueFromLegendTitle((_item$values = item.values[item.values.length - 1]) == null ? void 0 : _item$values.title, "min"))), React__default.createElement(MapLegendValuesOther, null, "-"))), React__default.createElement(MapLegendExpandButton, {
+  }, React__default.createElement(MapLegendHeader, null, layer == null ? void 0 : layer.alias), isValidClassify && React__default.createElement(MapLegendContainer, null, isExpanded ? React__default.createElement(Legend, {
+    layer: layer,
+    config: config
+  }) : React__default.createElement(React__default.Fragment, null, items.map(item => {
+    var _symbol$fill, _item$parameter, _symbol$fill2;
+
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(MinimizedLegend, {
+      values: item.values,
+      defaultValue: (_symbol$fill = symbol.fill) == null ? void 0 : _symbol$fill.color,
+      title: item.title !== (layer == null ? void 0 : layer.alias) ? item.title : ""
+    }), ((_item$parameter = item.parameter) == null ? void 0 : _item$parameter.includes("size")) && React__default.createElement(MinimizedLegend, {
+      values: item.values,
+      defaultValue: (_symbol$fill2 = symbol.fill) == null ? void 0 : _symbol$fill2.color,
+      overlay: true
+    }));
+  })), React__default.createElement(MapLegendExpandButton, {
     onClick: toggleExpanded
   }, isExpanded ? "Свернуть" : "Развернуть"))));
 };