@evergis/react 2.0.163 → 2.0.164
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MapLegend/styled.d.ts +1 -0
- package/dist/components/MapLegend/types.d.ts +2 -0
- package/dist/react.cjs.development.js +25 -25
- package/dist/react.cjs.development.js.map +1 -1
- package/dist/react.cjs.production.min.js +1 -1
- package/dist/react.cjs.production.min.js.map +1 -1
- package/dist/react.esm.js +25 -25
- package/dist/react.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/react.esm.js
CHANGED
|
@@ -5025,20 +5025,20 @@ const Fullscreen = () => {
|
|
|
5025
5025
|
}));
|
|
5026
5026
|
};
|
|
5027
5027
|
|
|
5028
|
-
var _templateObject$6, _templateObject2$6, _templateObject3$4, _templateObject4$4, _templateObject5$4,
|
|
5028
|
+
var _templateObject$6, _templateObject2$6, _templateObject3$4, _templateObject4$4, _templateObject5$4, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27;
|
|
5029
5029
|
const MapLegendControl = /*#__PURE__*/styled(MapControl)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: default;\n"])));
|
|
5030
5030
|
const MapLegendContainer = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__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"])));
|
|
5031
5031
|
const MapLegendHeader = /*#__PURE__*/styled(LegendSectionHeader)(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 15rem;\n margin-bottom: 0.25rem;\n font-weight: 500;\n"])));
|
|
5032
5032
|
const MapLegendDescriptionContainer = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 0.5rem;\n font-weight: 400;\n font-size: 0.625rem;\n color: rgba(255, 255, 255, 0.65);\n"])));
|
|
5033
|
-
const MinimizedLegendContainer = /*#__PURE__*/styled.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: calc(100% - 1.5rem);\n padding-right: 1.5rem;\n
|
|
5034
|
-
const MapLegendValueDescr = /*#__PURE__*/styled.div(
|
|
5033
|
+
const MinimizedLegendContainer = /*#__PURE__*/styled.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: calc(100% - 1.5rem);\n padding-right: 1.5rem;\n"])));
|
|
5034
|
+
const MapLegendValueDescr = /*#__PURE__*/styled.div(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 1rem;\n margin-bottom: 0.25rem;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1rem;\n"])));
|
|
5035
5035
|
|
|
5036
5036
|
const SizeLegendItemMixin = function SizeLegendItemMixin(value) {
|
|
5037
5037
|
if (value === void 0) {
|
|
5038
5038
|
value = 0;
|
|
5039
5039
|
}
|
|
5040
5040
|
|
|
5041
|
-
return css(
|
|
5041
|
+
return css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 50%;\n flex: none;\n height: inherit;\n width: inherit;\n margin: 0 auto;\n background: none;\n border: none;\n\n :after {\n content: \"\";\n display: flex;\n border: 1px rgba(48, 69, 79, 0.28) solid;\n border-radius: 50%;\n margin: 0 0 0 -", "px;\n width: ", "px;\n height: ", "px;\n }\n"])), value / 2, value, value);
|
|
5042
5042
|
};
|
|
5043
5043
|
|
|
5044
5044
|
const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
|
|
@@ -5046,11 +5046,11 @@ const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
|
|
|
5046
5046
|
value = 0;
|
|
5047
5047
|
}
|
|
5048
5048
|
|
|
5049
|
-
return css(
|
|
5049
|
+
return css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n background: none;\n border: none;\n display: flex;\n align-items: center;\n flex: none;\n width: calc(100% - 2rem);\n height: ", "px;\n margin: 0 0 0.25rem 0;\n padding-left: 2rem;\n font-size: 0.75rem;\n \n :first-child, :last-child {\n height: auto;\n }\n \n :after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 0;\n width: 1.5rem;\n height: ", "px;\n margin-top: -", "px;\n background: rgb(224, 224, 224);\n }\n"])), value, value, Math.round(value / 2));
|
|
5050
5050
|
};
|
|
5051
5051
|
|
|
5052
|
-
const StrokeColorLegendItemMixin = /*#__PURE__*/css(
|
|
5053
|
-
const MapLegendItem = /*#__PURE__*/styled.div(
|
|
5052
|
+
const StrokeColorLegendItemMixin = /*#__PURE__*/css(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 0.5rem;\n width: 1.5rem;\n"])));
|
|
5053
|
+
const MapLegendItem = /*#__PURE__*/styled.div(_templateObject11$1 || (_templateObject11$1 = /*#__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"])), _ref => {
|
|
5054
5054
|
let {
|
|
5055
5055
|
parameter
|
|
5056
5056
|
} = _ref;
|
|
@@ -5078,16 +5078,16 @@ const MapLegendItem = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateO
|
|
|
5078
5078
|
} = _ref5;
|
|
5079
5079
|
return isParameterType(["strokeWidth", "stroke.width"], parameter) && StrokeWidthLegendItemMixin(value);
|
|
5080
5080
|
});
|
|
5081
|
-
const MapLegendOther = /*#__PURE__*/styled(MapLegendItem)(
|
|
5082
|
-
const SizeLegendItemsMixin = /*#__PURE__*/css(
|
|
5083
|
-
const StrokeWidthLegendItemsMixin = /*#__PURE__*/css(
|
|
5084
|
-
const SizeMinimizedLegend = /*#__PURE__*/styled.div(
|
|
5085
|
-
const SizeMinimizedLegendSymbol = /*#__PURE__*/styled.div(
|
|
5086
|
-
const SizeMinimizedLegendLabel = /*#__PURE__*/styled.div(
|
|
5087
|
-
const SizeMinimizedLegendDown = /*#__PURE__*/styled.div(
|
|
5088
|
-
const SizeMinimizedLegendUp = /*#__PURE__*/styled(SizeMinimizedLegendDown)(
|
|
5089
|
-
const SingleSizeLegendItemsMixin = /*#__PURE__*/css(
|
|
5090
|
-
const SingleLegendItemsMixin = /*#__PURE__*/css(
|
|
5081
|
+
const MapLegendOther = /*#__PURE__*/styled(MapLegendItem)(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex: none;\n position: relative;\n width: 1rem;\n margin-left: 0.25rem;\n border-radius: 0.125rem;\n"])));
|
|
5082
|
+
const SizeLegendItemsMixin = /*#__PURE__*/css(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 2rem;\n height: 2rem;\n margin: 0 auto;\n\n ", " {\n width: auto;\n margin-left: 0;\n }\n"])), MapLegendOther);
|
|
5083
|
+
const StrokeWidthLegendItemsMixin = /*#__PURE__*/css(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n flex-direction: column;\n width: auto;\n\n ", " {\n width: calc(100% - 2rem);\n margin-left: 0;\n }\n"])), MapLegendOther);
|
|
5084
|
+
const SizeMinimizedLegend = /*#__PURE__*/styled.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n margin-top: 0.5rem;\n"])));
|
|
5085
|
+
const SizeMinimizedLegendSymbol = /*#__PURE__*/styled.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 4rem;\n margin-right: 0.75rem;\n"])));
|
|
5086
|
+
const SizeMinimizedLegendLabel = /*#__PURE__*/styled.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 0.75rem;\n"])));
|
|
5087
|
+
const SizeMinimizedLegendDown = /*#__PURE__*/styled.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: rgba(48, 69, 79, 0.65);\n opacity: 0.65;\n"])));
|
|
5088
|
+
const SizeMinimizedLegendUp = /*#__PURE__*/styled(SizeMinimizedLegendDown)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5089
|
+
const SingleSizeLegendItemsMixin = /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 4rem;\n margin-right: 0.75rem;\n\n ", ":after {\n margin: 0 auto;\n }\n"])), MapLegendItem);
|
|
5090
|
+
const SingleLegendItemsMixin = /*#__PURE__*/css(_templateObject21 || (_templateObject21 = /*#__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"])), _ref6 => {
|
|
5091
5091
|
let {
|
|
5092
5092
|
isSize
|
|
5093
5093
|
} = _ref6;
|
|
@@ -5098,7 +5098,7 @@ const SingleLegendItemsMixin = /*#__PURE__*/css(_templateObject20 || (_templateO
|
|
|
5098
5098
|
} = _ref7;
|
|
5099
5099
|
return isParameterType(["strokeColor", "stroke.color"], parameter) && StrokeColorLegendItemMixin;
|
|
5100
5100
|
});
|
|
5101
|
-
const MapLegendItems = /*#__PURE__*/styled.div(
|
|
5101
|
+
const MapLegendItems = /*#__PURE__*/styled.div(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: 0.125rem;\n\n ", ";\n ", ";\n ", ";\n"])), _ref8 => {
|
|
5102
5102
|
let {
|
|
5103
5103
|
isSize
|
|
5104
5104
|
} = _ref8;
|
|
@@ -5114,11 +5114,11 @@ const MapLegendItems = /*#__PURE__*/styled.div(_templateObject21 || (_templateOb
|
|
|
5114
5114
|
} = _ref10;
|
|
5115
5115
|
return isSingle && SingleLegendItemsMixin;
|
|
5116
5116
|
});
|
|
5117
|
-
const MapLegendItemsContainer = /*#__PURE__*/styled.div(
|
|
5118
|
-
const MapLegendValues = /*#__PURE__*/styled.div(
|
|
5119
|
-
const MapLegendValuesRange = /*#__PURE__*/styled.div(
|
|
5120
|
-
const MapLegendValuesOther = /*#__PURE__*/styled(MapLegendOther)(
|
|
5121
|
-
const MapLegendExpandButton = /*#__PURE__*/styled.div(
|
|
5117
|
+
const MapLegendItemsContainer = /*#__PURE__*/styled.div(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n \n ", " {\n :first-child {\n border-top-left-radius: 0.125rem;\n border-bottom-left-radius: 0.125rem;\n }\n\n :last-child {\n border-top-right-radius: 0.125rem;\n border-bottom-right-radius: 0.125rem;\n }\n }\n"])), MapLegendItem);
|
|
5118
|
+
const MapLegendValues = /*#__PURE__*/styled.div(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n margin-top: 0.5rem;\n font-size: 0.75rem;\n color: rgba(48, 69, 79, 0.65);\n"])));
|
|
5119
|
+
const MapLegendValuesRange = /*#__PURE__*/styled.div(_templateObject25 || (_templateObject25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: calc(100% - 1.25rem);\n \n div {\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n :first-child {\n margin-right: 0.5rem;\n }\n\n :last-child {\n margin-left: 0.5rem;\n text-align: right;\n }\n }\n"])));
|
|
5120
|
+
const MapLegendValuesOther = /*#__PURE__*/styled(MapLegendOther)(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n border: 0;\n overflow: visible;\n"])));
|
|
5121
|
+
const MapLegendExpandButton = /*#__PURE__*/styled.div(_templateObject27 || (_templateObject27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n margin: 0.1rem 0 0.5rem;\n font-size: 0.625rem;\n color: #1FB3AA;\n"])));
|
|
5122
5122
|
|
|
5123
5123
|
const MapLegend = _ref => {
|
|
5124
5124
|
let {
|
|
@@ -5516,7 +5516,7 @@ const ZoomLevel = () => {
|
|
|
5516
5516
|
}, level || 0);
|
|
5517
5517
|
};
|
|
5518
5518
|
|
|
5519
|
-
var _templateObject$8, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$
|
|
5519
|
+
var _templateObject$8, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$2, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$2, _templateObject11$2;
|
|
5520
5520
|
|
|
5521
5521
|
const cornerBottom = cornerSize => css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n &:before {\n left: 50%;\n transform: translate(-50%, 100%);\n bottom: 0;\n border-left: ", " solid transparent;\n border-right: ", " solid transparent;\n border-top: ", " solid rgba(28, 33, 48, 0.8);\n }\n"])), cornerSize, cornerSize, cornerSize);
|
|
5522
5522
|
|
|
@@ -5528,7 +5528,7 @@ const cornerTop = cornerSize => css(_templateObject4$5 || (_templateObject4$5 =
|
|
|
5528
5528
|
|
|
5529
5529
|
const top = (distance, cornerSize) => css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n transform: translate(-50%, 0);\n left: -50%;\n bottom: ", ";\n ", "\n"])), distance, cornerSize && cornerBottom(cornerSize));
|
|
5530
5530
|
|
|
5531
|
-
const right = (distance, cornerSize) => css(_templateObject6$
|
|
5531
|
+
const right = (distance, cornerSize) => css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n transform: translate(0, -50%);\n top: -50%;\n left: ", ";\n ", "\n"])), distance, cornerSize && cornerLeft(cornerSize));
|
|
5532
5532
|
|
|
5533
5533
|
const left = (distance, cornerSize) => css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n transform: translate(0, -50%);\n top: -50%;\n right: ", ";\n ", "\n"])), distance, cornerSize && cornerRight(cornerSize));
|
|
5534
5534
|
|