@evergis/react 3.1.34 → 3.1.35

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.
Files changed (10) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +5 -5
  3. package/dist/components/Dashboard/headers/FeatureCardDefaultHeader/styled.d.ts +1 -0
  4. package/dist/components/Dashboard/types.d.ts +1 -0
  5. package/dist/components/Dashboard/utils/getChartAxes.d.ts +2 -0
  6. package/dist/index.js +2054 -2036
  7. package/dist/index.js.map +1 -1
  8. package/dist/react.esm.js +2054 -2037
  9. package/dist/react.esm.js.map +1 -1
  10. package/package.json +5 -5
package/dist/react.esm.js CHANGED
@@ -25,180 +25,180 @@ const AddFeatureButton = ({ title, icon = "feature_add" /* , layerName, geometry
25
25
  return (jsx(IconButton, { kind: icon, primary: true, onClick: handleAddFeature, children: title }));
26
26
  };
27
27
 
28
- const ChartTooltipTable = styled.table `
29
- td {
30
- padding: 0;
31
- }
32
-
33
- tr:not(:last-child) td {
34
- padding-bottom: 0.375rem;
35
- }
36
- `;
37
- const ChartTooltip = styled(Flex) `
38
- flex-wrap: nowrap;
39
- background: rgb(48, 69, 79);
40
- border-radius: 0.25rem;
41
- color: white;
42
-
43
- :not(:last-child) {
44
- margin-bottom: 0.25rem;
45
- }
46
- `;
47
- const ChartTooltipLabel = styled.div `
48
- margin-right: 0.25rem;
49
- `;
50
- const ChartTooltipColor = styled.div `
51
- width: 0.625rem;
52
- height: 0.625rem;
53
- background-color: ${({ $color }) => $color};
54
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
55
- margin-right: 0.25rem;
56
- `;
57
- const ChartLegendColor$1 = styled.div `
58
- width: 0.5rem;
59
- height: 0.5rem;
60
- background-color: ${({ $color }) => $color};
61
- border-radius: 0.125rem;
62
- `;
63
- const ChartLegendValue = styled.div `
64
- opacity: 0.65;
65
- `;
66
- const ChartTooltipRow = styled(Flex) `
67
- display: flex;
68
- flex-direction: row;
69
- flex-wrap: nowrap;
70
- align-items: center;
71
- margin-top: 0.5rem;
72
- line-height: 0;
73
-
74
- ${ChartLegendColor$1} {
75
- margin-right: 0.25rem;
76
- }
77
- `;
78
- const ChartTooltipName = styled.div `
79
- margin-right: 1rem;
80
- opacity: 0.65;
81
- `;
82
- const PieChartCenter = styled.div `
83
- position: absolute;
84
- top: 50%;
85
- left: 50%;
86
- transform: translate(-50%, -50%);
87
- text-align: center;
88
- font-weight: bold;
89
- font-size: 1.5rem;
90
- `;
91
- const ChartWrapperContainer = styled.div `
92
- position: relative;
93
- width: 100%;
94
- `;
95
- const Tooltip = styled.div `
96
- position: relative;
97
- border-radius: 0.25rem;
98
- background-color: rgba(28, 33, 48);
99
- padding: 0.5rem;
100
- box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
101
- font-size: 0.75rem;
102
- transform: ${({ transform }) => transform};
103
- color: white;
104
-
105
- :before {
106
- position: absolute;
107
- display: block;
108
- content: "";
109
- width: 0;
110
- height: 0;
111
- }
112
- `;
113
- const LineChartStyles = createGlobalStyle `
114
- .dashboardLineChartTooltip.${lineChartClassNames.lineChartMouseLabel} {
115
- .${lineChartClassNames.lineChartLabelFlex} {
116
- justify-content: center;
117
- align-items: flex-end;
118
-
119
- ${Tooltip} {
120
- margin: 0 0 12px 0;
121
-
122
- :before {
123
- top: auto;
124
- bottom: 0;
125
- left: 50%;
126
- transform: translate(-50%, 100%);
127
- border-left: 4px solid transparent;
128
- border-right: 4px solid transparent;
129
- border-top: 4px solid rgba(28, 33, 48, 0.9);
130
- }
131
- }
132
- }
133
- }
134
-
135
- .${lineChartClassNames.lineChartYScaleGlobal}, .${lineChartClassNames.lineChartXScaleGlobal} {
136
- .domain {
137
- visibility: hidden;
138
- }
139
-
140
- .tick {
141
- text {
142
- fill: ${({ theme: { palette } }) => palette.textDisabled};
143
- }
144
-
145
- line {
146
- visibility: hidden;
147
- }
148
- }
149
- }
150
-
151
- .${lineChartClassNames.lineChartXScaleGlobal} {
152
- .tick {
153
- :first-of-type {
154
- text {
155
- text-anchor: start;
156
- }
157
- }
158
-
159
- :last-of-type {
160
- text {
161
- text-anchor: end;
162
- }
163
- }
164
- }
165
- }
166
-
167
- .${lineChartClassNames.lineChartLine} {
168
- stroke-width: 2px;
169
- }
170
-
171
- .${lineChartClassNames.lineChartLabel} {
172
- color: ${({ theme: { palette } }) => palette.textPrimary};
173
- }
174
-
175
- .${lineChartClassNames.lineChartMouseCircle} {
176
- stroke: #ffffff;
177
- stroke-width: 2px;
178
- }
179
-
180
- .${lineChartClassNames.lineChartGridLineX} {
181
- stroke: ${({ theme: { palette } }) => palette.element};
182
- }
183
-
184
- text {
185
- fill: ${({ theme: { palette } }) => palette.textDisabled};
186
- }
187
- `;
188
- const StyledBarChart = styled(BarChart$1) `
189
- .domain {
190
- display: none;
191
- }
192
-
193
- .tick {
194
- text {
195
- fill: ${({ theme: { palette } }) => palette.textDisabled};
196
- }
197
-
198
- line {
199
- visibility: hidden;
200
- }
201
- }
28
+ const ChartTooltipTable = styled.table `
29
+ td {
30
+ padding: 0;
31
+ }
32
+
33
+ tr:not(:last-child) td {
34
+ padding-bottom: 0.375rem;
35
+ }
36
+ `;
37
+ const ChartTooltip = styled(Flex) `
38
+ flex-wrap: nowrap;
39
+ background: rgb(48, 69, 79);
40
+ border-radius: 0.25rem;
41
+ color: white;
42
+
43
+ :not(:last-child) {
44
+ margin-bottom: 0.25rem;
45
+ }
46
+ `;
47
+ const ChartTooltipLabel = styled.div `
48
+ margin-right: 0.25rem;
49
+ `;
50
+ const ChartTooltipColor = styled.div `
51
+ width: 0.625rem;
52
+ height: 0.625rem;
53
+ background-color: ${({ $color }) => $color};
54
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
55
+ margin-right: 0.25rem;
56
+ `;
57
+ const ChartLegendColor$1 = styled.div `
58
+ width: 0.5rem;
59
+ height: 0.5rem;
60
+ background-color: ${({ $color }) => $color};
61
+ border-radius: 0.125rem;
62
+ `;
63
+ const ChartLegendValue = styled.div `
64
+ opacity: 0.65;
65
+ `;
66
+ const ChartTooltipRow = styled(Flex) `
67
+ display: flex;
68
+ flex-direction: row;
69
+ flex-wrap: nowrap;
70
+ align-items: center;
71
+ margin-top: 0.5rem;
72
+ line-height: 0;
73
+
74
+ ${ChartLegendColor$1} {
75
+ margin-right: 0.25rem;
76
+ }
77
+ `;
78
+ const ChartTooltipName = styled.div `
79
+ margin-right: 1rem;
80
+ opacity: 0.65;
81
+ `;
82
+ const PieChartCenter = styled.div `
83
+ position: absolute;
84
+ top: 50%;
85
+ left: 50%;
86
+ transform: translate(-50%, -50%);
87
+ text-align: center;
88
+ font-weight: bold;
89
+ font-size: 1.5rem;
90
+ `;
91
+ const ChartWrapperContainer = styled.div `
92
+ position: relative;
93
+ width: 100%;
94
+ `;
95
+ const Tooltip = styled.div `
96
+ position: relative;
97
+ border-radius: 0.25rem;
98
+ background-color: rgba(28, 33, 48);
99
+ padding: 0.5rem;
100
+ box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
101
+ font-size: 0.75rem;
102
+ transform: ${({ transform }) => transform};
103
+ color: white;
104
+
105
+ :before {
106
+ position: absolute;
107
+ display: block;
108
+ content: "";
109
+ width: 0;
110
+ height: 0;
111
+ }
112
+ `;
113
+ const LineChartStyles = createGlobalStyle `
114
+ .dashboardLineChartTooltip.${lineChartClassNames.lineChartMouseLabel} {
115
+ .${lineChartClassNames.lineChartLabelFlex} {
116
+ justify-content: center;
117
+ align-items: flex-end;
118
+
119
+ ${Tooltip} {
120
+ margin: 0 0 12px 0;
121
+
122
+ :before {
123
+ top: auto;
124
+ bottom: 0;
125
+ left: 50%;
126
+ transform: translate(-50%, 100%);
127
+ border-left: 4px solid transparent;
128
+ border-right: 4px solid transparent;
129
+ border-top: 4px solid rgba(28, 33, 48, 0.9);
130
+ }
131
+ }
132
+ }
133
+ }
134
+
135
+ .${lineChartClassNames.lineChartYScaleGlobal}, .${lineChartClassNames.lineChartXScaleGlobal} {
136
+ .domain {
137
+ visibility: hidden;
138
+ }
139
+
140
+ .tick {
141
+ text {
142
+ fill: ${({ theme: { palette } }) => palette.textDisabled};
143
+ }
144
+
145
+ line {
146
+ visibility: hidden;
147
+ }
148
+ }
149
+ }
150
+
151
+ .${lineChartClassNames.lineChartXScaleGlobal} {
152
+ .tick {
153
+ :first-of-type {
154
+ text {
155
+ text-anchor: start;
156
+ }
157
+ }
158
+
159
+ :last-of-type {
160
+ text {
161
+ text-anchor: end;
162
+ }
163
+ }
164
+ }
165
+ }
166
+
167
+ .${lineChartClassNames.lineChartLine} {
168
+ stroke-width: 2px;
169
+ }
170
+
171
+ .${lineChartClassNames.lineChartLabel} {
172
+ color: ${({ theme: { palette } }) => palette.textPrimary};
173
+ }
174
+
175
+ .${lineChartClassNames.lineChartMouseCircle} {
176
+ stroke: #ffffff;
177
+ stroke-width: 2px;
178
+ }
179
+
180
+ .${lineChartClassNames.lineChartGridLineX} {
181
+ stroke: ${({ theme: { palette } }) => palette.element};
182
+ }
183
+
184
+ text {
185
+ fill: ${({ theme: { palette } }) => palette.textDisabled};
186
+ }
187
+ `;
188
+ const StyledBarChart = styled(BarChart$1) `
189
+ .domain {
190
+ display: none;
191
+ }
192
+
193
+ .tick {
194
+ text {
195
+ fill: ${({ theme: { palette } }) => palette.textDisabled};
196
+ }
197
+
198
+ line {
199
+ visibility: hidden;
200
+ }
201
+ }
202
202
  `;
203
203
 
204
204
  function range(start, stop, step) {
@@ -3426,42 +3426,42 @@ const NUMERIC_ATTRIBUTE_TYPES = [AttributeType.Double, AttributeType.Int32, Attr
3426
3426
  const GEOMETRY_ATTRIBUTE = "geometry";
3427
3427
  const DEFAULT_ID_ATTRIBUTE_NAME = "gid";
3428
3428
 
3429
- const StackBarContainer = styled(Flex) `
3430
- flex-wrap: nowrap;
3431
- width: 100%;
3432
- `;
3433
- const StackBarHeader = styled(Flex) `
3434
- justify-content: space-between;
3435
- margin-bottom: 0.375rem;
3436
- font-size: 0.75rem;
3437
- `;
3438
- const StackBarSection = styled.div `
3439
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
3440
- width: ${({ $width }) => $width}%;
3441
- height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
3442
- margin: 0 0.5px;
3443
- background-color: ${({ $color }) => $color};
3444
- opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
3445
- transition: opacity ${transition.release};
3446
-
3447
- :first-child {
3448
- border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3449
- border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3450
- }
3451
-
3452
- :last-child {
3453
- border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3454
- border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3455
- }
3456
- `;
3457
- const StackBarAlias = styled.div `
3458
- color: ${({ theme: { palette } }) => palette.textSecondary};
3429
+ const StackBarContainer = styled(Flex) `
3430
+ flex-wrap: nowrap;
3431
+ width: 100%;
3432
+ `;
3433
+ const StackBarHeader = styled(Flex) `
3434
+ justify-content: space-between;
3435
+ margin-bottom: 0.375rem;
3436
+ font-size: 0.75rem;
3437
+ `;
3438
+ const StackBarSection = styled.div `
3439
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
3440
+ width: ${({ $width }) => $width}%;
3441
+ height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
3442
+ margin: 0 0.5px;
3443
+ background-color: ${({ $color }) => $color};
3444
+ opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
3445
+ transition: opacity ${transition.release};
3446
+
3447
+ :first-child {
3448
+ border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3449
+ border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3450
+ }
3451
+
3452
+ :last-child {
3453
+ border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3454
+ border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3455
+ }
3456
+ `;
3457
+ const StackBarAlias = styled.div `
3458
+ color: ${({ theme: { palette } }) => palette.textSecondary};
3459
3459
  `;
3460
3460
  const StackBarTotal = styled(Flex) ``;
3461
3461
  const StackBarValue = styled.div ``;
3462
- const StackBarUnits = styled.div `
3463
- margin-left: 0.25rem;
3464
- color: ${({ theme: { palette } }) => palette.textSecondary};
3462
+ const StackBarUnits = styled.div `
3463
+ margin-left: 0.25rem;
3464
+ color: ${({ theme: { palette } }) => palette.textSecondary};
3465
3465
  `;
3466
3466
 
3467
3467
  const transparentizeColor = (originalColor, percent) => {
@@ -4023,8 +4023,8 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
4023
4023
  const customize = useCallback(({ svg }) => {
4024
4024
  svg.style("overflow", "visible");
4025
4025
  svg
4026
- .selectAll(`.${lineChartClassNames.lineChartXScaleGlobal} line,
4027
- .${lineChartClassNames.lineChartYScaleGlobal} line,
4026
+ .selectAll(`.${lineChartClassNames.lineChartXScaleGlobal} line,
4027
+ .${lineChartClassNames.lineChartYScaleGlobal} line,
4028
4028
  .domain`)
4029
4029
  .each((_, index, nodes) => {
4030
4030
  nodes[index].remove();
@@ -4081,11 +4081,11 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
4081
4081
  .attr("fill", `url(#${gradientId})`)
4082
4082
  .attr("stroke-width", "0")
4083
4083
  .attr("fill-opacity", FILL_OPACITY);
4084
- defs.push(`
4085
- <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
4086
- <stop offset="0" stop-color="${color}" stop-opacity="1" />
4087
- <stop offset="1" stop-color="${color}" stop-opacity="0" />
4088
- </linearGradient>
4084
+ defs.push(`
4085
+ <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
4086
+ <stop offset="0" stop-color="${color}" stop-opacity="1" />
4087
+ <stop offset="1" stop-color="${color}" stop-opacity="0" />
4088
+ </linearGradient>
4089
4089
  `);
4090
4090
  ref.current = {
4091
4091
  path: newPath,
@@ -4440,255 +4440,255 @@ const formatDataSourceCondition = ({ condition, configFilters, filters, attribut
4440
4440
  : conditionSection.join(splitter);
4441
4441
  };
4442
4442
 
4443
- const DashboardChipsContainer = styled(Flex) `
4444
- flex-wrap: wrap;
4445
- `;
4446
- const DashboardChip$1 = styled(Chip) `
4447
- margin: 0 0.25rem 0.25rem 0;
4448
- background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
4449
- border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
4450
- white-space: nowrap;
4451
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4452
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
4453
-
4454
- > * {
4455
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4456
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
4457
- }
4458
-
4459
- span[kind] {
4460
- height: 0.875rem;
4461
-
4462
- :after {
4463
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
4464
- font-size: 0.875rem;
4465
- }
4466
- }
4467
-
4468
- button {
4469
- width: auto;
4470
- padding: 0 0.5rem;
4471
- }
4472
- `;
4473
-
4474
- const ChartLegendContainer = styled(Flex) `
4475
- flex-direction: column;
4476
- flex-wrap: wrap;
4477
- justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
4478
- `;
4479
- const ChartLegendItem = styled(Flex) `
4480
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
4481
- align-items: center;
4482
- flex-wrap: nowrap;
4483
- width: auto;
4484
- margin-right: 0.375rem;
4485
- margin-bottom: 0.25rem;
4486
- line-height: 0.75rem;
4487
- opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
4488
- `;
4489
- const ChartLegendColor = styled.div `
4490
- width: 0.5rem;
4491
- height: 0.5rem;
4492
- margin-right: 0.375rem;
4493
- background-color: ${({ color }) => color};
4494
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
4495
- `;
4496
- const ChartLegendName = styled.div `
4497
- flex: 1;
4498
- font-size: 0.625rem;
4499
- color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
4500
- `;
4501
-
4502
- const Container = styled(Flex) `
4503
- flex-direction: column;
4504
- width: 100%;
4505
-
4443
+ const DashboardChipsContainer = styled(Flex) `
4444
+ flex-wrap: wrap;
4445
+ `;
4446
+ const DashboardChip$1 = styled(Chip) `
4447
+ margin: 0 0.25rem 0.25rem 0;
4448
+ background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
4449
+ border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
4450
+ white-space: nowrap;
4451
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4452
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
4453
+
4454
+ > * {
4455
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4456
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
4457
+ }
4458
+
4459
+ span[kind] {
4460
+ height: 0.875rem;
4461
+
4462
+ :after {
4463
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
4464
+ font-size: 0.875rem;
4465
+ }
4466
+ }
4467
+
4468
+ button {
4469
+ width: auto;
4470
+ padding: 0 0.5rem;
4471
+ }
4472
+ `;
4473
+
4474
+ const ChartLegendContainer = styled(Flex) `
4475
+ flex-direction: column;
4476
+ flex-wrap: wrap;
4477
+ justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
4478
+ `;
4479
+ const ChartLegendItem = styled(Flex) `
4480
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
4481
+ align-items: center;
4482
+ flex-wrap: nowrap;
4483
+ width: auto;
4484
+ margin-right: 0.375rem;
4485
+ margin-bottom: 0.25rem;
4486
+ line-height: 0.75rem;
4487
+ opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
4488
+ `;
4489
+ const ChartLegendColor = styled.div `
4490
+ width: 0.5rem;
4491
+ height: 0.5rem;
4492
+ margin-right: 0.375rem;
4493
+ background-color: ${({ color }) => color};
4494
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
4495
+ `;
4496
+ const ChartLegendName = styled.div `
4497
+ flex: 1;
4498
+ font-size: 0.625rem;
4499
+ color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
4500
+ `;
4501
+
4502
+ const Container = styled(Flex) `
4503
+ flex-direction: column;
4504
+ width: 100%;
4505
+
4506
4506
  ${({ isColumn }) => isColumn
4507
- ? css `
4508
- > * {
4509
- width: 100%;
4510
- }
4507
+ ? css `
4508
+ > * {
4509
+ width: 100%;
4510
+ }
4511
4511
  `
4512
- : css `
4513
- flex-direction: row;
4514
- justify-content: space-between;
4515
- align-items: center;
4516
- `}
4517
-
4512
+ : css `
4513
+ flex-direction: row;
4514
+ justify-content: space-between;
4515
+ align-items: center;
4516
+ `}
4517
+
4518
4518
  ${({ isMain, isColumn }) => (isMain || isColumn) &&
4519
- css `
4520
- > :not(:last-child) {
4521
- margin-bottom: 1.5rem;
4522
- }
4523
- `}
4524
-
4519
+ css `
4520
+ > :not(:last-child) {
4521
+ margin-bottom: 1.5rem;
4522
+ }
4523
+ `}
4524
+
4525
4525
  ${({ isTitle }) => isTitle &&
4526
- css `
4527
- &&&& {
4528
- margin-bottom: 0.75rem;
4529
- }
4530
- `}
4531
-
4532
- ${({ noBorders }) => noBorders && css `
4533
- ${ContainerWrapper} {
4534
- box-shadow: none;
4535
- padding: 0;
4536
- }
4537
- `}
4538
- `;
4539
- const ContainerAlias = styled(Flex) `
4540
- align-items: center;
4541
- flex-wrap: nowrap;
4542
- margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
4543
- font-size: 0.75rem;
4544
- color: ${({ theme: { palette } }) => palette.textSecondary};
4545
-
4546
- span[kind] {
4547
- margin-right: 0.5rem;
4548
-
4549
- :after {
4550
- color: ${({ theme: { palette } }) => palette.primary};
4551
- }
4552
- }
4553
- `;
4554
- const ContainerAliasIcon = styled.div `
4555
- margin-right: 0.5rem;
4556
- `;
4557
- const ContainerChart = styled(Flex) `
4558
- justify-content: flex-start;
4559
-
4560
- > * {
4561
- display: flex;
4562
- justify-content: center;
4563
- width: 100%;
4564
- }
4526
+ css `
4527
+ &&&& {
4528
+ margin-bottom: 0.75rem;
4529
+ }
4530
+ `}
4531
+
4532
+ ${({ noBorders }) => noBorders && css `
4533
+ ${ContainerWrapper} {
4534
+ box-shadow: none;
4535
+ padding: 0;
4536
+ }
4537
+ `}
4538
+ `;
4539
+ const ContainerAlias = styled(Flex) `
4540
+ align-items: center;
4541
+ flex-wrap: nowrap;
4542
+ margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
4543
+ font-size: 0.75rem;
4544
+ color: ${({ theme: { palette } }) => palette.textSecondary};
4545
+
4546
+ span[kind] {
4547
+ margin-right: 0.5rem;
4548
+
4549
+ :after {
4550
+ color: ${({ theme: { palette } }) => palette.primary};
4551
+ }
4552
+ }
4553
+ `;
4554
+ const ContainerAliasIcon = styled.div `
4555
+ margin-right: 0.5rem;
4556
+ `;
4557
+ const ContainerChart = styled(Flex) `
4558
+ justify-content: flex-start;
4559
+
4560
+ > * {
4561
+ display: flex;
4562
+ justify-content: center;
4563
+ width: 100%;
4564
+ }
4565
4565
  `;
4566
4566
  const ContainerLegend = styled(Flex) ``;
4567
- const ContainerUnits = styled.div `
4568
- margin-left: 0.5rem;
4569
- white-space: nowrap;
4570
- font-size: 0.75rem;
4571
- `;
4572
- const ContainerValue = styled(Flex) `
4573
- justify-content: flex-end;
4574
- align-items: center;
4575
- flex-wrap: nowrap;
4576
- width: 100%;
4577
- font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
4578
- color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
4579
-
4580
- > * {
4581
- width: ${({ column }) => (column ? "100%" : "auto")};
4582
- }
4583
-
4584
- ${ContainerChart}, ${ContainerLegend} {
4585
- width: ${({ column }) => (column ? "100%" : "50%")};
4586
- }
4587
-
4588
- ${ContainerLegend} {
4589
- margin-left: ${({ column }) => (column ? 0 : "1rem")};
4590
- }
4591
-
4592
- ${ChartLegendContainer} {
4593
- flex-direction: ${({ column }) => (column ? "row" : "column")};
4594
- margin-top: ${({ column }) => (column ? "1rem" : 0)};
4595
- }
4596
- `;
4597
- const ColorIconMixin = css `
4598
- :after {
4599
- color: ${({ $fontColor }) => $fontColor} !important;
4600
- }
4601
- `;
4602
- const SizeIconMixin = css `
4603
- :after {
4604
- font-size: ${({ $fontSize }) => $fontSize}px !important;
4605
- }
4606
- `;
4607
- const ContainerIcon = styled(Icon) `
4608
- width: auto;
4609
- height: auto;
4610
- margin-bottom: 0.5rem;
4611
- ${({ $fontColor }) => !!$fontColor && ColorIconMixin};
4612
- ${({ $fontSize }) => !!$fontSize && SizeIconMixin};
4613
- `;
4614
- const SvgContainerColorMixin$1 = css `
4615
- path,
4616
- line,
4617
- circle {
4618
- fill: ${({ $fontColor }) => $fontColor};
4619
- }
4620
- `;
4621
- const SvgContainer$1 = styled.div `
4622
- &&& {
4623
- min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
4624
- max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
4625
-
4626
- ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
4627
-
4628
- > * {
4629
- min-width: inherit;
4630
- }
4631
- }
4632
- `;
4633
- const TwoColumnContainerWrapper = styled(Flex) `
4634
- width: 100%;
4635
- flex-direction: row;
4636
- flex-wrap: nowrap;
4637
- align-items: center;
4638
-
4639
- > * {
4640
- flex: 1;
4641
- }
4642
-
4643
- > ${ContainerValue} {
4644
- justify-content: flex-end;
4645
-
4646
- > * {
4647
- text-align: right;
4648
- }
4649
- }
4650
- `;
4651
-
4652
- const LayerGroupContainer = styled(Flex) `
4653
- display: flex;
4654
- justify-content: center;
4655
- position: relative;
4656
- flex-direction: column;
4657
- padding: 0 0.25rem 0 1rem;
4658
- box-sizing: border-box;
4659
- transition: opacity ${transition.hover}, background-color ${transition.hover};
4660
- font-family: "NunitoSans", sans-serif;
4661
- `;
4662
- const LayerGroupMain = styled(Flex) `
4663
- flex-direction: row;
4664
- flex-wrap: nowrap;
4665
- align-items: center;
4666
- justify-content: space-between;
4667
- width: 100%;
4668
-
4669
- ${Icon} {
4670
- width: 2rem;
4671
- min-width: 2rem;
4672
- height: 2rem;
4673
- display: inline-flex;
4674
- align-items: center;
4675
- justify-content: center;
4676
- margin-right: 0.75rem;
4677
- }
4678
-
4679
- ${Description} {
4680
- display: flex;
4681
- align-items: center;
4682
- flex-grow: 1;
4683
- width: 100%;
4684
- margin-right: 0.25rem;
4685
- color: ${({ theme }) => theme.palette.textPrimary};
4686
- }
4687
-
4688
- button {
4689
- width: 2.25rem;
4690
- justify-content: flex-start;
4691
- }
4567
+ const ContainerUnits = styled.div `
4568
+ margin-left: 0.5rem;
4569
+ white-space: nowrap;
4570
+ font-size: 0.75rem;
4571
+ `;
4572
+ const ContainerValue = styled(Flex) `
4573
+ justify-content: flex-end;
4574
+ align-items: center;
4575
+ flex-wrap: nowrap;
4576
+ width: 100%;
4577
+ font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
4578
+ color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
4579
+
4580
+ > * {
4581
+ width: ${({ column }) => (column ? "100%" : "auto")};
4582
+ }
4583
+
4584
+ ${ContainerChart}, ${ContainerLegend} {
4585
+ width: ${({ column }) => (column ? "100%" : "50%")};
4586
+ }
4587
+
4588
+ ${ContainerLegend} {
4589
+ margin-left: ${({ column }) => (column ? 0 : "1rem")};
4590
+ }
4591
+
4592
+ ${ChartLegendContainer} {
4593
+ flex-direction: ${({ column }) => (column ? "row" : "column")};
4594
+ margin-top: ${({ column }) => (column ? "1rem" : 0)};
4595
+ }
4596
+ `;
4597
+ const ColorIconMixin = css `
4598
+ :after {
4599
+ color: ${({ $fontColor }) => $fontColor} !important;
4600
+ }
4601
+ `;
4602
+ const SizeIconMixin = css `
4603
+ :after {
4604
+ font-size: ${({ $fontSize }) => $fontSize}px !important;
4605
+ }
4606
+ `;
4607
+ const ContainerIcon = styled(Icon) `
4608
+ width: auto;
4609
+ height: auto;
4610
+ margin-bottom: 0.5rem;
4611
+ ${({ $fontColor }) => !!$fontColor && ColorIconMixin};
4612
+ ${({ $fontSize }) => !!$fontSize && SizeIconMixin};
4613
+ `;
4614
+ const SvgContainerColorMixin$1 = css `
4615
+ path,
4616
+ line,
4617
+ circle {
4618
+ fill: ${({ $fontColor }) => $fontColor};
4619
+ }
4620
+ `;
4621
+ const SvgContainer$1 = styled.div `
4622
+ &&& {
4623
+ min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
4624
+ max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
4625
+
4626
+ ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
4627
+
4628
+ > * {
4629
+ min-width: inherit;
4630
+ }
4631
+ }
4632
+ `;
4633
+ const TwoColumnContainerWrapper = styled(Flex) `
4634
+ width: 100%;
4635
+ flex-direction: row;
4636
+ flex-wrap: nowrap;
4637
+ align-items: center;
4638
+
4639
+ > * {
4640
+ flex: 1;
4641
+ }
4642
+
4643
+ > ${ContainerValue} {
4644
+ justify-content: flex-end;
4645
+
4646
+ > * {
4647
+ text-align: right;
4648
+ }
4649
+ }
4650
+ `;
4651
+
4652
+ const LayerGroupContainer = styled(Flex) `
4653
+ display: flex;
4654
+ justify-content: center;
4655
+ position: relative;
4656
+ flex-direction: column;
4657
+ padding: 0 0.25rem 0 1rem;
4658
+ box-sizing: border-box;
4659
+ transition: opacity ${transition.hover}, background-color ${transition.hover};
4660
+ font-family: "NunitoSans", sans-serif;
4661
+ `;
4662
+ const LayerGroupMain = styled(Flex) `
4663
+ flex-direction: row;
4664
+ flex-wrap: nowrap;
4665
+ align-items: center;
4666
+ justify-content: space-between;
4667
+ width: 100%;
4668
+
4669
+ ${Icon} {
4670
+ width: 2rem;
4671
+ min-width: 2rem;
4672
+ height: 2rem;
4673
+ display: inline-flex;
4674
+ align-items: center;
4675
+ justify-content: center;
4676
+ margin-right: 0.75rem;
4677
+ }
4678
+
4679
+ ${Description} {
4680
+ display: flex;
4681
+ align-items: center;
4682
+ flex-grow: 1;
4683
+ width: 100%;
4684
+ margin-right: 0.25rem;
4685
+ color: ${({ theme }) => theme.palette.textPrimary};
4686
+ }
4687
+
4688
+ button {
4689
+ width: 2.25rem;
4690
+ justify-content: flex-start;
4691
+ }
4692
4692
  `;
4693
4693
 
4694
4694
  const customModes = MapboxDraw.modes;
@@ -5083,286 +5083,286 @@ const LayerTree = ({ layers, onlyMainTools }) => {
5083
5083
  return (jsx(DraggableTree, { nodes: nodes, disableDrag: onlyMainTools, options: { pastePlaceholderHeight: "0.0625rem" }, onUpdate: onUpdate }));
5084
5084
  };
5085
5085
 
5086
- const LayersListWrapper = styled(Flex) `
5087
- flex-direction: column;
5088
- height: 100%;
5089
- width: 100%;
5090
- box-sizing: border-box;
5091
- `;
5092
- const LayerListContainer = styled(Flex) `
5093
- flex-grow: 1;
5094
- height: 100%;
5095
- box-sizing: border-box;
5096
- `;
5097
-
5098
- const ElementValueWrapper = styled.div `
5099
- transition: background-color ${transition.toggle};
5100
- `;
5101
- const ContainerWrapper = styled(Flex) `
5102
- position: relative;
5103
- min-height: 1rem;
5104
- box-sizing: border-box;
5105
- width: 100%;
5106
- background: ${({ theme: { palette } }) => palette.backgroundAlpha};
5107
- box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
5108
- padding: 1.5rem;
5109
- border-radius: 0.5rem;
5110
- backdrop-filter: blur(20px);
5111
- color: ${({ theme: { palette } }) => palette.textPrimary};
5112
- z-index: ${({ $zIndex }) => $zIndex ?? 1};
5113
- transition: background-color ${transition.toggle};
5114
-
5115
- ${Container} > ${ElementValueWrapper}:not(:last-child) {
5116
- margin-bottom: 1.5rem;
5117
- }
5118
- `;
5119
- const DashboardChip = styled(Chip) `
5120
- margin: 0 0.25rem 0.25rem 0;
5121
- background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
5122
- border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
5123
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5124
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5125
-
5126
- > * {
5127
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5128
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5129
- }
5130
-
5131
- span[kind]:after {
5132
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
5133
- }
5134
- `;
5135
- const DashboardPlaceholderWrap = styled(Flex) `
5136
- flex-grow: 1;
5137
- flex-direction: column;
5138
- justify-content: center;
5139
- align-items: center;
5140
- width: 100%;
5141
- margin-bottom: 2rem;
5142
- `;
5143
- const DashboardPlaceholder = styled(Flex) `
5144
- flex-direction: column;
5145
- justify-content: center;
5146
- align-items: center;
5147
- margin-top: 2rem;
5148
-
5086
+ const LayersListWrapper = styled(Flex) `
5087
+ flex-direction: column;
5088
+ height: 100%;
5089
+ width: 100%;
5090
+ box-sizing: border-box;
5091
+ `;
5092
+ const LayerListContainer = styled(Flex) `
5093
+ flex-grow: 1;
5094
+ height: 100%;
5095
+ box-sizing: border-box;
5096
+ `;
5097
+
5098
+ const ElementValueWrapper = styled.div `
5099
+ transition: background-color ${transition.toggle};
5100
+ `;
5101
+ const ContainerWrapper = styled(Flex) `
5102
+ position: relative;
5103
+ min-height: 1rem;
5104
+ box-sizing: border-box;
5105
+ width: 100%;
5106
+ background: ${({ theme: { palette } }) => palette.backgroundAlpha};
5107
+ box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
5108
+ padding: 1.5rem;
5109
+ border-radius: 0.5rem;
5110
+ backdrop-filter: blur(20px);
5111
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5112
+ z-index: ${({ $zIndex }) => $zIndex ?? 1};
5113
+ transition: background-color ${transition.toggle};
5114
+
5115
+ ${Container} > ${ElementValueWrapper}:not(:last-child) {
5116
+ margin-bottom: 1.5rem;
5117
+ }
5118
+ `;
5119
+ const DashboardChip = styled(Chip) `
5120
+ margin: 0 0.25rem 0.25rem 0;
5121
+ background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
5122
+ border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
5123
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5124
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5125
+
5126
+ > * {
5127
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5128
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5129
+ }
5130
+
5131
+ span[kind]:after {
5132
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
5133
+ }
5134
+ `;
5135
+ const DashboardPlaceholderWrap = styled(Flex) `
5136
+ flex-grow: 1;
5137
+ flex-direction: column;
5138
+ justify-content: center;
5139
+ align-items: center;
5140
+ width: 100%;
5141
+ margin-bottom: 2rem;
5142
+ `;
5143
+ const DashboardPlaceholder = styled(Flex) `
5144
+ flex-direction: column;
5145
+ justify-content: center;
5146
+ align-items: center;
5147
+ margin-top: 2rem;
5148
+
5149
5149
  ${({ isLoading }) => isLoading &&
5150
- css `
5151
- width: 6.25rem;
5152
- `}
5153
- &&& > * {
5154
- margin-bottom: 0;
5155
- }
5156
-
5157
- > div {
5158
- width: 100%;
5159
- margin-top: 1rem;
5160
- font-size: 0.75rem;
5161
- text-align: center;
5162
- color: ${({ theme: { palette } }) => palette.textDisabled};
5163
- }
5164
-
5165
- span[kind] {
5166
- width: 2.25rem;
5167
- height: 2.25rem;
5168
- opacity: 0.28;
5169
-
5170
- :after {
5171
- font-size: 32px;
5172
- }
5173
- }
5174
- `;
5175
- const DashboardWrapper = styled(Flex) `
5176
- flex-direction: column;
5177
- flex-wrap: nowrap;
5178
- flex-grow: 1;
5179
- width: calc(100% - 3rem);
5180
- height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
5181
-
5182
- > ${ContainerWrapper} {
5183
- > * {
5184
- margin-bottom: 2rem;
5185
- }
5186
- }
5187
-
5150
+ css `
5151
+ width: 6.25rem;
5152
+ `}
5153
+ &&& > * {
5154
+ margin-bottom: 0;
5155
+ }
5156
+
5157
+ > div {
5158
+ width: 100%;
5159
+ margin-top: 1rem;
5160
+ font-size: 0.75rem;
5161
+ text-align: center;
5162
+ color: ${({ theme: { palette } }) => palette.textDisabled};
5163
+ }
5164
+
5165
+ span[kind] {
5166
+ width: 2.25rem;
5167
+ height: 2.25rem;
5168
+ opacity: 0.28;
5169
+
5170
+ :after {
5171
+ font-size: 32px;
5172
+ }
5173
+ }
5174
+ `;
5175
+ const DashboardWrapper = styled(Flex) `
5176
+ flex-direction: column;
5177
+ flex-wrap: nowrap;
5178
+ flex-grow: 1;
5179
+ width: calc(100% - 3rem);
5180
+ height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
5181
+
5182
+ > ${ContainerWrapper} {
5183
+ > * {
5184
+ margin-bottom: 2rem;
5185
+ }
5186
+ }
5187
+
5188
5188
  ${({ hasImage, isPresentationMode }) => hasImage &&
5189
5189
  !isPresentationMode &&
5190
- css `
5191
- margin-top: -0.35rem;
5192
- `}
5193
- `;
5194
- const DashboardContent = styled(Flex) `
5195
- flex-grow: 1;
5196
- width: 100%;
5197
- padding: 1.5rem 1.5rem 2rem;
5198
- overflow-y: auto;
5199
- scrollbar-gutter: stable;
5200
- `;
5201
- const PresentationWrapperCss = css `
5202
- margin-bottom: 0.75rem;
5203
- padding: 1.5rem;
5204
- background-color: ${({ theme: { palette } }) => palette.panelBackground};
5205
- backdrop-filter: blur(10px);
5206
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5207
- box-shadow: ${shadows.raised};
5208
- `;
5209
- const PresentationWrapper = styled.div `
5210
- ${PresentationWrapperCss};
5211
- position: relative;
5212
- z-index: 1;
5213
- `;
5214
- const PresentationPanelWrapper = styled(PresentationWrapper) `
5215
- margin-top: 0.75rem;
5216
- transition: background-color ${transition.toggle};
5217
- `;
5218
- const PresentationHeader = styled.div `
5219
- margin: -1.5rem -1.5rem 0 -1.5rem;
5220
- padding: 1.5rem;
5221
- // background: url(images.presentationHeader) 0 0 no-repeat;
5222
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5223
- transition: background-color ${transition.toggle};
5224
-
5190
+ css `
5191
+ margin-top: -0.35rem;
5192
+ `}
5193
+ `;
5194
+ const DashboardContent = styled(Flex) `
5195
+ flex-grow: 1;
5196
+ width: 100%;
5197
+ padding: 1.5rem 1.5rem 2rem;
5198
+ overflow-y: auto;
5199
+ scrollbar-gutter: stable;
5200
+ `;
5201
+ const PresentationWrapperCss = css `
5202
+ margin-bottom: 0.75rem;
5203
+ padding: 1.5rem;
5204
+ background-color: ${({ theme: { palette } }) => palette.panelBackground};
5205
+ backdrop-filter: blur(10px);
5206
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5207
+ box-shadow: ${shadows.raised};
5208
+ `;
5209
+ const PresentationWrapper = styled.div `
5210
+ ${PresentationWrapperCss};
5211
+ position: relative;
5212
+ z-index: 1;
5213
+ `;
5214
+ const PresentationPanelWrapper = styled(PresentationWrapper) `
5215
+ margin-top: 0.75rem;
5216
+ transition: background-color ${transition.toggle};
5217
+ `;
5218
+ const PresentationHeader = styled.div `
5219
+ margin: -1.5rem -1.5rem 0 -1.5rem;
5220
+ padding: 1.5rem;
5221
+ // background: url(images.presentationHeader) 0 0 no-repeat;
5222
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5223
+ transition: background-color ${transition.toggle};
5224
+
5225
5225
  ${({ image }) => !!image &&
5226
- css `
5227
- padding-top: 7rem;
5228
- `};
5229
- `;
5230
- const PresentationHeaderTools = styled(Flex) `
5231
- justify-content: space-between;
5232
- align-items: center;
5233
- margin-bottom: -0.5rem;
5234
- margin-right: -0.5rem;
5235
-
5236
- span[kind="sun"],
5237
- span[kind="moon"] {
5238
- :after {
5239
- font-size: 0.85rem;
5240
- color: ${({ theme: { palette } }) => palette.iconDisabled};
5241
- }
5242
-
5243
- :hover:after {
5244
- color: ${({ theme: { palette } }) => palette.icon};
5245
- }
5246
- }
5247
- `;
5248
- const LayerGroupList = styled(Flex) `
5249
- flex-direction: column;
5250
- height: 100%;
5251
- flex-wrap: nowrap;
5252
- overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
5253
- overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
5254
- padding: 0 0.125rem 0 0.75rem;
5255
- scrollbar-gutter: stable;
5256
-
5257
- > * {
5258
- flex-grow: 1;
5259
- }
5226
+ css `
5227
+ padding-top: 7rem;
5228
+ `};
5229
+ `;
5230
+ const PresentationHeaderTools = styled(Flex) `
5231
+ justify-content: space-between;
5232
+ align-items: center;
5233
+ margin-bottom: -0.5rem;
5234
+ margin-right: -0.5rem;
5235
+
5236
+ span[kind="sun"],
5237
+ span[kind="moon"] {
5238
+ :after {
5239
+ font-size: 0.85rem;
5240
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
5241
+ }
5242
+
5243
+ :hover:after {
5244
+ color: ${({ theme: { palette } }) => palette.icon};
5245
+ }
5246
+ }
5247
+ `;
5248
+ const LayerGroupList = styled(Flex) `
5249
+ flex-direction: column;
5250
+ height: 100%;
5251
+ flex-wrap: nowrap;
5252
+ overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
5253
+ overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
5254
+ padding: 0 0.125rem 0 0.75rem;
5255
+ scrollbar-gutter: stable;
5256
+
5257
+ > * {
5258
+ flex-grow: 1;
5259
+ }
5260
5260
  `;
5261
5261
  const PresentationHeaderButtons = styled(Flex) ``;
5262
- const PresentationPanelContainer = styled.div `
5263
- position: absolute;
5264
- top: 0;
5265
- left: calc(${({ left }) => left || 0}px + 0.75rem);
5266
- bottom: 0;
5267
- z-index: 3;
5268
- display: flex;
5269
- flex-direction: column;
5270
- width: ${LEFT_PANEL_HEADER_HEIGHT}px;
5271
- padding-right: 0.5rem;
5272
- scrollbar-gutter: stable;
5273
- overflow-y: hidden;
5274
-
5275
- :hover {
5276
- overflow-y: auto;
5277
- }
5278
-
5262
+ const PresentationPanelContainer = styled.div `
5263
+ position: absolute;
5264
+ top: 0;
5265
+ left: calc(${({ left }) => left || 0}px + 0.75rem);
5266
+ bottom: 0;
5267
+ z-index: 3;
5268
+ display: flex;
5269
+ flex-direction: column;
5270
+ width: ${LEFT_PANEL_HEADER_HEIGHT}px;
5271
+ padding-right: 0.5rem;
5272
+ scrollbar-gutter: stable;
5273
+ overflow-y: hidden;
5274
+
5275
+ :hover {
5276
+ overflow-y: auto;
5277
+ }
5278
+
5279
5279
  ${({ showLayers }) => !showLayers &&
5280
- css `
5281
- > :first-child {
5282
- padding-bottom: 0;
5283
- }
5284
- `};
5285
-
5286
- ${PresentationHeader} > * {
5287
- position: relative;
5288
- z-index: 2;
5289
- }
5290
-
5291
- /* PaginationWrapper {
5292
- ${PresentationWrapperCss};
5293
- width: calc(100% - 2rem);
5294
- min-height: 8.625rem;
5295
- padding-top: 0.5rem;
5296
- padding-bottom: 0.5rem;
5297
- margin-bottom: 0.75rem;
5298
- }*/
5299
-
5300
- ${DashboardWrapper} {
5301
- width: 100%;
5302
- margin-top: 0;
5303
-
5304
- ${DashboardContent} {
5305
- padding: 0;
5306
- overflow-y: unset;
5307
-
5308
- > * > ${ContainerWrapper} > * > ${ContainerWrapper} {
5309
- ${PresentationWrapperCss};
5310
- width: calc(100% - 3rem);
5311
- }
5312
- }
5313
- }
5314
-
5315
- ${DashboardPlaceholder} {
5316
- ${PresentationWrapperCss};
5317
- width: 18.5rem;
5318
- height: 10.75rem;
5319
- }
5320
-
5321
- ${LayerListContainer} {
5322
- height: auto;
5323
- margin: 0 -1.125rem -1.5rem;
5324
- padding: 0;
5325
-
5326
- ${LayerGroupList} {
5327
- padding: 0;
5328
- }
5329
- }
5330
- `;
5331
- const DataSourceErrorContainer = styled(Flex) `
5332
- align-items: center;
5333
- justify-content: center;
5334
- flex-wrap: nowrap;
5335
- flex-grow: 1;
5336
- padding: 1rem;
5337
- border: 1px ${({ theme: { palette } }) => palette.element} solid;
5338
- border-radius: 10px;
5339
- font-size: 0.875rem;
5340
- color: ${({ theme: { palette } }) => palette.textDisabled};
5341
-
5342
- span[kind] {
5343
- margin-right: 1rem;
5344
-
5345
- :after {
5346
- color: ${({ theme: { palette } }) => palette.iconDisabled};
5347
- }
5348
- }
5349
- `;
5350
- const AttributeLabel = styled(Description) `
5351
- margin-top: 0 !important;
5352
- margin-bottom: ${({ forCheckbox }) => (forCheckbox ? "0.75rem" : "0.25rem")} !important;
5353
- padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
5354
- `;
5355
- const FeatureControls = styled(Flex) `
5356
- align-items: center;
5357
- gap: 1rem;
5358
- flex-wrap: nowrap;
5359
- position: relative;
5360
- flex-shrink: 0;
5361
-
5362
- button {
5363
- padding: 0;
5364
- width: auto;
5365
- }
5280
+ css `
5281
+ > :first-child {
5282
+ padding-bottom: 0;
5283
+ }
5284
+ `};
5285
+
5286
+ ${PresentationHeader} > * {
5287
+ position: relative;
5288
+ z-index: 2;
5289
+ }
5290
+
5291
+ /* PaginationWrapper {
5292
+ ${PresentationWrapperCss};
5293
+ width: calc(100% - 2rem);
5294
+ min-height: 8.625rem;
5295
+ padding-top: 0.5rem;
5296
+ padding-bottom: 0.5rem;
5297
+ margin-bottom: 0.75rem;
5298
+ }*/
5299
+
5300
+ ${DashboardWrapper} {
5301
+ width: 100%;
5302
+ margin-top: 0;
5303
+
5304
+ ${DashboardContent} {
5305
+ padding: 0;
5306
+ overflow-y: unset;
5307
+
5308
+ > * > ${ContainerWrapper} > * > ${ContainerWrapper} {
5309
+ ${PresentationWrapperCss};
5310
+ width: calc(100% - 3rem);
5311
+ }
5312
+ }
5313
+ }
5314
+
5315
+ ${DashboardPlaceholder} {
5316
+ ${PresentationWrapperCss};
5317
+ width: 18.5rem;
5318
+ height: 10.75rem;
5319
+ }
5320
+
5321
+ ${LayerListContainer} {
5322
+ height: auto;
5323
+ margin: 0 -1.125rem -1.5rem;
5324
+ padding: 0;
5325
+
5326
+ ${LayerGroupList} {
5327
+ padding: 0;
5328
+ }
5329
+ }
5330
+ `;
5331
+ const DataSourceErrorContainer = styled(Flex) `
5332
+ align-items: center;
5333
+ justify-content: center;
5334
+ flex-wrap: nowrap;
5335
+ flex-grow: 1;
5336
+ padding: 1rem;
5337
+ border: 1px ${({ theme: { palette } }) => palette.element} solid;
5338
+ border-radius: 10px;
5339
+ font-size: 0.875rem;
5340
+ color: ${({ theme: { palette } }) => palette.textDisabled};
5341
+
5342
+ span[kind] {
5343
+ margin-right: 1rem;
5344
+
5345
+ :after {
5346
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
5347
+ }
5348
+ }
5349
+ `;
5350
+ const AttributeLabel = styled(Description) `
5351
+ margin-top: 0 !important;
5352
+ margin-bottom: ${({ forCheckbox }) => (forCheckbox ? "0.75rem" : "0.25rem")} !important;
5353
+ padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
5354
+ `;
5355
+ const FeatureControls = styled(Flex) `
5356
+ align-items: center;
5357
+ gap: 1rem;
5358
+ flex-wrap: nowrap;
5359
+ position: relative;
5360
+ flex-shrink: 0;
5361
+
5362
+ button {
5363
+ padding: 0;
5364
+ width: auto;
5365
+ }
5366
5366
  `;
5367
5367
 
5368
5368
  const getAttributeByName = (attributeName, attributes) => {
@@ -5498,10 +5498,10 @@ const TwoColumnContainer = memo(({ config, elementConfig, type, renderElement })
5498
5498
  return renderAttributes?.length ? (jsx(Fragment$1, { children: renderAttributes.map(attribute => renderContainer(elementConfig, attribute)) })) : (renderContainer(elementConfig));
5499
5499
  });
5500
5500
 
5501
- const InnerContainerWrapper = styled.div `
5502
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
5503
- width: ${({ column }) => (column ? "100%" : "auto")};
5504
- opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
5501
+ const InnerContainerWrapper = styled.div `
5502
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
5503
+ width: ${({ column }) => (column ? "100%" : "auto")};
5504
+ opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
5505
5505
  `;
5506
5506
 
5507
5507
  const DataSourceInnerContainer = memo(({ config, elementConfig, feature, maxValue, type, index, innerComponent }) => {
@@ -5572,107 +5572,107 @@ const DataSourceInnerContainer = memo(({ config, elementConfig, feature, maxValu
5572
5572
  return (jsx(InnerContainerWrapper, { hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(value), column: column === undefined || column, onClick: filterName ? () => onFilter(value) : undefined, children: jsx(InnerContainer, { config: config, elementConfig: elementConfig, feature: feature, maxValue: maxValue, type: type, index: index, renderElement: render }) }));
5573
5573
  });
5574
5574
 
5575
- const DataSourceProgressContainerWrapper = styled.div `
5576
- width: 100%;
5577
- `;
5578
- const ContainerToggler = styled(LegendToggler) `
5579
- width: auto;
5580
- margin-left: -1rem;
5581
- `;
5582
-
5583
- const ProgressContainerWrapper = styled(Flex) `
5584
- align-items: center;
5585
- width: 100%;
5586
- margin-bottom: 1rem;
5587
- `;
5588
- const ProgressIcon = styled.div `
5589
- margin-right: 0.5rem;
5590
- `;
5591
- const ProgressContent = styled(Flex) `
5592
- flex: 1;
5593
- flex-direction: column;
5594
- `;
5595
- const ProgressAlias = styled(Flex) `
5596
- flex: 1;
5597
- justify-content: space-between;
5598
- margin-bottom: 0.25rem;
5599
- font-size: 0.75rem;
5600
- color: ${({ theme: { palette } }) => palette.textSecondary};
5601
- `;
5602
- const ProgressValue = styled(Flex) `
5603
- align-items: center;
5604
- width: auto;
5605
- font-size: 1rem;
5606
- color: ${({ theme: { palette } }) => palette.textPrimary};
5607
- `;
5608
- const ProgressInnerValue = styled(ProgressValue) `
5609
- justify-content: flex-end;
5610
- width: 4rem;
5611
- margin-left: 0.5rem;
5612
- `;
5613
- const ProgressUnits = styled(Flex) `
5614
- margin-left: 0.25rem;
5615
- font-size: 0.75rem;
5616
- color: ${({ theme: { palette } }) => palette.textSecondary};
5617
- `;
5618
- const ProgressBarWrapper = styled.div `
5619
- flex-grow: 1;
5620
- height: 0.5rem;
5621
- background-color: ${({ theme: { palette } }) => palette.element};
5622
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
5623
- `;
5624
- const ProgressBarContainer = styled(Flex) `
5625
- position: relative;
5626
- align-items: center;
5627
- width: 100%;
5628
-
5575
+ const DataSourceProgressContainerWrapper = styled.div `
5576
+ width: 100%;
5577
+ `;
5578
+ const ContainerToggler = styled(LegendToggler) `
5579
+ width: auto;
5580
+ margin-left: -1rem;
5581
+ `;
5582
+
5583
+ const ProgressContainerWrapper = styled(Flex) `
5584
+ align-items: center;
5585
+ width: 100%;
5586
+ margin-bottom: 1rem;
5587
+ `;
5588
+ const ProgressIcon = styled.div `
5589
+ margin-right: 0.5rem;
5590
+ `;
5591
+ const ProgressContent = styled(Flex) `
5592
+ flex: 1;
5593
+ flex-direction: column;
5594
+ `;
5595
+ const ProgressAlias = styled(Flex) `
5596
+ flex: 1;
5597
+ justify-content: space-between;
5598
+ margin-bottom: 0.25rem;
5599
+ font-size: 0.75rem;
5600
+ color: ${({ theme: { palette } }) => palette.textSecondary};
5601
+ `;
5602
+ const ProgressValue = styled(Flex) `
5603
+ align-items: center;
5604
+ width: auto;
5605
+ font-size: 1rem;
5606
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5607
+ `;
5608
+ const ProgressInnerValue = styled(ProgressValue) `
5609
+ justify-content: flex-end;
5610
+ width: 4rem;
5611
+ margin-left: 0.5rem;
5612
+ `;
5613
+ const ProgressUnits = styled(Flex) `
5614
+ margin-left: 0.25rem;
5615
+ font-size: 0.75rem;
5616
+ color: ${({ theme: { palette } }) => palette.textSecondary};
5617
+ `;
5618
+ const ProgressBarWrapper = styled.div `
5619
+ flex-grow: 1;
5620
+ height: 0.5rem;
5621
+ background-color: ${({ theme: { palette } }) => palette.element};
5622
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
5623
+ `;
5624
+ const ProgressBarContainer = styled(Flex) `
5625
+ position: relative;
5626
+ align-items: center;
5627
+ width: 100%;
5628
+
5629
5629
  ${({ innerValue }) => innerValue &&
5630
- css `
5631
- ${ProgressBarWrapper} {
5632
- height: 1.125rem;
5633
- }
5634
-
5635
- ${ProgressInnerValue} {
5636
- z-index: 1;
5637
- position: absolute;
5638
- right: 0.25rem;
5639
- }
5640
- `}
5641
- `;
5642
- const ProgressBar = styled.div `
5643
- width: ${({ $width }) => $width};
5644
- height: inherit;
5645
- background-color: ${({ $color }) => $color || "#a7d759"};
5646
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
5647
- `;
5648
- const ProgressTooltipAlias = styled.div `
5649
- margin-bottom: 0.25rem;
5650
- text-align: left;
5651
- color: ${({ theme: { palette } }) => palette.primary};
5630
+ css `
5631
+ ${ProgressBarWrapper} {
5632
+ height: 1.125rem;
5633
+ }
5634
+
5635
+ ${ProgressInnerValue} {
5636
+ z-index: 1;
5637
+ position: absolute;
5638
+ right: 0.25rem;
5639
+ }
5640
+ `}
5641
+ `;
5642
+ const ProgressBar = styled.div `
5643
+ width: ${({ $width }) => $width};
5644
+ height: inherit;
5645
+ background-color: ${({ $color }) => $color || "#a7d759"};
5646
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
5647
+ `;
5648
+ const ProgressTooltipAlias = styled.div `
5649
+ margin-bottom: 0.25rem;
5650
+ text-align: left;
5651
+ color: ${({ theme: { palette } }) => palette.primary};
5652
5652
  `;
5653
5653
  const ProgressTooltipValue = styled.div ``;
5654
- const ProgressTooltipValueContainer = styled(Flex) `
5655
- align-items: center;
5656
-
5657
- > * {
5658
- opacity: 0.65;
5659
- }
5660
-
5661
- ${ProgressTooltipValue} {
5662
- opacity: 1;
5663
- }
5664
- `;
5665
- const ProgressTooltipValueOf = styled.div `
5666
- margin: 0 0.25rem;
5667
- `;
5668
- const ProgressTotalTitle = styled.div `
5669
- font-size: 0.75rem;
5670
- font-weight: bold;
5671
- `;
5672
- const ProgressTotal = styled(Flex) `
5673
- align-items: center;
5674
- justify-content: space-between;
5675
- margin-top: 1rem;
5654
+ const ProgressTooltipValueContainer = styled(Flex) `
5655
+ align-items: center;
5656
+
5657
+ > * {
5658
+ opacity: 0.65;
5659
+ }
5660
+
5661
+ ${ProgressTooltipValue} {
5662
+ opacity: 1;
5663
+ }
5664
+ `;
5665
+ const ProgressTooltipValueOf = styled.div `
5666
+ margin: 0 0.25rem;
5667
+ `;
5668
+ const ProgressTotalTitle = styled.div `
5669
+ font-size: 0.75rem;
5670
+ font-weight: bold;
5671
+ `;
5672
+ const ProgressTotal = styled(Flex) `
5673
+ align-items: center;
5674
+ justify-content: space-between;
5675
+ margin-top: 1rem;
5676
5676
  `;
5677
5677
 
5678
5678
  const DataSourceProgressContainer = memo(({ config, elementConfig, type, innerComponent, renderElement }) => {
@@ -5769,166 +5769,166 @@ const DEFAULT_BAR_CHART_MARGINS = {
5769
5769
  right: 0,
5770
5770
  };
5771
5771
 
5772
- const FiltersContainerWrapper = styled(Flex) `
5773
- flex-direction: column;
5774
- padding: ${({ $padding }) => $padding ?? "0.75rem"};
5775
- background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
5776
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5777
-
5778
- ${DropdownField}, input {
5779
- background-color: ${({ theme: { palette } }) => palette.background};
5780
- }
5781
-
5782
- > div:not(:last-child) {
5783
- margin-bottom: 0.5rem;
5784
- }
5785
-
5786
- > label {
5787
- align-items: flex-start;
5788
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5789
-
5790
- &.active {
5791
- color: ${({ $fontColor }) => $fontColor};
5792
-
5793
- svg rect {
5794
- fill: ${({ $fontColor }) => $fontColor} !important;
5795
- }
5796
- }
5797
-
5798
- &:not(:last-child) {
5799
- margin-bottom: 0.75rem;
5800
- }
5801
-
5802
- &:last-child {
5803
- margin-bottom: 0;
5804
- }
5805
- }
5806
- `;
5807
- const StyledIconButton = styled(IconButton) `
5808
- width: 0.75rem;
5809
- height: 0.75rem;
5810
-
5811
- span[kind] {
5812
- height: 0.75rem;
5813
-
5814
- :after {
5815
- font-size: 0.75rem;
5816
- }
5817
- }
5818
- `;
5819
- const TextFilterContainer = styled.div `
5820
- width: 15.85rem;
5821
-
5822
- ${MultiSelectContainer} {
5823
- color: ${({ theme: { palette } }) => palette.textPrimary};
5824
-
5825
- ${IconButtonButton} {
5826
- span[kind]:after {
5827
- color: ${({ theme: { palette } }) => palette.textPrimary};
5828
- }
5829
- }
5830
- }
5831
- `;
5832
- const BarChartContainer = styled.div `
5833
- width: 100%;
5834
- overflow-x: hidden;
5835
-
5772
+ const FiltersContainerWrapper = styled(Flex) `
5773
+ flex-direction: column;
5774
+ padding: ${({ $padding }) => $padding ?? "0.75rem"};
5775
+ background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
5776
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5777
+
5778
+ ${DropdownField}, input {
5779
+ background-color: ${({ theme: { palette } }) => palette.background};
5780
+ }
5781
+
5782
+ > div:not(:last-child) {
5783
+ margin-bottom: 0.5rem;
5784
+ }
5785
+
5786
+ > label {
5787
+ align-items: flex-start;
5788
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5789
+
5790
+ &.active {
5791
+ color: ${({ $fontColor }) => $fontColor};
5792
+
5793
+ svg rect {
5794
+ fill: ${({ $fontColor }) => $fontColor} !important;
5795
+ }
5796
+ }
5797
+
5798
+ &:not(:last-child) {
5799
+ margin-bottom: 0.75rem;
5800
+ }
5801
+
5802
+ &:last-child {
5803
+ margin-bottom: 0;
5804
+ }
5805
+ }
5806
+ `;
5807
+ const StyledIconButton = styled(IconButton) `
5808
+ width: 0.75rem;
5809
+ height: 0.75rem;
5810
+
5811
+ span[kind] {
5812
+ height: 0.75rem;
5813
+
5814
+ :after {
5815
+ font-size: 0.75rem;
5816
+ }
5817
+ }
5818
+ `;
5819
+ const TextFilterContainer = styled.div `
5820
+ width: 15.85rem;
5821
+
5822
+ ${MultiSelectContainer} {
5823
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5824
+
5825
+ ${IconButtonButton} {
5826
+ span[kind]:after {
5827
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5828
+ }
5829
+ }
5830
+ }
5831
+ `;
5832
+ const BarChartContainer = styled.div `
5833
+ width: 100%;
5834
+ overflow-x: hidden;
5835
+
5836
5836
  ${({ barHeight, marginBottom }) => !!barHeight &&
5837
- css `
5838
- .barChartBarGlobal rect {
5839
- height: ${barHeight}px;
5840
- y: calc(100% - ${barHeight + marginBottom}px);
5841
- }
5842
- `}
5843
- `;
5844
- const AnyChartWrapper = styled.div `
5845
- width: 100%;
5846
- height: ${({ height }) => height}px;
5847
- `;
5848
- const BarChartWrapper = styled(AnyChartWrapper) `
5849
- width: 100%;
5850
- margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
5851
-
5852
- :hover {
5853
- ${BarChartContainer} {
5854
- overflow-x: auto;
5855
- }
5856
- }
5857
- `;
5858
- const BarChartFilterHeader = styled(Flex) `
5859
- justify-content: space-between;
5860
- align-items: center;
5861
- height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
5862
- padding: 0.25rem 0;
5863
- `;
5864
- const BarChartFilterArrows = styled(Flex) `
5865
- margin-left: -0.5rem;
5866
-
5867
- span[kind] {
5868
- display: flex;
5869
- align-items: center;
5870
-
5871
- :after {
5872
- font-size: 0.75rem;
5873
- }
5874
- }
5875
- `;
5876
- const BarChartFilterSelected = styled.div `
5877
- font-size: 0.75rem;
5878
- font-weight: bold;
5879
- color: ${({ theme: { palette } }) => palette.textPrimary};
5880
- `;
5881
- styled.div `
5882
- color: ${({ theme: { palette } }) => palette.textSecondary};
5883
- `;
5884
- const BarChart = styled(BarChart$1) `
5885
- .${barChartClassNames.barChartXAxis} {
5886
- .domain,
5887
- line {
5888
- display: none;
5889
- }
5890
-
5891
- .tick {
5892
- text {
5893
- text-anchor: start;
5894
- font-size: 12px;
5895
- color: rgba(48, 69, 79, 0.46);
5896
- }
5897
-
5898
- :last-of-type {
5899
- text {
5900
- text-anchor: end;
5901
- }
5902
- }
5903
- }
5904
- }
5905
-
5906
- .marker {
5907
- font-size: 12px;
5908
- }
5909
- `;
5910
- const TooltipContainer = styled.div `
5911
- position: relative;
5912
- font-size: 0.75rem;
5913
- color: #ffffff;
5914
- margin-bottom: 0.5rem;
5915
- padding: 0.375rem;
5916
- background-color: rgba(0, 0, 0, 1);
5917
- border-radius: 0.25rem;
5918
- box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
5919
-
5920
- :before {
5921
- content: "";
5922
- position: absolute;
5923
- bottom: 0;
5924
- left: 50%;
5925
- transform: translate(-50%, 100%);
5926
- width: 0;
5927
- height: 0;
5928
- border-style: solid;
5929
- border-width: 0.25rem 0.1875rem 0 0.1875rem;
5930
- border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
5931
- }
5837
+ css `
5838
+ .barChartBarGlobal rect {
5839
+ height: ${barHeight}px;
5840
+ y: calc(100% - ${barHeight + marginBottom}px);
5841
+ }
5842
+ `}
5843
+ `;
5844
+ const AnyChartWrapper = styled.div `
5845
+ width: 100%;
5846
+ height: ${({ height }) => height}px;
5847
+ `;
5848
+ const BarChartWrapper = styled(AnyChartWrapper) `
5849
+ width: 100%;
5850
+ margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
5851
+
5852
+ :hover {
5853
+ ${BarChartContainer} {
5854
+ overflow-x: auto;
5855
+ }
5856
+ }
5857
+ `;
5858
+ const BarChartFilterHeader = styled(Flex) `
5859
+ justify-content: space-between;
5860
+ align-items: center;
5861
+ height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
5862
+ padding: 0.25rem 0;
5863
+ `;
5864
+ const BarChartFilterArrows = styled(Flex) `
5865
+ margin-left: -0.5rem;
5866
+
5867
+ span[kind] {
5868
+ display: flex;
5869
+ align-items: center;
5870
+
5871
+ :after {
5872
+ font-size: 0.75rem;
5873
+ }
5874
+ }
5875
+ `;
5876
+ const BarChartFilterSelected = styled.div `
5877
+ font-size: 0.75rem;
5878
+ font-weight: bold;
5879
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5880
+ `;
5881
+ styled.div `
5882
+ color: ${({ theme: { palette } }) => palette.textSecondary};
5883
+ `;
5884
+ const BarChart = styled(BarChart$1) `
5885
+ .${barChartClassNames.barChartXAxis} {
5886
+ .domain,
5887
+ line {
5888
+ display: none;
5889
+ }
5890
+
5891
+ .tick {
5892
+ text {
5893
+ text-anchor: start;
5894
+ font-size: 12px;
5895
+ color: rgba(48, 69, 79, 0.46);
5896
+ }
5897
+
5898
+ :last-of-type {
5899
+ text {
5900
+ text-anchor: end;
5901
+ }
5902
+ }
5903
+ }
5904
+ }
5905
+
5906
+ .marker {
5907
+ font-size: 12px;
5908
+ }
5909
+ `;
5910
+ const TooltipContainer = styled.div `
5911
+ position: relative;
5912
+ font-size: 0.75rem;
5913
+ color: #ffffff;
5914
+ margin-bottom: 0.5rem;
5915
+ padding: 0.375rem;
5916
+ background-color: rgba(0, 0, 0, 1);
5917
+ border-radius: 0.25rem;
5918
+ box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
5919
+
5920
+ :before {
5921
+ content: "";
5922
+ position: absolute;
5923
+ bottom: 0;
5924
+ left: 50%;
5925
+ transform: translate(-50%, 100%);
5926
+ width: 0;
5927
+ height: 0;
5928
+ border-style: solid;
5929
+ border-width: 0.25rem 0.1875rem 0 0.1875rem;
5930
+ border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
5931
+ }
5932
5932
  `;
5933
5933
 
5934
5934
  const FiltersContainer = memo(({ elementConfig, config, type, renderElement }) => {
@@ -6008,64 +6008,64 @@ const TwoColumnsInnerContainer = memo(({ renderElement }) => {
6008
6008
  return (jsxs(Fragment$1, { children: [jsxs(TwoColumnContainerWrapper, { children: [jsxs(Container, { children: [jsx(ContainerAlias, { children: renderElement({ id: "firstAlias" }) }), jsx(ContainerValue, { big: true, children: renderElement({ id: "firstValue" }) })] }), jsxs(Container, { children: [jsx(ContainerAlias, { children: renderElement({ id: "secondAlias" }) }), jsx(ContainerValue, { big: true, children: renderElement({ id: "secondValue" }) })] })] }), renderElement({ id: "thirdContainer" })] }));
6009
6009
  });
6010
6010
 
6011
- const ImageContainerBg$1 = styled.div `
6012
- position: absolute;
6013
- top: 0;
6014
- bottom: 0;
6015
- left: 0;
6016
- right: 0;
6017
-
6018
- img {
6019
- width: 100%;
6020
- height: 100%;
6021
- object-position: center;
6022
- object-fit: cover;
6023
- }
6024
- `;
6025
- const ImageContainerTitle = styled.div `
6026
- width: 100%;
6027
- overflow-wrap: break-word;
6028
- font-size: 1rem;
6029
- font-weight: 500;
6030
- `;
6031
- const ImageContainerText = styled.div `
6032
- width: 100%;
6033
- overflow-wrap: break-word;
6034
- margin-top: 0.5rem;
6035
- font-size: 0.75rem;
6036
- `;
6037
- const ImageContainerButton$1 = styled(FlatButton) `
6038
- min-height: 1.5rem;
6039
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6040
- background-color: ${({ theme: { palette } }) => palette.primary};
6041
- text-transform: none;
6042
-
6043
- :hover {
6044
- background-color: ${({ theme: { palette } }) => palette.primaryDeep};
6045
- }
6046
- `;
6047
- const ImageContainerWrapper = styled(Flex) `
6048
- flex-direction: column;
6049
- justify-content: flex-end;
6050
- position: relative;
6051
- padding: 1rem;
6052
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6053
- overflow: hidden;
6054
-
6055
- ${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
6056
- z-index: 1;
6057
- color: ${({ theme: { palette } }) => palette.textContrast};
6058
- }
6059
-
6060
- :after {
6061
- content: "";
6062
- position: absolute;
6063
- top: 0;
6064
- bottom: 0;
6065
- left: 0;
6066
- right: 0;
6067
- background-color: rgba(0, 0, 0, 0.4);
6068
- }
6011
+ const ImageContainerBg$1 = styled.div `
6012
+ position: absolute;
6013
+ top: 0;
6014
+ bottom: 0;
6015
+ left: 0;
6016
+ right: 0;
6017
+
6018
+ img {
6019
+ width: 100%;
6020
+ height: 100%;
6021
+ object-position: center;
6022
+ object-fit: cover;
6023
+ }
6024
+ `;
6025
+ const ImageContainerTitle = styled.div `
6026
+ width: 100%;
6027
+ overflow-wrap: break-word;
6028
+ font-size: 1rem;
6029
+ font-weight: 500;
6030
+ `;
6031
+ const ImageContainerText = styled.div `
6032
+ width: 100%;
6033
+ overflow-wrap: break-word;
6034
+ margin-top: 0.5rem;
6035
+ font-size: 0.75rem;
6036
+ `;
6037
+ const ImageContainerButton$1 = styled(FlatButton) `
6038
+ min-height: 1.5rem;
6039
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6040
+ background-color: ${({ theme: { palette } }) => palette.primary};
6041
+ text-transform: none;
6042
+
6043
+ :hover {
6044
+ background-color: ${({ theme: { palette } }) => palette.primaryDeep};
6045
+ }
6046
+ `;
6047
+ const ImageContainerWrapper = styled(Flex) `
6048
+ flex-direction: column;
6049
+ justify-content: flex-end;
6050
+ position: relative;
6051
+ padding: 1rem;
6052
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6053
+ overflow: hidden;
6054
+
6055
+ ${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
6056
+ z-index: 1;
6057
+ color: ${({ theme: { palette } }) => palette.textContrast};
6058
+ }
6059
+
6060
+ :after {
6061
+ content: "";
6062
+ position: absolute;
6063
+ top: 0;
6064
+ bottom: 0;
6065
+ left: 0;
6066
+ right: 0;
6067
+ background-color: rgba(0, 0, 0, 0.4);
6068
+ }
6069
6069
  `;
6070
6070
 
6071
6071
  const ImageContainer = memo(({ elementConfig, renderElement }) => {
@@ -6073,52 +6073,52 @@ const ImageContainer = memo(({ elementConfig, renderElement }) => {
6073
6073
  return (jsxs(ImageContainerWrapper, { style: style, children: [jsx(ImageContainerTitle, { children: renderElement({ id: "alias" }) }), jsx(ImageContainerText, { children: renderElement({ id: "text" }) }), renderElement({ id: "button" }), jsx(ImageContainerBg$1, { children: renderElement({ id: "image" }) })] }));
6074
6074
  });
6075
6075
 
6076
- const IconContainerWrapper = styled(Flex) `
6077
- flex-direction: column;
6078
- justify-content: center;
6079
- position: relative;
6080
- padding: 0.5rem 1rem 1rem;
6081
- background-color: ${({ theme: { palette } }) => palette.element};
6082
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6083
- overflow: hidden;
6084
- `;
6085
- const IconContainerHeaderWrapper = styled(Flex) `
6086
- justify-content: space-between;
6087
- align-items: center;
6088
- flex-wrap: nowrap;
6089
- width: 100%;
6090
- margin-bottom: 0.25rem;
6091
- `;
6092
- const IconContainerHeader = styled(Flex) `
6093
- align-items: center;
6094
- flex-wrap: nowrap;
6095
- width: 100%;
6096
- margin-right: 0.5rem;
6097
- font-size: 0.875rem;
6098
-
6099
- ${Icon} {
6100
- margin-right: 0.5rem;
6101
-
6102
- :after {
6103
- font-size: 1.15rem;
6104
- color: ${({ theme: { palette } }) => palette.textSecondary};
6105
- }
6106
- }
6107
- `;
6108
- const IconContainerTitle = styled(Flex) `
6109
- > * {
6110
- width: 13rem;
6111
- white-space: nowrap;
6112
- overflow: hidden;
6113
- font-weight: bold;
6114
- text-overflow: ellipsis;
6115
- }
6116
- `;
6117
- const IconContainerText = styled.div `
6118
- width: 100%;
6119
- overflow-wrap: break-word;
6120
- font-size: 0.75rem;
6121
- color: ${({ theme: { palette } }) => palette.textSecondary};
6076
+ const IconContainerWrapper = styled(Flex) `
6077
+ flex-direction: column;
6078
+ justify-content: center;
6079
+ position: relative;
6080
+ padding: 0.5rem 1rem 1rem;
6081
+ background-color: ${({ theme: { palette } }) => palette.element};
6082
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6083
+ overflow: hidden;
6084
+ `;
6085
+ const IconContainerHeaderWrapper = styled(Flex) `
6086
+ justify-content: space-between;
6087
+ align-items: center;
6088
+ flex-wrap: nowrap;
6089
+ width: 100%;
6090
+ margin-bottom: 0.25rem;
6091
+ `;
6092
+ const IconContainerHeader = styled(Flex) `
6093
+ align-items: center;
6094
+ flex-wrap: nowrap;
6095
+ width: 100%;
6096
+ margin-right: 0.5rem;
6097
+ font-size: 0.875rem;
6098
+
6099
+ ${Icon} {
6100
+ margin-right: 0.5rem;
6101
+
6102
+ :after {
6103
+ font-size: 1.15rem;
6104
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6105
+ }
6106
+ }
6107
+ `;
6108
+ const IconContainerTitle = styled(Flex) `
6109
+ > * {
6110
+ width: 13rem;
6111
+ white-space: nowrap;
6112
+ overflow: hidden;
6113
+ font-weight: bold;
6114
+ text-overflow: ellipsis;
6115
+ }
6116
+ `;
6117
+ const IconContainerText = styled.div `
6118
+ width: 100%;
6119
+ overflow-wrap: break-word;
6120
+ font-size: 0.75rem;
6121
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6122
6122
  `;
6123
6123
 
6124
6124
  const IconContainer = memo(({ elementConfig, renderElement }) => {
@@ -6140,83 +6140,83 @@ const DataSourceContainer = memo(({ config, elementConfig, type, innerComponent,
6140
6140
  return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), !isVisible ? null : dataSource ? (jsx(Container, { isColumn: column, style: { height: isLoading ? "3rem" : "auto", ...style }, children: dataSource.features?.map((feature, index) => (jsx(DataSourceInnerContainer, { index: index, type: type, config: config, feature: feature, elementConfig: elementConfig, innerComponent: innerComponent }, index))) })) : (jsx(ContainerLoading, {}))] }));
6141
6141
  });
6142
6142
 
6143
- const SvgContainerColorMixin = css `
6144
- path,
6145
- line,
6146
- circle {
6147
- fill: ${({ $fontColor }) => $fontColor};
6148
- }
6149
- `;
6150
- const SvgContainer = styled.div `
6151
- &&& {
6152
- min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6153
- max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6154
-
6155
- ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
6156
-
6157
- > * {
6158
- min-width: inherit;
6159
- }
6160
- }
6161
- `;
6162
-
6163
- const ContainerIconTitle = styled(Flex) `
6164
- align-items: center;
6165
- flex-wrap: nowrap;
6166
- color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
6167
-
6168
- svg,
6169
- img,
6170
- span[kind],
6171
- ${SvgContainer} {
6172
- margin-right: 0.5rem;
6173
- }
6174
-
6143
+ const SvgContainerColorMixin = css `
6144
+ path,
6145
+ line,
6146
+ circle {
6147
+ fill: ${({ $fontColor }) => $fontColor};
6148
+ }
6149
+ `;
6150
+ const SvgContainer = styled.div `
6151
+ &&& {
6152
+ min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6153
+ max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6154
+
6155
+ ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
6156
+
6157
+ > * {
6158
+ min-width: inherit;
6159
+ }
6160
+ }
6161
+ `;
6162
+
6163
+ const ContainerIconTitle = styled(Flex) `
6164
+ align-items: center;
6165
+ flex-wrap: nowrap;
6166
+ color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
6167
+
6168
+ svg,
6169
+ img,
6170
+ span[kind],
6171
+ ${SvgContainer} {
6172
+ margin-right: 0.5rem;
6173
+ }
6174
+
6175
6175
  ${({ fontColor }) => !!fontColor &&
6176
- css `
6177
- span[kind] {
6178
- color: ${fontColor};
6179
- }
6180
-
6181
- ${SvgContainer} {
6182
- path,
6183
- circle {
6184
- fill: ${fontColor};
6185
- }
6186
- }
6187
- `};
6188
-
6189
- ${LegendToggler} {
6190
- margin-left: 0.25rem;
6191
- }
6192
- `;
6193
- const ContainerTitle = styled(Flex) `
6194
- align-items: center;
6195
- justify-content: space-between;
6196
- width: 100%;
6197
-
6198
- > * {
6199
- font-size: 1.125rem;
6200
- font-weight: 500;
6201
- }
6202
-
6203
- ${LegendToggler} {
6204
- padding-right: 0;
6205
- }
6206
-
6176
+ css `
6177
+ span[kind] {
6178
+ color: ${fontColor};
6179
+ }
6180
+
6181
+ ${SvgContainer} {
6182
+ path,
6183
+ circle {
6184
+ fill: ${fontColor};
6185
+ }
6186
+ }
6187
+ `};
6188
+
6189
+ ${LegendToggler} {
6190
+ margin-left: 0.25rem;
6191
+ }
6192
+ `;
6193
+ const ContainerTitle = styled(Flex) `
6194
+ align-items: center;
6195
+ justify-content: space-between;
6196
+ width: 100%;
6197
+
6198
+ > * {
6199
+ font-size: 1.125rem;
6200
+ font-weight: 500;
6201
+ }
6202
+
6203
+ ${LegendToggler} {
6204
+ padding-right: 0;
6205
+ }
6206
+
6207
6207
  ${({ simple }) => simple &&
6208
- css `
6209
- justify-content: flex-start;
6210
-
6211
- ${ContainerIconTitle} {
6212
- font-size: 0.75rem;
6213
- }
6214
-
6215
- ${LegendToggler} {
6216
- margin-left: 0;
6217
- padding-left: 0.25rem;
6218
- }
6219
- `}
6208
+ css `
6209
+ justify-content: flex-start;
6210
+
6211
+ ${ContainerIconTitle} {
6212
+ font-size: 0.75rem;
6213
+ }
6214
+
6215
+ ${LegendToggler} {
6216
+ margin-left: 0;
6217
+ padding-left: 0.25rem;
6218
+ }
6219
+ `}
6220
6220
  `;
6221
6221
 
6222
6222
  const TitleContainer = memo(({ containerId, templateName, layerNames, fontColor, expandable, expanded, isVisible, elementConfig, renderElement, type, }) => {
@@ -6243,9 +6243,9 @@ const TitleContainer = memo(({ containerId, templateName, layerNames, fontColor,
6243
6243
  return (jsx(Container, { isTitle: isVisible, style: style, children: jsxs(ContainerTitle, { simple: simple, children: [jsxs(ContainerIconTitle, { fontColor: fontColor, children: [renderElement({ id: "titleIcon", wrap: false }), renderElement({ id: "title" }), isLayers && renderToggler] }), !isLayers && renderToggler, renderVisibility] }) }));
6244
6244
  });
6245
6245
 
6246
- const ContainerDivider = styled(Divider) `
6247
- width: 100%;
6248
- border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
6246
+ const ContainerDivider = styled(Divider) `
6247
+ width: 100%;
6248
+ border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
6249
6249
  `;
6250
6250
 
6251
6251
  const DividerContainer = memo(({ elementConfig, config }) => {
@@ -6298,82 +6298,82 @@ const CameraContainer = memo(({ elementConfig, type, renderElement }) => {
6298
6298
  return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { style: style, children: [jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsx(ContainerValue, { children: renderElement({ id: "value", wrap: false }) })] }))] }));
6299
6299
  });
6300
6300
 
6301
- const TabAnchor = styled.div `
6302
- position: absolute;
6303
- top: -1.5rem;
6304
- right: 0;
6305
- `;
6306
- const TabValue = styled(Flex) `
6307
- flex-wrap: nowrap;
6308
- `;
6309
- const noBgMixin = css `
6310
- background-color: transparent;
6311
- border-radius: 0;
6312
- border-bottom: 0.125rem solid
6313
- ${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
6314
-
6315
- ${TabValue},
6316
- span[kind] {
6317
- color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6318
- }
6319
-
6320
- &&& svg {
6321
- path,
6322
- line,
6323
- circle {
6324
- fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6325
- }
6326
- }
6327
-
6328
- :not(:last-child) {
6329
- margin-right: 0;
6330
- }
6331
- `;
6332
- const TabContainer = styled.a `
6333
- display: flex;
6334
- flex-direction: ${({ column }) => (column ? "column" : "row")};
6335
- align-items: center;
6336
- justify-content: center;
6337
- flex-wrap: nowrap;
6338
- padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
6339
- background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
6340
- border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
6341
- text-decoration: none;
6342
-
6343
- :not(:last-child) {
6344
- margin-right: 0.5rem;
6345
- }
6346
-
6347
- ${TabValue} {
6348
- margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
6349
- margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
6350
- font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
6351
- white-space: nowrap;
6352
- }
6353
-
6354
- ${TabValue},
6355
- span[kind] {
6356
- color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
6357
- }
6358
-
6359
- ${SvgContainer$1} {
6360
- height: 1rem;
6361
- }
6362
-
6363
- svg,
6364
- img {
6365
- max-width: 1rem;
6366
- max-height: 1rem;
6367
- }
6368
-
6369
- ${({ noBg }) => noBg && noBgMixin};
6370
- `;
6371
- const SwiperContainer = styled.div `
6372
- width: 100%;
6373
-
6374
- .swiper-wrapper {
6375
- display: flex;
6376
- }
6301
+ const TabAnchor = styled.div `
6302
+ position: absolute;
6303
+ top: -1.5rem;
6304
+ right: 0;
6305
+ `;
6306
+ const TabValue = styled(Flex) `
6307
+ flex-wrap: nowrap;
6308
+ `;
6309
+ const noBgMixin = css `
6310
+ background-color: transparent;
6311
+ border-radius: 0;
6312
+ border-bottom: 0.125rem solid
6313
+ ${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
6314
+
6315
+ ${TabValue},
6316
+ span[kind] {
6317
+ color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6318
+ }
6319
+
6320
+ &&& svg {
6321
+ path,
6322
+ line,
6323
+ circle {
6324
+ fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6325
+ }
6326
+ }
6327
+
6328
+ :not(:last-child) {
6329
+ margin-right: 0;
6330
+ }
6331
+ `;
6332
+ const TabContainer = styled.a `
6333
+ display: flex;
6334
+ flex-direction: ${({ column }) => (column ? "column" : "row")};
6335
+ align-items: center;
6336
+ justify-content: center;
6337
+ flex-wrap: nowrap;
6338
+ padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
6339
+ background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
6340
+ border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
6341
+ text-decoration: none;
6342
+
6343
+ :not(:last-child) {
6344
+ margin-right: 0.5rem;
6345
+ }
6346
+
6347
+ ${TabValue} {
6348
+ margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
6349
+ margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
6350
+ font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
6351
+ white-space: nowrap;
6352
+ }
6353
+
6354
+ ${TabValue},
6355
+ span[kind] {
6356
+ color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
6357
+ }
6358
+
6359
+ ${SvgContainer$1} {
6360
+ height: 1rem;
6361
+ }
6362
+
6363
+ svg,
6364
+ img {
6365
+ max-width: 1rem;
6366
+ max-height: 1rem;
6367
+ }
6368
+
6369
+ ${({ noBg }) => noBg && noBgMixin};
6370
+ `;
6371
+ const SwiperContainer = styled.div `
6372
+ width: 100%;
6373
+
6374
+ .swiper-wrapper {
6375
+ display: flex;
6376
+ }
6377
6377
  `;
6378
6378
 
6379
6379
  const TabsContainer = memo(({ elementConfig, type }) => {
@@ -6401,96 +6401,96 @@ const TabsContainer = memo(({ elementConfig, type }) => {
6401
6401
  });
6402
6402
 
6403
6403
  const ContainerIconValue = styled(Flex) ``;
6404
- const RoundedBackgroundContainerWrapper = styled(Flex) `
6405
- position: relative;
6406
- flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
6407
- width: 9rem;
6408
- padding: 0.75rem 0.75rem 0.5rem;
6409
- background-color: ${({ theme: { palette } }) => palette.element};
6410
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6411
- flex-wrap: nowrap;
6412
-
6413
- && {
6414
- margin-bottom: 0.5rem;
6415
- }
6416
-
6404
+ const RoundedBackgroundContainerWrapper = styled(Flex) `
6405
+ position: relative;
6406
+ flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
6407
+ width: 9rem;
6408
+ padding: 0.75rem 0.75rem 0.5rem;
6409
+ background-color: ${({ theme: { palette } }) => palette.element};
6410
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6411
+ flex-wrap: nowrap;
6412
+
6413
+ && {
6414
+ margin-bottom: 0.5rem;
6415
+ }
6416
+
6417
6417
  ${({ $center }) => $center &&
6418
- css `
6419
- align-items: center;
6420
-
6421
- > * {
6422
- display: flex;
6423
- justify-content: center;
6424
- text-align: center;
6425
- width: 100%;
6426
- }
6427
- `};
6428
-
6418
+ css `
6419
+ align-items: center;
6420
+
6421
+ > * {
6422
+ display: flex;
6423
+ justify-content: center;
6424
+ text-align: center;
6425
+ width: 100%;
6426
+ }
6427
+ `};
6428
+
6429
6429
  ${({ $color }) => $color &&
6430
- css `
6431
- background-color: ${transparentizeColor($color, 6)};
6432
-
6433
- * {
6434
- color: ${$color};
6435
- }
6436
- `};
6437
-
6438
- ${ContainerIcon}, ${SvgContainer$1} {
6439
- margin-bottom: 0.25rem;
6440
- }
6441
-
6430
+ css `
6431
+ background-color: ${transparentizeColor($color, 6)};
6432
+
6433
+ * {
6434
+ color: ${$color};
6435
+ }
6436
+ `};
6437
+
6438
+ ${ContainerIcon}, ${SvgContainer$1} {
6439
+ margin-bottom: 0.25rem;
6440
+ }
6441
+
6442
6442
  ${({ $bigIcon }) => $bigIcon &&
6443
- css `
6444
- ${ContainerIcon}, ${SvgContainer$1} {
6445
- position: absolute;
6446
- top: 0.75rem;
6447
- right: 0.75rem;
6448
- width: 3rem;
6449
- opacity: 0.12;
6450
-
6451
- :after {
6452
- font-size: 3rem;
6453
- }
6454
- }
6455
- `};
6456
-
6457
- ${ContainerIconValue} {
6458
- align-items: center;
6459
- flex-direction: column;
6460
-
6443
+ css `
6444
+ ${ContainerIcon}, ${SvgContainer$1} {
6445
+ position: absolute;
6446
+ top: 0.75rem;
6447
+ right: 0.75rem;
6448
+ width: 3rem;
6449
+ opacity: 0.12;
6450
+
6451
+ :after {
6452
+ font-size: 3rem;
6453
+ }
6454
+ }
6455
+ `};
6456
+
6457
+ ${ContainerIconValue} {
6458
+ align-items: center;
6459
+ flex-direction: column;
6460
+
6461
6461
  ${({ $big }) => $big &&
6462
- css `
6463
- flex-direction: row;
6464
- margin-bottom: 0.5rem;
6465
-
6466
- > * {
6467
- text-align: left;
6468
- }
6469
-
6470
- span[kind] {
6471
- margin-right: 0.5rem;
6472
- }
6473
-
6474
- ${ContainerValue} {
6475
- width: auto;
6476
- }
6477
- `};
6478
- }
6479
-
6480
- ${ContainerValue} {
6481
- flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
6482
- justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
6483
- align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
6484
- line-height: 1;
6485
- }
6486
-
6487
- ${ContainerUnits} {
6488
- margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
6489
- }
6490
-
6491
- ${ContainerAlias} {
6492
- margin-top: 0.25rem;
6493
- }
6462
+ css `
6463
+ flex-direction: row;
6464
+ margin-bottom: 0.5rem;
6465
+
6466
+ > * {
6467
+ text-align: left;
6468
+ }
6469
+
6470
+ span[kind] {
6471
+ margin-right: 0.5rem;
6472
+ }
6473
+
6474
+ ${ContainerValue} {
6475
+ width: auto;
6476
+ }
6477
+ `};
6478
+ }
6479
+
6480
+ ${ContainerValue} {
6481
+ flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
6482
+ justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
6483
+ align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
6484
+ line-height: 1;
6485
+ }
6486
+
6487
+ ${ContainerUnits} {
6488
+ margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
6489
+ }
6490
+
6491
+ ${ContainerAlias} {
6492
+ margin-top: 0.25rem;
6493
+ }
6494
6494
  `;
6495
6495
 
6496
6496
  const ALIAS_DEFAULT_MAX_LENGTH = 28;
@@ -6537,20 +6537,20 @@ const AddFeatureContainer = memo(({ elementConfig }) => {
6537
6537
  .map(({ options }, index) => (jsx(AddFeatureButton, { icon: options?.icon, title: options?.title, layerName: options?.layerName, geometryType: options?.geometryType }, index))) }));
6538
6538
  });
6539
6539
 
6540
- const LayersContainerWrapper = styled(Container) `
6541
- ${DraggableTreeContainer} {
6542
- width: calc(100% + 3rem);
6543
- margin: -0.75rem -1.5rem 0;
6544
- }
6545
-
6546
- ${LayerListContainer} {
6547
- height: auto;
6548
- }
6549
-
6550
- ${LayerGroupList} {
6551
- margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
6552
- padding: 0;
6553
- }
6540
+ const LayersContainerWrapper = styled(Container) `
6541
+ ${DraggableTreeContainer} {
6542
+ width: calc(100% + 3rem);
6543
+ margin: -0.75rem -1.5rem 0;
6544
+ }
6545
+
6546
+ ${LayerListContainer} {
6547
+ height: auto;
6548
+ }
6549
+
6550
+ ${LayerGroupList} {
6551
+ margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
6552
+ padding: 0;
6553
+ }
6554
6554
  `;
6555
6555
 
6556
6556
  const LayersContainer = memo(({ type, elementConfig, renderElement }) => {
@@ -6598,99 +6598,99 @@ const getContainerComponent = (innerTemplateName) => innerTemplateName ? contain
6598
6598
  var img$3 = "data:image/png;base64,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";
6599
6599
 
6600
6600
  const getMaskColor = (isDark) => (isDark ? "0, 0, 0" : "255, 255, 255");
6601
- const DefaultHeaderContainer = styled(Flex) `
6602
- flex-direction: column;
6603
- position: relative;
6604
- flex-shrink: 0;
6605
- min-height: 8.375rem;
6606
- margin-bottom: -1.5rem;
6607
- padding: 1.5rem 1.5rem 0;
6608
- border-top-left-radius: 0.5rem;
6609
- border-top-right-radius: 0.5rem;
6610
- overflow: hidden;
6611
-
6612
- > * {
6613
- z-index: 1;
6614
- }
6615
-
6616
- &::before {
6617
- content: "";
6618
- position: absolute;
6619
- top: 0;
6620
- left: 0;
6621
- width: 100%;
6622
- height: 100%;
6623
-
6601
+ const DefaultHeaderContainer = styled(Flex) `
6602
+ flex-direction: column;
6603
+ position: relative;
6604
+ flex-shrink: 0;
6605
+ min-height: 8.375rem;
6606
+ margin-bottom: -1.5rem;
6607
+ padding: 1.5rem 1.5rem 0;
6608
+ border-top-left-radius: 0.5rem;
6609
+ border-top-right-radius: 0.5rem;
6610
+ overflow: hidden;
6611
+
6612
+ > * {
6613
+ z-index: 1;
6614
+ }
6615
+
6616
+ &::before {
6617
+ content: "";
6618
+ position: absolute;
6619
+ top: 0;
6620
+ left: 0;
6621
+ width: 100%;
6622
+ height: 100%;
6623
+
6624
6624
  ${({ image, isDark }) => image
6625
- ? css `
6626
- background: url(${image}) 0 0 no-repeat;
6627
- background-size: cover;
6625
+ ? css `
6626
+ background: url(${image}) 0 0 no-repeat;
6627
+ background-size: cover;
6628
6628
  `
6629
- : css `
6630
- background: url(${img$3}) 50% 0 no-repeat;
6631
- opacity: ${isDark ? 1 : 0.5};
6632
- `}
6633
- }
6634
-
6629
+ : css `
6630
+ background: url(${img$3}) 50% 0 no-repeat;
6631
+ opacity: ${isDark ? 1 : 0.5};
6632
+ `}
6633
+ }
6634
+
6635
6635
  ${({ image, isDark }) => image &&
6636
- css `
6637
- &::before {
6638
- -webkit-mask-image: linear-gradient(
6639
- to bottom,
6640
- rgba(${getMaskColor(isDark)}, 1),
6641
- rgba(${getMaskColor(isDark)}, 0)
6642
- );
6643
- mask-image: linear-gradient(to bottom, rgba(${getMaskColor(isDark)}, 1), rgba(${getMaskColor(isDark)}, 0));
6644
- }
6645
- `}
6646
- ${LinearProgress} {
6647
- position: absolute;
6648
- top: 0;
6649
- left: 0;
6650
- }
6651
- `;
6652
- const TopContainer = styled(Flex) `
6653
- z-index: 1;
6654
- position: relative;
6655
- justify-content: space-between;
6656
- flex-wrap: nowrap;
6657
- width: 100%;
6658
- align-items: flex-start;
6659
- `;
6660
- const TopContainerButtons = styled(Flex) `
6661
- align-items: center;
6662
- width: auto;
6663
- margin-right: -0.5rem;
6664
-
6665
- button {
6666
- width: auto;
6667
- height: 1rem;
6668
- padding: 0 0.5rem;
6669
- }
6670
- `;
6671
- const LogoContainer = styled(Flex) `
6672
- max-width: calc(100% - 1.4rem);
6673
- flex-grow: 1;
6674
- font-size: 0;
6675
-
6676
- & > span::after {
6677
- font-size: 2rem;
6678
- }
6679
-
6680
- img {
6681
- max-height: 1.875rem;
6682
- }
6683
- `;
6684
- const PageTitle = styled(H2) `
6685
- display: -webkit-box;
6686
- -webkit-line-clamp: 3;
6687
- -webkit-box-orient: vertical;
6688
- overflow: hidden;
6689
- margin: 0;
6690
- font-size: 1.25rem;
6691
- font-weight: 600;
6692
- pointer-events: initial;
6693
- font-family: "Nunito Sans", serif;
6636
+ css `
6637
+ &::before {
6638
+ -webkit-mask-image: linear-gradient(
6639
+ to bottom,
6640
+ rgba(${getMaskColor(isDark)}, 1),
6641
+ rgba(${getMaskColor(isDark)}, 0)
6642
+ );
6643
+ mask-image: linear-gradient(to bottom, rgba(${getMaskColor(isDark)}, 1), rgba(${getMaskColor(isDark)}, 0));
6644
+ }
6645
+ `}
6646
+ ${LinearProgress} {
6647
+ position: absolute;
6648
+ top: 0;
6649
+ left: 0;
6650
+ }
6651
+ `;
6652
+ const TopContainer = styled(Flex) `
6653
+ z-index: 1;
6654
+ position: relative;
6655
+ justify-content: space-between;
6656
+ flex-wrap: nowrap;
6657
+ width: 100%;
6658
+ align-items: flex-start;
6659
+ `;
6660
+ const TopContainerButtons = styled(Flex) `
6661
+ align-items: center;
6662
+ width: auto;
6663
+ margin-right: -0.5rem;
6664
+
6665
+ button {
6666
+ width: auto;
6667
+ height: 1rem;
6668
+ padding: 0 0.5rem;
6669
+ }
6670
+ `;
6671
+ const LogoContainer = styled(Flex) `
6672
+ max-width: calc(100% - 1.4rem);
6673
+ flex-grow: 1;
6674
+ font-size: 0;
6675
+
6676
+ & > span::after {
6677
+ font-size: 2rem;
6678
+ }
6679
+
6680
+ img {
6681
+ max-height: 1.875rem;
6682
+ }
6683
+ `;
6684
+ const PageTitle = styled(H2) `
6685
+ display: -webkit-box;
6686
+ -webkit-line-clamp: 3;
6687
+ -webkit-box-orient: vertical;
6688
+ overflow: hidden;
6689
+ margin: 0;
6690
+ font-size: 1.25rem;
6691
+ font-weight: 600;
6692
+ pointer-events: initial;
6693
+ font-family: "Nunito Sans", serif;
6694
6694
  `;
6695
6695
 
6696
6696
  var ThemeName;
@@ -6716,82 +6716,87 @@ const DashboardDefaultHeader = memo(() => {
6716
6716
  return (jsxs(DefaultHeaderContainer, { image: image, isDark: themeName === ThemeName.Dark, children: [!pageId && jsx(LinearProgress, {}), jsxs(Flex, { column: true, gap: "1rem", children: [jsx(FlexSpan, { children: jsxs(TopContainer, { children: [jsx(LogoContainer, { children: icon }), jsxs(TopContainerButtons, { children: [jsx(ProjectCatalogMenu, {}), jsx(ProjectPanelMenu, {})] })] }) }), jsx(FlexSpan, { children: jsx(Flex, { column: true, gap: "0.25rem", children: jsx(FlexSpan, { children: jsxs(Flex, { alignItems: "center", children: [jsx(FlexSpan, { flexGrow: 1, children: jsx(Tooltip$1, { arrow: true, content: tooltip, children: ref => (jsx(PageTitle, { ref: ref, children: jsx(ProjectPagesMenu, {}) })) }) }), jsx(FlexSpan, { children: jsx(Pagination, {}) })] }) }) }) })] })] }));
6717
6717
  });
6718
6718
 
6719
- const HeaderFrontView = styled(Flex) `
6720
- z-index: 10;
6721
- position: relative;
6722
- justify-content: space-between;
6723
- align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
6724
- width: 100%;
6725
- font: ${({ theme: { fonts } }) => fonts.subtitle};
6726
- `;
6727
- const HeaderContainer = styled(FlexSpan) `
6728
- display: flex;
6729
- flex-grow: 1;
6730
- flex-wrap: nowrap;
6731
- width: calc(100% - 48px);
6732
- `;
6733
- const FeatureTitleContainer = styled.div `
6734
- display: -webkit-box;
6735
- max-width: 100%;
6736
- width: 100%;
6737
- margin: 0.5rem 0;
6738
- -webkit-line-clamp: 2;
6739
- -webkit-box-orient: vertical;
6740
- overflow: hidden;
6741
- text-overflow: ellipsis;
6742
- color: ${({ theme: { palette } }) => palette.textPrimary};
6743
-
6744
- & > ${FlexSpan} {
6745
- cursor: ${({ clickable }) => clickable && "pointer"};
6746
-
6747
- &:hover {
6748
- color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
6749
- }
6750
- }
6751
- `;
6752
- const LayerDescription = styled(Description) `
6753
- width: calc(100% - 4rem);
6754
- display: -webkit-box;
6755
- -webkit-line-clamp: 2;
6756
- -webkit-box-orient: vertical;
6757
- overflow: hidden;
6758
- text-overflow: ellipsis;
6759
- `;
6760
- const HeaderTitleContainer = styled(Flex) `
6761
- flex-direction: column;
6762
- width: 100%;
6763
- `;
6764
- const RowHeaderMixin = css `
6765
- &&& {
6766
- min-height: auto;
6767
-
6768
- ${FeatureTitleContainer}, ${LayerDescription} {
6769
- text-align: left;
6770
- }
6771
- }
6772
-
6773
- ${HeaderContainer} {
6774
- flex-direction: row;
6775
- }
6776
-
6777
- ${FeatureTitleContainer} {
6778
- max-width: calc(100% - 3.8rem);
6779
- }
6780
- `;
6781
- const Header = styled(Flex) `
6782
- z-index: 1;
6783
- position: relative;
6784
- top: 0;
6785
- flex-shrink: 0;
6786
- overflow: hidden;
6787
- width: 100%;
6788
- padding: 0.5rem;
6789
-
6790
- ${HeaderContainer} {
6791
- flex-direction: column;
6792
- }
6793
-
6794
- ${({ $isRow }) => $isRow && RowHeaderMixin};
6719
+ const HeaderFrontView = styled(Flex) `
6720
+ z-index: 10;
6721
+ position: relative;
6722
+ justify-content: space-between;
6723
+ align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
6724
+ width: 100%;
6725
+ font: ${({ theme: { fonts } }) => fonts.subtitle};
6726
+ `;
6727
+ const HeaderContainer = styled(FlexSpan) `
6728
+ display: flex;
6729
+ flex-grow: 1;
6730
+ flex-wrap: nowrap;
6731
+ width: calc(100% - 48px);
6732
+ `;
6733
+ const FeatureTitleContainer = styled.div `
6734
+ display: -webkit-box;
6735
+ max-width: 100%;
6736
+ width: 100%;
6737
+ margin: 0.5rem 0;
6738
+ -webkit-line-clamp: 2;
6739
+ -webkit-box-orient: vertical;
6740
+ overflow: hidden;
6741
+ text-overflow: ellipsis;
6742
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6743
+
6744
+ & > ${FlexSpan} {
6745
+ cursor: ${({ clickable }) => clickable && "pointer"};
6746
+
6747
+ &:hover {
6748
+ color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
6749
+ }
6750
+ }
6751
+ `;
6752
+ const LayerDescription = styled(Description) `
6753
+ width: calc(100% - 4rem);
6754
+ display: -webkit-box;
6755
+ -webkit-line-clamp: 2;
6756
+ -webkit-box-orient: vertical;
6757
+ overflow: hidden;
6758
+ text-overflow: ellipsis;
6759
+ `;
6760
+ const HeaderTitleContainer = styled(Flex) `
6761
+ flex-direction: column;
6762
+ width: 100%;
6763
+ `;
6764
+ const RowHeaderMixin = css `
6765
+ &&& {
6766
+ min-height: auto;
6767
+
6768
+ ${FeatureTitleContainer}, ${LayerDescription} {
6769
+ text-align: left;
6770
+ }
6771
+ }
6772
+
6773
+ ${HeaderContainer} {
6774
+ flex-direction: row;
6775
+ }
6776
+
6777
+ ${FeatureTitleContainer} {
6778
+ max-width: calc(100% - 3.8rem);
6779
+ }
6780
+ `;
6781
+ const Header = styled(Flex) `
6782
+ z-index: 1;
6783
+ position: relative;
6784
+ top: 0;
6785
+ flex-shrink: 0;
6786
+ overflow: hidden;
6787
+ width: 100%;
6788
+ padding: 0.5rem;
6789
+
6790
+ ${HeaderContainer} {
6791
+ flex-direction: column;
6792
+ }
6793
+
6794
+ ${({ $isRow }) => $isRow && RowHeaderMixin};
6795
+ `;
6796
+ const DefaultHeaderWrapper = styled.div `
6797
+ ${Header} {
6798
+ padding: 0 1.5rem 1.5rem 0;
6799
+ }
6795
6800
  `;
6796
6801
 
6797
6802
  const HeaderTitle = ({ noFeature }) => {
@@ -6819,22 +6824,22 @@ const HeaderTitle = ({ noFeature }) => {
6819
6824
  return (jsxs(HeaderTitleContainer, { children: [noFeature ? (jsx(FeatureTitleContainer, { children: t("noObjectFound", { ns: "dashboard", defaultValue: "Объектов не найдено" }) })) : (jsx(FeatureTitleContainer, { clickable: true, children: jsx(Tooltip$1, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsx(FlexSpan, { ref: ref, onClick: () => zoomToFeatures([feature]), children: resultTitle })) }) })), jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
6820
6825
  };
6821
6826
 
6822
- const LayerIconContainer = styled.div `
6823
- display: flex;
6824
- align-items: center;
6825
- margin-right: 0.75rem;
6827
+ const LayerIconContainer = styled.div `
6828
+ display: flex;
6829
+ align-items: center;
6830
+ margin-right: 0.75rem;
6826
6831
  `;
6827
- const AlertIconContainer = styled(Flex) `
6828
- align-items: center;
6829
- justify-content: center;
6830
- width: 2rem;
6831
- height: 2rem;
6832
-
6833
- ${Icon} {
6834
- :after {
6835
- color: ${({ theme: { palette } }) => palette.error};
6836
- }
6837
- }
6832
+ const AlertIconContainer = styled(Flex) `
6833
+ align-items: center;
6834
+ justify-content: center;
6835
+ width: 2rem;
6836
+ height: 2rem;
6837
+
6838
+ ${Icon} {
6839
+ :after {
6840
+ color: ${({ theme: { palette } }) => palette.error};
6841
+ }
6842
+ }
6838
6843
  `;
6839
6844
 
6840
6845
  var img$2 = "data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect width='32' height='32' fill='transparent'/%3e %3cpath d='M20.248 9.67787C18.5318 8.04035 15.9473 7.54977 13.7024 8.43543C11.4576 9.32109 9.99566 11.4081 10 13.721C10 18.2894 16 24 16 24C16 24 22 18.2894 22 13.721C22.0028 12.2054 21.3726 10.7509 20.248 9.67787Z' fill='url(%23paint0_linear_6459_10338)'/%3e %3ccircle cx='16' cy='14' r='2' fill='white'/%3e %3cdefs%3e %3clinearGradient id='paint0_linear_6459_10338' x1='10' y1='8' x2='25.36' y2='19.52' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%230084D6'/%3e %3cstop offset='0.489583' stop-color='%230084D6'/%3e %3cstop offset='0.489683' stop-color='%2305A9FF'/%3e %3cstop offset='0.921875' stop-color='%2305A9FF'/%3e %3c/linearGradient%3e %3c/defs%3e%3c/svg%3e";
@@ -6864,57 +6869,57 @@ const LayerIcon = ({ layerInfo }) => {
6864
6869
 
6865
6870
  const FeatureCardDefaultHeader = ({ noFeature }) => {
6866
6871
  const { layerInfo } = useWidgetContext(WidgetType.FeatureCard);
6867
- return (jsx(Header, { "$isRow": true, children: jsxs(HeaderFrontView, { isDefault: true, children: [jsxs(HeaderContainer, { children: [!!layerInfo?.name && jsx(LayerIcon, { layerInfo: layerInfo }), jsx(HeaderTitle, { noFeature: noFeature })] }), jsx(FeatureCardButtons, {})] }) }));
6868
- };
6869
-
6870
- const HeaderFontColorMixin$1 = css `
6871
- ${HeaderTitleContainer}, ${LayerDescription} {
6872
- color: ${({ $fontColor }) => $fontColor};
6873
- }
6874
- `;
6875
- const HeaderWrapperMixin$1 = css `
6876
- ${Header} {
6877
- min-height: 5.25rem;
6878
- }
6879
-
6880
- ${HeaderContainer} {
6881
- max-width: 100%;
6882
- width: 100%;
6883
- }
6884
-
6885
- ${FeatureControls} {
6886
- max-width: calc(100% - 2rem);
6887
- width: calc(100% - 2rem);
6888
- margin-top: -0.5rem;
6889
- padding-top: 1rem;
6890
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6891
- }
6892
-
6893
- ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
6894
- `;
6895
- const GradientHeaderWrapper = styled.div `
6896
- ${Header} {
6897
- background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
6898
- }
6899
-
6900
- ${HeaderContainer} {
6901
- align-items: center;
6902
- }
6903
-
6904
- ${HeaderTitleContainer} {
6905
- margin-left: 0;
6906
- text-align: center;
6907
- }
6908
-
6909
- ${FeatureTitleContainer} {
6910
- text-align: center;
6911
- }
6912
-
6913
- ${LayerDescription} {
6914
- text-align: center;
6915
- }
6916
-
6917
- ${HeaderWrapperMixin$1};
6872
+ return (jsx(DefaultHeaderWrapper, { children: jsx(Header, { "$isRow": true, children: jsxs(HeaderFrontView, { isDefault: true, children: [jsxs(HeaderContainer, { children: [!!layerInfo?.name && jsx(LayerIcon, { layerInfo: layerInfo }), jsx(HeaderTitle, { noFeature: noFeature })] }), jsx(FeatureCardButtons, {})] }) }) }));
6873
+ };
6874
+
6875
+ const HeaderFontColorMixin$1 = css `
6876
+ ${HeaderTitleContainer}, ${LayerDescription} {
6877
+ color: ${({ $fontColor }) => $fontColor};
6878
+ }
6879
+ `;
6880
+ const HeaderWrapperMixin$1 = css `
6881
+ ${Header} {
6882
+ min-height: 5.25rem;
6883
+ }
6884
+
6885
+ ${HeaderContainer} {
6886
+ max-width: 100%;
6887
+ width: 100%;
6888
+ }
6889
+
6890
+ ${FeatureControls} {
6891
+ max-width: calc(100% - 2rem);
6892
+ width: calc(100% - 2rem);
6893
+ margin-top: -0.5rem;
6894
+ padding-top: 1rem;
6895
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6896
+ }
6897
+
6898
+ ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
6899
+ `;
6900
+ const GradientHeaderWrapper = styled.div `
6901
+ ${Header} {
6902
+ background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
6903
+ }
6904
+
6905
+ ${HeaderContainer} {
6906
+ align-items: center;
6907
+ }
6908
+
6909
+ ${HeaderTitleContainer} {
6910
+ margin-left: 0;
6911
+ text-align: center;
6912
+ }
6913
+
6914
+ ${FeatureTitleContainer} {
6915
+ text-align: center;
6916
+ }
6917
+
6918
+ ${LayerDescription} {
6919
+ text-align: center;
6920
+ }
6921
+
6922
+ ${HeaderWrapperMixin$1};
6918
6923
  `;
6919
6924
 
6920
6925
  const FeatureCardGradientHeader = ({ isRow }) => {
@@ -6931,80 +6936,80 @@ const FeatureCardGradientHeader = ({ isRow }) => {
6931
6936
  }) })] }), jsx(FeatureCardButtons, {})] }) }) }) }));
6932
6937
  };
6933
6938
 
6934
- const HeaderFontColorMixin = css `
6935
- ${HeaderTitleContainer}, ${LayerDescription} {
6936
- color: ${({ $fontColor }) => $fontColor};
6937
- }
6938
- `;
6939
- const HeaderWrapperMixin = css `
6940
- ${Header} {
6941
- min-height: 5.25rem;
6942
- }
6943
-
6944
- ${HeaderContainer} {
6945
- max-width: 100%;
6946
- width: 100%;
6947
- }
6948
-
6949
- ${FeatureControls} {
6950
- max-width: calc(100% - 2rem);
6951
- width: calc(100% - 2rem);
6952
- margin-top: -0.5rem;
6953
- padding-top: 1rem;
6954
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6955
- }
6956
-
6957
- ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
6958
- `;
6959
- const HeaderIcon = styled(Flex) `
6960
- position: absolute;
6961
- top: 0;
6962
- right: 0;
6963
- justify-content: flex-end;
6964
- align-items: center;
6965
- min-width: 7.5rem;
6966
- height: 100%;
6967
-
6968
- span[kind]:after {
6969
- font-size: 7.5rem;
6970
- }
6971
-
6972
- span[kind]:after,
6973
- path,
6974
- line,
6975
- circle {
6976
- fill: rgba(255, 255, 255, 0.36);
6977
- }
6978
-
6979
- && > * {
6980
- display: flex;
6981
- align-items: center;
6982
- height: 100%;
6983
- }
6984
- `;
6985
- const BigIconHeaderMixin = css `
6986
- ${HeaderIcon} {
6987
- min-width: 14rem;
6988
- right: -3rem;
6989
-
6990
- span[kind]:after {
6991
- font-size: 14rem;
6992
- }
6993
- }
6994
- `;
6995
- const IconHeaderWrapper = styled.div `
6996
- ${Header} {
6997
- width: calc(100% + 1.5rem);
6998
- margin: -1.5rem -1.5rem 0 -1.5rem;
6999
- padding: 1.5rem;
7000
- border-top-left-radius: 0.5rem;
7001
- border-top-right-radius: 0.5rem;
7002
- background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
7003
- }
7004
-
7005
- ${HeaderWrapperMixin};
7006
-
7007
- ${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
6939
+ const HeaderFontColorMixin = css `
6940
+ ${HeaderTitleContainer}, ${LayerDescription} {
6941
+ color: ${({ $fontColor }) => $fontColor};
6942
+ }
6943
+ `;
6944
+ const HeaderWrapperMixin = css `
6945
+ ${Header} {
6946
+ min-height: 5.25rem;
6947
+ }
6948
+
6949
+ ${HeaderContainer} {
6950
+ max-width: 100%;
6951
+ width: 100%;
6952
+ }
6953
+
6954
+ ${FeatureControls} {
6955
+ max-width: calc(100% - 2rem);
6956
+ width: calc(100% - 2rem);
6957
+ margin-top: -0.5rem;
6958
+ padding-top: 1rem;
6959
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6960
+ }
6961
+
6962
+ ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
6963
+ `;
6964
+ const HeaderIcon = styled(Flex) `
6965
+ position: absolute;
6966
+ top: 0;
6967
+ right: 0;
6968
+ justify-content: flex-end;
6969
+ align-items: center;
6970
+ min-width: 7.5rem;
6971
+ height: 100%;
6972
+
6973
+ span[kind]:after {
6974
+ font-size: 7.5rem;
6975
+ }
6976
+
6977
+ span[kind]:after,
6978
+ path,
6979
+ line,
6980
+ circle {
6981
+ fill: rgba(255, 255, 255, 0.36);
6982
+ }
6983
+
6984
+ && > * {
6985
+ display: flex;
6986
+ align-items: center;
6987
+ height: 100%;
6988
+ }
6989
+ `;
6990
+ const BigIconHeaderMixin = css `
6991
+ ${HeaderIcon} {
6992
+ min-width: 14rem;
6993
+ right: -3rem;
6994
+
6995
+ span[kind]:after {
6996
+ font-size: 14rem;
6997
+ }
6998
+ }
6999
+ `;
7000
+ const IconHeaderWrapper = styled.div `
7001
+ ${Header} {
7002
+ width: calc(100% + 1.5rem);
7003
+ margin: -1.5rem -1.5rem 0 -1.5rem;
7004
+ padding: 1.5rem;
7005
+ border-top-left-radius: 0.5rem;
7006
+ border-top-right-radius: 0.5rem;
7007
+ background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
7008
+ }
7009
+
7010
+ ${HeaderWrapperMixin};
7011
+
7012
+ ${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
7008
7013
  `;
7009
7014
 
7010
7015
  const FeatureCardIconHeader = ({ isRow }) => {
@@ -7024,15 +7029,15 @@ const FeatureCardIconHeader = ({ isRow }) => {
7024
7029
  }) })] }) }) }));
7025
7030
  };
7026
7031
 
7027
- const ImageContainerButton = styled(FlatButton) `
7028
- min-height: 1.5rem;
7029
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7030
- background-color: ${({ theme: { palette } }) => palette.primary};
7031
- text-transform: none;
7032
-
7033
- :hover {
7034
- background-color: ${({ theme: { palette } }) => palette.primaryDeep};
7035
- }
7032
+ const ImageContainerButton = styled(FlatButton) `
7033
+ min-height: 1.5rem;
7034
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7035
+ background-color: ${({ theme: { palette } }) => palette.primary};
7036
+ text-transform: none;
7037
+
7038
+ :hover {
7039
+ background-color: ${({ theme: { palette } }) => palette.primaryDeep};
7040
+ }
7036
7041
  `;
7037
7042
 
7038
7043
  const ElementButton = memo(({ type, elementConfig }) => {
@@ -7044,157 +7049,157 @@ const ElementButton = memo(({ type, elementConfig }) => {
7044
7049
  return (jsx(ImageContainerButton, { onClick: () => window.open(attribute?.value), children: elementConfig.value || "" }));
7045
7050
  });
7046
7051
 
7047
- const AttributeGalleryContainer = styled.div `
7048
- && {
7049
- width: calc(100% + 3rem);
7050
- }
7051
-
7052
- min-height: 12.625rem;
7053
- background-color: ${({ theme: { palette } }) => palette.element};
7054
-
7055
- img {
7056
- width: 100%;
7057
- }
7058
- `;
7059
- const LinearProgressContainer = styled(Flex) `
7060
- align-items: center;
7061
- justify-content: center;
7062
- min-height: inherit;
7063
-
7064
- ${LinearProgress} {
7065
- max-width: 4rem;
7066
- }
7067
- `;
7068
- const NoLiveSnapshotContainer = styled(Flex) `
7069
- flex-direction: column;
7070
- align-items: center;
7071
-
7072
- span[kind="alert"] {
7073
- width: 2rem;
7074
- height: 2rem;
7075
-
7076
- &:after {
7077
- font-size: 2rem;
7078
- color: ${({ theme: { palette } }) => palette.elementDeep};
7079
- }
7080
- }
7081
-
7082
- ${Description} {
7083
- font-size: 0.75rem;
7084
- color: ${({ theme: { palette } }) => palette.textDisabled};
7085
- }
7086
- `;
7087
- const SmallPreviewControl = styled(IconButton) `
7088
- cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
7089
- z-index: 3;
7090
- position: absolute;
7091
- top: 50%;
7092
- width: 2.5rem;
7093
- height: 2.5rem;
7094
- margin-top: -1.25rem;
7095
- background-color: rgba(61, 61, 61, 0.8);
7096
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
7097
-
7098
- span:after {
7099
- color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
7100
- transition: color ${transition.hover};
7101
- }
7102
- `;
7103
- const SmallPreviewCounter = styled(Flex) `
7104
- z-index: 3;
7105
- position: absolute;
7106
- bottom: 0.625rem;
7107
- left: 0;
7108
- width: 100%;
7109
- height: 1rem;
7110
- justify-content: center;
7111
-
7112
- > div {
7113
- background-color: rgba(61, 61, 61, 0.8);
7114
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7115
- padding: 0 0.5rem;
7116
- font-size: 0.625rem;
7117
- line-height: 1rem;
7118
- color: #fff;
7119
- }
7052
+ const AttributeGalleryContainer = styled.div `
7053
+ && {
7054
+ width: calc(100% + 3rem);
7055
+ }
7056
+
7057
+ min-height: 12.625rem;
7058
+ background-color: ${({ theme: { palette } }) => palette.element};
7059
+
7060
+ img {
7061
+ width: 100%;
7062
+ }
7063
+ `;
7064
+ const LinearProgressContainer = styled(Flex) `
7065
+ align-items: center;
7066
+ justify-content: center;
7067
+ min-height: inherit;
7068
+
7069
+ ${LinearProgress} {
7070
+ max-width: 4rem;
7071
+ }
7072
+ `;
7073
+ const NoLiveSnapshotContainer = styled(Flex) `
7074
+ flex-direction: column;
7075
+ align-items: center;
7076
+
7077
+ span[kind="alert"] {
7078
+ width: 2rem;
7079
+ height: 2rem;
7080
+
7081
+ &:after {
7082
+ font-size: 2rem;
7083
+ color: ${({ theme: { palette } }) => palette.elementDeep};
7084
+ }
7085
+ }
7086
+
7087
+ ${Description} {
7088
+ font-size: 0.75rem;
7089
+ color: ${({ theme: { palette } }) => palette.textDisabled};
7090
+ }
7091
+ `;
7092
+ const SmallPreviewControl = styled(IconButton) `
7093
+ cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
7094
+ z-index: 3;
7095
+ position: absolute;
7096
+ top: 50%;
7097
+ width: 2.5rem;
7098
+ height: 2.5rem;
7099
+ margin-top: -1.25rem;
7100
+ background-color: rgba(61, 61, 61, 0.8);
7101
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
7102
+
7103
+ span:after {
7104
+ color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
7105
+ transition: color ${transition.hover};
7106
+ }
7107
+ `;
7108
+ const SmallPreviewCounter = styled(Flex) `
7109
+ z-index: 3;
7110
+ position: absolute;
7111
+ bottom: 0.625rem;
7112
+ left: 0;
7113
+ width: 100%;
7114
+ height: 1rem;
7115
+ justify-content: center;
7116
+
7117
+ > div {
7118
+ background-color: rgba(61, 61, 61, 0.8);
7119
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7120
+ padding: 0 0.5rem;
7121
+ font-size: 0.625rem;
7122
+ line-height: 1rem;
7123
+ color: #fff;
7124
+ }
7120
7125
  `;
7121
7126
  const SmallPreviewLeft = styled(SmallPreviewControl).attrs(() => ({
7122
7127
  kind: "prev",
7123
- })) `
7124
- left: 1.5rem;
7128
+ })) `
7129
+ left: 1.5rem;
7125
7130
  `;
7126
7131
  const SmallPreviewRight = styled(SmallPreviewControl).attrs(() => ({
7127
7132
  kind: "next",
7128
- })) `
7129
- right: 1.5rem;
7130
- `;
7131
- const imgSlideShowMixin = css `
7132
- &:nth-child(${({ prevIndex }) => prevIndex}) {
7133
- z-index: 2;
7134
- position: absolute;
7135
- top: 0;
7136
- left: 0;
7137
- right: 0;
7138
- bottom: 0;
7139
- opacity: 0;
7140
-
7141
- animation-duration: 0.25s;
7142
- animation-name: fadeOut;
7143
- animation-timing-function: linear;
7144
-
7145
- @keyframes fadeOut {
7146
- from {
7147
- opacity: 1;
7148
- }
7149
-
7150
- to {
7151
- opacity: 0;
7152
- }
7153
- }
7154
- }
7155
- `;
7156
- const SmallPreviewContainer$1 = styled.div `
7157
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
7158
- position: relative;
7159
- width: 100%;
7160
- height: 100%;
7161
- min-height: inherit;
7162
- line-height: 0;
7163
-
7164
- ${LinearProgress} {
7165
- z-index: 3;
7166
- position: absolute;
7167
- }
7168
-
7169
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
7170
- opacity: 0;
7171
- transition: opacity ${transition.hover};
7172
- }
7173
-
7174
- &:hover {
7175
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
7176
- opacity: 1;
7177
- }
7178
- }
7179
-
7180
- img {
7181
- z-index: 0;
7182
- cursor: pointer;
7183
- position: absolute;
7184
- top: 0;
7185
- left: 0;
7186
- width: 100%;
7187
- height: 100%;
7188
- min-height: inherit;
7189
- object-position: center;
7190
- object-fit: cover;
7191
-
7192
- &:nth-child(${({ currentIndex }) => currentIndex}) {
7193
- z-index: 1;
7194
- }
7195
-
7196
- ${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
7197
- }
7133
+ })) `
7134
+ right: 1.5rem;
7135
+ `;
7136
+ const imgSlideShowMixin = css `
7137
+ &:nth-child(${({ prevIndex }) => prevIndex}) {
7138
+ z-index: 2;
7139
+ position: absolute;
7140
+ top: 0;
7141
+ left: 0;
7142
+ right: 0;
7143
+ bottom: 0;
7144
+ opacity: 0;
7145
+
7146
+ animation-duration: 0.25s;
7147
+ animation-name: fadeOut;
7148
+ animation-timing-function: linear;
7149
+
7150
+ @keyframes fadeOut {
7151
+ from {
7152
+ opacity: 1;
7153
+ }
7154
+
7155
+ to {
7156
+ opacity: 0;
7157
+ }
7158
+ }
7159
+ }
7160
+ `;
7161
+ const SmallPreviewContainer$1 = styled.div `
7162
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
7163
+ position: relative;
7164
+ width: 100%;
7165
+ height: 100%;
7166
+ min-height: inherit;
7167
+ line-height: 0;
7168
+
7169
+ ${LinearProgress} {
7170
+ z-index: 3;
7171
+ position: absolute;
7172
+ }
7173
+
7174
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
7175
+ opacity: 0;
7176
+ transition: opacity ${transition.hover};
7177
+ }
7178
+
7179
+ &:hover {
7180
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
7181
+ opacity: 1;
7182
+ }
7183
+ }
7184
+
7185
+ img {
7186
+ z-index: 0;
7187
+ cursor: pointer;
7188
+ position: absolute;
7189
+ top: 0;
7190
+ left: 0;
7191
+ width: 100%;
7192
+ height: 100%;
7193
+ min-height: inherit;
7194
+ object-position: center;
7195
+ object-fit: cover;
7196
+
7197
+ &:nth-child(${({ currentIndex }) => currentIndex}) {
7198
+ z-index: 1;
7199
+ }
7200
+
7201
+ ${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
7202
+ }
7198
7203
  `;
7199
7204
  const SmallPreviewImages = styled.div ``;
7200
7205
 
@@ -7370,21 +7375,21 @@ const ElementChips = memo(({ type, elementConfig }) => {
7370
7375
  return (jsx(DashboardChipsContainer, { style: style, children: tags?.map(tag => (jsx(DashboardChip$1, { text: tag, "$bgColor": bgColor, "$fontColor": fontColor, "$fontSize": fontSize, "$isDefault": true }, tag))) }));
7371
7376
  });
7372
7377
 
7373
- const StyledIconFontSizeMixin = css `
7374
- height: ${({ fontSize }) => `${fontSize}px`};
7375
-
7376
- &&:after {
7377
- font-size: ${({ fontSize }) => `${fontSize}px`};
7378
- }
7378
+ const StyledIconFontSizeMixin = css `
7379
+ height: ${({ fontSize }) => `${fontSize}px`};
7380
+
7381
+ &&:after {
7382
+ font-size: ${({ fontSize }) => `${fontSize}px`};
7383
+ }
7379
7384
  `;
7380
- const StyledIconFontColorMixin = css `
7381
- &&:after {
7382
- color: ${({ fontColor }) => fontColor};
7383
- }
7385
+ const StyledIconFontColorMixin = css `
7386
+ &&:after {
7387
+ color: ${({ fontColor }) => fontColor};
7388
+ }
7384
7389
  `;
7385
- const StyledIcon = styled(Icon) `
7386
- ${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
7387
- ${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
7390
+ const StyledIcon = styled(Icon) `
7391
+ ${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
7392
+ ${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
7388
7393
  `;
7389
7394
 
7390
7395
  const ElementIcon = memo(({ type, elementConfig }) => {
@@ -7412,8 +7417,10 @@ const ElementImage = memo(({ type, elementConfig }) => {
7412
7417
  return firstImage ? jsx("img", { src: firstImage, alt: firstImage, width: width }) : null;
7413
7418
  });
7414
7419
 
7420
+ const getChartAxes = (chartElement) => chartElement?.options?.relatedDataSources?.filter(({ chartAxis }) => chartAxis === "y");
7421
+
7415
7422
  const ElementLegend = memo(({ type, element, elementConfig, expandedContainers }) => {
7416
- const { attributes } = useWidgetContext(type);
7423
+ const { attributes, dataSources } = useWidgetContext(type);
7417
7424
  const { options } = elementConfig || {};
7418
7425
  const { twoColumns, chartId, relatedDataSources } = options || {};
7419
7426
  const chartElement = useMemo(() => returnFound(element?.children, { id: chartId }), [chartId, element?.children]);
@@ -7421,68 +7428,77 @@ const ElementLegend = memo(({ type, element, elementConfig, expandedContainers }
7421
7428
  element: chartElement,
7422
7429
  type,
7423
7430
  });
7431
+ const axes = useMemo(() => getChartAxes(chartElement), [chartElement]);
7424
7432
  const legendData = useMemo(() => {
7425
7433
  if (!data[0]?.items?.length)
7426
7434
  return [];
7435
+ if (chartElement?.options?.chartType === "line") {
7436
+ return axes.map(({ alias, axisColor }) => {
7437
+ return {
7438
+ name: alias,
7439
+ color: axisColor
7440
+ };
7441
+ });
7442
+ }
7427
7443
  const relatedAttributes = relatedDataSources || [];
7428
7444
  const isRelated = !!relatedAttributes?.length;
7429
7445
  return isRelated
7430
7446
  ? data[0].items
7431
7447
  : data[0].items.map(item => {
7432
- const attribute = attributes?.find(({ name }) => name === item.name);
7448
+ const attribute = getAttributeByName(item.name, attributes);
7433
7449
  return { ...item, name: attribute?.alias || item.name };
7434
7450
  });
7435
- }, [attributes, data, relatedDataSources]);
7451
+ }, [attributes, axes, data, options.chartType, relatedDataSources, dataSources]);
7436
7452
  return !chartElement?.options?.expanded || expandedContainers?.[chartElement.id] ? (jsx(ChartLegend, { data: legendData, loading: loading, chartElement: chartElement, twoColumns: twoColumns, type: type })) : null;
7437
7453
  });
7438
7454
 
7439
7455
  const ExternalLink = styled(IconButton).attrs(() => ({
7440
7456
  kind: "external_link",
7441
- })) `
7442
- ${Icon} {
7443
- color: ${({ theme: { palette } }) => palette.primary};
7444
- }
7445
-
7446
- &:hover ${Icon} {
7447
- color: ${({ theme: { palette } }) => palette.primaryDeep};
7448
- }
7449
- `;
7450
- const LocalLinkBlank = styled(Blank) `
7451
- min-width: 13.5rem;
7452
- padding: 0.5rem 0.75rem 0;
7453
-
7454
- a {
7455
- text-decoration: none;
7456
- font-size: 0.75rem;
7457
- color: ${({ theme: { palette } }) => palette.primary};
7458
- }
7459
-
7460
- ${IconButtonButton} {
7461
- font-size: 0.75rem;
7462
- }
7457
+ })) `
7458
+ ${Icon} {
7459
+ color: ${({ theme: { palette } }) => palette.primary};
7460
+ }
7461
+
7462
+ &:hover ${Icon} {
7463
+ color: ${({ theme: { palette } }) => palette.primaryDeep};
7464
+ }
7465
+ `;
7466
+ const LocalLinkBlank = styled(Blank) `
7467
+ min-width: 13.5rem;
7468
+ padding: 0.5rem 0.75rem 0;
7469
+
7470
+ a {
7471
+ text-decoration: none;
7472
+ font-size: 0.75rem;
7473
+ color: ${({ theme: { palette } }) => palette.primary};
7474
+ }
7475
+
7476
+ ${IconButtonButton} {
7477
+ font-size: 0.75rem;
7478
+ }
7463
7479
  `;
7464
7480
  const LocalLinkButton = styled(IconButton).attrs(() => ({
7465
7481
  kind: "link",
7466
- })) `
7467
- width: 1rem;
7468
- height: 1rem;
7469
- background-color: ${({ theme: { palette } }) => palette.primary};
7470
- border-radius: 50%;
7471
-
7472
- span[kind] {
7473
- display: flex;
7474
- justify-content: center;
7475
- align-items: center;
7476
-
7477
- :after {
7478
- position: relative;
7479
- font-size: 0.6rem;
7480
- color: white;
7481
- }
7482
- }
7483
- `;
7484
- const LocalLinkCopy = styled(Flex) `
7485
- justify-content: center;
7482
+ })) `
7483
+ width: 1rem;
7484
+ height: 1rem;
7485
+ background-color: ${({ theme: { palette } }) => palette.primary};
7486
+ border-radius: 50%;
7487
+
7488
+ span[kind] {
7489
+ display: flex;
7490
+ justify-content: center;
7491
+ align-items: center;
7492
+
7493
+ :after {
7494
+ position: relative;
7495
+ font-size: 0.6rem;
7496
+ color: white;
7497
+ }
7498
+ }
7499
+ `;
7500
+ const LocalLinkCopy = styled(Flex) `
7501
+ justify-content: center;
7486
7502
  `;
7487
7503
 
7488
7504
  const LocalLink = memo(({ link }) => {
@@ -7504,9 +7520,9 @@ const ElementLink = memo(({ type, elementConfig }) => {
7504
7520
  return link.startsWith("http") ? jsx(ExternalLink, { onClick: () => window.open(link) }) : jsx(LocalLink, { link: link });
7505
7521
  });
7506
7522
 
7507
- const SmallPreviewContainer = styled.div `
7508
- width: 100%;
7509
- height: 100%;
7523
+ const SmallPreviewContainer = styled.div `
7524
+ width: 100%;
7525
+ height: 100%;
7510
7526
  `;
7511
7527
 
7512
7528
  const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
@@ -7542,18 +7558,18 @@ const ElementSvg = memo(({ type, elementConfig }) => {
7542
7558
  return (jsx(SvgImage, { url: getSvgUrl({ elementConfig, layerInfo, attributes }), width: width, height: height, fontColor: fontColor }));
7543
7559
  });
7544
7560
 
7545
- const TooltipIcon = styled(Icon) `
7546
- &&& {
7547
- :after {
7548
- font-size: 0.75rem;
7549
- color: ${({ theme: { palette } }) => palette.iconDisabled};
7550
- transition: color ${transition.hover};
7551
- }
7552
-
7553
- :hover:after {
7554
- color: ${({ theme: { palette } }) => palette.icon};
7555
- }
7556
- }
7561
+ const TooltipIcon = styled(Icon) `
7562
+ &&& {
7563
+ :after {
7564
+ font-size: 0.75rem;
7565
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
7566
+ transition: color ${transition.hover};
7567
+ }
7568
+
7569
+ :hover:after {
7570
+ color: ${({ theme: { palette } }) => palette.icon};
7571
+ }
7572
+ }
7557
7573
  `;
7558
7574
 
7559
7575
  const ElementTooltip = memo(({ type, elementConfig }) => {
@@ -7565,76 +7581,76 @@ const ElementTooltip = memo(({ type, elementConfig }) => {
7565
7581
  return text ? (jsx(Tooltip$1, { placement: "top", arrow: true, content: text, children: ref => jsx(TooltipIcon, { kind: icon || "question", ref: ref }) })) : null;
7566
7582
  });
7567
7583
 
7568
- const SlideshowHeaderWrapper = styled.div `
7569
- padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
7570
-
7571
- ${Header} {
7572
- align-items: flex-start;
7573
- width: calc(100% + 2rem);
7574
- height: ${({ big }) => (big ? "15.5rem" : "auto")};
7575
- padding: 1.5rem;
7576
- margin: -1rem -1rem 0 -1rem;
7577
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7578
-
7579
- ${SmallPreviewCounter} {
7580
- bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
7581
- }
7582
-
7583
- :before,
7584
- :after {
7585
- content: "";
7586
- z-index: 2;
7587
- position: absolute;
7588
- top: 0;
7589
- left: 0;
7590
- width: 100%;
7591
- }
7592
-
7593
- :before {
7594
- height: 100%;
7595
- background: rgba(32, 46, 53, 0.25);
7596
- }
7597
-
7598
- :after {
7599
- height: 4.5rem;
7600
- background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
7601
- }
7602
-
7603
- :hover {
7604
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
7605
- opacity: 1;
7606
- }
7607
- }
7608
- }
7609
- `;
7610
- const ImageContainerBg = styled.div `
7611
- position: absolute;
7612
- top: 0;
7613
- bottom: 0;
7614
- left: 0;
7615
- right: 0;
7616
-
7617
- img {
7618
- width: 100%;
7619
- height: 100%;
7620
- object-position: center;
7621
- object-fit: cover;
7622
- }
7623
- `;
7624
- const HeaderSlideshow = styled.div `
7625
- position: absolute;
7626
- top: 0;
7627
- bottom: ${({ height }) => (height ? `${height}px` : 0)};
7628
- left: 0;
7629
- right: 0;
7630
-
7631
- img {
7632
- width: 100%;
7633
- height: 100%;
7634
- min-height: inherit;
7635
- object-position: center;
7636
- object-fit: cover;
7637
- }
7584
+ const SlideshowHeaderWrapper = styled.div `
7585
+ padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
7586
+
7587
+ ${Header} {
7588
+ align-items: flex-start;
7589
+ width: calc(100% + 2rem);
7590
+ height: ${({ big }) => (big ? "15.5rem" : "auto")};
7591
+ padding: 1.5rem;
7592
+ margin: -1rem -1rem 0 -1rem;
7593
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7594
+
7595
+ ${SmallPreviewCounter} {
7596
+ bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
7597
+ }
7598
+
7599
+ :before,
7600
+ :after {
7601
+ content: "";
7602
+ z-index: 2;
7603
+ position: absolute;
7604
+ top: 0;
7605
+ left: 0;
7606
+ width: 100%;
7607
+ }
7608
+
7609
+ :before {
7610
+ height: 100%;
7611
+ background: rgba(32, 46, 53, 0.25);
7612
+ }
7613
+
7614
+ :after {
7615
+ height: 4.5rem;
7616
+ background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
7617
+ }
7618
+
7619
+ :hover {
7620
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
7621
+ opacity: 1;
7622
+ }
7623
+ }
7624
+ }
7625
+ `;
7626
+ const ImageContainerBg = styled.div `
7627
+ position: absolute;
7628
+ top: 0;
7629
+ bottom: 0;
7630
+ left: 0;
7631
+ right: 0;
7632
+
7633
+ img {
7634
+ width: 100%;
7635
+ height: 100%;
7636
+ object-position: center;
7637
+ object-fit: cover;
7638
+ }
7639
+ `;
7640
+ const HeaderSlideshow = styled.div `
7641
+ position: absolute;
7642
+ top: 0;
7643
+ bottom: ${({ height }) => (height ? `${height}px` : 0)};
7644
+ left: 0;
7645
+ right: 0;
7646
+
7647
+ img {
7648
+ width: 100%;
7649
+ height: 100%;
7650
+ min-height: inherit;
7651
+ object-position: center;
7652
+ object-fit: cover;
7653
+ }
7638
7654
  `;
7639
7655
 
7640
7656
  const FeatureCardSlideshowHeader = ({ isRow }) => {
@@ -7813,7 +7829,7 @@ const getElementValue = ({ getDefaultContainer, ...props }) => {
7813
7829
  const attribute = getAttributeByName(attributeName, attributes);
7814
7830
  return attribute?.name ? layerInfo.layerDefinition.attributes[attribute.name]?.description || null : null;
7815
7831
  }
7816
- const ElementComponent = elementConfig?.type ? elementComponents[elementConfig.type] : null;
7832
+ const ElementComponent = type ? elementComponents[type] : null;
7817
7833
  return ElementComponent ? jsx(ElementComponent, { ...props }) : getDefaultContainer();
7818
7834
  };
7819
7835
 
@@ -9324,7 +9340,9 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
9324
9340
  ?.map(({ layerName, attributeName, value, stroke }, index) => {
9325
9341
  const layerInfo = layerInfos?.find(({ name }) => name === layerName);
9326
9342
  const attribute = layerInfo?.layerDefinition.attributes[attributeName];
9327
- return (jsxs(ChartTooltipRow, { children: [jsx(ChartLegendColor$1, { "$color": stroke }), jsx(ChartLegendValue, { children: attribute ? formatAttributeValue({ t, type: attribute.type, value, stringFormat: attribute.stringFormat }) : value })] }, index));
9343
+ return (jsxs(ChartTooltipRow, { children: [jsx(ChartLegendColor$1, { "$color": stroke }), jsx(ChartLegendValue, { children: attribute
9344
+ ? formatAttributeValue({ t, type: attribute.type, value, stringFormat: attribute.stringFormat })
9345
+ : value })] }, index));
9328
9346
  })] }));
9329
9347
  }, [labels, layerInfos]);
9330
9348
  const markers = useMemo(() => getChartMarkers(data[0]?.items, configMarkers, dataSources), [data, dataSources, configMarkers]);
@@ -9439,7 +9457,7 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
9439
9457
  const ChartLegend = ({ data, chartElement, type, twoColumns, loading }) => {
9440
9458
  const { t } = useGlobalContext();
9441
9459
  const { sliceItems, showMore, onShowMore } = useShownOtherItems(chartElement?.options);
9442
- const axes = useMemo(() => chartElement?.options?.relatedDataSources?.filter(({ chartAxis }) => chartAxis === "y"), [chartElement?.options?.relatedDataSources]);
9460
+ const axes = useMemo(() => getChartAxes(chartElement), [chartElement]);
9443
9461
  const { isFiltered, hasAnyFilter, onFilter } = useFeatureFilters(type, axes?.[0]?.filterName);
9444
9462
  const { fontColor, shownItems, hideEmpty } = chartElement?.options || {};
9445
9463
  const showMoreBtn = !!shownItems && data.length > shownItems;
@@ -9476,8 +9494,8 @@ const Dashboard = memo(({ type = WidgetType.Dashboard, config, noBorders }) => {
9476
9494
  return (jsx(PagesContainer, { type: type, config: config, noBorders: noBorders }));
9477
9495
  });
9478
9496
 
9479
- const CardCheckbox = styled(Checkbox) `
9480
- padding-left: 0.5rem;
9497
+ const CardCheckbox = styled(Checkbox) `
9498
+ padding-left: 0.5rem;
9481
9499
  `;
9482
9500
 
9483
9501
  const DashboardCheckbox = ({ title, checked, onChange, }) => {
@@ -9525,7 +9543,6 @@ const FeatureCardHeader = () => {
9525
9543
  const FeatureCardTitle = ({ title, description }) => {
9526
9544
  const { t } = useGlobalContext();
9527
9545
  const { attributes, layerInfo, feature } = useWidgetContext(WidgetType.FeatureCard);
9528
- const zoomToFeatures = useZoomToFeatures();
9529
9546
  const { alias, name, layerDefinition, titleAttribute } = layerInfo || {};
9530
9547
  const resultDescription = description || alias || name || "";
9531
9548
  const resultTitle = useMemo(() => {
@@ -9549,18 +9566,18 @@ const FeatureCardTitle = ({ title, description }) => {
9549
9566
  })) ||
9550
9567
  feature?.id);
9551
9568
  }, [attributes, feature?.id, layerDefinition, title, titleAttribute]);
9552
- return (jsxs(HeaderTitleContainer, { children: [jsx(FeatureTitleContainer, { clickable: true, children: jsx(Tooltip$1, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsx(FlexSpan, { ref: ref, onClick: () => zoomToFeatures([feature]), children: resultTitle })) }) }), jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
9569
+ return (jsxs(HeaderTitleContainer, { children: [jsx(FeatureTitleContainer, { children: jsx(FlexSpan, { children: resultTitle }) }), jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
9553
9570
  };
9554
9571
 
9555
- const HiddenFilters = styled(Flex) `
9556
- flex-wrap: wrap;
9557
- margin-top: -1.25rem;
9558
-
9559
- ${DashboardChip$1} {
9560
- height: 1.5rem;
9561
- margin: 0 0.25rem 0.25rem 0;
9562
- padding: 0 0 0 0.5rem;
9563
- }
9572
+ const HiddenFilters = styled(Flex) `
9573
+ flex-wrap: wrap;
9574
+ margin-top: -1.25rem;
9575
+
9576
+ ${DashboardChip$1} {
9577
+ height: 1.5rem;
9578
+ margin: 0 0.25rem 0.25rem 0;
9579
+ padding: 0 0 0 0.5rem;
9580
+ }
9564
9581
  `;
9565
9582
 
9566
9583
  function spliceValue(filterValue, splicingValue) {
@@ -9630,24 +9647,24 @@ const HiddenTitleItems = memo(({ elementConfig, config, type, filter }) => {
9630
9647
  getConfigFilter(filterName, configFilters)?.defaultValue, index)) }));
9631
9648
  });
9632
9649
 
9633
- const PageNavigator = styled(Flex) `
9634
- margin-right: -0.5rem;
9635
- align-items: center;
9636
-
9637
- button {
9638
- width: auto;
9639
- height: 1.5rem;
9640
- padding: 0 0.5rem;
9641
-
9642
- span[kind]:after {
9643
- color: ${({ theme: { palette } }) => palette.textDisabled};
9644
- transition: color ${transition.hover};
9645
- }
9646
-
9647
- :hover span[kind]:after {
9648
- color: ${({ theme: { palette } }) => palette.textSecondary};
9649
- }
9650
- }
9650
+ const PageNavigator = styled(Flex) `
9651
+ margin-right: -0.5rem;
9652
+ align-items: center;
9653
+
9654
+ button {
9655
+ width: auto;
9656
+ height: 1.5rem;
9657
+ padding: 0 0.5rem;
9658
+
9659
+ span[kind]:after {
9660
+ color: ${({ theme: { palette } }) => palette.textDisabled};
9661
+ transition: color ${transition.hover};
9662
+ }
9663
+
9664
+ :hover span[kind]:after {
9665
+ color: ${({ theme: { palette } }) => palette.textSecondary};
9666
+ }
9667
+ }
9651
9668
  `;
9652
9669
 
9653
9670
  const Pagination = memo(({ type = WidgetType.Dashboard }) => {
@@ -9656,34 +9673,34 @@ const Pagination = memo(({ type = WidgetType.Dashboard }) => {
9656
9673
  return (jsxs(PageNavigator, { children: [jsx(IconButton, { kind: "prev", onClick: () => prevPage(pages.length) }), jsx(IconButton, { kind: "next", onClick: () => nextPage(pages.length) })] }));
9657
9674
  });
9658
9675
 
9659
- const StyledSvgWidthMixin = css `
9660
- &&& {
9661
- svg {
9662
- width: ${({ $width }) => $width}px;
9663
- }
9664
- }
9665
- `;
9666
- const StyledSvgHeightMixin = css `
9667
- &&& {
9668
- svg {
9669
- height: ${({ $height }) => $height}px;
9670
- }
9671
- }
9672
- `;
9673
- const StyledSvgColorMixin = css `
9674
- svg {
9675
- path,
9676
- line,
9677
- circle {
9678
- fill: ${({ $fontColor }) => $fontColor} !important;
9679
- }
9680
- }
9681
- `;
9682
- const StyledSvg = styled(Flex) `
9683
- align-items: center;
9684
- ${({ $width }) => !!$width && StyledSvgWidthMixin};
9685
- ${({ $height }) => !!$height && StyledSvgHeightMixin};
9686
- ${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
9676
+ const StyledSvgWidthMixin = css `
9677
+ &&& {
9678
+ svg {
9679
+ width: ${({ $width }) => $width}px;
9680
+ }
9681
+ }
9682
+ `;
9683
+ const StyledSvgHeightMixin = css `
9684
+ &&& {
9685
+ svg {
9686
+ height: ${({ $height }) => $height}px;
9687
+ }
9688
+ }
9689
+ `;
9690
+ const StyledSvgColorMixin = css `
9691
+ svg {
9692
+ path,
9693
+ line,
9694
+ circle {
9695
+ fill: ${({ $fontColor }) => $fontColor} !important;
9696
+ }
9697
+ }
9698
+ `;
9699
+ const StyledSvg = styled(Flex) `
9700
+ align-items: center;
9701
+ ${({ $width }) => !!$width && StyledSvgWidthMixin};
9702
+ ${({ $height }) => !!$height && StyledSvgHeightMixin};
9703
+ ${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
9687
9704
  `;
9688
9705
 
9689
9706
  const SvgImage = memo(({ url, width, height, fontColor }) => {
@@ -9914,28 +9931,28 @@ const Layer = ({ layer, layerType, visible, beforeId, tileUrl, getLayerTempStyle
9914
9931
  return (jsx(VectorLayer, { layer: layer, tileUrl: tileUrl, visible: visible, beforeId: beforeId, getLayerTempStyle: getLayerTempStyle }));
9915
9932
  };
9916
9933
 
9917
- const MapWrapper = styled.div `
9918
- position: relative;
9919
- width: 100%;
9920
- height: 100%;
9921
- box-sizing: border-box;
9922
- z-index: ${({ $zIndex }) => $zIndex ?? 1};
9923
-
9924
- .mapbox-gl-draw_trash {
9925
- display: none;
9926
- }
9927
-
9928
- .mapboxgl-ctrl-logo {
9929
- display: none;
9930
- }
9931
-
9932
- .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
9933
- display: none;
9934
- }
9935
-
9936
- .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
9937
- width: 350px;
9938
- }
9934
+ const MapWrapper = styled.div `
9935
+ position: relative;
9936
+ width: 100%;
9937
+ height: 100%;
9938
+ box-sizing: border-box;
9939
+ z-index: ${({ $zIndex }) => $zIndex ?? 1};
9940
+
9941
+ .mapbox-gl-draw_trash {
9942
+ display: none;
9943
+ }
9944
+
9945
+ .mapboxgl-ctrl-logo {
9946
+ display: none;
9947
+ }
9948
+
9949
+ .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
9950
+ display: none;
9951
+ }
9952
+
9953
+ .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
9954
+ width: 350px;
9955
+ }
9939
9956
  `;
9940
9957
 
9941
9958
  const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...rest }) => {
@@ -9947,5 +9964,5 @@ const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...res
9947
9964
  }, children: children }), upperSiblings] }));
9948
9965
  };
9949
9966
 
9950
- export { AddFeatureButton, AddFeatureContainer, AttributeGalleryContainer, AttributeLabel, BaseMapTheme, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DividerContainer, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardGradientHeader, FeatureCardHeader, FeatureCardIconHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OneColumnContainer, PageNavigator, PageTitle, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, RoundedBackgroundContainer, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TmsType, TopContainer, TopContainerButtons, TwoColumnContainer, TwoColumnsInnerContainer, WidgetType, addDataSource, addDataSources, applyFiltersToCondition, applyQueryFilters, applyVarsToCondition, checkEqualOrIncludes, checkIsLoading, convertSpToTurfFeature, createConfigLayer, createConfigPage, createNewPageId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, getActualExtrusionHeight, getAttributeByName, getAttributeValue, getAttributesConfiguration, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDate, getDefaultConfig, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerDefinition, getLayerInfo, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getSelectedFilterValue, getSlideshowImages, getSvgUrl, getTotalFromAttributes, getTotalFromRelatedFeatures, hexToRgba, isCompositeLayerConfiguration, isEmptyElementValue, isEmptyValue, isHiddenEmptyValue, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isVisibleContainer, numberOptions, parseClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, useAppHeight, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useFeatureFilters, useGetConfigLayer, useGlobalContext, useHeaderRender, useLayerParams, useMapContext, useMapDraw, useProjectDashboardInit, useRedrawLayer, useRelatedDataSourceAttributes, useRenderElement, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useWidgetConfig, useWidgetContext, useWidgetPage, useWindowResize, useZoomToFeatures, useZoomToPoint };
9967
+ export { AddFeatureButton, AddFeatureContainer, AttributeGalleryContainer, AttributeLabel, BaseMapTheme, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardGradientHeader, FeatureCardHeader, FeatureCardIconHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OneColumnContainer, PageNavigator, PageTitle, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, RoundedBackgroundContainer, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TmsType, TopContainer, TopContainerButtons, TwoColumnContainer, TwoColumnsInnerContainer, WidgetType, addDataSource, addDataSources, applyFiltersToCondition, applyQueryFilters, applyVarsToCondition, checkEqualOrIncludes, checkIsLoading, convertSpToTurfFeature, createConfigLayer, createConfigPage, createNewPageId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, getActualExtrusionHeight, getAttributeByName, getAttributeValue, getAttributesConfiguration, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDate, getDefaultConfig, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerDefinition, getLayerInfo, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getSelectedFilterValue, getSlideshowImages, getSvgUrl, getTotalFromAttributes, getTotalFromRelatedFeatures, hexToRgba, isCompositeLayerConfiguration, isEmptyElementValue, isEmptyValue, isHiddenEmptyValue, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isVisibleContainer, numberOptions, parseClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, useAppHeight, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useFeatureFilters, useGetConfigLayer, useGlobalContext, useHeaderRender, useLayerParams, useMapContext, useMapDraw, useProjectDashboardInit, useRedrawLayer, useRelatedDataSourceAttributes, useRenderElement, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useWidgetConfig, useWidgetContext, useWidgetPage, useWindowResize, useZoomToFeatures, useZoomToPoint };
9951
9968
  //# sourceMappingURL=react.esm.js.map