@evergis/react 3.1.108 → 3.1.110

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 +7 -7
  3. package/dist/components/Dashboard/hooks/index.d.ts +1 -0
  4. package/dist/components/Dashboard/hooks/useMultipleAttributesRender.d.ts +13 -0
  5. package/dist/components/Dashboard/types.d.ts +2 -1
  6. package/dist/index.js +2370 -2312
  7. package/dist/index.js.map +1 -1
  8. package/dist/react.esm.js +2370 -2313
  9. package/dist/react.esm.js.map +1 -1
  10. package/package.json +6 -6
package/dist/index.js CHANGED
@@ -36,180 +36,180 @@ const AddFeatureButton = ({ title, icon = "feature_add" /* , layerName, geometry
36
36
  return (jsxRuntime.jsx(uilibGl.IconButton, { kind: icon, primary: true, onClick: handleAddFeature, children: title }));
37
37
  };
38
38
 
39
- const ChartTooltipTable = styled.table `
40
- td {
41
- padding: 0;
42
- }
43
-
44
- tr:not(:last-child) td {
45
- padding-bottom: 0.375rem;
46
- }
39
+ const ChartTooltipTable = styled.table `
40
+ td {
41
+ padding: 0;
42
+ }
43
+
44
+ tr:not(:last-child) td {
45
+ padding-bottom: 0.375rem;
46
+ }
47
47
  `;
48
- const ChartTooltip = styled(uilibGl.Flex) `
49
- flex-wrap: nowrap;
50
- background: rgb(48, 69, 79);
51
- border-radius: 0.25rem;
52
- color: white;
53
-
54
- :not(:last-child) {
55
- margin-bottom: 0.25rem;
56
- }
48
+ const ChartTooltip = styled(uilibGl.Flex) `
49
+ flex-wrap: nowrap;
50
+ background: rgb(48, 69, 79);
51
+ border-radius: 0.25rem;
52
+ color: white;
53
+
54
+ :not(:last-child) {
55
+ margin-bottom: 0.25rem;
56
+ }
57
57
  `;
58
- const ChartTooltipLabel = styled.div `
59
- margin-right: 0.25rem;
60
- `;
61
- const ChartTooltipColor = styled.div `
62
- width: 0.625rem;
63
- height: 0.625rem;
64
- background-color: ${({ $color }) => $color};
65
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
66
- margin-right: 0.25rem;
67
- `;
68
- const ChartLegendColor$1 = styled.div `
69
- width: 0.5rem;
70
- height: 0.5rem;
71
- background-color: ${({ $color }) => $color};
72
- border-radius: 0.125rem;
73
- `;
74
- const ChartLegendValue = styled.div `
75
- opacity: 0.65;
76
- `;
77
- const ChartTooltipRow = styled(uilibGl.Flex) `
78
- display: flex;
79
- flex-direction: row;
80
- flex-wrap: nowrap;
81
- align-items: center;
82
- margin-top: 0.5rem;
83
- line-height: 0;
84
-
85
- ${ChartLegendColor$1} {
86
- margin-right: 0.25rem;
87
- }
58
+ const ChartTooltipLabel = styled.div `
59
+ margin-right: 0.25rem;
60
+ `;
61
+ const ChartTooltipColor = styled.div `
62
+ width: 0.625rem;
63
+ height: 0.625rem;
64
+ background-color: ${({ $color }) => $color};
65
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
66
+ margin-right: 0.25rem;
67
+ `;
68
+ const ChartLegendColor$1 = styled.div `
69
+ width: 0.5rem;
70
+ height: 0.5rem;
71
+ background-color: ${({ $color }) => $color};
72
+ border-radius: 0.125rem;
73
+ `;
74
+ const ChartLegendValue = styled.div `
75
+ opacity: 0.65;
76
+ `;
77
+ const ChartTooltipRow = styled(uilibGl.Flex) `
78
+ display: flex;
79
+ flex-direction: row;
80
+ flex-wrap: nowrap;
81
+ align-items: center;
82
+ margin-top: 0.5rem;
83
+ line-height: 0;
84
+
85
+ ${ChartLegendColor$1} {
86
+ margin-right: 0.25rem;
87
+ }
88
88
  `;
89
- const ChartTooltipName = styled.div `
90
- margin-right: 1rem;
91
- opacity: 0.65;
92
- `;
93
- const PieChartCenter = styled.div `
94
- position: absolute;
95
- top: 50%;
96
- left: 50%;
97
- transform: translate(-50%, -50%);
98
- text-align: center;
99
- font-weight: bold;
100
- font-size: 1.5rem;
101
- `;
102
- const ChartWrapperContainer = styled.div `
103
- position: relative;
104
- width: 100%;
105
- `;
106
- const Tooltip = styled.div `
107
- position: relative;
108
- border-radius: 0.25rem;
109
- background-color: rgba(28, 33, 48);
110
- padding: 0.5rem;
111
- box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
112
- font-size: 0.75rem;
113
- transform: ${({ transform }) => transform};
114
- color: white;
115
-
116
- :before {
117
- position: absolute;
118
- display: block;
119
- content: "";
120
- width: 0;
121
- height: 0;
122
- }
89
+ const ChartTooltipName = styled.div `
90
+ margin-right: 1rem;
91
+ opacity: 0.65;
92
+ `;
93
+ const PieChartCenter = styled.div `
94
+ position: absolute;
95
+ top: 50%;
96
+ left: 50%;
97
+ transform: translate(-50%, -50%);
98
+ text-align: center;
99
+ font-weight: bold;
100
+ font-size: 1.5rem;
101
+ `;
102
+ const ChartWrapperContainer = styled.div `
103
+ position: relative;
104
+ width: 100%;
105
+ `;
106
+ const Tooltip = styled.div `
107
+ position: relative;
108
+ border-radius: 0.25rem;
109
+ background-color: rgba(28, 33, 48);
110
+ padding: 0.5rem;
111
+ box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
112
+ font-size: 0.75rem;
113
+ transform: ${({ transform }) => transform};
114
+ color: white;
115
+
116
+ :before {
117
+ position: absolute;
118
+ display: block;
119
+ content: "";
120
+ width: 0;
121
+ height: 0;
122
+ }
123
123
  `;
124
- const LineChartStyles = styled.createGlobalStyle `
125
- .dashboardLineChartTooltip.${charts.lineChartClassNames.lineChartMouseLabel} {
126
- .${charts.lineChartClassNames.lineChartLabelFlex} {
127
- justify-content: center;
128
- align-items: flex-end;
129
-
130
- ${Tooltip} {
131
- margin: 0 0 12px 0;
132
-
133
- :before {
134
- top: auto;
135
- bottom: 0;
136
- left: 50%;
137
- transform: translate(-50%, 100%);
138
- border-left: 4px solid transparent;
139
- border-right: 4px solid transparent;
140
- border-top: 4px solid rgba(28, 33, 48, 0.9);
141
- }
142
- }
143
- }
144
- }
145
-
146
- .${charts.lineChartClassNames.lineChartYScaleGlobal}, .${charts.lineChartClassNames.lineChartXScaleGlobal} {
147
- .domain {
148
- visibility: hidden;
149
- }
150
-
151
- .tick {
152
- text {
153
- fill: ${({ theme: { palette } }) => palette.textDisabled};
154
- }
155
-
156
- line {
157
- visibility: hidden;
158
- }
159
- }
160
- }
161
-
162
- .${charts.lineChartClassNames.lineChartXScaleGlobal} {
163
- .tick {
164
- :first-of-type {
165
- text {
166
- text-anchor: start;
167
- }
168
- }
169
-
170
- :last-of-type {
171
- text {
172
- text-anchor: end;
173
- }
174
- }
175
- }
176
- }
177
-
178
- .${charts.lineChartClassNames.lineChartLine} {
179
- stroke-width: 2px;
180
- }
181
-
182
- .${charts.lineChartClassNames.lineChartLabel} {
183
- color: ${({ theme: { palette } }) => palette.textPrimary};
184
- }
185
-
186
- .${charts.lineChartClassNames.lineChartMouseCircle} {
187
- stroke: #ffffff;
188
- stroke-width: 2px;
189
- }
190
-
191
- .${charts.lineChartClassNames.lineChartGridLineX} {
192
- stroke: ${({ theme: { palette } }) => palette.element};
193
- }
194
-
195
- text {
196
- fill: ${({ theme: { palette } }) => palette.textDisabled};
197
- }
124
+ const LineChartStyles = styled.createGlobalStyle `
125
+ .dashboardLineChartTooltip.${charts.lineChartClassNames.lineChartMouseLabel} {
126
+ .${charts.lineChartClassNames.lineChartLabelFlex} {
127
+ justify-content: center;
128
+ align-items: flex-end;
129
+
130
+ ${Tooltip} {
131
+ margin: 0 0 12px 0;
132
+
133
+ :before {
134
+ top: auto;
135
+ bottom: 0;
136
+ left: 50%;
137
+ transform: translate(-50%, 100%);
138
+ border-left: 4px solid transparent;
139
+ border-right: 4px solid transparent;
140
+ border-top: 4px solid rgba(28, 33, 48, 0.9);
141
+ }
142
+ }
143
+ }
144
+ }
145
+
146
+ .${charts.lineChartClassNames.lineChartYScaleGlobal}, .${charts.lineChartClassNames.lineChartXScaleGlobal} {
147
+ .domain {
148
+ visibility: hidden;
149
+ }
150
+
151
+ .tick {
152
+ text {
153
+ fill: ${({ theme: { palette } }) => palette.textDisabled};
154
+ }
155
+
156
+ line {
157
+ visibility: hidden;
158
+ }
159
+ }
160
+ }
161
+
162
+ .${charts.lineChartClassNames.lineChartXScaleGlobal} {
163
+ .tick {
164
+ :first-of-type {
165
+ text {
166
+ text-anchor: start;
167
+ }
168
+ }
169
+
170
+ :last-of-type {
171
+ text {
172
+ text-anchor: end;
173
+ }
174
+ }
175
+ }
176
+ }
177
+
178
+ .${charts.lineChartClassNames.lineChartLine} {
179
+ stroke-width: 2px;
180
+ }
181
+
182
+ .${charts.lineChartClassNames.lineChartLabel} {
183
+ color: ${({ theme: { palette } }) => palette.textPrimary};
184
+ }
185
+
186
+ .${charts.lineChartClassNames.lineChartMouseCircle} {
187
+ stroke: #ffffff;
188
+ stroke-width: 2px;
189
+ }
190
+
191
+ .${charts.lineChartClassNames.lineChartGridLineX} {
192
+ stroke: ${({ theme: { palette } }) => palette.element};
193
+ }
194
+
195
+ text {
196
+ fill: ${({ theme: { palette } }) => palette.textDisabled};
197
+ }
198
198
  `;
199
- const StyledBarChart = styled(charts.BarChart) `
200
- .domain {
201
- display: none;
202
- }
203
-
204
- .tick {
205
- text {
206
- fill: ${({ theme: { palette } }) => palette.textDisabled};
207
- }
208
-
209
- line {
210
- visibility: hidden;
211
- }
212
- }
199
+ const StyledBarChart = styled(charts.BarChart) `
200
+ .domain {
201
+ display: none;
202
+ }
203
+
204
+ .tick {
205
+ text {
206
+ fill: ${({ theme: { palette } }) => palette.textDisabled};
207
+ }
208
+
209
+ line {
210
+ visibility: hidden;
211
+ }
212
+ }
213
213
  `;
214
214
 
215
215
  function range(start, stop, step) {
@@ -3443,42 +3443,42 @@ const DEFAULT_ID_ATTRIBUTE_NAME = "gid";
3443
3443
  const DEFAULT_DROPDOWN_WIDTH = 312;
3444
3444
  const DEFAULT_FILTER_PADDING = 12;
3445
3445
 
3446
- const StackBarContainer = styled(uilibGl.Flex) `
3447
- flex-wrap: nowrap;
3448
- width: 100%;
3449
- `;
3450
- const StackBarHeader = styled(uilibGl.Flex) `
3451
- justify-content: space-between;
3452
- margin-bottom: 0.375rem;
3453
- font-size: 0.75rem;
3454
- `;
3455
- const StackBarSection = styled.div `
3456
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
3457
- width: ${({ $width }) => $width}%;
3458
- height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
3459
- margin: 0 0.5px;
3460
- background-color: ${({ $color }) => $color};
3461
- opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
3462
- transition: opacity ${uilibGl.transition.release};
3463
-
3464
- :first-child {
3465
- border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3466
- border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3467
- }
3468
-
3469
- :last-child {
3470
- border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3471
- border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3472
- }
3446
+ const StackBarContainer = styled(uilibGl.Flex) `
3447
+ flex-wrap: nowrap;
3448
+ width: 100%;
3449
+ `;
3450
+ const StackBarHeader = styled(uilibGl.Flex) `
3451
+ justify-content: space-between;
3452
+ margin-bottom: 0.375rem;
3453
+ font-size: 0.75rem;
3454
+ `;
3455
+ const StackBarSection = styled.div `
3456
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
3457
+ width: ${({ $width }) => $width}%;
3458
+ height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
3459
+ margin: 0 0.5px;
3460
+ background-color: ${({ $color }) => $color};
3461
+ opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
3462
+ transition: opacity ${uilibGl.transition.release};
3463
+
3464
+ :first-child {
3465
+ border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3466
+ border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3467
+ }
3468
+
3469
+ :last-child {
3470
+ border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3471
+ border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3472
+ }
3473
3473
  `;
3474
- const StackBarAlias = styled.div `
3475
- color: ${({ theme: { palette } }) => palette.textSecondary};
3474
+ const StackBarAlias = styled.div `
3475
+ color: ${({ theme: { palette } }) => palette.textSecondary};
3476
3476
  `;
3477
3477
  const StackBarTotal = styled(uilibGl.Flex) ``;
3478
3478
  const StackBarValue = styled.div ``;
3479
- const StackBarUnits = styled.div `
3480
- margin-left: 0.25rem;
3481
- color: ${({ theme: { palette } }) => palette.textSecondary};
3479
+ const StackBarUnits = styled.div `
3480
+ margin-left: 0.25rem;
3481
+ color: ${({ theme: { palette } }) => palette.textSecondary};
3482
3482
  `;
3483
3483
 
3484
3484
  const transparentizeColor = (originalColor, percent) => {
@@ -4134,8 +4134,8 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
4134
4134
  const customize = React.useCallback(({ svg }) => {
4135
4135
  svg.style("overflow", "visible");
4136
4136
  svg
4137
- .selectAll(`.${charts.lineChartClassNames.lineChartXScaleGlobal} line,
4138
- .${charts.lineChartClassNames.lineChartYScaleGlobal} line,
4137
+ .selectAll(`.${charts.lineChartClassNames.lineChartXScaleGlobal} line,
4138
+ .${charts.lineChartClassNames.lineChartYScaleGlobal} line,
4139
4139
  .domain`)
4140
4140
  .each((_, index, nodes) => {
4141
4141
  nodes[index].remove();
@@ -4192,11 +4192,11 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
4192
4192
  .attr("fill", `url(#${gradientId})`)
4193
4193
  .attr("stroke-width", "0")
4194
4194
  .attr("fill-opacity", FILL_OPACITY);
4195
- defs.push(`
4196
- <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
4197
- <stop offset="0" stop-color="${color}" stop-opacity="1" />
4198
- <stop offset="1" stop-color="${color}" stop-opacity="0" />
4199
- </linearGradient>
4195
+ defs.push(`
4196
+ <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
4197
+ <stop offset="0" stop-color="${color}" stop-opacity="1" />
4198
+ <stop offset="1" stop-color="${color}" stop-opacity="0" />
4199
+ </linearGradient>
4200
4200
  `);
4201
4201
  ref.current = {
4202
4202
  path: newPath,
@@ -4551,104 +4551,104 @@ const formatDataSourceCondition = ({ condition, configFilters, filters, attribut
4551
4551
  : conditionSection.join(splitter);
4552
4552
  };
4553
4553
 
4554
- const DashboardChipsContainer = styled(uilibGl.Flex) `
4555
- flex-wrap: wrap;
4554
+ const DashboardChipsContainer = styled(uilibGl.Flex) `
4555
+ flex-wrap: wrap;
4556
4556
  `;
4557
- const DefaultChipColorMixin = styled.css `
4558
- && {
4559
- color: ${({ theme: { palette } }) => palette.textPrimary};
4560
- }
4561
-
4562
- && > * {
4563
- color: ${({ theme: { palette } }) => palette.textPrimary};
4564
- }
4565
-
4566
- && span[kind]:after {
4567
- color: ${({ theme: { palette } }) => palette.icon};
4568
- }
4557
+ const DefaultChipColorMixin = styled.css `
4558
+ && {
4559
+ color: ${({ theme: { palette } }) => palette.textPrimary};
4560
+ }
4561
+
4562
+ && > * {
4563
+ color: ${({ theme: { palette } }) => palette.textPrimary};
4564
+ }
4565
+
4566
+ && span[kind]:after {
4567
+ color: ${({ theme: { palette } }) => palette.icon};
4568
+ }
4569
4569
  `;
4570
- const CustomChipColorMixin = styled.css `
4571
- && {
4572
- color: ${({ $fontColor }) => $fontColor};
4573
- }
4574
-
4575
- && > * {
4576
- color: ${({ $fontColor }) => $fontColor};
4577
- }
4578
-
4579
- && span[kind]:after {
4580
- color: ${({ $fontColor }) => $fontColor};
4581
- }
4570
+ const CustomChipColorMixin = styled.css `
4571
+ && {
4572
+ color: ${({ $fontColor }) => $fontColor};
4573
+ }
4574
+
4575
+ && > * {
4576
+ color: ${({ $fontColor }) => $fontColor};
4577
+ }
4578
+
4579
+ && span[kind]:after {
4580
+ color: ${({ $fontColor }) => $fontColor};
4581
+ }
4582
+ `;
4583
+ const DashboardChip$1 = styled(uilibGl.Chip) `
4584
+ margin: 0 0.25rem 0.25rem 0;
4585
+ background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
4586
+ border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
4587
+ white-space: nowrap;
4588
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4589
+ color: ${({ theme: { palette } }) => palette.iconContrast};
4590
+
4591
+ > * {
4592
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4593
+ }
4594
+
4595
+ span[kind] {
4596
+ height: 0.875rem;
4597
+
4598
+ :after {
4599
+ font-size: 0.875rem;
4600
+ }
4601
+ }
4602
+
4603
+ button {
4604
+ width: auto;
4605
+ padding: 0 0.5rem;
4606
+ }
4607
+
4608
+ ${({ $isDefault }) => $isDefault && DefaultChipColorMixin}
4609
+ ${({ $fontColor, $isDefault }) => !!$fontColor && !$isDefault && CustomChipColorMixin}
4582
4610
  `;
4583
- const DashboardChip$1 = styled(uilibGl.Chip) `
4584
- margin: 0 0.25rem 0.25rem 0;
4585
- background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
4586
- border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
4587
- white-space: nowrap;
4588
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4589
- color: ${({ theme: { palette } }) => palette.iconContrast};
4590
-
4591
- > * {
4592
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4593
- }
4594
-
4595
- span[kind] {
4596
- height: 0.875rem;
4597
-
4598
- :after {
4599
- font-size: 0.875rem;
4600
- }
4601
- }
4602
-
4603
- button {
4604
- width: auto;
4605
- padding: 0 0.5rem;
4606
- }
4607
-
4608
- ${({ $isDefault }) => $isDefault && DefaultChipColorMixin}
4609
- ${({ $fontColor, $isDefault }) => !!$fontColor && !$isDefault && CustomChipColorMixin}
4610
- `;
4611
-
4612
- const LayerGroupContainer = styled(uilibGl.Flex) `
4613
- display: flex;
4614
- justify-content: center;
4615
- position: relative;
4616
- flex-direction: column;
4617
- padding: 0 0.25rem 0 1rem;
4618
- box-sizing: border-box;
4619
- transition: opacity ${uilibGl.transition.hover}, background-color ${uilibGl.transition.hover};
4620
- font-family: "NunitoSans", sans-serif;
4621
- `;
4622
- const LayerGroupMain = styled(uilibGl.Flex) `
4623
- flex-direction: row;
4624
- flex-wrap: nowrap;
4625
- align-items: center;
4626
- justify-content: space-between;
4627
- width: 100%;
4628
-
4629
- ${uilibGl.Icon} {
4630
- width: 2rem;
4631
- min-width: 2rem;
4632
- height: 2rem;
4633
- display: inline-flex;
4634
- align-items: center;
4635
- justify-content: center;
4636
- margin-right: 0.75rem;
4637
- }
4638
-
4639
- ${uilibGl.Description} {
4640
- display: flex;
4641
- align-items: center;
4642
- flex-grow: 1;
4643
- width: 100%;
4644
- margin-right: 0.25rem;
4645
- color: ${({ theme }) => theme.palette.textPrimary};
4646
- }
4647
4611
 
4648
- button {
4649
- width: 2.25rem;
4650
- justify-content: flex-start;
4651
- }
4612
+ const LayerGroupContainer = styled(uilibGl.Flex) `
4613
+ display: flex;
4614
+ justify-content: center;
4615
+ position: relative;
4616
+ flex-direction: column;
4617
+ padding: 0 0.25rem 0 1rem;
4618
+ box-sizing: border-box;
4619
+ transition: opacity ${uilibGl.transition.hover}, background-color ${uilibGl.transition.hover};
4620
+ font-family: "NunitoSans", sans-serif;
4621
+ `;
4622
+ const LayerGroupMain = styled(uilibGl.Flex) `
4623
+ flex-direction: row;
4624
+ flex-wrap: nowrap;
4625
+ align-items: center;
4626
+ justify-content: space-between;
4627
+ width: 100%;
4628
+
4629
+ ${uilibGl.Icon} {
4630
+ width: 2rem;
4631
+ min-width: 2rem;
4632
+ height: 2rem;
4633
+ display: inline-flex;
4634
+ align-items: center;
4635
+ justify-content: center;
4636
+ margin-right: 0.75rem;
4637
+ }
4638
+
4639
+ ${uilibGl.Description} {
4640
+ display: flex;
4641
+ align-items: center;
4642
+ flex-grow: 1;
4643
+ width: 100%;
4644
+ margin-right: 0.25rem;
4645
+ color: ${({ theme }) => theme.palette.textPrimary};
4646
+ }
4647
+
4648
+ button {
4649
+ width: 2.25rem;
4650
+ justify-content: flex-start;
4651
+ }
4652
4652
  `;
4653
4653
 
4654
4654
  const customModes = MapboxDraw.modes;
@@ -5528,326 +5528,326 @@ const LayerTree = ({ layers, onlyMainTools }) => {
5528
5528
  return (jsxRuntime.jsx(uilibGl.DraggableTree, { nodes: nodes, disableDrag: onlyMainTools, options: { pastePlaceholderHeight: "0.0625rem" }, onUpdate: onUpdate }));
5529
5529
  };
5530
5530
 
5531
- const LayersListWrapper = styled(uilibGl.Flex) `
5532
- flex-direction: column;
5533
- height: 100%;
5534
- width: 100%;
5535
- box-sizing: border-box;
5531
+ const LayersListWrapper = styled(uilibGl.Flex) `
5532
+ flex-direction: column;
5533
+ height: 100%;
5534
+ width: 100%;
5535
+ box-sizing: border-box;
5536
5536
  `;
5537
- const LayerListContainer = styled(uilibGl.Flex) `
5538
- flex-grow: 1;
5539
- height: 100%;
5540
- box-sizing: border-box;
5537
+ const LayerListContainer = styled(uilibGl.Flex) `
5538
+ flex-grow: 1;
5539
+ height: 100%;
5540
+ box-sizing: border-box;
5541
5541
  `;
5542
5542
 
5543
- const ElementValueWrapper = styled.div `
5544
- transition: background-color ${uilibGl.transition.toggle};
5545
-
5546
- ${({ noMargin }) => styled.css `
5547
- &&&& {
5548
- margin-bottom: 0;
5549
- }
5550
- `};
5543
+ const ElementValueWrapper = styled.div `
5544
+ transition: background-color ${uilibGl.transition.toggle};
5545
+
5546
+ ${({ noMargin }) => styled.css `
5547
+ &&&& {
5548
+ margin-bottom: 0;
5549
+ }
5550
+ `};
5551
5551
  `;
5552
- const Container = styled(uilibGl.Flex) `
5553
- flex-direction: column;
5554
- width: 100%;
5555
-
5552
+ const Container = styled(uilibGl.Flex) `
5553
+ flex-direction: column;
5554
+ width: 100%;
5555
+
5556
5556
  ${({ isColumn }) => isColumn
5557
- ? styled.css `
5558
- &&& > * {
5559
- justify-content: flex-start;
5560
- }
5561
- > * {
5562
- width: 100%;
5563
-
5564
- :not(:last-child) {
5565
- margin-bottom: 1.5rem;
5566
- }
5567
- }
5557
+ ? styled.css `
5558
+ &&& > * {
5559
+ justify-content: flex-start;
5560
+ }
5561
+ > * {
5562
+ width: 100%;
5563
+
5564
+ :not(:last-child) {
5565
+ margin-bottom: 0.5rem;
5566
+ }
5567
+ }
5568
5568
  `
5569
- : styled.css `
5570
- flex-direction: row;
5571
- justify-content: space-between;
5572
- align-items: center;
5573
- `}
5574
-
5569
+ : styled.css `
5570
+ flex-direction: row;
5571
+ justify-content: space-between;
5572
+ align-items: center;
5573
+ `}
5574
+
5575
5575
  ${({ isTitle }) => isTitle &&
5576
- styled.css `
5577
- &&&& {
5578
- margin-bottom: 0.75rem;
5579
- }
5580
- `}
5581
-
5582
- ${({ noBorders }) => noBorders && styled.css `
5583
- ${ContainerWrapper} {
5584
- box-shadow: none;
5585
- padding: 0;
5586
- }
5587
- `}
5588
- `;
5589
- const ContainerWrapper = styled(uilibGl.Flex) `
5590
- position: relative;
5591
- box-sizing: border-box;
5592
- width: 100%;
5593
- background: ${({ theme: { palette } }) => palette.backgroundAlpha};
5594
- box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
5595
- margin-bottom: 2rem;
5596
- padding: 1.5rem;
5597
- border-radius: 0.5rem;
5598
- backdrop-filter: blur(20px);
5599
- color: ${({ theme: { palette } }) => palette.textPrimary};
5600
- z-index: ${({ $zIndex }) => $zIndex ?? 1};
5601
- transition: background-color ${uilibGl.transition.toggle};
5602
-
5603
- ${({ $noMargin }) => $noMargin && styled.css `
5604
- &&&& {
5605
- margin-bottom: 0;
5606
- }
5607
- `}
5608
- `;
5609
- const DashboardChip = styled(uilibGl.Chip) `
5610
- margin: 0 0.25rem 0.25rem 0;
5611
- background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
5612
- border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
5613
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5614
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5615
-
5616
- > * {
5617
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5618
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5619
- }
5620
-
5621
- span[kind]:after {
5622
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
5623
- }
5624
- `;
5625
- const DashboardPlaceholderWrap = styled(uilibGl.Flex) `
5626
- flex-grow: 1;
5627
- flex-direction: column;
5628
- justify-content: center;
5629
- align-items: center;
5630
- width: 100%;
5631
- margin-bottom: 2rem;
5576
+ styled.css `
5577
+ &&&& {
5578
+ margin-bottom: 0.75rem;
5579
+ }
5580
+ `}
5581
+
5582
+ ${({ noBorders }) => noBorders && styled.css `
5583
+ ${ContainerWrapper} {
5584
+ box-shadow: none;
5585
+ padding: 0;
5586
+ }
5587
+ `}
5588
+ `;
5589
+ const ContainerWrapper = styled(uilibGl.Flex) `
5590
+ position: relative;
5591
+ box-sizing: border-box;
5592
+ width: 100%;
5593
+ background: ${({ theme: { palette } }) => palette.backgroundAlpha};
5594
+ box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
5595
+ margin-bottom: 2rem;
5596
+ padding: 1.5rem;
5597
+ border-radius: 0.5rem;
5598
+ backdrop-filter: blur(20px);
5599
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5600
+ z-index: ${({ $zIndex }) => $zIndex ?? 1};
5601
+ transition: background-color ${uilibGl.transition.toggle};
5602
+
5603
+ ${({ $noMargin }) => $noMargin && styled.css `
5604
+ &&&& {
5605
+ margin-bottom: 0;
5606
+ }
5607
+ `}
5608
+ `;
5609
+ const DashboardChip = styled(uilibGl.Chip) `
5610
+ margin: 0 0.25rem 0.25rem 0;
5611
+ background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
5612
+ border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
5613
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5614
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5615
+
5616
+ > * {
5617
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5618
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5619
+ }
5620
+
5621
+ span[kind]:after {
5622
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
5623
+ }
5632
5624
  `;
5633
- const DashboardPlaceholder = styled(uilibGl.Flex) `
5634
- flex-direction: column;
5635
- justify-content: center;
5636
- align-items: center;
5637
- margin-top: 2rem;
5638
-
5625
+ const DashboardPlaceholderWrap = styled(uilibGl.Flex) `
5626
+ flex-grow: 1;
5627
+ flex-direction: column;
5628
+ justify-content: center;
5629
+ align-items: center;
5630
+ width: 100%;
5631
+ margin-bottom: 2rem;
5632
+ `;
5633
+ const DashboardPlaceholder = styled(uilibGl.Flex) `
5634
+ flex-direction: column;
5635
+ justify-content: center;
5636
+ align-items: center;
5637
+ margin-top: 2rem;
5638
+
5639
5639
  ${({ isLoading }) => isLoading &&
5640
- styled.css `
5641
- width: 6.25rem;
5642
- `}
5643
-
5644
- &&& > * {
5645
- margin-bottom: 0;
5646
- }
5647
-
5648
- > div {
5649
- width: 100%;
5650
- margin-top: 1rem;
5651
- font-size: 0.75rem;
5652
- text-align: center;
5653
- color: ${({ theme: { palette } }) => palette.textDisabled};
5654
- }
5655
-
5656
- span[kind] {
5657
- width: 2.25rem;
5658
- height: 2.25rem;
5659
- opacity: 0.28;
5660
-
5661
- :after {
5662
- font-size: 32px;
5663
- }
5664
- }
5640
+ styled.css `
5641
+ width: 6.25rem;
5642
+ `}
5643
+
5644
+ &&& > * {
5645
+ margin-bottom: 0;
5646
+ }
5647
+
5648
+ > div {
5649
+ width: 100%;
5650
+ margin-top: 1rem;
5651
+ font-size: 0.75rem;
5652
+ text-align: center;
5653
+ color: ${({ theme: { palette } }) => palette.textDisabled};
5654
+ }
5655
+
5656
+ span[kind] {
5657
+ width: 2.25rem;
5658
+ height: 2.25rem;
5659
+ opacity: 0.28;
5660
+
5661
+ :after {
5662
+ font-size: 32px;
5663
+ }
5664
+ }
5665
5665
  `;
5666
- const DashboardWrapper = styled(uilibGl.Flex) `
5667
- flex-direction: column;
5668
- flex-wrap: nowrap;
5669
- flex-grow: 1;
5670
- width: calc(100% - 3rem);
5671
- height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
5672
-
5666
+ const DashboardWrapper = styled(uilibGl.Flex) `
5667
+ flex-direction: column;
5668
+ flex-wrap: nowrap;
5669
+ flex-grow: 1;
5670
+ width: calc(100% - 3rem);
5671
+ height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
5672
+
5673
5673
  ${({ hasImage, isPresentationMode }) => hasImage &&
5674
5674
  !isPresentationMode &&
5675
- styled.css `
5676
- margin-top: -0.35rem;
5677
- `}
5678
- `;
5679
- const DashboardContent = styled(uilibGl.Flex) `
5680
- flex-grow: 1;
5681
- width: 100%;
5682
- padding: 1.5rem 1.5rem 2rem;
5683
- overflow-y: auto;
5684
- scrollbar-gutter: stable;
5685
- `;
5686
- const PresentationWrapperCss = styled.css `
5687
- margin-bottom: 0.75rem;
5688
- padding: 1.5rem;
5689
- background-color: ${({ theme: { palette } }) => palette.panelBackground};
5690
- backdrop-filter: blur(10px);
5691
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5692
- box-shadow: ${uilibGl.shadows.raised};
5693
- `;
5694
- const PresentationWrapper = styled.div `
5695
- ${PresentationWrapperCss};
5696
- position: relative;
5697
- z-index: 1;
5698
- `;
5699
- const PresentationPanelWrapper = styled(PresentationWrapper) `
5700
- margin-top: 0.75rem;
5701
- transition: background-color ${uilibGl.transition.toggle};
5702
- `;
5703
- const PresentationHeader = styled.div `
5704
- margin: -1.5rem -1.5rem 0 -1.5rem;
5705
- padding: 1.5rem;
5706
- // background: url(images.presentationHeader) 0 0 no-repeat;
5707
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5708
- transition: background-color ${uilibGl.transition.toggle};
5709
-
5675
+ styled.css `
5676
+ margin-top: -0.35rem;
5677
+ `}
5678
+ `;
5679
+ const DashboardContent = styled(uilibGl.Flex) `
5680
+ flex-grow: 1;
5681
+ width: 100%;
5682
+ padding: 1.5rem 1.5rem 2rem;
5683
+ overflow-y: auto;
5684
+ scrollbar-gutter: stable;
5685
+ `;
5686
+ const PresentationWrapperCss = styled.css `
5687
+ margin-bottom: 0.75rem;
5688
+ padding: 1.5rem;
5689
+ background-color: ${({ theme: { palette } }) => palette.panelBackground};
5690
+ backdrop-filter: blur(10px);
5691
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5692
+ box-shadow: ${uilibGl.shadows.raised};
5693
+ `;
5694
+ const PresentationWrapper = styled.div `
5695
+ ${PresentationWrapperCss};
5696
+ position: relative;
5697
+ z-index: 1;
5698
+ `;
5699
+ const PresentationPanelWrapper = styled(PresentationWrapper) `
5700
+ margin-top: 0.75rem;
5701
+ transition: background-color ${uilibGl.transition.toggle};
5702
+ `;
5703
+ const PresentationHeader = styled.div `
5704
+ margin: -1.5rem -1.5rem 0 -1.5rem;
5705
+ padding: 1.5rem;
5706
+ // background: url(images.presentationHeader) 0 0 no-repeat;
5707
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5708
+ transition: background-color ${uilibGl.transition.toggle};
5709
+
5710
5710
  ${({ image }) => !!image &&
5711
- styled.css `
5712
- padding-top: 7rem;
5713
- `};
5714
- `;
5715
- const PresentationHeaderTools = styled(uilibGl.Flex) `
5716
- justify-content: space-between;
5717
- align-items: center;
5718
- margin-bottom: -0.5rem;
5719
- margin-right: -0.5rem;
5720
-
5721
- span[kind="sun"],
5722
- span[kind="moon"] {
5723
- :after {
5724
- font-size: 0.85rem;
5725
- color: ${({ theme: { palette } }) => palette.iconDisabled};
5726
- }
5727
-
5728
- :hover:after {
5729
- color: ${({ theme: { palette } }) => palette.icon};
5730
- }
5731
- }
5711
+ styled.css `
5712
+ padding-top: 7rem;
5713
+ `};
5714
+ `;
5715
+ const PresentationHeaderTools = styled(uilibGl.Flex) `
5716
+ justify-content: space-between;
5717
+ align-items: center;
5718
+ margin-bottom: -0.5rem;
5719
+ margin-right: -0.5rem;
5720
+
5721
+ span[kind="sun"],
5722
+ span[kind="moon"] {
5723
+ :after {
5724
+ font-size: 0.85rem;
5725
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
5726
+ }
5727
+
5728
+ :hover:after {
5729
+ color: ${({ theme: { palette } }) => palette.icon};
5730
+ }
5731
+ }
5732
5732
  `;
5733
- const LayerGroupList = styled(uilibGl.Flex) `
5734
- flex-direction: column;
5735
- height: 100%;
5736
- flex-wrap: nowrap;
5737
- overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
5738
- overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
5739
- padding: 0 0.125rem 0 0.75rem;
5740
- scrollbar-gutter: stable;
5741
-
5742
- > * {
5743
- flex-grow: 1;
5744
- }
5733
+ const LayerGroupList = styled(uilibGl.Flex) `
5734
+ flex-direction: column;
5735
+ height: 100%;
5736
+ flex-wrap: nowrap;
5737
+ overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
5738
+ overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
5739
+ padding: 0 0.125rem 0 0.75rem;
5740
+ scrollbar-gutter: stable;
5741
+
5742
+ > * {
5743
+ flex-grow: 1;
5744
+ }
5745
5745
  `;
5746
5746
  const PresentationHeaderButtons = styled(uilibGl.Flex) ``;
5747
- const PresentationPanelContainer = styled.div `
5748
- position: absolute;
5749
- top: 0;
5750
- left: calc(${({ left }) => left || 0}px + 0.75rem);
5751
- bottom: 0;
5752
- z-index: 3;
5753
- display: flex;
5754
- flex-direction: column;
5755
- width: ${LEFT_PANEL_HEADER_HEIGHT}px;
5756
- padding-right: 0.5rem;
5757
- scrollbar-gutter: stable;
5758
- overflow-y: hidden;
5759
-
5760
- :hover {
5761
- overflow-y: auto;
5762
- }
5763
-
5747
+ const PresentationPanelContainer = styled.div `
5748
+ position: absolute;
5749
+ top: 0;
5750
+ left: calc(${({ left }) => left || 0}px + 0.75rem);
5751
+ bottom: 0;
5752
+ z-index: 3;
5753
+ display: flex;
5754
+ flex-direction: column;
5755
+ width: ${LEFT_PANEL_HEADER_HEIGHT}px;
5756
+ padding-right: 0.5rem;
5757
+ scrollbar-gutter: stable;
5758
+ overflow-y: hidden;
5759
+
5760
+ :hover {
5761
+ overflow-y: auto;
5762
+ }
5763
+
5764
5764
  ${({ showLayers }) => !showLayers &&
5765
- styled.css `
5766
- > :first-child {
5767
- padding-bottom: 0;
5768
- }
5769
- `};
5770
-
5771
- ${PresentationHeader} > * {
5772
- position: relative;
5773
- z-index: 2;
5774
- }
5775
-
5776
- /* PaginationWrapper {
5777
- ${PresentationWrapperCss};
5778
- width: calc(100% - 2rem);
5779
- min-height: 8.625rem;
5780
- padding-top: 0.5rem;
5781
- padding-bottom: 0.5rem;
5782
- margin-bottom: 0.75rem;
5783
- }*/
5784
-
5785
- ${DashboardWrapper} {
5786
- width: 100%;
5787
- margin-top: 0;
5788
-
5789
- ${DashboardContent} {
5790
- padding: 0;
5791
- overflow-y: unset;
5792
-
5793
- > * > ${ContainerWrapper} > * > ${ContainerWrapper} {
5794
- ${PresentationWrapperCss};
5795
- width: calc(100% - 3rem);
5796
- }
5797
- }
5798
- }
5799
-
5800
- ${DashboardPlaceholder} {
5801
- ${PresentationWrapperCss};
5802
- width: 18.5rem;
5803
- height: 10.75rem;
5804
- }
5805
-
5806
- ${LayerListContainer} {
5807
- height: auto;
5808
- margin: 0 -1.125rem -1.5rem;
5809
- padding: 0;
5810
-
5811
- ${LayerGroupList} {
5812
- padding: 0;
5813
- }
5814
- }
5765
+ styled.css `
5766
+ > :first-child {
5767
+ padding-bottom: 0;
5768
+ }
5769
+ `};
5770
+
5771
+ ${PresentationHeader} > * {
5772
+ position: relative;
5773
+ z-index: 2;
5774
+ }
5775
+
5776
+ /* PaginationWrapper {
5777
+ ${PresentationWrapperCss};
5778
+ width: calc(100% - 2rem);
5779
+ min-height: 8.625rem;
5780
+ padding-top: 0.5rem;
5781
+ padding-bottom: 0.5rem;
5782
+ margin-bottom: 0.75rem;
5783
+ }*/
5784
+
5785
+ ${DashboardWrapper} {
5786
+ width: 100%;
5787
+ margin-top: 0;
5788
+
5789
+ ${DashboardContent} {
5790
+ padding: 0;
5791
+ overflow-y: unset;
5792
+
5793
+ > * > ${ContainerWrapper} > * > ${ContainerWrapper} {
5794
+ ${PresentationWrapperCss};
5795
+ width: calc(100% - 3rem);
5796
+ }
5797
+ }
5798
+ }
5799
+
5800
+ ${DashboardPlaceholder} {
5801
+ ${PresentationWrapperCss};
5802
+ width: 18.5rem;
5803
+ height: 10.75rem;
5804
+ }
5805
+
5806
+ ${LayerListContainer} {
5807
+ height: auto;
5808
+ margin: 0 -1.125rem -1.5rem;
5809
+ padding: 0;
5810
+
5811
+ ${LayerGroupList} {
5812
+ padding: 0;
5813
+ }
5814
+ }
5815
5815
  `;
5816
- const DataSourceErrorContainer = styled(uilibGl.Flex) `
5817
- align-items: center;
5818
- justify-content: center;
5819
- flex-wrap: nowrap;
5820
- flex-grow: 1;
5821
- padding: 1rem;
5822
- border: 1px ${({ theme: { palette } }) => palette.element} solid;
5823
- border-radius: 10px;
5824
- font-size: 0.875rem;
5825
- color: ${({ theme: { palette } }) => palette.textDisabled};
5826
-
5827
- span[kind] {
5828
- margin-right: 1rem;
5829
-
5830
- :after {
5831
- color: ${({ theme: { palette } }) => palette.iconDisabled};
5832
- }
5833
- }
5816
+ const DataSourceErrorContainer = styled(uilibGl.Flex) `
5817
+ align-items: center;
5818
+ justify-content: center;
5819
+ flex-wrap: nowrap;
5820
+ flex-grow: 1;
5821
+ padding: 1rem;
5822
+ border: 1px ${({ theme: { palette } }) => palette.element} solid;
5823
+ border-radius: 10px;
5824
+ font-size: 0.875rem;
5825
+ color: ${({ theme: { palette } }) => palette.textDisabled};
5826
+
5827
+ span[kind] {
5828
+ margin-right: 1rem;
5829
+
5830
+ :after {
5831
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
5832
+ }
5833
+ }
5834
5834
  `;
5835
- const AttributeLabel = styled(uilibGl.Description) `
5836
- margin-top: 0 !important;
5837
- margin-bottom: ${({ forCheckbox }) => (forCheckbox ? "0.75rem" : "0.25rem")} !important;
5838
- padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
5839
- `;
5840
- const FeatureControls = styled(uilibGl.Flex) `
5841
- align-items: center;
5842
- gap: 1rem;
5843
- flex-wrap: nowrap;
5844
- position: relative;
5845
- flex-shrink: 0;
5846
-
5847
- button {
5848
- padding: 0;
5849
- width: auto;
5850
- }
5835
+ const AttributeLabel = styled(uilibGl.Description) `
5836
+ margin-top: 0 !important;
5837
+ margin-bottom: ${({ forCheckbox }) => (forCheckbox ? "0.75rem" : "0.25rem")} !important;
5838
+ padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
5839
+ `;
5840
+ const FeatureControls = styled(uilibGl.Flex) `
5841
+ align-items: center;
5842
+ gap: 1rem;
5843
+ flex-wrap: nowrap;
5844
+ position: relative;
5845
+ flex-shrink: 0;
5846
+
5847
+ button {
5848
+ padding: 0;
5849
+ width: auto;
5850
+ }
5851
5851
  `;
5852
5852
 
5853
5853
  const getAttributeByName = (attributeName, attributes) => {
@@ -5928,212 +5928,190 @@ const ContainersGroupContainer = React.memo(({ elementConfig, type, renderElemen
5928
5928
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsx(Container, { id: id, isColumn: isColumn, children: jsxRuntime.jsx(ContainerChildren, { type: type, items: children, elementConfig: elementConfig, isColumn: isColumn, isMain: id?.startsWith(CONFIG_PAGE_ID), renderElement: renderElement }) }))] }));
5929
5929
  });
5930
5930
 
5931
- const ChartLegendContainer = styled(uilibGl.Flex) `
5932
- flex-direction: column;
5933
- flex-wrap: wrap;
5934
- justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
5935
- `;
5936
- const ChartLegendItem = styled(uilibGl.Flex) `
5937
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
5938
- align-items: center;
5939
- flex-wrap: nowrap;
5940
- width: auto;
5941
- margin-right: 0.375rem;
5942
- margin-bottom: 0.25rem;
5943
- line-height: 0.75rem;
5944
- opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
5945
- `;
5946
- const ChartLegendColor = styled.div `
5947
- width: 0.5rem;
5948
- height: 0.5rem;
5949
- margin-right: 0.375rem;
5950
- background-color: ${({ color }) => color};
5951
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
5952
- `;
5953
- const ChartLegendName = styled.div `
5954
- flex: 1;
5955
- font-size: ${({ $fontSize }) => $fontSize || "0.625rem"};
5956
- color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
5957
- `;
5958
-
5959
- const ContainerAlias = styled(uilibGl.Flex) `
5960
- align-items: center;
5961
- flex-wrap: nowrap;
5962
- font-size: 0.75rem;
5963
- color: ${({ theme: { palette } }) => palette.textSecondary};
5964
-
5965
- &&& {
5966
- margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
5967
- }
5968
-
5969
- span[kind] {
5970
- margin-right: 0.5rem;
5971
-
5972
- :after {
5973
- color: ${({ theme: { palette } }) => palette.primary};
5974
- }
5975
- }
5976
- `;
5977
- const ContainerAliasIcon = styled.div `
5978
- margin-right: 0.5rem;
5979
- `;
5980
- const ContainerChart = styled(uilibGl.Flex) `
5981
- justify-content: flex-start;
5982
-
5983
- > * {
5984
- display: flex;
5985
- justify-content: center;
5986
- width: 100%;
5987
- }
5931
+ const ChartLegendContainer = styled(uilibGl.Flex) `
5932
+ flex-direction: column;
5933
+ flex-wrap: wrap;
5934
+ justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
5935
+ `;
5936
+ const ChartLegendItem = styled(uilibGl.Flex) `
5937
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
5938
+ align-items: center;
5939
+ flex-wrap: nowrap;
5940
+ width: auto;
5941
+ margin-right: 0.375rem;
5942
+ margin-bottom: 0.25rem;
5943
+ line-height: 0.75rem;
5944
+ opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
5945
+ `;
5946
+ const ChartLegendColor = styled.div `
5947
+ width: 0.5rem;
5948
+ height: 0.5rem;
5949
+ margin-right: 0.375rem;
5950
+ background-color: ${({ color }) => color};
5951
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
5952
+ `;
5953
+ const ChartLegendName = styled.div `
5954
+ flex: 1;
5955
+ font-size: ${({ $fontSize }) => $fontSize || "0.625rem"};
5956
+ color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
5988
5957
  `;
5989
- const ContainerLegend = styled(uilibGl.Flex) ``;
5990
- const ContainerUnits = styled.div `
5991
- margin-left: 0.5rem;
5992
- white-space: nowrap;
5993
- font-size: 0.75rem;
5994
- `;
5995
- const ContainerValue = styled(uilibGl.Flex) `
5996
- justify-content: flex-end;
5997
- align-items: center;
5998
- flex-wrap: nowrap;
5999
- width: 100%;
6000
- font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
6001
- color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
6002
-
6003
- > * {
6004
- width: ${({ column }) => (column ? "100%" : "auto")};
6005
- }
6006
-
6007
- ${ContainerChart}, ${ContainerLegend} {
6008
- width: ${({ column }) => (column ? "100%" : "50%")};
6009
- }
6010
-
6011
- ${ContainerLegend} {
6012
- margin-left: ${({ column }) => (column ? 0 : "1rem")};
6013
- }
6014
5958
 
6015
- ${ChartLegendContainer} {
6016
- flex-direction: ${({ column }) => (column ? "row" : "column")};
6017
- margin-top: ${({ column }) => (column ? "1rem" : 0)};
6018
- }
6019
- `;
6020
- const ColorIconMixin = styled.css `
6021
- :after {
6022
- color: ${({ $fontColor }) => $fontColor} !important;
6023
- }
5959
+ const ContainerAlias = styled(uilibGl.Flex) `
5960
+ align-items: center;
5961
+ flex-wrap: nowrap;
5962
+ font-size: 0.75rem;
5963
+ color: ${({ theme: { palette } }) => palette.textSecondary};
5964
+
5965
+ &&& {
5966
+ margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
5967
+ }
5968
+
5969
+ span[kind] {
5970
+ margin-right: 0.5rem;
5971
+
5972
+ :after {
5973
+ color: ${({ theme: { palette } }) => palette.primary};
5974
+ }
5975
+ }
6024
5976
  `;
6025
- const SizeIconMixin = styled.css `
6026
- :after {
6027
- font-size: ${({ $fontSize }) => $fontSize}px !important;
6028
- }
5977
+ const ContainerAliasIcon = styled.div `
5978
+ margin-right: 0.5rem;
6029
5979
  `;
6030
- const ContainerIcon = styled(uilibGl.Icon) `
6031
- width: auto;
6032
- height: auto;
6033
- margin-bottom: 0.5rem;
6034
- ${({ $fontColor }) => !!$fontColor && ColorIconMixin};
6035
- ${({ $fontSize }) => !!$fontSize && SizeIconMixin};
6036
- `;
6037
- const SvgContainerColorMixin$1 = styled.css `
6038
- path,
6039
- line,
6040
- circle {
6041
- fill: ${({ $fontColor }) => $fontColor};
6042
- }
5980
+ const ContainerChart = styled(uilibGl.Flex) `
5981
+ justify-content: flex-start;
5982
+
5983
+ > * {
5984
+ display: flex;
5985
+ justify-content: center;
5986
+ width: 100%;
5987
+ }
6043
5988
  `;
6044
- const SvgContainer$1 = styled.div `
6045
- &&& {
6046
- min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6047
- max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6048
-
6049
- ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
6050
-
6051
- > * {
6052
- min-width: inherit;
6053
- }
6054
- }
5989
+ const ContainerLegend = styled(uilibGl.Flex) ``;
5990
+ const ContainerUnits = styled.div `
5991
+ margin-left: 0.5rem;
5992
+ white-space: nowrap;
5993
+ font-size: 0.75rem;
5994
+ `;
5995
+ const ContainerValue = styled(uilibGl.Flex) `
5996
+ justify-content: flex-end;
5997
+ align-items: center;
5998
+ flex-wrap: nowrap;
5999
+ width: 100%;
6000
+ font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
6001
+ color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
6002
+
6003
+ > * {
6004
+ width: ${({ column }) => (column ? "100%" : "auto")};
6005
+ }
6006
+
6007
+ ${ContainerChart}, ${ContainerLegend} {
6008
+ width: ${({ column }) => (column ? "100%" : "50%")};
6009
+ }
6010
+
6011
+ ${ContainerLegend} {
6012
+ margin-left: ${({ column }) => (column ? 0 : "1rem")};
6013
+ }
6014
+
6015
+ ${ChartLegendContainer} {
6016
+ flex-direction: ${({ column }) => (column ? "row" : "column")};
6017
+ margin-top: ${({ column }) => (column ? "1rem" : 0)};
6018
+ }
6055
6019
  `;
6056
- const TwoColumnContainerWrapper = styled(uilibGl.Flex) `
6057
- width: 100%;
6058
- flex-direction: row;
6059
- flex-wrap: nowrap;
6060
- align-items: center;
6061
-
6062
- > * {
6063
- flex: 1;
6064
- }
6065
-
6066
- > ${ContainerValue} {
6067
- justify-content: flex-end;
6068
-
6069
- > * {
6070
- text-align: right;
6071
- }
6072
- }
6020
+ const ColorIconMixin = styled.css `
6021
+ :after {
6022
+ color: ${({ $fontColor }) => $fontColor} !important;
6023
+ }
6024
+ `;
6025
+ const SizeIconMixin = styled.css `
6026
+ :after {
6027
+ font-size: ${({ $fontSize }) => $fontSize}px !important;
6028
+ }
6029
+ `;
6030
+ const ContainerIcon = styled(uilibGl.Icon) `
6031
+ width: auto;
6032
+ height: auto;
6033
+ margin-bottom: 0.5rem;
6034
+ ${({ $fontColor }) => !!$fontColor && ColorIconMixin};
6035
+ ${({ $fontSize }) => !!$fontSize && SizeIconMixin};
6036
+ `;
6037
+ const SvgContainerColorMixin$1 = styled.css `
6038
+ path,
6039
+ line,
6040
+ circle {
6041
+ fill: ${({ $fontColor }) => $fontColor};
6042
+ }
6043
+ `;
6044
+ const SvgContainer$1 = styled.div `
6045
+ &&& {
6046
+ min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6047
+ max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6048
+
6049
+ ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
6050
+
6051
+ > * {
6052
+ min-width: inherit;
6053
+ }
6054
+ }
6055
+ `;
6056
+ const TwoColumnContainerWrapper = styled(uilibGl.Flex) `
6057
+ width: 100%;
6058
+ flex-direction: row;
6059
+ flex-wrap: nowrap;
6060
+ align-items: center;
6061
+
6062
+ > * {
6063
+ flex: 1;
6064
+ }
6065
+
6066
+ > ${ContainerValue} {
6067
+ justify-content: flex-end;
6068
+
6069
+ > * {
6070
+ text-align: right;
6071
+ }
6072
+ }
6073
6073
  `;
6074
6074
 
6075
- const OneColumnContainer = React.memo(({ elementConfig, renderElement }) => {
6076
- const { id, options, style } = elementConfig || {};
6077
- const { innerTemplateStyle, hideEmpty } = options || {};
6078
- const value = renderElement({ id: "value" });
6079
- const hasUnits = elementConfig?.children?.some(({ id }) => id === "units");
6080
- if (!value && hideEmpty)
6081
- return null;
6082
- return (jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: innerTemplateStyle || style, children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsxRuntime.jsxs(ContainerValue, { children: [value, hasUnits && jsxRuntime.jsx(ContainerUnits, { children: renderElement({ id: "units" }) })] })] }));
6075
+ const BASE_STYLE = {
6076
+ marginBottom: "1rem",
6077
+ };
6078
+ const OneColumnContainer = React.memo(({ config, elementConfig, type, renderElement }) => {
6079
+ const { getAttributesToRender, renderContainer } = useMultipleAttributesRender(config, elementConfig, type, renderElement);
6080
+ const attributesToRender = getAttributesToRender();
6081
+ if (!attributesToRender.length) {
6082
+ const { id, options, style } = elementConfig || {};
6083
+ const { innerTemplateStyle, hideEmpty } = options || {};
6084
+ const value = renderElement({ id: "value" });
6085
+ const hasUnits = elementConfig?.children?.some(({ id }) => id === "units");
6086
+ if (!value && hideEmpty)
6087
+ return null;
6088
+ return (jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE, ...(innerTemplateStyle || style) }, children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsxRuntime.jsxs(ContainerValue, { children: [value, hasUnits && jsxRuntime.jsx(ContainerUnits, { children: renderElement({ id: "units" }) })] })] }));
6089
+ }
6090
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: attributesToRender.map(attribute => {
6091
+ const containerData = renderContainer(attribute);
6092
+ if (!containerData)
6093
+ return null;
6094
+ const { render, hasUnits, id, style } = containerData;
6095
+ return (jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE, ...(elementConfig?.options?.innerTemplateStyle || style) }, children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [render({ id: "alias" }), render({ id: "tooltip" })] }), jsxRuntime.jsxs(ContainerValue, { children: [render({ id: "value" }), hasUnits && jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) })] })] }, attribute));
6096
+ }) }));
6083
6097
  });
6084
6098
 
6085
6099
  const TwoColumnContainer = React.memo(({ config, elementConfig, type, renderElement }) => {
6086
- const { selectedTabId, layerInfo, attributes } = useWidgetContext(type);
6087
- const { attributes: renderAttributes } = elementConfig?.options || {};
6088
- const renderContainer = React.useCallback((attribute) => {
6089
- const { id, options, style, children } = elementConfig || {};
6090
- const { hideEmpty, innerTemplateStyle } = options || {};
6091
- const hasUnits = children?.some(({ id }) => id === "units");
6092
- const iconIndex = children?.findIndex(({ id }) => id === "icon");
6093
- const icon = children?.[iconIndex];
6094
- const hasIcon = !!icon;
6095
- const elementChildren = elementConfig?.children?.map(child => ({
6096
- type: "attributeValue",
6097
- ...child,
6098
- attributeName: attribute,
6099
- options: { noUnits: hasUnits, ...child.options },
6100
- }));
6101
- const attr = attribute
6102
- ? layerInfo?.layerAttributes?.find(({ attributeName }) => attributeName === attribute)
6103
- : null;
6104
- if (hasIcon) {
6105
- elementChildren[iconIndex] = {
6106
- ...elementChildren[iconIndex],
6107
- type: attr?.icon?.type?.toLowerCase(),
6108
- value: attr?.icon?.resourceId || attr?.icon?.url || attr?.icon?.iconName,
6109
- attributeName: null,
6110
- };
6111
- }
6112
- const render = attribute
6113
- ? getRenderElement({
6114
- config,
6115
- elementConfig: {
6116
- ...elementConfig,
6117
- children: elementChildren,
6118
- },
6119
- selectedTabId,
6120
- attributes,
6121
- layerInfo,
6122
- type,
6123
- })
6124
- : renderElement;
6125
- const value = render({ id: "value" });
6126
- if (!value && hideEmpty)
6127
- return null;
6128
- return (jsxRuntime.jsxs(TwoColumnContainerWrapper, { id: id, style: innerTemplateStyle || style, children: [jsxRuntime.jsxs(ContainerAlias, { children: [hasIcon && jsxRuntime.jsx(ContainerAliasIcon, { children: render({ id: "icon" }) }), render({ id: "alias" }), render({ id: "tooltip" })] }), jsxRuntime.jsxs(ContainerValue, { big: true, children: [value, hasUnits && jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) })] })] }, attribute));
6129
- }, [attributes, config, getRenderElement, layerInfo, renderElement, selectedTabId, type, elementConfig]);
6130
- return renderAttributes?.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAttributes.map(attribute => renderContainer(attribute)) })) : (renderContainer());
6100
+ const { getAttributesToRender, renderContainer } = useMultipleAttributesRender(config, elementConfig, type, renderElement);
6101
+ const attributesToRender = getAttributesToRender();
6102
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: attributesToRender.map(attribute => {
6103
+ const containerData = renderContainer(attribute);
6104
+ if (!containerData)
6105
+ return null;
6106
+ const { render, hasUnits, id, style, hasIcon } = containerData;
6107
+ return (jsxRuntime.jsxs(TwoColumnContainerWrapper, { id: id, style: style, children: [jsxRuntime.jsxs(ContainerAlias, { children: [hasIcon && jsxRuntime.jsx(ContainerAliasIcon, { children: render({ id: "icon" }) }), render({ id: "alias" }), render({ id: "tooltip" })] }), jsxRuntime.jsxs(ContainerValue, { big: true, children: [render({ id: "value" }), hasUnits && jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) })] })] }, attribute));
6108
+ }) }));
6131
6109
  });
6132
6110
 
6133
- const InnerContainerWrapper = styled.div `
6134
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
6135
- width: ${({ column }) => (column ? "100%" : "auto")};
6136
- opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
6111
+ const InnerContainerWrapper = styled.div `
6112
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
6113
+ width: ${({ column }) => (column ? "100%" : "auto")};
6114
+ opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
6137
6115
  `;
6138
6116
 
6139
6117
  const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, maxValue, type, index, innerComponent }) => {
@@ -6204,107 +6182,107 @@ const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, m
6204
6182
  return (jsxRuntime.jsx(InnerContainerWrapper, { hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(value), column: column === undefined || column, onClick: filterName ? () => onFilter(value) : undefined, children: jsxRuntime.jsx(InnerContainer, { config: config, elementConfig: elementConfig, feature: feature, maxValue: maxValue, type: type, index: index, renderElement: render }) }));
6205
6183
  });
6206
6184
 
6207
- const DataSourceProgressContainerWrapper = styled.div `
6208
- width: 100%;
6185
+ const DataSourceProgressContainerWrapper = styled.div `
6186
+ width: 100%;
6209
6187
  `;
6210
- const ContainerToggler = styled(uilibGl.LegendToggler) `
6211
- width: auto;
6212
- margin-left: -1rem;
6188
+ const ContainerToggler = styled(uilibGl.LegendToggler) `
6189
+ width: auto;
6190
+ margin-left: -1rem;
6213
6191
  `;
6214
6192
 
6215
- const ProgressContainerWrapper = styled(uilibGl.Flex) `
6216
- align-items: center;
6217
- width: 100%;
6218
- margin-bottom: 1rem;
6219
- `;
6220
- const ProgressIcon = styled.div `
6221
- margin-right: 0.5rem;
6222
- `;
6223
- const ProgressContent = styled(uilibGl.Flex) `
6224
- flex: 1;
6225
- flex-direction: column;
6226
- `;
6227
- const ProgressAlias = styled(uilibGl.Flex) `
6228
- flex: 1;
6229
- justify-content: space-between;
6230
- margin-bottom: 0.25rem;
6231
- font-size: 0.75rem;
6232
- color: ${({ theme: { palette } }) => palette.textSecondary};
6233
- `;
6234
- const ProgressValue = styled(uilibGl.Flex) `
6235
- align-items: center;
6236
- width: auto;
6237
- font-size: 1rem;
6238
- color: ${({ theme: { palette } }) => palette.textPrimary};
6193
+ const ProgressContainerWrapper = styled(uilibGl.Flex) `
6194
+ align-items: center;
6195
+ width: 100%;
6196
+ margin-bottom: 1rem;
6239
6197
  `;
6240
- const ProgressInnerValue = styled(ProgressValue) `
6241
- justify-content: flex-end;
6242
- width: 4rem;
6243
- margin-left: 0.5rem;
6198
+ const ProgressIcon = styled.div `
6199
+ margin-right: 0.5rem;
6244
6200
  `;
6245
- const ProgressUnits = styled(uilibGl.Flex) `
6246
- margin-left: 0.25rem;
6247
- font-size: 0.75rem;
6248
- color: ${({ theme: { palette } }) => palette.textSecondary};
6249
- `;
6250
- const ProgressBarWrapper = styled.div `
6251
- flex-grow: 1;
6252
- height: 0.5rem;
6253
- background-color: ${({ theme: { palette } }) => palette.element};
6254
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6201
+ const ProgressContent = styled(uilibGl.Flex) `
6202
+ flex: 1;
6203
+ flex-direction: column;
6255
6204
  `;
6256
- const ProgressBarContainer = styled(uilibGl.Flex) `
6257
- position: relative;
6258
- align-items: center;
6259
- width: 100%;
6260
-
6205
+ const ProgressAlias = styled(uilibGl.Flex) `
6206
+ flex: 1;
6207
+ justify-content: space-between;
6208
+ margin-bottom: 0.25rem;
6209
+ font-size: 0.75rem;
6210
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6211
+ `;
6212
+ const ProgressValue = styled(uilibGl.Flex) `
6213
+ align-items: center;
6214
+ width: auto;
6215
+ font-size: 1rem;
6216
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6217
+ `;
6218
+ const ProgressInnerValue = styled(ProgressValue) `
6219
+ justify-content: flex-end;
6220
+ width: 4rem;
6221
+ margin-left: 0.5rem;
6222
+ `;
6223
+ const ProgressUnits = styled(uilibGl.Flex) `
6224
+ margin-left: 0.25rem;
6225
+ font-size: 0.75rem;
6226
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6227
+ `;
6228
+ const ProgressBarWrapper = styled.div `
6229
+ flex-grow: 1;
6230
+ height: 0.5rem;
6231
+ background-color: ${({ theme: { palette } }) => palette.element};
6232
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6233
+ `;
6234
+ const ProgressBarContainer = styled(uilibGl.Flex) `
6235
+ position: relative;
6236
+ align-items: center;
6237
+ width: 100%;
6238
+
6261
6239
  ${({ innerValue }) => innerValue &&
6262
- styled.css `
6263
- ${ProgressBarWrapper} {
6264
- height: 1.125rem;
6265
- }
6266
-
6267
- ${ProgressInnerValue} {
6268
- z-index: 1;
6269
- position: absolute;
6270
- right: 0.25rem;
6271
- }
6272
- `}
6273
- `;
6274
- const ProgressBar = styled.div `
6275
- width: ${({ $width }) => $width};
6276
- height: inherit;
6277
- background-color: ${({ $color }) => $color || "#a7d759"};
6278
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6279
- `;
6280
- const ProgressTooltipAlias = styled.div `
6281
- margin-bottom: 0.25rem;
6282
- text-align: left;
6283
- color: ${({ theme: { palette } }) => palette.primary};
6240
+ styled.css `
6241
+ ${ProgressBarWrapper} {
6242
+ height: 1.125rem;
6243
+ }
6244
+
6245
+ ${ProgressInnerValue} {
6246
+ z-index: 1;
6247
+ position: absolute;
6248
+ right: 0.25rem;
6249
+ }
6250
+ `}
6251
+ `;
6252
+ const ProgressBar = styled.div `
6253
+ width: ${({ $width }) => $width};
6254
+ height: inherit;
6255
+ background-color: ${({ $color }) => $color || "#a7d759"};
6256
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6257
+ `;
6258
+ const ProgressTooltipAlias = styled.div `
6259
+ margin-bottom: 0.25rem;
6260
+ text-align: left;
6261
+ color: ${({ theme: { palette } }) => palette.primary};
6284
6262
  `;
6285
6263
  const ProgressTooltipValue = styled.div ``;
6286
- const ProgressTooltipValueContainer = styled(uilibGl.Flex) `
6287
- align-items: center;
6288
-
6289
- > * {
6290
- opacity: 0.65;
6291
- }
6292
-
6293
- ${ProgressTooltipValue} {
6294
- opacity: 1;
6295
- }
6264
+ const ProgressTooltipValueContainer = styled(uilibGl.Flex) `
6265
+ align-items: center;
6266
+
6267
+ > * {
6268
+ opacity: 0.65;
6269
+ }
6270
+
6271
+ ${ProgressTooltipValue} {
6272
+ opacity: 1;
6273
+ }
6296
6274
  `;
6297
- const ProgressTooltipValueOf = styled.div `
6298
- margin: 0 0.25rem;
6275
+ const ProgressTooltipValueOf = styled.div `
6276
+ margin: 0 0.25rem;
6299
6277
  `;
6300
- const ProgressTotalTitle = styled.div `
6301
- font-size: 0.75rem;
6302
- font-weight: bold;
6278
+ const ProgressTotalTitle = styled.div `
6279
+ font-size: 0.75rem;
6280
+ font-weight: bold;
6303
6281
  `;
6304
- const ProgressTotal = styled(uilibGl.Flex) `
6305
- align-items: center;
6306
- justify-content: space-between;
6307
- margin-top: 1rem;
6282
+ const ProgressTotal = styled(uilibGl.Flex) `
6283
+ align-items: center;
6284
+ justify-content: space-between;
6285
+ margin-top: 1rem;
6308
6286
  `;
6309
6287
 
6310
6288
  const DataSourceProgressContainer = React.memo(({ config, elementConfig, type, innerComponent, renderElement }) => {
@@ -6401,166 +6379,166 @@ const DEFAULT_BAR_CHART_MARGINS = {
6401
6379
  right: 0,
6402
6380
  };
6403
6381
 
6404
- const FiltersContainerWrapper = styled(uilibGl.Flex) `
6405
- flex-direction: column;
6406
- padding: ${({ $padding }) => $padding ?? `${DEFAULT_FILTER_PADDING}px`};
6407
- background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
6408
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6409
-
6410
- ${uilibGl.DropdownField}, input {
6411
- background-color: ${({ theme: { palette } }) => palette.background};
6412
- }
6413
-
6414
- > div:not(:last-child) {
6415
- margin-bottom: 0.5rem;
6416
- }
6417
-
6418
- > label {
6419
- align-items: flex-start;
6420
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
6421
-
6422
- &.active {
6423
- color: ${({ $fontColor }) => $fontColor};
6424
-
6425
- svg rect {
6426
- fill: ${({ $fontColor }) => $fontColor} !important;
6427
- }
6428
- }
6429
-
6430
- &:not(:last-child) {
6431
- margin-bottom: 0.75rem;
6432
- }
6433
-
6434
- &:last-child {
6435
- margin-bottom: 0;
6436
- }
6437
- }
6382
+ const FiltersContainerWrapper = styled(uilibGl.Flex) `
6383
+ flex-direction: column;
6384
+ padding: ${({ $padding }) => $padding ?? `${DEFAULT_FILTER_PADDING}px`};
6385
+ background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
6386
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6387
+
6388
+ ${uilibGl.DropdownField}, input {
6389
+ background-color: ${({ theme: { palette } }) => palette.background};
6390
+ }
6391
+
6392
+ > div:not(:last-child) {
6393
+ margin-bottom: 0.5rem;
6394
+ }
6395
+
6396
+ > label {
6397
+ align-items: flex-start;
6398
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
6399
+
6400
+ &.active {
6401
+ color: ${({ $fontColor }) => $fontColor};
6402
+
6403
+ svg rect {
6404
+ fill: ${({ $fontColor }) => $fontColor} !important;
6405
+ }
6406
+ }
6407
+
6408
+ &:not(:last-child) {
6409
+ margin-bottom: 0.75rem;
6410
+ }
6411
+
6412
+ &:last-child {
6413
+ margin-bottom: 0;
6414
+ }
6415
+ }
6438
6416
  `;
6439
- const StyledIconButton = styled(uilibGl.IconButton) `
6440
- width: 0.75rem;
6441
- height: 0.75rem;
6442
-
6443
- span[kind] {
6444
- height: 0.75rem;
6445
-
6446
- :after {
6447
- font-size: 0.75rem;
6448
- }
6449
- }
6417
+ const StyledIconButton = styled(uilibGl.IconButton) `
6418
+ width: 0.75rem;
6419
+ height: 0.75rem;
6420
+
6421
+ span[kind] {
6422
+ height: 0.75rem;
6423
+
6424
+ :after {
6425
+ font-size: 0.75rem;
6426
+ }
6427
+ }
6450
6428
  `;
6451
- const TextFilterContainer = styled.div `
6452
- width: 15.85rem;
6453
-
6454
- ${uilibGl.MultiSelectContainer} {
6455
- color: ${({ theme: { palette } }) => palette.textPrimary};
6456
-
6457
- ${uilibGl.IconButtonButton} {
6458
- span[kind]:after {
6459
- color: ${({ theme: { palette } }) => palette.textPrimary};
6460
- }
6461
- }
6462
- }
6429
+ const TextFilterContainer = styled.div `
6430
+ width: 15.85rem;
6431
+
6432
+ ${uilibGl.MultiSelectContainer} {
6433
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6434
+
6435
+ ${uilibGl.IconButtonButton} {
6436
+ span[kind]:after {
6437
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6438
+ }
6439
+ }
6440
+ }
6463
6441
  `;
6464
- const BarChartContainer = styled.div `
6465
- width: 100%;
6466
- overflow-x: hidden;
6467
-
6442
+ const BarChartContainer = styled.div `
6443
+ width: 100%;
6444
+ overflow-x: hidden;
6445
+
6468
6446
  ${({ barHeight, marginBottom }) => !!barHeight &&
6469
- styled.css `
6470
- .barChartBarGlobal rect {
6471
- height: ${barHeight}px;
6472
- y: calc(100% - ${barHeight + marginBottom}px);
6473
- }
6474
- `}
6475
- `;
6476
- const AnyChartWrapper = styled.div `
6477
- width: 100%;
6478
- height: ${({ height }) => height}px;
6479
- `;
6480
- const BarChartWrapper = styled(AnyChartWrapper) `
6481
- width: 100%;
6482
- margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
6483
-
6484
- :hover {
6485
- ${BarChartContainer} {
6486
- overflow-x: auto;
6487
- }
6488
- }
6447
+ styled.css `
6448
+ .barChartBarGlobal rect {
6449
+ height: ${barHeight}px;
6450
+ y: calc(100% - ${barHeight + marginBottom}px);
6451
+ }
6452
+ `}
6453
+ `;
6454
+ const AnyChartWrapper = styled.div `
6455
+ width: 100%;
6456
+ height: ${({ height }) => height}px;
6457
+ `;
6458
+ const BarChartWrapper = styled(AnyChartWrapper) `
6459
+ width: 100%;
6460
+ margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
6461
+
6462
+ :hover {
6463
+ ${BarChartContainer} {
6464
+ overflow-x: auto;
6465
+ }
6466
+ }
6489
6467
  `;
6490
- const BarChartFilterHeader = styled(uilibGl.Flex) `
6491
- justify-content: space-between;
6492
- align-items: center;
6493
- height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
6494
- padding: 0.25rem 0;
6468
+ const BarChartFilterHeader = styled(uilibGl.Flex) `
6469
+ justify-content: space-between;
6470
+ align-items: center;
6471
+ height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
6472
+ padding: 0.25rem 0;
6495
6473
  `;
6496
- const BarChartFilterArrows = styled(uilibGl.Flex) `
6497
- margin-left: -0.5rem;
6498
-
6499
- span[kind] {
6500
- display: flex;
6501
- align-items: center;
6502
-
6503
- :after {
6504
- font-size: 0.75rem;
6505
- }
6506
- }
6474
+ const BarChartFilterArrows = styled(uilibGl.Flex) `
6475
+ margin-left: -0.5rem;
6476
+
6477
+ span[kind] {
6478
+ display: flex;
6479
+ align-items: center;
6480
+
6481
+ :after {
6482
+ font-size: 0.75rem;
6483
+ }
6484
+ }
6507
6485
  `;
6508
- const BarChartFilterSelected = styled.div `
6509
- font-size: 0.75rem;
6510
- font-weight: bold;
6511
- color: ${({ theme: { palette } }) => palette.textPrimary};
6486
+ const BarChartFilterSelected = styled.div `
6487
+ font-size: 0.75rem;
6488
+ font-weight: bold;
6489
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6512
6490
  `;
6513
- styled.div `
6514
- color: ${({ theme: { palette } }) => palette.textSecondary};
6491
+ styled.div `
6492
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6515
6493
  `;
6516
- const BarChart = styled(charts.BarChart) `
6517
- .${charts.barChartClassNames.barChartXAxis} {
6518
- .domain,
6519
- line {
6520
- display: none;
6521
- }
6522
-
6523
- .tick {
6524
- text {
6525
- text-anchor: start;
6526
- font-size: 12px;
6527
- color: rgba(48, 69, 79, 0.46);
6528
- }
6529
-
6530
- :last-of-type {
6531
- text {
6532
- text-anchor: end;
6533
- }
6534
- }
6535
- }
6536
- }
6537
-
6538
- .marker {
6539
- font-size: 12px;
6540
- }
6494
+ const BarChart = styled(charts.BarChart) `
6495
+ .${charts.barChartClassNames.barChartXAxis} {
6496
+ .domain,
6497
+ line {
6498
+ display: none;
6499
+ }
6500
+
6501
+ .tick {
6502
+ text {
6503
+ text-anchor: start;
6504
+ font-size: 12px;
6505
+ color: rgba(48, 69, 79, 0.46);
6506
+ }
6507
+
6508
+ :last-of-type {
6509
+ text {
6510
+ text-anchor: end;
6511
+ }
6512
+ }
6513
+ }
6514
+ }
6515
+
6516
+ .marker {
6517
+ font-size: 12px;
6518
+ }
6541
6519
  `;
6542
- const TooltipContainer = styled.div `
6543
- position: relative;
6544
- font-size: 0.75rem;
6545
- color: #ffffff;
6546
- margin-bottom: 0.5rem;
6547
- padding: 0.375rem;
6548
- background-color: rgba(0, 0, 0, 1);
6549
- border-radius: 0.25rem;
6550
- box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
6551
-
6552
- :before {
6553
- content: "";
6554
- position: absolute;
6555
- bottom: 0;
6556
- left: 50%;
6557
- transform: translate(-50%, 100%);
6558
- width: 0;
6559
- height: 0;
6560
- border-style: solid;
6561
- border-width: 0.25rem 0.1875rem 0 0.1875rem;
6562
- border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
6563
- }
6520
+ const TooltipContainer = styled.div `
6521
+ position: relative;
6522
+ font-size: 0.75rem;
6523
+ color: #ffffff;
6524
+ margin-bottom: 0.5rem;
6525
+ padding: 0.375rem;
6526
+ background-color: rgba(0, 0, 0, 1);
6527
+ border-radius: 0.25rem;
6528
+ box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
6529
+
6530
+ :before {
6531
+ content: "";
6532
+ position: absolute;
6533
+ bottom: 0;
6534
+ left: 50%;
6535
+ transform: translate(-50%, 100%);
6536
+ width: 0;
6537
+ height: 0;
6538
+ border-style: solid;
6539
+ border-width: 0.25rem 0.1875rem 0 0.1875rem;
6540
+ border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
6541
+ }
6564
6542
  `;
6565
6543
 
6566
6544
  const FiltersContainer = React.memo(({ elementConfig, config, type, renderElement }) => {
@@ -6577,7 +6555,7 @@ const FiltersContainer = React.memo(({ elementConfig, config, type, renderElemen
6577
6555
  }, [config, type]);
6578
6556
  const isVisible = isVisibleContainer(id, expandable, expanded, expandedContainers);
6579
6557
  const selectedItems = React.useMemo(() => getFilterSelectedItems(filterItems, filters, configFilters), [configFilters, filters, filterItems]);
6580
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(uilibGl.Flex, { mb: !isVisible && selectedItems.length ? "2rem" : 0, children: jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }) }), isLoading && jsxRuntime.jsx(ContainerLoading, {}), !isLoading && isVisible && (jsxRuntime.jsx(FiltersContainerWrapper, { id: id, style: style, "$padding": padding, "$bgColor": bgColor, "$fontSize": fontSize, "$fontColor": fontColor, children: filterItems?.map(renderFilter) })), jsxRuntime.jsx(HiddenTitleItems, { elementConfig: elementConfig, config: config, type: type, filter: filterItems[0].options?.filterName })] }));
6558
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(uilibGl.Flex, { mb: !isVisible && selectedItems.length ? "2rem" : 0, children: jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }) }), isLoading && jsxRuntime.jsx(ContainerLoading, {}), !isLoading && isVisible && (jsxRuntime.jsx(FiltersContainerWrapper, { id: id, style: style, "$padding": padding, "$bgColor": bgColor, "$fontSize": fontSize, "$fontColor": fontColor, children: filterItems?.map(renderFilter) })), jsxRuntime.jsx(HiddenTitleItems, { elementConfig: elementConfig, config: config, type: type, filter: filterItems[0]?.options?.filterName })] }));
6581
6559
  });
6582
6560
 
6583
6561
  const DefaultAttributesContainer = React.memo(({ type, renderElement }) => {
@@ -6634,67 +6612,68 @@ const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard, noBord
6634
6612
  setSelectedTabId,
6635
6613
  type,
6636
6614
  ]);
6615
+ console.info("PagesContainer", config, filteredChildren);
6637
6616
  return (jsxRuntime.jsx(Container, { id: getRootElementId(type), style: { width }, isMain: true, isColumn: isColumn, noBorders: noBorders, children: jsxRuntime.jsx(ContainerChildren, { type: type, items: filteredChildren, isMain: true, renderElement: renderElement }) }));
6638
6617
  });
6639
6618
 
6640
- const ImageContainerBg$1 = styled.div `
6641
- position: absolute;
6642
- top: 0;
6643
- bottom: 0;
6644
- left: 0;
6645
- right: 0;
6646
-
6647
- img {
6648
- width: 100%;
6649
- height: 100%;
6650
- object-position: center;
6651
- object-fit: cover;
6652
- }
6619
+ const ImageContainerBg$1 = styled.div `
6620
+ position: absolute;
6621
+ top: 0;
6622
+ bottom: 0;
6623
+ left: 0;
6624
+ right: 0;
6625
+
6626
+ img {
6627
+ width: 100%;
6628
+ height: 100%;
6629
+ object-position: center;
6630
+ object-fit: cover;
6631
+ }
6653
6632
  `;
6654
- const ImageContainerTitle = styled.div `
6655
- width: 100%;
6656
- overflow-wrap: break-word;
6657
- font-size: 1rem;
6658
- font-weight: 500;
6659
- `;
6660
- const ImageContainerText = styled.div `
6661
- width: 100%;
6662
- overflow-wrap: break-word;
6663
- margin-top: 0.5rem;
6664
- font-size: 0.75rem;
6665
- `;
6666
- const ImageContainerButton$1 = styled(uilibGl.FlatButton) `
6667
- min-height: 1.5rem;
6668
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6669
- background-color: ${({ theme: { palette } }) => palette.primary};
6670
- text-transform: none;
6671
-
6672
- :hover {
6673
- background-color: ${({ theme: { palette } }) => palette.primaryDeep};
6674
- }
6633
+ const ImageContainerTitle = styled.div `
6634
+ width: 100%;
6635
+ overflow-wrap: break-word;
6636
+ font-size: 1rem;
6637
+ font-weight: 500;
6638
+ `;
6639
+ const ImageContainerText = styled.div `
6640
+ width: 100%;
6641
+ overflow-wrap: break-word;
6642
+ margin-top: 0.5rem;
6643
+ font-size: 0.75rem;
6644
+ `;
6645
+ const ImageContainerButton$1 = styled(uilibGl.FlatButton) `
6646
+ min-height: 1.5rem;
6647
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6648
+ background-color: ${({ theme: { palette } }) => palette.primary};
6649
+ text-transform: none;
6650
+
6651
+ :hover {
6652
+ background-color: ${({ theme: { palette } }) => palette.primaryDeep};
6653
+ }
6675
6654
  `;
6676
- const ImageContainerWrapper = styled(uilibGl.Flex) `
6677
- flex-direction: column;
6678
- justify-content: flex-end;
6679
- position: relative;
6680
- padding: 1rem;
6681
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6682
- overflow: hidden;
6683
-
6684
- ${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
6685
- z-index: 1;
6686
- color: ${({ theme: { palette } }) => palette.textContrast};
6687
- }
6688
-
6689
- :after {
6690
- content: "";
6691
- position: absolute;
6692
- top: 0;
6693
- bottom: 0;
6694
- left: 0;
6695
- right: 0;
6696
- background-color: rgba(0, 0, 0, 0.4);
6697
- }
6655
+ const ImageContainerWrapper = styled(uilibGl.Flex) `
6656
+ flex-direction: column;
6657
+ justify-content: flex-end;
6658
+ position: relative;
6659
+ padding: 1rem;
6660
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6661
+ overflow: hidden;
6662
+
6663
+ ${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
6664
+ z-index: 1;
6665
+ color: ${({ theme: { palette } }) => palette.textContrast};
6666
+ }
6667
+
6668
+ :after {
6669
+ content: "";
6670
+ position: absolute;
6671
+ top: 0;
6672
+ bottom: 0;
6673
+ left: 0;
6674
+ right: 0;
6675
+ background-color: rgba(0, 0, 0, 0.4);
6676
+ }
6698
6677
  `;
6699
6678
 
6700
6679
  const ImageContainer = React.memo(({ elementConfig, renderElement }) => {
@@ -6702,52 +6681,52 @@ const ImageContainer = React.memo(({ elementConfig, renderElement }) => {
6702
6681
  return (jsxRuntime.jsxs(ImageContainerWrapper, { id: id, style: style, children: [jsxRuntime.jsx(ImageContainerTitle, { children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ImageContainerText, { children: renderElement({ id: "text" }) }), renderElement({ id: "button" }), jsxRuntime.jsx(ImageContainerBg$1, { children: renderElement({ id: "image" }) })] }));
6703
6682
  });
6704
6683
 
6705
- const IconContainerWrapper = styled(uilibGl.Flex) `
6706
- flex-direction: column;
6707
- justify-content: center;
6708
- position: relative;
6709
- padding: 0.5rem 1rem 1rem;
6710
- background-color: ${({ theme: { palette } }) => palette.element};
6711
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6712
- overflow: hidden;
6713
- `;
6714
- const IconContainerHeaderWrapper = styled(uilibGl.Flex) `
6715
- justify-content: space-between;
6716
- align-items: center;
6717
- flex-wrap: nowrap;
6718
- width: 100%;
6719
- margin-bottom: 0.25rem;
6720
- `;
6721
- const IconContainerHeader = styled(uilibGl.Flex) `
6722
- align-items: center;
6723
- flex-wrap: nowrap;
6724
- width: 100%;
6725
- margin-right: 0.5rem;
6726
- font-size: 0.875rem;
6727
-
6728
- ${uilibGl.Icon} {
6729
- margin-right: 0.5rem;
6730
-
6731
- :after {
6732
- font-size: 1.15rem;
6733
- color: ${({ theme: { palette } }) => palette.textSecondary};
6734
- }
6735
- }
6684
+ const IconContainerWrapper = styled(uilibGl.Flex) `
6685
+ flex-direction: column;
6686
+ justify-content: center;
6687
+ position: relative;
6688
+ padding: 0.5rem 1rem 1rem;
6689
+ background-color: ${({ theme: { palette } }) => palette.element};
6690
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6691
+ overflow: hidden;
6736
6692
  `;
6737
- const IconContainerTitle = styled(uilibGl.Flex) `
6738
- > * {
6739
- width: 13rem;
6740
- white-space: nowrap;
6741
- overflow: hidden;
6742
- font-weight: bold;
6743
- text-overflow: ellipsis;
6744
- }
6693
+ const IconContainerHeaderWrapper = styled(uilibGl.Flex) `
6694
+ justify-content: space-between;
6695
+ align-items: center;
6696
+ flex-wrap: nowrap;
6697
+ width: 100%;
6698
+ margin-bottom: 0.25rem;
6699
+ `;
6700
+ const IconContainerHeader = styled(uilibGl.Flex) `
6701
+ align-items: center;
6702
+ flex-wrap: nowrap;
6703
+ width: 100%;
6704
+ margin-right: 0.5rem;
6705
+ font-size: 0.875rem;
6706
+
6707
+ ${uilibGl.Icon} {
6708
+ margin-right: 0.5rem;
6709
+
6710
+ :after {
6711
+ font-size: 1.15rem;
6712
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6713
+ }
6714
+ }
6715
+ `;
6716
+ const IconContainerTitle = styled(uilibGl.Flex) `
6717
+ > * {
6718
+ width: 13rem;
6719
+ white-space: nowrap;
6720
+ overflow: hidden;
6721
+ font-weight: bold;
6722
+ text-overflow: ellipsis;
6723
+ }
6745
6724
  `;
6746
- const IconContainerText = styled.div `
6747
- width: 100%;
6748
- overflow-wrap: break-word;
6749
- font-size: 0.75rem;
6750
- color: ${({ theme: { palette } }) => palette.textSecondary};
6725
+ const IconContainerText = styled.div `
6726
+ width: 100%;
6727
+ overflow-wrap: break-word;
6728
+ font-size: 0.75rem;
6729
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6751
6730
  `;
6752
6731
 
6753
6732
  const IconContainer = React.memo(({ elementConfig, renderElement }) => {
@@ -6770,107 +6749,107 @@ const DataSourceContainer = React.memo(({ config, elementConfig, type, innerComp
6770
6749
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), !isVisible ? null : dataSource ? (jsxRuntime.jsx(Container, { id: id, isColumn: column, style: { height: isLoading ? "3rem" : "auto", ...style }, children: dataSource.features?.map((feature, index) => (jsxRuntime.jsx(DataSourceInnerContainer, { index: index, type: type, config: config, feature: feature, elementConfig: elementConfig, innerComponent: innerComponent }, index))) })) : (jsxRuntime.jsx(ContainerLoading, {}))] }));
6771
6750
  });
6772
6751
 
6773
- const SvgContainerColorMixin = styled.css `
6774
- path,
6775
- line,
6776
- circle {
6777
- fill: ${({ $fontColor }) => $fontColor};
6778
- }
6752
+ const SvgContainerColorMixin = styled.css `
6753
+ path,
6754
+ line,
6755
+ circle {
6756
+ fill: ${({ $fontColor }) => $fontColor};
6757
+ }
6779
6758
  `;
6780
- const SvgContainer = styled.div `
6781
- &&& {
6782
- min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6783
- max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6784
-
6785
- ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
6786
-
6787
- > * {
6788
- min-width: inherit;
6789
- }
6790
- }
6759
+ const SvgContainer = styled.div `
6760
+ &&& {
6761
+ min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6762
+ max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6763
+
6764
+ ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
6765
+
6766
+ > * {
6767
+ min-width: inherit;
6768
+ }
6769
+ }
6791
6770
  `;
6792
6771
 
6793
- const ContainerIconTitle = styled(uilibGl.Flex) `
6794
- align-items: center;
6795
- flex-wrap: nowrap;
6796
- flex-shrink: 1;
6797
- flex-grow: 0;
6798
- color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
6799
-
6800
- > div {
6801
- flex-shrink: 1;
6802
- flex-grow: 0;
6803
- width: auto;
6804
- }
6805
-
6806
- ${SvgContainer} {
6807
- flex-shrink: 0;
6808
- flex-grow: 0;
6809
- margin-right: 0.5rem;
6810
- }
6811
-
6812
- svg,
6813
- img,
6814
- span[kind] {
6815
- margin-right: 0.5rem;
6816
- }
6817
-
6772
+ const ContainerIconTitle = styled(uilibGl.Flex) `
6773
+ align-items: center;
6774
+ flex-wrap: nowrap;
6775
+ flex-shrink: 1;
6776
+ flex-grow: 0;
6777
+ color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
6778
+
6779
+ > div {
6780
+ flex-shrink: 1;
6781
+ flex-grow: 0;
6782
+ width: auto;
6783
+ }
6784
+
6785
+ ${SvgContainer} {
6786
+ flex-shrink: 0;
6787
+ flex-grow: 0;
6788
+ margin-right: 0.5rem;
6789
+ }
6790
+
6791
+ svg,
6792
+ img,
6793
+ span[kind] {
6794
+ margin-right: 0.5rem;
6795
+ }
6796
+
6818
6797
  ${({ fontColor }) => !!fontColor &&
6819
- styled.css `
6820
- span[kind] {
6821
- color: ${fontColor};
6822
- }
6823
-
6824
- ${SvgContainer} {
6825
- path,
6826
- circle {
6827
- fill: ${fontColor};
6828
- }
6829
- }
6830
- `};
6831
-
6832
- ${uilibGl.LegendToggler} {
6833
- margin-left: 0.25rem;
6834
- }
6835
-
6836
- span[kind="download"] {
6837
- opacity: 0;
6838
- transition: opacity ${uilibGl.transition.hover};
6839
- }
6840
-
6841
- :hover {
6842
- span[kind="download"] {
6843
- opacity: 1;
6844
- }
6845
- }
6798
+ styled.css `
6799
+ span[kind] {
6800
+ color: ${fontColor};
6801
+ }
6802
+
6803
+ ${SvgContainer} {
6804
+ path,
6805
+ circle {
6806
+ fill: ${fontColor};
6807
+ }
6808
+ }
6809
+ `};
6810
+
6811
+ ${uilibGl.LegendToggler} {
6812
+ margin-left: 0.25rem;
6813
+ }
6814
+
6815
+ span[kind="download"] {
6816
+ opacity: 0;
6817
+ transition: opacity ${uilibGl.transition.hover};
6818
+ }
6819
+
6820
+ :hover {
6821
+ span[kind="download"] {
6822
+ opacity: 1;
6823
+ }
6824
+ }
6846
6825
  `;
6847
- const ContainerTitle = styled(uilibGl.Flex) `
6848
- align-items: center;
6849
- justify-content: space-between;
6850
- width: 100%;
6851
-
6852
- > * {
6853
- font-size: 1.125rem;
6854
- font-weight: 500;
6855
- }
6856
-
6857
- ${uilibGl.LegendToggler} {
6858
- padding-right: 0;
6859
- }
6860
-
6826
+ const ContainerTitle = styled(uilibGl.Flex) `
6827
+ align-items: center;
6828
+ justify-content: space-between;
6829
+ width: 100%;
6830
+
6831
+ > * {
6832
+ font-size: 1.125rem;
6833
+ font-weight: 500;
6834
+ }
6835
+
6836
+ ${uilibGl.LegendToggler} {
6837
+ padding-right: 0;
6838
+ }
6839
+
6861
6840
  ${({ simple }) => simple &&
6862
- styled.css `
6863
- justify-content: flex-start;
6864
-
6865
- ${ContainerIconTitle} {
6866
- font-size: 0.75rem;
6867
- }
6868
-
6869
- ${uilibGl.LegendToggler} {
6870
- margin-left: 0;
6871
- padding-left: 0.25rem;
6872
- }
6873
- `}
6841
+ styled.css `
6842
+ justify-content: flex-start;
6843
+
6844
+ ${ContainerIconTitle} {
6845
+ font-size: 0.75rem;
6846
+ }
6847
+
6848
+ ${uilibGl.LegendToggler} {
6849
+ margin-left: 0;
6850
+ padding-left: 0.25rem;
6851
+ }
6852
+ `}
6874
6853
  `;
6875
6854
 
6876
6855
  const TitleContainer = React.memo(({ containerId, templateName, layerNames, fontColor, expandable, expanded, isVisible, elementConfig, renderElement, type, }) => {
@@ -6944,82 +6923,82 @@ const CameraContainer = React.memo(({ elementConfig, type, renderElement }) => {
6944
6923
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { id: id, style: style, children: [jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { children: renderElement({ id: "value", wrap: false }) })] }))] }));
6945
6924
  });
6946
6925
 
6947
- const TabAnchor = styled.div `
6948
- position: absolute;
6949
- top: -1.5rem;
6950
- right: 0;
6926
+ const TabAnchor = styled.div `
6927
+ position: absolute;
6928
+ top: -1.5rem;
6929
+ right: 0;
6951
6930
  `;
6952
- const TabValue = styled(uilibGl.Flex) `
6953
- flex-wrap: nowrap;
6931
+ const TabValue = styled(uilibGl.Flex) `
6932
+ flex-wrap: nowrap;
6954
6933
  `;
6955
- const noBgMixin = styled.css `
6956
- background-color: transparent;
6957
- border-radius: 0;
6958
- border-bottom: 0.125rem solid
6959
- ${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
6960
-
6961
- ${TabValue},
6962
- span[kind] {
6963
- color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6964
- }
6965
-
6966
- &&& svg {
6967
- path,
6968
- line,
6969
- circle {
6970
- fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6971
- }
6972
- }
6973
-
6974
- :not(:last-child) {
6975
- margin-right: 0;
6976
- }
6934
+ const noBgMixin = styled.css `
6935
+ background-color: transparent;
6936
+ border-radius: 0;
6937
+ border-bottom: 0.125rem solid
6938
+ ${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
6939
+
6940
+ ${TabValue},
6941
+ span[kind] {
6942
+ color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6943
+ }
6944
+
6945
+ &&& svg {
6946
+ path,
6947
+ line,
6948
+ circle {
6949
+ fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6950
+ }
6951
+ }
6952
+
6953
+ :not(:last-child) {
6954
+ margin-right: 0;
6955
+ }
6977
6956
  `;
6978
- const TabContainer = styled.a `
6979
- display: flex;
6980
- flex-direction: ${({ column }) => (column ? "column" : "row")};
6981
- align-items: center;
6982
- justify-content: center;
6983
- flex-wrap: nowrap;
6984
- padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
6985
- background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
6986
- border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
6987
- text-decoration: none;
6988
-
6989
- :not(:last-child) {
6990
- margin-right: 0.5rem;
6991
- }
6992
-
6993
- ${TabValue} {
6994
- margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
6995
- margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
6996
- font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
6997
- white-space: nowrap;
6998
- }
6999
-
7000
- ${TabValue},
7001
- span[kind] {
7002
- color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
7003
- }
7004
-
7005
- ${SvgContainer$1} {
7006
- height: 1rem;
7007
- }
7008
-
7009
- svg,
7010
- img {
7011
- max-width: 1rem;
7012
- max-height: 1rem;
7013
- }
7014
-
7015
- ${({ noBg }) => noBg && noBgMixin};
6957
+ const TabContainer = styled.a `
6958
+ display: flex;
6959
+ flex-direction: ${({ column }) => (column ? "column" : "row")};
6960
+ align-items: center;
6961
+ justify-content: center;
6962
+ flex-wrap: nowrap;
6963
+ padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
6964
+ background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
6965
+ border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
6966
+ text-decoration: none;
6967
+
6968
+ :not(:last-child) {
6969
+ margin-right: 0.5rem;
6970
+ }
6971
+
6972
+ ${TabValue} {
6973
+ margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
6974
+ margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
6975
+ font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
6976
+ white-space: nowrap;
6977
+ }
6978
+
6979
+ ${TabValue},
6980
+ span[kind] {
6981
+ color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
6982
+ }
6983
+
6984
+ ${SvgContainer$1} {
6985
+ height: 1rem;
6986
+ }
6987
+
6988
+ svg,
6989
+ img {
6990
+ max-width: 1rem;
6991
+ max-height: 1rem;
6992
+ }
6993
+
6994
+ ${({ noBg }) => noBg && noBgMixin};
7016
6995
  `;
7017
- const SwiperContainer = styled.div `
7018
- width: 100%;
7019
-
7020
- .swiper-wrapper {
7021
- display: flex;
7022
- }
6996
+ const SwiperContainer = styled.div `
6997
+ width: 100%;
6998
+
6999
+ .swiper-wrapper {
7000
+ display: flex;
7001
+ }
7023
7002
  `;
7024
7003
 
7025
7004
  const TabsContainer = React.memo(({ elementConfig, type }) => {
@@ -7047,96 +7026,96 @@ const TabsContainer = React.memo(({ elementConfig, type }) => {
7047
7026
  });
7048
7027
 
7049
7028
  const ContainerIconValue = styled(uilibGl.Flex) ``;
7050
- const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
7051
- position: relative;
7052
- flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
7053
- width: 9rem;
7054
- padding: 0.75rem 0.75rem 0.5rem;
7055
- background-color: ${({ theme: { palette } }) => palette.element};
7056
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7057
- flex-wrap: nowrap;
7058
-
7059
- && {
7060
- margin-bottom: 0.5rem;
7061
- }
7062
-
7029
+ const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
7030
+ position: relative;
7031
+ flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
7032
+ width: 9rem;
7033
+ padding: 0.75rem 0.75rem 0.5rem;
7034
+ background-color: ${({ theme: { palette } }) => palette.element};
7035
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7036
+ flex-wrap: nowrap;
7037
+
7038
+ && {
7039
+ margin-bottom: 0.5rem;
7040
+ }
7041
+
7063
7042
  ${({ $center }) => $center &&
7064
- styled.css `
7065
- align-items: center;
7066
-
7067
- > * {
7068
- display: flex;
7069
- justify-content: center;
7070
- text-align: center;
7071
- width: 100%;
7072
- }
7073
- `};
7074
-
7043
+ styled.css `
7044
+ align-items: center;
7045
+
7046
+ > * {
7047
+ display: flex;
7048
+ justify-content: center;
7049
+ text-align: center;
7050
+ width: 100%;
7051
+ }
7052
+ `};
7053
+
7075
7054
  ${({ $color }) => $color &&
7076
- styled.css `
7077
- background-color: ${transparentizeColor($color, 6)};
7078
-
7079
- * {
7080
- color: ${$color};
7081
- }
7082
- `};
7083
-
7084
- ${ContainerIcon}, ${SvgContainer$1} {
7085
- margin-bottom: 0.25rem;
7086
- }
7087
-
7055
+ styled.css `
7056
+ background-color: ${transparentizeColor($color, 6)};
7057
+
7058
+ * {
7059
+ color: ${$color};
7060
+ }
7061
+ `};
7062
+
7063
+ ${ContainerIcon}, ${SvgContainer$1} {
7064
+ margin-bottom: 0.25rem;
7065
+ }
7066
+
7088
7067
  ${({ $bigIcon }) => $bigIcon &&
7089
- styled.css `
7090
- ${ContainerIcon}, ${SvgContainer$1} {
7091
- position: absolute;
7092
- top: 0.75rem;
7093
- right: 0.75rem;
7094
- width: 3rem;
7095
- opacity: 0.12;
7096
-
7097
- :after {
7098
- font-size: 3rem;
7099
- }
7100
- }
7101
- `};
7102
-
7103
- ${ContainerIconValue} {
7104
- align-items: center;
7105
- flex-direction: column;
7106
-
7068
+ styled.css `
7069
+ ${ContainerIcon}, ${SvgContainer$1} {
7070
+ position: absolute;
7071
+ top: 0.75rem;
7072
+ right: 0.75rem;
7073
+ width: 3rem;
7074
+ opacity: 0.12;
7075
+
7076
+ :after {
7077
+ font-size: 3rem;
7078
+ }
7079
+ }
7080
+ `};
7081
+
7082
+ ${ContainerIconValue} {
7083
+ align-items: center;
7084
+ flex-direction: column;
7085
+
7107
7086
  ${({ $big }) => $big &&
7108
- styled.css `
7109
- flex-direction: row;
7110
- margin-bottom: 0.5rem;
7111
-
7112
- > * {
7113
- text-align: left;
7114
- }
7115
-
7116
- span[kind] {
7117
- margin-right: 0.5rem;
7118
- }
7119
-
7120
- ${ContainerValue} {
7121
- width: auto;
7122
- }
7123
- `};
7124
- }
7125
-
7126
- ${ContainerValue} {
7127
- flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
7128
- justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
7129
- align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
7130
- line-height: 1;
7131
- }
7132
-
7133
- ${ContainerUnits} {
7134
- margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
7135
- }
7136
-
7137
- ${ContainerAlias} {
7138
- margin-top: 0.25rem;
7139
- }
7087
+ styled.css `
7088
+ flex-direction: row;
7089
+ margin-bottom: 0.5rem;
7090
+
7091
+ > * {
7092
+ text-align: left;
7093
+ }
7094
+
7095
+ span[kind] {
7096
+ margin-right: 0.5rem;
7097
+ }
7098
+
7099
+ ${ContainerValue} {
7100
+ width: auto;
7101
+ }
7102
+ `};
7103
+ }
7104
+
7105
+ ${ContainerValue} {
7106
+ flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
7107
+ justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
7108
+ align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
7109
+ line-height: 1;
7110
+ }
7111
+
7112
+ ${ContainerUnits} {
7113
+ margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
7114
+ }
7115
+
7116
+ ${ContainerAlias} {
7117
+ margin-top: 0.25rem;
7118
+ }
7140
7119
  `;
7141
7120
 
7142
7121
  const ALIAS_DEFAULT_MAX_LENGTH = 28;
@@ -7183,20 +7162,20 @@ const AddFeatureContainer = React.memo(({ elementConfig }) => {
7183
7162
  .map(({ options }, index) => (jsxRuntime.jsx(AddFeatureButton, { icon: options?.icon, title: options?.title, layerName: options?.layerName, geometryType: options?.geometryType }, index))) }));
7184
7163
  });
7185
7164
 
7186
- const LayersContainerWrapper = styled(Container) `
7187
- ${uilibGl.DraggableTreeContainer} {
7188
- width: calc(100% + 3rem);
7189
- margin: -0.75rem -1.5rem 0;
7190
- }
7191
-
7192
- ${LayerListContainer} {
7193
- height: auto;
7194
- }
7195
-
7196
- ${LayerGroupList} {
7197
- margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
7198
- padding: 0;
7199
- }
7165
+ const LayersContainerWrapper = styled(Container) `
7166
+ ${uilibGl.DraggableTreeContainer} {
7167
+ width: calc(100% + 3rem);
7168
+ margin: -0.75rem -1.5rem 0;
7169
+ }
7170
+
7171
+ ${LayerListContainer} {
7172
+ height: auto;
7173
+ }
7174
+
7175
+ ${LayerGroupList} {
7176
+ margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
7177
+ padding: 0;
7178
+ }
7200
7179
  `;
7201
7180
 
7202
7181
  const LayersContainer = React.memo(({ type, elementConfig, renderElement }) => {
@@ -7231,9 +7210,9 @@ const UploadContainer = React.memo(({ type, elementConfig, renderElement }) => {
7231
7210
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && renderElement({ id: "uploader", wrap: false })] }));
7232
7211
  });
7233
7212
 
7234
- const StatusBadge = styled(uilibGl.Chip) `
7235
- background-color: ${({ bgColor }) => bgColor};
7236
- color: ${({ theme }) => theme.palette.iconContrast};
7213
+ const StatusBadge = styled(uilibGl.Chip) `
7214
+ background-color: ${({ bgColor }) => bgColor};
7215
+ color: ${({ theme }) => theme.palette.iconContrast};
7237
7216
  `;
7238
7217
 
7239
7218
  const STATUS_TRANSLATION_KEYS = {
@@ -7291,22 +7270,22 @@ exports.EditGeometryType = void 0;
7291
7270
  EditGeometryType["Raster"] = "raster";
7292
7271
  })(exports.EditGeometryType || (exports.EditGeometryType = {}));
7293
7272
 
7294
- const StyledButton = styled(uilibGl.FlatButton) `
7295
- display: flex;
7296
- align-items: center;
7297
-
7298
- ${({ status = api.RemoteTaskStatus.Unknown, statusColors, themeName }) => !!statusColors?.[status] && styled.css `
7299
- transition: background-color ${uilibGl.transition.toggle};
7300
- background-color: ${statusColors[status]};
7301
-
7302
- :hover {
7303
- background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -5 : 5)};
7304
- }
7305
-
7306
- :active {
7307
- background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -10 : 10)};
7308
- }
7309
- `}
7273
+ const StyledButton = styled(uilibGl.FlatButton) `
7274
+ display: flex;
7275
+ align-items: center;
7276
+
7277
+ ${({ status = api.RemoteTaskStatus.Unknown, statusColors, themeName }) => !!statusColors?.[status] && styled.css `
7278
+ transition: background-color ${uilibGl.transition.toggle};
7279
+ background-color: ${statusColors[status]};
7280
+
7281
+ :hover {
7282
+ background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -5 : 5)};
7283
+ }
7284
+
7285
+ :active {
7286
+ background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -10 : 10)};
7287
+ }
7288
+ `}
7310
7289
  `;
7311
7290
 
7312
7291
  const StatusWaitingButton = ({ title, icon = "play", status, statusColors, isWaiting, isDisabled, onClick }) => {
@@ -7355,9 +7334,9 @@ const EditContainer = ({ type, elementConfig, renderElement }) => {
7355
7334
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: style, children: [jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { children: renderElement({ id: "value" }) })] })] }));
7356
7335
  };
7357
7336
 
7358
- const ContainerDivider = styled(uilibGl.Divider) `
7359
- width: 100%;
7360
- border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
7337
+ const ContainerDivider = styled(uilibGl.Divider) `
7338
+ width: 100%;
7339
+ border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
7361
7340
  `;
7362
7341
 
7363
7342
  const DividerContainer = React.memo(({ elementConfig, config }) => {
@@ -7397,148 +7376,149 @@ const getContainerComponent = (innerTemplateName) => innerTemplateName ? contain
7397
7376
  var img$3 = "data:image/png;base64,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";
7398
7377
 
7399
7378
  const getMaskColor = (isDark) => (isDark ? "0, 0, 0" : "255, 255, 255");
7400
- const DefaultHeaderContainer = styled(uilibGl.Flex) `
7401
- flex-direction: column;
7402
- position: relative;
7403
- flex-shrink: 0;
7404
- min-height: 8.175rem;
7405
- margin-bottom: -1.5rem;
7406
- padding: 1.5rem 1.5rem 0;
7407
- border-top-left-radius: 0.5rem;
7408
- border-top-right-radius: 0.5rem;
7409
- overflow: hidden;
7410
-
7411
- > * {
7412
- z-index: 1;
7413
- }
7414
-
7415
- &::before {
7416
- content: "";
7417
- position: absolute;
7418
- top: 0;
7419
- left: 0;
7420
- width: 100%;
7421
- height: 100%;
7422
-
7379
+ const DefaultHeaderContainer = styled(uilibGl.Flex) `
7380
+ flex-direction: column;
7381
+ position: relative;
7382
+ flex-shrink: 0;
7383
+ min-height: 8.175rem;
7384
+ margin-bottom: -1.5rem;
7385
+ padding: 1.5rem 1.5rem 0;
7386
+ border-top-left-radius: 0.5rem;
7387
+ border-top-right-radius: 0.5rem;
7388
+ overflow: hidden;
7389
+
7390
+ > * {
7391
+ z-index: 1;
7392
+ }
7393
+
7394
+ &::before {
7395
+ content: "";
7396
+ position: absolute;
7397
+ top: 0;
7398
+ left: 0;
7399
+ width: 100%;
7400
+ height: 100%;
7401
+
7423
7402
  ${({ image, isDark }) => image
7424
- ? styled.css `
7425
- background: url(${image}) 0 0 no-repeat;
7426
- background-size: cover;
7403
+ ? styled.css `
7404
+ background: url(${image}) 0 0 no-repeat;
7405
+ background-size: cover;
7427
7406
  `
7428
- : styled.css `
7429
- background: url(${img$3}) 50% 0 no-repeat;
7430
- opacity: ${isDark ? 1 : 0.5};
7431
- `}
7432
- }
7433
-
7407
+ : styled.css `
7408
+ background: url(${img$3}) 50% 0 no-repeat;
7409
+ opacity: ${isDark ? 1 : 0.5};
7410
+ `}
7411
+ }
7412
+
7434
7413
  ${({ image, isDark }) => image &&
7435
- styled.css `
7436
- &::before {
7437
- -webkit-mask-image: linear-gradient(
7438
- to bottom,
7439
- rgba(${getMaskColor(isDark)}, 1),
7440
- rgba(${getMaskColor(isDark)}, 0)
7441
- );
7442
- mask-image: linear-gradient(to bottom, rgba(${getMaskColor(isDark)}, 1), rgba(${getMaskColor(isDark)}, 0));
7443
- }
7444
- `}
7445
- ${uilibGl.LinearProgress} {
7446
- position: absolute;
7447
- top: 0;
7448
- left: 0;
7449
- }
7414
+ styled.css `
7415
+ &::before {
7416
+ -webkit-mask-image: linear-gradient(
7417
+ to bottom,
7418
+ rgba(${getMaskColor(isDark)}, 1),
7419
+ rgba(${getMaskColor(isDark)}, 0)
7420
+ );
7421
+ mask-image: linear-gradient(to bottom, rgba(${getMaskColor(isDark)}, 1), rgba(${getMaskColor(isDark)}, 0));
7422
+ }
7423
+ `}
7424
+ ${uilibGl.LinearProgress} {
7425
+ position: absolute;
7426
+ top: 0;
7427
+ left: 0;
7428
+ }
7450
7429
  `;
7451
- const TopContainer = styled(uilibGl.Flex) `
7452
- z-index: 1;
7453
- position: relative;
7454
- justify-content: space-between;
7455
- flex-wrap: nowrap;
7456
- width: 100%;
7457
- align-items: flex-start;
7458
- `;
7459
- const TopContainerButtons = styled(uilibGl.Flex) `
7460
- align-items: center;
7461
- width: auto;
7462
- margin-right: -0.5rem;
7463
-
7464
- button {
7465
- width: auto;
7466
- height: 1rem;
7467
- padding: 0 0.5rem;
7468
- }
7430
+ const TopContainer = styled(uilibGl.Flex) `
7431
+ z-index: 1;
7432
+ position: relative;
7433
+ justify-content: space-between;
7434
+ flex-wrap: nowrap;
7435
+ width: 100%;
7436
+ align-items: flex-start;
7437
+ `;
7438
+ const TopContainerButtons = styled(uilibGl.Flex) `
7439
+ align-items: center;
7440
+ width: auto;
7441
+ margin-right: -0.5rem;
7442
+
7443
+ button {
7444
+ width: auto;
7445
+ height: 1rem;
7446
+ padding: 0 0.5rem;
7447
+ }
7469
7448
  `;
7470
- const LogoContainer = styled(uilibGl.Flex) `
7471
- max-width: calc(100% - 1.4rem);
7472
- flex-grow: 1;
7473
- font-size: 0;
7474
-
7475
- & > span::after {
7476
- font-size: 2rem;
7477
- }
7478
-
7479
- img {
7480
- max-height: 1.875rem;
7481
- }
7449
+ const LogoContainer = styled(uilibGl.Flex) `
7450
+ max-width: calc(100% - 1.4rem);
7451
+ max-height: 1.875rem;
7452
+ flex-grow: 1;
7453
+ font-size: 0;
7454
+
7455
+ & > span::after {
7456
+ font-size: 2rem;
7457
+ }
7458
+
7459
+ img {
7460
+ max-height: 1.875rem;
7461
+ }
7482
7462
  `;
7483
- const PageTitle = styled(uilibGl.H2) `
7484
- cursor: pointer;
7485
- text-align: left;
7486
- flex: 1 1 auto;
7487
- min-width: 0;
7488
- margin: 0;
7489
- font-size: 1.25rem;
7490
- font-weight: 600;
7491
- pointer-events: initial;
7492
- font-family: "Nunito Sans", serif;
7493
-
7494
- > * {
7495
- white-space: nowrap;
7496
- overflow: hidden;
7497
- text-overflow: ellipsis;
7498
- }
7463
+ const PageTitle = styled(uilibGl.H2) `
7464
+ cursor: pointer;
7465
+ text-align: left;
7466
+ flex: 1 1 auto;
7467
+ min-width: 0;
7468
+ margin: 0;
7469
+ font-size: 1.25rem;
7470
+ font-weight: 600;
7471
+ pointer-events: initial;
7472
+ font-family: "Nunito Sans", serif;
7473
+
7474
+ > * {
7475
+ white-space: nowrap;
7476
+ overflow: hidden;
7477
+ text-overflow: ellipsis;
7478
+ }
7499
7479
  `;
7500
- const PageTitleContainer = styled(uilibGl.Flex) `
7501
- flex-grow: 1;
7502
- align-items: center;
7503
-
7504
- ${PageTitle} {
7505
- max-width: 15.75rem;
7506
- }
7507
-
7508
- &&& button {
7509
- width: 0;
7510
- overflow: hidden;
7511
-
7512
- span[kind] {
7513
- display: flex;
7514
- align-items: center;
7515
- justify-content: center;
7516
- width: 0.75rem;
7517
-
7518
- :after {
7519
- font-size: 0.75rem;
7520
- color: ${({ theme: { palette } }) => palette.textDisabled};
7521
- transition: color ${uilibGl.transition.hover};
7522
- }
7523
- }
7524
-
7525
- &:hover,
7526
- &:active {
7527
- span[kind]:after {
7528
- color: ${({ theme: { palette } }) => palette.textPrimary};
7529
- }
7530
- }
7531
- }
7532
-
7533
- :hover {
7534
- ${PageTitle} {
7535
- max-width: 14.25rem;
7536
- }
7537
-
7538
- &&& button {
7539
- width: 1.5rem;
7540
- }
7541
- }
7480
+ const PageTitleContainer = styled(uilibGl.Flex) `
7481
+ flex-grow: 1;
7482
+ align-items: center;
7483
+
7484
+ ${PageTitle} {
7485
+ max-width: 15.75rem;
7486
+ }
7487
+
7488
+ &&& button {
7489
+ width: 0;
7490
+ overflow: hidden;
7491
+
7492
+ span[kind] {
7493
+ display: flex;
7494
+ align-items: center;
7495
+ justify-content: center;
7496
+ width: 0.75rem;
7497
+
7498
+ :after {
7499
+ font-size: 0.75rem;
7500
+ color: ${({ theme: { palette } }) => palette.textDisabled};
7501
+ transition: color ${uilibGl.transition.hover};
7502
+ }
7503
+ }
7504
+
7505
+ &:hover,
7506
+ &:active {
7507
+ span[kind]:after {
7508
+ color: ${({ theme: { palette } }) => palette.textPrimary};
7509
+ }
7510
+ }
7511
+ }
7512
+
7513
+ :hover {
7514
+ ${PageTitle} {
7515
+ max-width: 14.25rem;
7516
+ }
7517
+
7518
+ &&& button {
7519
+ width: 1.5rem;
7520
+ }
7521
+ }
7542
7522
  `;
7543
7523
 
7544
7524
  const DashboardDefaultHeader = React.memo(() => {
@@ -7548,87 +7528,87 @@ const DashboardDefaultHeader = React.memo(() => {
7548
7528
  return (jsxRuntime.jsxs(DefaultHeaderContainer, { image: getResourceUrl(image), isDark: themeName === exports.ThemeName.Dark, children: [!pageId && jsxRuntime.jsx(uilibGl.LinearProgress, {}), jsxRuntime.jsxs(uilibGl.Flex, { column: true, gap: "1rem", children: [jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(TopContainer, { children: [jsxRuntime.jsx(LogoContainer, { children: icon }), jsxRuntime.jsx(TopContainerButtons, { children: jsxRuntime.jsx(ProjectPanelMenu, {}) })] }) }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(uilibGl.Flex, { column: true, gap: "0.25rem", children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", children: [jsxRuntime.jsxs(PageTitleContainer, { children: [jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, content: tooltip, children: ref => (jsxRuntime.jsx(PageTitle, { ref: ref, onClick: toggleLayersVisibility, children: title })) }), jsxRuntime.jsx(ProjectPagesMenu, {})] }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(Pagination, {}) })] }) }) }) })] })] }));
7549
7529
  });
7550
7530
 
7551
- const HeaderFrontView = styled(uilibGl.Flex) `
7552
- z-index: 10;
7553
- position: relative;
7554
- justify-content: space-between;
7555
- align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
7556
- width: 100%;
7557
- font: ${({ theme: { fonts } }) => fonts.subtitle};
7558
- `;
7559
- const HeaderContainer = styled(uilibGl.FlexSpan) `
7560
- display: flex;
7561
- flex-grow: 1;
7562
- flex-wrap: nowrap;
7563
- width: calc(100% - 48px);
7564
- `;
7565
- const FeatureTitleContainer = styled.div `
7566
- display: -webkit-box;
7567
- max-width: 100%;
7568
- width: 100%;
7569
- margin: 0.5rem 0;
7570
- -webkit-line-clamp: 2;
7571
- -webkit-box-orient: vertical;
7572
- overflow: hidden;
7573
- text-overflow: ellipsis;
7574
- color: ${({ theme: { palette } }) => palette.textPrimary};
7575
-
7576
- & > ${uilibGl.FlexSpan} {
7577
- cursor: ${({ clickable }) => clickable && "pointer"};
7578
-
7579
- &:hover {
7580
- color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
7581
- }
7582
- }
7531
+ const HeaderFrontView = styled(uilibGl.Flex) `
7532
+ z-index: 10;
7533
+ position: relative;
7534
+ justify-content: space-between;
7535
+ align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
7536
+ width: 100%;
7537
+ font: ${({ theme: { fonts } }) => fonts.subtitle};
7538
+ `;
7539
+ const HeaderContainer = styled(uilibGl.FlexSpan) `
7540
+ display: flex;
7541
+ flex-grow: 1;
7542
+ flex-wrap: nowrap;
7543
+ width: calc(100% - 48px);
7544
+ `;
7545
+ const FeatureTitleContainer = styled.div `
7546
+ display: -webkit-box;
7547
+ max-width: 100%;
7548
+ width: 100%;
7549
+ margin: 0.5rem 0;
7550
+ -webkit-line-clamp: 2;
7551
+ -webkit-box-orient: vertical;
7552
+ overflow: hidden;
7553
+ text-overflow: ellipsis;
7554
+ color: ${({ theme: { palette } }) => palette.textPrimary};
7555
+
7556
+ & > ${uilibGl.FlexSpan} {
7557
+ cursor: ${({ clickable }) => clickable && "pointer"};
7558
+
7559
+ &:hover {
7560
+ color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
7561
+ }
7562
+ }
7583
7563
  `;
7584
- const LayerDescription = styled(uilibGl.Description) `
7585
- width: calc(100% - 4rem);
7586
- display: -webkit-box;
7587
- -webkit-line-clamp: 2;
7588
- -webkit-box-orient: vertical;
7589
- overflow: hidden;
7590
- text-overflow: ellipsis;
7564
+ const LayerDescription = styled(uilibGl.Description) `
7565
+ width: calc(100% - 4rem);
7566
+ display: -webkit-box;
7567
+ -webkit-line-clamp: 2;
7568
+ -webkit-box-orient: vertical;
7569
+ overflow: hidden;
7570
+ text-overflow: ellipsis;
7591
7571
  `;
7592
- const HeaderTitleContainer = styled(uilibGl.Flex) `
7593
- flex-direction: column;
7594
- width: 100%;
7572
+ const HeaderTitleContainer = styled(uilibGl.Flex) `
7573
+ flex-direction: column;
7574
+ width: 100%;
7595
7575
  `;
7596
- const RowHeaderMixin = styled.css `
7597
- &&& {
7598
- min-height: auto;
7599
-
7600
- ${FeatureTitleContainer}, ${LayerDescription} {
7601
- text-align: left;
7602
- }
7603
- }
7604
-
7605
- ${HeaderContainer} {
7606
- flex-direction: row;
7607
- }
7608
-
7609
- ${FeatureTitleContainer} {
7610
- max-width: calc(100% - 3.8rem);
7611
- }
7576
+ const RowHeaderMixin = styled.css `
7577
+ &&& {
7578
+ min-height: auto;
7579
+
7580
+ ${FeatureTitleContainer}, ${LayerDescription} {
7581
+ text-align: left;
7582
+ }
7583
+ }
7584
+
7585
+ ${HeaderContainer} {
7586
+ flex-direction: row;
7587
+ }
7588
+
7589
+ ${FeatureTitleContainer} {
7590
+ max-width: calc(100% - 3.8rem);
7591
+ }
7612
7592
  `;
7613
- const Header = styled(uilibGl.Flex) `
7614
- z-index: 1;
7615
- position: relative;
7616
- top: 0;
7617
- flex-shrink: 0;
7618
- overflow: hidden;
7619
- width: 100%;
7620
- padding: 0.5rem;
7621
-
7622
- ${HeaderContainer} {
7623
- flex-direction: column;
7624
- }
7625
-
7626
- ${({ $isRow }) => $isRow && RowHeaderMixin};
7593
+ const Header = styled(uilibGl.Flex) `
7594
+ z-index: 1;
7595
+ position: relative;
7596
+ top: 0;
7597
+ flex-shrink: 0;
7598
+ overflow: hidden;
7599
+ width: 100%;
7600
+ padding: 0.5rem;
7601
+
7602
+ ${HeaderContainer} {
7603
+ flex-direction: column;
7604
+ }
7605
+
7606
+ ${({ $isRow }) => $isRow && RowHeaderMixin};
7627
7607
  `;
7628
- const DefaultHeaderWrapper = styled.div `
7629
- ${Header} {
7630
- padding: 0 1.5rem 1.5rem 0;
7631
- }
7608
+ const DefaultHeaderWrapper = styled.div `
7609
+ ${Header} {
7610
+ padding: 0 1.5rem 1.5rem 0;
7611
+ }
7632
7612
  `;
7633
7613
 
7634
7614
  const HeaderTitle = ({ noFeature }) => {
@@ -7656,22 +7636,22 @@ const HeaderTitle = ({ noFeature }) => {
7656
7636
  return (jsxRuntime.jsxs(HeaderTitleContainer, { children: [noFeature ? (jsxRuntime.jsx(FeatureTitleContainer, { children: t("noObjectFound", { ns: "dashboard", defaultValue: "Объектов не найдено" }) })) : (jsxRuntime.jsx(FeatureTitleContainer, { clickable: true, children: jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsxRuntime.jsx(uilibGl.FlexSpan, { ref: ref, onClick: () => zoomToFeatures([feature]), children: resultTitle })) }) })), jsxRuntime.jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
7657
7637
  };
7658
7638
 
7659
- const LayerIconContainer = styled.div `
7660
- display: flex;
7661
- align-items: center;
7662
- margin-right: 0.75rem;
7639
+ const LayerIconContainer = styled.div `
7640
+ display: flex;
7641
+ align-items: center;
7642
+ margin-right: 0.75rem;
7663
7643
  `;
7664
- const AlertIconContainer = styled(uilibGl.Flex) `
7665
- align-items: center;
7666
- justify-content: center;
7667
- width: 2rem;
7668
- height: 2rem;
7669
-
7670
- ${uilibGl.Icon} {
7671
- :after {
7672
- color: ${({ theme: { palette } }) => palette.error};
7673
- }
7674
- }
7644
+ const AlertIconContainer = styled(uilibGl.Flex) `
7645
+ align-items: center;
7646
+ justify-content: center;
7647
+ width: 2rem;
7648
+ height: 2rem;
7649
+
7650
+ ${uilibGl.Icon} {
7651
+ :after {
7652
+ color: ${({ theme: { palette } }) => palette.error};
7653
+ }
7654
+ }
7675
7655
  `;
7676
7656
 
7677
7657
  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";
@@ -7704,54 +7684,54 @@ const FeatureCardDefaultHeader = ({ noFeature }) => {
7704
7684
  return (jsxRuntime.jsx(DefaultHeaderWrapper, { children: jsxRuntime.jsx(Header, { "$isRow": true, children: jsxRuntime.jsxs(HeaderFrontView, { isDefault: true, children: [jsxRuntime.jsxs(HeaderContainer, { children: [!!layerInfo?.name && jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(HeaderTitle, { noFeature: noFeature })] }), jsxRuntime.jsx(FeatureCardButtons, {})] }) }) }));
7705
7685
  };
7706
7686
 
7707
- const HeaderFontColorMixin$1 = styled.css `
7708
- ${HeaderTitleContainer}, ${LayerDescription} {
7709
- color: ${({ $fontColor }) => $fontColor};
7710
- }
7687
+ const HeaderFontColorMixin$1 = styled.css `
7688
+ ${HeaderTitleContainer}, ${LayerDescription} {
7689
+ color: ${({ $fontColor }) => $fontColor};
7690
+ }
7711
7691
  `;
7712
- const HeaderWrapperMixin$1 = styled.css `
7713
- ${Header} {
7714
- min-height: 5.25rem;
7715
- }
7716
-
7717
- ${HeaderContainer} {
7718
- max-width: 100%;
7719
- width: 100%;
7720
- }
7721
-
7722
- ${FeatureControls} {
7723
- max-width: calc(100% - 2rem);
7724
- width: calc(100% - 2rem);
7725
- margin-top: -0.5rem;
7726
- padding-top: 1rem;
7727
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7728
- }
7729
-
7730
- ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
7692
+ const HeaderWrapperMixin$1 = styled.css `
7693
+ ${Header} {
7694
+ min-height: 5.25rem;
7695
+ }
7696
+
7697
+ ${HeaderContainer} {
7698
+ max-width: 100%;
7699
+ width: 100%;
7700
+ }
7701
+
7702
+ ${FeatureControls} {
7703
+ max-width: calc(100% - 2rem);
7704
+ width: calc(100% - 2rem);
7705
+ margin-top: -0.5rem;
7706
+ padding-top: 1rem;
7707
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7708
+ }
7709
+
7710
+ ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
7731
7711
  `;
7732
- const GradientHeaderWrapper = styled.div `
7733
- ${Header} {
7734
- background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
7735
- }
7736
-
7737
- ${HeaderContainer} {
7738
- align-items: center;
7739
- }
7740
-
7741
- ${HeaderTitleContainer} {
7742
- margin-left: 0;
7743
- text-align: center;
7744
- }
7745
-
7746
- ${FeatureTitleContainer} {
7747
- text-align: center;
7748
- }
7749
-
7750
- ${LayerDescription} {
7751
- text-align: center;
7752
- }
7753
-
7754
- ${HeaderWrapperMixin$1};
7712
+ const GradientHeaderWrapper = styled.div `
7713
+ ${Header} {
7714
+ background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
7715
+ }
7716
+
7717
+ ${HeaderContainer} {
7718
+ align-items: center;
7719
+ }
7720
+
7721
+ ${HeaderTitleContainer} {
7722
+ margin-left: 0;
7723
+ text-align: center;
7724
+ }
7725
+
7726
+ ${FeatureTitleContainer} {
7727
+ text-align: center;
7728
+ }
7729
+
7730
+ ${LayerDescription} {
7731
+ text-align: center;
7732
+ }
7733
+
7734
+ ${HeaderWrapperMixin$1};
7755
7735
  `;
7756
7736
 
7757
7737
  const FeatureCardGradientHeader = ({ isRow }) => {
@@ -7770,80 +7750,80 @@ const FeatureCardGradientHeader = ({ isRow }) => {
7770
7750
  }) })] }), jsxRuntime.jsx(FeatureCardButtons, {})] }) }) }) }));
7771
7751
  };
7772
7752
 
7773
- const HeaderFontColorMixin = styled.css `
7774
- ${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
7775
- color: ${({ $fontColor }) => $fontColor};
7776
- }
7777
- `;
7778
- const HeaderWrapperMixin = styled.css `
7779
- ${Header} {
7780
- min-height: 5.25rem;
7781
- }
7782
-
7783
- ${HeaderContainer} {
7784
- max-width: 100%;
7785
- width: 100%;
7786
- }
7787
-
7788
- ${FeatureControls} {
7789
- max-width: calc(100% - 2rem);
7790
- width: calc(100% - 2rem);
7791
- margin-top: -0.5rem;
7792
- padding-top: 1rem;
7793
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7794
- }
7795
-
7796
- ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
7753
+ const HeaderFontColorMixin = styled.css `
7754
+ ${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
7755
+ color: ${({ $fontColor }) => $fontColor};
7756
+ }
7797
7757
  `;
7798
- const HeaderIcon = styled(uilibGl.Flex) `
7799
- position: absolute;
7800
- top: 0;
7801
- right: 0;
7802
- justify-content: flex-end;
7803
- align-items: center;
7804
- min-width: 7.5rem;
7805
- height: 100%;
7806
-
7807
- span[kind]:after {
7808
- font-size: 7.5rem;
7809
- }
7810
-
7811
- span[kind]:after,
7812
- path,
7813
- line,
7814
- circle {
7815
- fill: rgba(255, 255, 255, 0.36);
7816
- }
7817
-
7818
- && > * {
7819
- display: flex;
7820
- align-items: center;
7821
- height: 100%;
7822
- }
7758
+ const HeaderWrapperMixin = styled.css `
7759
+ ${Header} {
7760
+ min-height: 5.25rem;
7761
+ }
7762
+
7763
+ ${HeaderContainer} {
7764
+ max-width: 100%;
7765
+ width: 100%;
7766
+ }
7767
+
7768
+ ${FeatureControls} {
7769
+ max-width: calc(100% - 2rem);
7770
+ width: calc(100% - 2rem);
7771
+ margin-top: -0.5rem;
7772
+ padding-top: 1rem;
7773
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7774
+ }
7775
+
7776
+ ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
7777
+ `;
7778
+ const HeaderIcon = styled(uilibGl.Flex) `
7779
+ position: absolute;
7780
+ top: 0;
7781
+ right: 0;
7782
+ justify-content: flex-end;
7783
+ align-items: center;
7784
+ min-width: 7.5rem;
7785
+ height: 100%;
7786
+
7787
+ span[kind]:after {
7788
+ font-size: 7.5rem;
7789
+ }
7790
+
7791
+ span[kind]:after,
7792
+ path,
7793
+ line,
7794
+ circle {
7795
+ fill: rgba(255, 255, 255, 0.36);
7796
+ }
7797
+
7798
+ && > * {
7799
+ display: flex;
7800
+ align-items: center;
7801
+ height: 100%;
7802
+ }
7823
7803
  `;
7824
- const BigIconHeaderMixin = styled.css `
7825
- ${HeaderIcon} {
7826
- min-width: 14rem;
7827
- right: -3rem;
7828
-
7829
- span[kind]:after {
7830
- font-size: 14rem;
7831
- }
7832
- }
7804
+ const BigIconHeaderMixin = styled.css `
7805
+ ${HeaderIcon} {
7806
+ min-width: 14rem;
7807
+ right: -3rem;
7808
+
7809
+ span[kind]:after {
7810
+ font-size: 14rem;
7811
+ }
7812
+ }
7833
7813
  `;
7834
- const IconHeaderWrapper = styled.div `
7835
- ${Header} {
7836
- width: calc(100% + 1.5rem);
7837
- margin: -1.5rem -1.5rem 0 -1.5rem;
7838
- padding: 1.5rem;
7839
- border-top-left-radius: 0.5rem;
7840
- border-top-right-radius: 0.5rem;
7841
- background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
7842
- }
7843
-
7844
- ${HeaderWrapperMixin};
7845
-
7846
- ${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
7814
+ const IconHeaderWrapper = styled.div `
7815
+ ${Header} {
7816
+ width: calc(100% + 1.5rem);
7817
+ margin: -1.5rem -1.5rem 0 -1.5rem;
7818
+ padding: 1.5rem;
7819
+ border-top-left-radius: 0.5rem;
7820
+ border-top-right-radius: 0.5rem;
7821
+ background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
7822
+ }
7823
+
7824
+ ${HeaderWrapperMixin};
7825
+
7826
+ ${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
7847
7827
  `;
7848
7828
 
7849
7829
  const FeatureCardIconHeader = ({ isRow }) => {
@@ -7865,15 +7845,15 @@ const FeatureCardIconHeader = ({ isRow }) => {
7865
7845
  }) })] }) }) }));
7866
7846
  };
7867
7847
 
7868
- const ImageContainerButton = styled(uilibGl.FlatButton) `
7869
- min-height: 1.5rem;
7870
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7871
- background-color: ${({ theme: { palette } }) => palette.primary};
7872
- text-transform: none;
7873
-
7874
- :hover {
7875
- background-color: ${({ theme: { palette } }) => palette.primaryDeep};
7876
- }
7848
+ const ImageContainerButton = styled(uilibGl.FlatButton) `
7849
+ min-height: 1.5rem;
7850
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7851
+ background-color: ${({ theme: { palette } }) => palette.primary};
7852
+ text-transform: none;
7853
+
7854
+ :hover {
7855
+ background-color: ${({ theme: { palette } }) => palette.primaryDeep};
7856
+ }
7877
7857
  `;
7878
7858
 
7879
7859
  const ElementButton = React.memo(({ type, elementConfig }) => {
@@ -7885,157 +7865,157 @@ const ElementButton = React.memo(({ type, elementConfig }) => {
7885
7865
  return (jsxRuntime.jsx(ImageContainerButton, { onClick: () => window.open(attribute?.value), children: elementConfig.value || "" }));
7886
7866
  });
7887
7867
 
7888
- const AttributeGalleryContainer = styled.div `
7889
- && {
7890
- width: calc(100% + 3rem);
7891
- }
7892
-
7893
- min-height: 12.625rem;
7894
- background-color: ${({ theme: { palette } }) => palette.element};
7895
-
7896
- img {
7897
- width: 100%;
7898
- }
7868
+ const AttributeGalleryContainer = styled.div `
7869
+ && {
7870
+ width: calc(100% + 3rem);
7871
+ }
7872
+
7873
+ min-height: 12.625rem;
7874
+ background-color: ${({ theme: { palette } }) => palette.element};
7875
+
7876
+ img {
7877
+ width: 100%;
7878
+ }
7899
7879
  `;
7900
- const LinearProgressContainer = styled(uilibGl.Flex) `
7901
- align-items: center;
7902
- justify-content: center;
7903
- min-height: inherit;
7904
-
7905
- ${uilibGl.LinearProgress} {
7906
- max-width: 4rem;
7907
- }
7880
+ const LinearProgressContainer = styled(uilibGl.Flex) `
7881
+ align-items: center;
7882
+ justify-content: center;
7883
+ min-height: inherit;
7884
+
7885
+ ${uilibGl.LinearProgress} {
7886
+ max-width: 4rem;
7887
+ }
7908
7888
  `;
7909
- const NoLiveSnapshotContainer = styled(uilibGl.Flex) `
7910
- flex-direction: column;
7911
- align-items: center;
7912
-
7913
- span[kind="alert"] {
7914
- width: 2rem;
7915
- height: 2rem;
7916
-
7917
- &:after {
7918
- font-size: 2rem;
7919
- color: ${({ theme: { palette } }) => palette.elementDeep};
7920
- }
7921
- }
7922
-
7923
- ${uilibGl.Description} {
7924
- font-size: 0.75rem;
7925
- color: ${({ theme: { palette } }) => palette.textDisabled};
7926
- }
7889
+ const NoLiveSnapshotContainer = styled(uilibGl.Flex) `
7890
+ flex-direction: column;
7891
+ align-items: center;
7892
+
7893
+ span[kind="alert"] {
7894
+ width: 2rem;
7895
+ height: 2rem;
7896
+
7897
+ &:after {
7898
+ font-size: 2rem;
7899
+ color: ${({ theme: { palette } }) => palette.elementDeep};
7900
+ }
7901
+ }
7902
+
7903
+ ${uilibGl.Description} {
7904
+ font-size: 0.75rem;
7905
+ color: ${({ theme: { palette } }) => palette.textDisabled};
7906
+ }
7927
7907
  `;
7928
- const SmallPreviewControl = styled(uilibGl.IconButton) `
7929
- cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
7930
- z-index: 3;
7931
- position: absolute;
7932
- top: 50%;
7933
- width: 2.5rem;
7934
- height: 2.5rem;
7935
- margin-top: -1.25rem;
7936
- background-color: rgba(61, 61, 61, 0.8);
7937
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
7938
-
7939
- span:after {
7940
- color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
7941
- transition: color ${uilibGl.transition.hover};
7942
- }
7908
+ const SmallPreviewControl = styled(uilibGl.IconButton) `
7909
+ cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
7910
+ z-index: 3;
7911
+ position: absolute;
7912
+ top: 50%;
7913
+ width: 2.5rem;
7914
+ height: 2.5rem;
7915
+ margin-top: -1.25rem;
7916
+ background-color: rgba(61, 61, 61, 0.8);
7917
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
7918
+
7919
+ span:after {
7920
+ color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
7921
+ transition: color ${uilibGl.transition.hover};
7922
+ }
7943
7923
  `;
7944
- const SmallPreviewCounter = styled(uilibGl.Flex) `
7945
- z-index: 3;
7946
- position: absolute;
7947
- bottom: 0.625rem;
7948
- left: 0;
7949
- width: 100%;
7950
- height: 1rem;
7951
- justify-content: center;
7952
-
7953
- > div {
7954
- background-color: rgba(61, 61, 61, 0.8);
7955
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7956
- padding: 0 0.5rem;
7957
- font-size: 0.625rem;
7958
- line-height: 1rem;
7959
- color: #fff;
7960
- }
7924
+ const SmallPreviewCounter = styled(uilibGl.Flex) `
7925
+ z-index: 3;
7926
+ position: absolute;
7927
+ bottom: 0.625rem;
7928
+ left: 0;
7929
+ width: 100%;
7930
+ height: 1rem;
7931
+ justify-content: center;
7932
+
7933
+ > div {
7934
+ background-color: rgba(61, 61, 61, 0.8);
7935
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7936
+ padding: 0 0.5rem;
7937
+ font-size: 0.625rem;
7938
+ line-height: 1rem;
7939
+ color: #fff;
7940
+ }
7961
7941
  `;
7962
7942
  const SmallPreviewLeft = styled(SmallPreviewControl).attrs(() => ({
7963
7943
  kind: "prev",
7964
- })) `
7965
- left: 1.5rem;
7944
+ })) `
7945
+ left: 1.5rem;
7966
7946
  `;
7967
7947
  const SmallPreviewRight = styled(SmallPreviewControl).attrs(() => ({
7968
7948
  kind: "next",
7969
- })) `
7970
- right: 1.5rem;
7971
- `;
7972
- const imgSlideShowMixin = styled.css `
7973
- &:nth-child(${({ prevIndex }) => prevIndex}) {
7974
- z-index: 2;
7975
- position: absolute;
7976
- top: 0;
7977
- left: 0;
7978
- right: 0;
7979
- bottom: 0;
7980
- opacity: 0;
7981
-
7982
- animation-duration: 0.25s;
7983
- animation-name: fadeOut;
7984
- animation-timing-function: linear;
7985
-
7986
- @keyframes fadeOut {
7987
- from {
7988
- opacity: 1;
7989
- }
7990
-
7991
- to {
7992
- opacity: 0;
7993
- }
7994
- }
7995
- }
7949
+ })) `
7950
+ right: 1.5rem;
7951
+ `;
7952
+ const imgSlideShowMixin = styled.css `
7953
+ &:nth-child(${({ prevIndex }) => prevIndex}) {
7954
+ z-index: 2;
7955
+ position: absolute;
7956
+ top: 0;
7957
+ left: 0;
7958
+ right: 0;
7959
+ bottom: 0;
7960
+ opacity: 0;
7961
+
7962
+ animation-duration: 0.25s;
7963
+ animation-name: fadeOut;
7964
+ animation-timing-function: linear;
7965
+
7966
+ @keyframes fadeOut {
7967
+ from {
7968
+ opacity: 1;
7969
+ }
7970
+
7971
+ to {
7972
+ opacity: 0;
7973
+ }
7974
+ }
7975
+ }
7996
7976
  `;
7997
- const SmallPreviewContainer$1 = styled.div `
7998
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
7999
- position: relative;
8000
- width: 100%;
8001
- height: 100%;
8002
- min-height: inherit;
8003
- line-height: 0;
8004
-
8005
- ${uilibGl.LinearProgress} {
8006
- z-index: 3;
8007
- position: absolute;
8008
- }
8009
-
8010
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
8011
- opacity: 0;
8012
- transition: opacity ${uilibGl.transition.hover};
8013
- }
8014
-
8015
- &:hover {
8016
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
8017
- opacity: 1;
8018
- }
8019
- }
8020
-
8021
- img {
8022
- z-index: 0;
8023
- cursor: pointer;
8024
- position: absolute;
8025
- top: 0;
8026
- left: 0;
8027
- width: 100%;
8028
- height: 100%;
8029
- min-height: inherit;
8030
- object-position: center;
8031
- object-fit: cover;
8032
-
8033
- &:nth-child(${({ currentIndex }) => currentIndex}) {
8034
- z-index: 1;
8035
- }
8036
-
8037
- ${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
8038
- }
7977
+ const SmallPreviewContainer$1 = styled.div `
7978
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
7979
+ position: relative;
7980
+ width: 100%;
7981
+ height: 100%;
7982
+ min-height: inherit;
7983
+ line-height: 0;
7984
+
7985
+ ${uilibGl.LinearProgress} {
7986
+ z-index: 3;
7987
+ position: absolute;
7988
+ }
7989
+
7990
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
7991
+ opacity: 0;
7992
+ transition: opacity ${uilibGl.transition.hover};
7993
+ }
7994
+
7995
+ &:hover {
7996
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
7997
+ opacity: 1;
7998
+ }
7999
+ }
8000
+
8001
+ img {
8002
+ z-index: 0;
8003
+ cursor: pointer;
8004
+ position: absolute;
8005
+ top: 0;
8006
+ left: 0;
8007
+ width: 100%;
8008
+ height: 100%;
8009
+ min-height: inherit;
8010
+ object-position: center;
8011
+ object-fit: cover;
8012
+
8013
+ &:nth-child(${({ currentIndex }) => currentIndex}) {
8014
+ z-index: 1;
8015
+ }
8016
+
8017
+ ${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
8018
+ }
8039
8019
  `;
8040
8020
  const SmallPreviewImages = styled.div ``;
8041
8021
 
@@ -8242,21 +8222,21 @@ const ElementControl = ({ elementConfig }) => {
8242
8222
  return (jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[control?.targetAttributeName] ?? attribute?.value ?? defaultValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
8243
8223
  };
8244
8224
 
8245
- const StyledIconFontSizeMixin = styled.css `
8246
- height: ${({ fontSize }) => `${fontSize}px`};
8247
-
8248
- &&:after {
8249
- font-size: ${({ fontSize }) => `${fontSize}px`};
8250
- }
8225
+ const StyledIconFontSizeMixin = styled.css `
8226
+ height: ${({ fontSize }) => `${fontSize}px`};
8227
+
8228
+ &&:after {
8229
+ font-size: ${({ fontSize }) => `${fontSize}px`};
8230
+ }
8251
8231
  `;
8252
- const StyledIconFontColorMixin = styled.css `
8253
- &&:after {
8254
- color: ${({ fontColor }) => fontColor};
8255
- }
8232
+ const StyledIconFontColorMixin = styled.css `
8233
+ &&:after {
8234
+ color: ${({ fontColor }) => fontColor};
8235
+ }
8256
8236
  `;
8257
- const StyledIcon = styled(uilibGl.Icon) `
8258
- ${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
8259
- ${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
8237
+ const StyledIcon = styled(uilibGl.Icon) `
8238
+ ${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
8239
+ ${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
8260
8240
  `;
8261
8241
 
8262
8242
  const ElementIcon = React.memo(({ type, elementConfig }) => {
@@ -8322,55 +8302,55 @@ const ElementLegend = React.memo(({ type, element, elementConfig }) => {
8322
8302
 
8323
8303
  const ExternalLink = styled(uilibGl.IconButton).attrs(() => ({
8324
8304
  kind: "external_link",
8325
- })) `
8326
- ${uilibGl.Icon} {
8327
- color: ${({ theme: { palette } }) => palette.primary};
8328
- }
8329
-
8330
- &:hover ${uilibGl.Icon} {
8331
- color: ${({ theme: { palette } }) => palette.primaryDeep};
8332
- }
8305
+ })) `
8306
+ ${uilibGl.Icon} {
8307
+ color: ${({ theme: { palette } }) => palette.primary};
8308
+ }
8309
+
8310
+ &:hover ${uilibGl.Icon} {
8311
+ color: ${({ theme: { palette } }) => palette.primaryDeep};
8312
+ }
8333
8313
  `;
8334
- const Link = styled.a `
8335
- text-decoration: none;
8336
- font-size: 0.75rem;
8337
- color: ${({ theme: { palette } }) => palette.primary};
8314
+ const Link = styled.a `
8315
+ text-decoration: none;
8316
+ font-size: 0.75rem;
8317
+ color: ${({ theme: { palette } }) => palette.primary};
8338
8318
  `;
8339
- const LocalLinkBlank = styled(uilibGl.Blank) `
8340
- min-width: 13.5rem;
8341
- padding: 0.5rem 0.75rem 0;
8342
-
8343
- ${uilibGl.IconButtonButton} {
8344
- font-size: 0.75rem;
8345
- }
8319
+ const LocalLinkBlank = styled(uilibGl.Blank) `
8320
+ min-width: 13.5rem;
8321
+ padding: 0.5rem 0.75rem 0;
8322
+
8323
+ ${uilibGl.IconButtonButton} {
8324
+ font-size: 0.75rem;
8325
+ }
8346
8326
  `;
8347
8327
  const LocalLinkButton = styled(uilibGl.IconButton).attrs(() => ({
8348
8328
  kind: "link",
8349
- })) `
8350
- width: 1rem;
8351
- height: 1rem;
8352
- background-color: ${({ theme: { palette } }) => palette.primary};
8353
- padding: 0;
8354
- border-radius: 50%;
8355
-
8356
- :hover {
8357
- background-color: ${({ theme: { palette } }) => palette.primary};
8358
- }
8359
-
8360
- span[kind] {
8361
- display: flex;
8362
- justify-content: center;
8363
- align-items: center;
8364
-
8365
- :after {
8366
- position: relative;
8367
- font-size: 0.6rem;
8368
- color: white;
8369
- }
8370
- }
8329
+ })) `
8330
+ width: 1rem;
8331
+ height: 1rem;
8332
+ background-color: ${({ theme: { palette } }) => palette.primary};
8333
+ padding: 0;
8334
+ border-radius: 50%;
8335
+
8336
+ :hover {
8337
+ background-color: ${({ theme: { palette } }) => palette.primary};
8338
+ }
8339
+
8340
+ span[kind] {
8341
+ display: flex;
8342
+ justify-content: center;
8343
+ align-items: center;
8344
+
8345
+ :after {
8346
+ position: relative;
8347
+ font-size: 0.6rem;
8348
+ color: white;
8349
+ }
8350
+ }
8371
8351
  `;
8372
- const LocalLinkCopy = styled(uilibGl.Flex) `
8373
- justify-content: center;
8352
+ const LocalLinkCopy = styled(uilibGl.Flex) `
8353
+ justify-content: center;
8374
8354
  `;
8375
8355
 
8376
8356
  const LocalLink = React.memo(({ link, style }) => {
@@ -8399,104 +8379,104 @@ const ElementLink = React.memo(({ type, elementConfig }) => {
8399
8379
  : jsxRuntime.jsx(LocalLink, { style: style, link: link });
8400
8380
  });
8401
8381
 
8402
- const MarkdownWrapper = styled.div `
8403
- padding: 0;
8404
- background: transparent;
8405
- border-radius: 0.5rem;
8406
- font-family: 'Nunito Sans', sans-serif;
8407
- color: ${({ theme: { palette } }) => palette.textPrimary};
8408
-
8409
- /* Paragraphs */
8410
- p {
8411
- font-size: 0.875rem;
8412
- line-height: 1rem;
8413
- letter-spacing: 0.0052rem;
8414
- margin: 0 0 1rem 0;
8415
- font-weight: 400;
8416
-
8417
- &:last-child {
8418
- margin-bottom: 0;
8419
- }
8420
- }
8421
-
8422
- /* Headings */
8423
- h1, h2, h3, h4, h5, h6 {
8424
- margin: 0 0 0.75rem 0;
8425
- font-weight: 300;
8426
- }
8427
-
8428
- h1 {
8429
- font-size: 1.5rem;
8430
- line-height: 1.75rem;
8431
- }
8432
-
8433
- h2 {
8434
- font-size: 1.25rem;
8435
- line-height: 1.5rem;
8436
- }
8437
-
8438
- h3 {
8439
- font-size: 1rem;
8440
- line-height: 1.25rem;
8441
- }
8442
-
8443
- /* Images */
8444
- img {
8445
- max-width: 100%;
8446
- height: auto;
8447
- border-radius: 0.5rem;
8448
- object-fit: cover;
8449
- margin: 0.75rem 0;
8450
- }
8451
-
8452
- /* Links */
8453
- a {
8454
- color: ${({ theme: { palette } }) => palette.primary};
8455
- text-decoration: none;
8456
-
8457
- &:hover {
8458
- text-decoration: underline;
8459
- }
8460
- }
8461
-
8462
- /* Lists */
8463
- ul, ol {
8464
- margin: 0 0 1rem 0;
8465
- padding-left: 1.25rem;
8466
-
8467
- li {
8468
- font-size: 0.875rem;
8469
- line-height: 1rem;
8470
- margin-bottom: 0.5rem;
8471
- }
8472
- }
8473
-
8474
- /* Code */
8475
- code {
8476
- background: ${({ theme: { palette } }) => palette.element};
8477
- padding: 0.125rem 0.375rem;
8478
- border-radius: 0.25rem;
8479
- font-family: monospace;
8480
- font-size: 0.8125rem;
8481
- }
8482
-
8483
- pre {
8484
- background: ${({ theme: { palette } }) => palette.element};
8485
- padding: 0.75rem;
8486
- border-radius: 0.25rem;
8487
- overflow-x: auto;
8488
- margin: 0.75rem 0;
8489
-
8490
- code {
8491
- background: transparent;
8492
- padding: 0;
8493
- }
8494
- }
8495
-
8496
- /* Hide horizontal rules */
8497
- hr {
8498
- display: none;
8499
- }
8382
+ const MarkdownWrapper = styled.div `
8383
+ padding: 0;
8384
+ background: transparent;
8385
+ border-radius: 0.5rem;
8386
+ font-family: 'Nunito Sans', sans-serif;
8387
+ color: ${({ theme: { palette } }) => palette.textPrimary};
8388
+
8389
+ /* Paragraphs */
8390
+ p {
8391
+ font-size: 0.875rem;
8392
+ line-height: 1rem;
8393
+ letter-spacing: 0.0052rem;
8394
+ margin: 0 0 1rem 0;
8395
+ font-weight: 400;
8396
+
8397
+ &:last-child {
8398
+ margin-bottom: 0;
8399
+ }
8400
+ }
8401
+
8402
+ /* Headings */
8403
+ h1, h2, h3, h4, h5, h6 {
8404
+ margin: 0 0 0.75rem 0;
8405
+ font-weight: 300;
8406
+ }
8407
+
8408
+ h1 {
8409
+ font-size: 1.5rem;
8410
+ line-height: 1.75rem;
8411
+ }
8412
+
8413
+ h2 {
8414
+ font-size: 1.25rem;
8415
+ line-height: 1.5rem;
8416
+ }
8417
+
8418
+ h3 {
8419
+ font-size: 1rem;
8420
+ line-height: 1.25rem;
8421
+ }
8422
+
8423
+ /* Images */
8424
+ img {
8425
+ max-width: 100%;
8426
+ height: auto;
8427
+ border-radius: 0.5rem;
8428
+ object-fit: cover;
8429
+ margin: 0.75rem 0;
8430
+ }
8431
+
8432
+ /* Links */
8433
+ a {
8434
+ color: ${({ theme: { palette } }) => palette.primary};
8435
+ text-decoration: none;
8436
+
8437
+ &:hover {
8438
+ text-decoration: underline;
8439
+ }
8440
+ }
8441
+
8442
+ /* Lists */
8443
+ ul, ol {
8444
+ margin: 0 0 1rem 0;
8445
+ padding-left: 1.25rem;
8446
+
8447
+ li {
8448
+ font-size: 0.875rem;
8449
+ line-height: 1rem;
8450
+ margin-bottom: 0.5rem;
8451
+ }
8452
+ }
8453
+
8454
+ /* Code */
8455
+ code {
8456
+ background: ${({ theme: { palette } }) => palette.element};
8457
+ padding: 0.125rem 0.375rem;
8458
+ border-radius: 0.25rem;
8459
+ font-family: monospace;
8460
+ font-size: 0.8125rem;
8461
+ }
8462
+
8463
+ pre {
8464
+ background: ${({ theme: { palette } }) => palette.element};
8465
+ padding: 0.75rem;
8466
+ border-radius: 0.25rem;
8467
+ overflow-x: auto;
8468
+ margin: 0.75rem 0;
8469
+
8470
+ code {
8471
+ background: transparent;
8472
+ padding: 0;
8473
+ }
8474
+ }
8475
+
8476
+ /* Hide horizontal rules */
8477
+ hr {
8478
+ display: none;
8479
+ }
8500
8480
  `;
8501
8481
 
8502
8482
  const sanitizeSchema = {
@@ -8538,9 +8518,9 @@ const ElementMarkdown = React.memo(({ elementConfig, type }) => {
8538
8518
  return (jsxRuntime.jsxs(MarkdownWrapper, { children: [jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, rehypeSanitize], children: markdownString }), jsxRuntime.jsx(uilibGl.LegendToggler, { toggled: true, onClick: () => setExpanded(false), children: t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) })] }));
8539
8519
  });
8540
8520
 
8541
- const SmallPreviewContainer = styled.div `
8542
- width: 100%;
8543
- height: 100%;
8521
+ const SmallPreviewContainer = styled.div `
8522
+ width: 100%;
8523
+ height: 100%;
8544
8524
  `;
8545
8525
 
8546
8526
  const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
@@ -8576,18 +8556,18 @@ const ElementSvg = React.memo(({ type, elementConfig }) => {
8576
8556
  return (jsxRuntime.jsx(SvgImage, { url: getSvgUrl({ elementConfig, layerInfo, attributes }), width: width, height: height, fontColor: fontColor }));
8577
8557
  });
8578
8558
 
8579
- const TooltipIcon = styled(uilibGl.Icon) `
8580
- &&& {
8581
- :after {
8582
- font-size: 0.75rem;
8583
- color: ${({ theme: { palette } }) => palette.iconDisabled};
8584
- transition: color ${uilibGl.transition.hover};
8585
- }
8586
-
8587
- :hover:after {
8588
- color: ${({ theme: { palette } }) => palette.icon};
8589
- }
8590
- }
8559
+ const TooltipIcon = styled(uilibGl.Icon) `
8560
+ &&& {
8561
+ :after {
8562
+ font-size: 0.75rem;
8563
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
8564
+ transition: color ${uilibGl.transition.hover};
8565
+ }
8566
+
8567
+ :hover:after {
8568
+ color: ${({ theme: { palette } }) => palette.icon};
8569
+ }
8570
+ }
8591
8571
  `;
8592
8572
 
8593
8573
  const ElementTooltip = React.memo(({ type, elementConfig }) => {
@@ -8599,76 +8579,76 @@ const ElementTooltip = React.memo(({ type, elementConfig }) => {
8599
8579
  return text ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: text, children: ref => jsxRuntime.jsx(TooltipIcon, { kind: icon || "question", ref: ref }) })) : null;
8600
8580
  });
8601
8581
 
8602
- const SlideshowHeaderWrapper = styled.div `
8603
- padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
8604
-
8605
- ${Header} {
8606
- align-items: flex-start;
8607
- width: calc(100% + 2rem);
8608
- height: ${({ big }) => (big ? "15.5rem" : "auto")};
8609
- padding: 1.5rem;
8610
- margin: -1rem -1rem 0 -1rem;
8611
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
8612
-
8613
- ${SmallPreviewCounter} {
8614
- bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
8615
- }
8616
-
8617
- :before,
8618
- :after {
8619
- content: "";
8620
- z-index: 2;
8621
- position: absolute;
8622
- top: 0;
8623
- left: 0;
8624
- width: 100%;
8625
- }
8626
-
8627
- :before {
8628
- height: 100%;
8629
- background: rgba(32, 46, 53, 0.25);
8630
- }
8631
-
8632
- :after {
8633
- height: 4.5rem;
8634
- background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
8635
- }
8636
-
8637
- :hover {
8638
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
8639
- opacity: 1;
8640
- }
8641
- }
8642
- }
8582
+ const SlideshowHeaderWrapper = styled.div `
8583
+ padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
8584
+
8585
+ ${Header} {
8586
+ align-items: flex-start;
8587
+ width: calc(100% + 2rem);
8588
+ height: ${({ big }) => (big ? "15.5rem" : "auto")};
8589
+ padding: 1.5rem;
8590
+ margin: -1rem -1rem 0 -1rem;
8591
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
8592
+
8593
+ ${SmallPreviewCounter} {
8594
+ bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
8595
+ }
8596
+
8597
+ :before,
8598
+ :after {
8599
+ content: "";
8600
+ z-index: 2;
8601
+ position: absolute;
8602
+ top: 0;
8603
+ left: 0;
8604
+ width: 100%;
8605
+ }
8606
+
8607
+ :before {
8608
+ height: 100%;
8609
+ background: rgba(32, 46, 53, 0.25);
8610
+ }
8611
+
8612
+ :after {
8613
+ height: 4.5rem;
8614
+ background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
8615
+ }
8616
+
8617
+ :hover {
8618
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
8619
+ opacity: 1;
8620
+ }
8621
+ }
8622
+ }
8643
8623
  `;
8644
- const ImageContainerBg = styled.div `
8645
- position: absolute;
8646
- top: 0;
8647
- bottom: 0;
8648
- left: 0;
8649
- right: 0;
8650
-
8651
- img {
8652
- width: 100%;
8653
- height: 100%;
8654
- object-position: center;
8655
- object-fit: cover;
8656
- }
8624
+ const ImageContainerBg = styled.div `
8625
+ position: absolute;
8626
+ top: 0;
8627
+ bottom: 0;
8628
+ left: 0;
8629
+ right: 0;
8630
+
8631
+ img {
8632
+ width: 100%;
8633
+ height: 100%;
8634
+ object-position: center;
8635
+ object-fit: cover;
8636
+ }
8657
8637
  `;
8658
- const HeaderSlideshow = styled.div `
8659
- position: absolute;
8660
- top: 0;
8661
- bottom: ${({ height }) => (height ? `${height}px` : 0)};
8662
- left: 0;
8663
- right: 0;
8664
-
8665
- img {
8666
- width: 100%;
8667
- height: 100%;
8668
- min-height: inherit;
8669
- object-position: center;
8670
- object-fit: cover;
8671
- }
8638
+ const HeaderSlideshow = styled.div `
8639
+ position: absolute;
8640
+ top: 0;
8641
+ bottom: ${({ height }) => (height ? `${height}px` : 0)};
8642
+ left: 0;
8643
+ right: 0;
8644
+
8645
+ img {
8646
+ width: 100%;
8647
+ height: 100%;
8648
+ min-height: inherit;
8649
+ object-position: center;
8650
+ object-fit: cover;
8651
+ }
8672
8652
  `;
8673
8653
 
8674
8654
  const FeatureCardSlideshowHeader = ({ isRow }) => {
@@ -8807,40 +8787,40 @@ const getDefaultConfig = ({ title, defaultTitle, items, baseMapName, position, r
8807
8787
  return dashboardConfiguration;
8808
8788
  };
8809
8789
 
8810
- const UploaderContainer = styled(Container) `
8811
- ${uilibGl.UploaderItemArea} {
8812
- overflow: visible;
8813
- padding-top: 1rem;
8814
- padding-bottom: 1rem;
8815
- }
8816
-
8817
- ${uilibGl.UploaderTitleWrapper} {
8818
- top: 0;
8819
- padding-top: 0;
8820
- border: 0;
8821
- }
8790
+ const UploaderContainer = styled(Container) `
8791
+ ${uilibGl.UploaderItemArea} {
8792
+ overflow: visible;
8793
+ padding-top: 1rem;
8794
+ padding-bottom: 1rem;
8795
+ }
8796
+
8797
+ ${uilibGl.UploaderTitleWrapper} {
8798
+ top: 0;
8799
+ padding-top: 0;
8800
+ border: 0;
8801
+ }
8822
8802
  `;
8823
8803
 
8824
- const UploaderTitle = styled(uilibGl.Flex) `
8825
- flex-direction: column;
8826
- align-items: center;
8827
- width: 11rem;
8828
- margin: 0 auto;
8829
- text-align: center;
8830
- font-size: 0.625rem;
8831
- color: ${({ theme: { palette } }) => palette.textSecondary};
8832
-
8833
- span[kind] {
8834
- width: 1.5rem;
8835
- height: 1.5rem;
8836
- margin-bottom: 0.75rem;
8837
-
8838
- :after {
8839
- font-size: 1.5rem;
8840
- color: ${({ theme: { palette } }) => palette.textSecondary};
8841
- opacity: 0.12;
8842
- }
8843
- }
8804
+ const UploaderTitle = styled(uilibGl.Flex) `
8805
+ flex-direction: column;
8806
+ align-items: center;
8807
+ width: 11rem;
8808
+ margin: 0 auto;
8809
+ text-align: center;
8810
+ font-size: 0.625rem;
8811
+ color: ${({ theme: { palette } }) => palette.textSecondary};
8812
+
8813
+ span[kind] {
8814
+ width: 1.5rem;
8815
+ height: 1.5rem;
8816
+ margin-bottom: 0.75rem;
8817
+
8818
+ :after {
8819
+ font-size: 1.5rem;
8820
+ color: ${({ theme: { palette } }) => palette.textSecondary};
8821
+ opacity: 0.12;
8822
+ }
8823
+ }
8844
8824
  `;
8845
8825
 
8846
8826
  const DEFAULT_FILE_EXTENSIONS = ".txt,.csv,.py";
@@ -9147,26 +9127,31 @@ const DropdownFilter = ({ type, filter, elementConfig }) => {
9147
9127
  const { currentPage } = useWidgetPage(type);
9148
9128
  const { filters: configFilters } = currentPage;
9149
9129
  const { options } = elementConfig || {};
9150
- const { filterName, placeholder, width, noEmptyOption } = filter.options;
9130
+ const { filterName, placeholder, width, variants, noEmptyOption } = filter.options;
9151
9131
  const { sliceItems } = useShownOtherItems(options);
9152
9132
  const configFilter = getConfigFilter(filterName, configFilters);
9153
9133
  const filterOptions = React.useMemo(() => {
9134
+ if (variants) {
9135
+ return variants;
9136
+ }
9154
9137
  const dataSource = getDataSource(configFilter.relatedDataSource, dataSources);
9155
9138
  const listOptions = getListOptions(sliceItems(dataSource?.features), filterName, configFilters);
9156
9139
  if (noEmptyOption === undefined || noEmptyOption === false) {
9157
9140
  listOptions.unshift({ text: placeholder, value: "", min: null, max: null });
9158
9141
  }
9159
9142
  return listOptions;
9160
- }, [configFilter.relatedDataSource, configFilters, dataSources, filterName, noEmptyOption, placeholder, sliceItems]);
9143
+ }, [configFilter?.relatedDataSource, configFilters, dataSources, filterName, noEmptyOption, placeholder, sliceItems, variants]);
9161
9144
  const value = React.useMemo(() => filters?.[filterName] !== undefined
9162
9145
  ? Array.isArray(filters[filterName].value)
9163
9146
  ? null
9164
9147
  : filters[filterName].value
9165
- : getConfigFilter(filterName, configFilters).defaultValue, [configFilters, filterName, filters]);
9148
+ : filterName
9149
+ ? getConfigFilter(filterName, configFilters).defaultValue
9150
+ : null, [configFilters, filterName, filters]);
9166
9151
  const onChange = React.useCallback((items) => {
9167
9152
  changeFilters({ [filterName]: items[0] });
9168
9153
  }, [changeFilters, filterName]);
9169
- if (!configFilter)
9154
+ if (!configFilter && !variants)
9170
9155
  return null;
9171
9156
  return (jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 100, width: `${width ?? (DEFAULT_DROPDOWN_WIDTH - DEFAULT_FILTER_PADDING * 2)}px`, value: value, placeholder: placeholder, options: filterOptions, onChange: onChange }));
9172
9157
  };
@@ -9505,64 +9490,64 @@ const getJustifyContent = (align) => {
9505
9490
  return "flex-start";
9506
9491
  }
9507
9492
  };
9508
- const ChipsContainer = styled(uilibGl.Flex) `
9509
- flex-wrap: wrap;
9510
- gap: 0.25rem;
9511
- background: transparent;
9512
- justify-content: ${({ $align }) => getJustifyContent($align)};
9493
+ const ChipsContainer = styled(uilibGl.Flex) `
9494
+ flex-wrap: wrap;
9495
+ gap: 0.25rem;
9496
+ background: transparent;
9497
+ justify-content: ${({ $align }) => getJustifyContent($align)};
9513
9498
  `;
9514
9499
 
9515
- const FilterChip = styled.div `
9516
- display: inline-flex;
9517
- align-items: center;
9518
- gap: 0.25rem;
9519
- padding: 0.3125rem 0.5rem;
9520
- height: 1.5rem;
9521
- border-radius: 0.25rem;
9500
+ const FilterChip = styled.div `
9501
+ display: inline-flex;
9502
+ align-items: center;
9503
+ gap: 0.25rem;
9504
+ padding: 0.3125rem 0.5rem;
9505
+ height: 1.5rem;
9506
+ border-radius: 0.25rem;
9522
9507
  background-color: ${({ $isActive, $bgColor, theme }) => $bgColor
9523
9508
  ? $bgColor
9524
9509
  : $isActive
9525
9510
  ? theme.palette?.primary
9526
- : theme.palette?.elementLight};
9511
+ : theme.palette?.elementLight};
9527
9512
  color: ${({ $isActive, $textColor, theme }) => $textColor
9528
9513
  ? $textColor
9529
9514
  : $isActive
9530
9515
  ? theme.palette?.textContrast
9531
- : theme.palette?.textSecondary};
9532
- cursor: pointer;
9533
- font-size: 0.75rem;
9534
- line-height: 0.875rem;
9535
- white-space: nowrap;
9536
- flex-shrink: 0;
9537
- transition: all 0.2s ease-in-out;
9538
- margin: 0 0.25rem 0 0;
9539
- box-sizing: border-box;
9540
-
9541
- &:hover {
9516
+ : theme.palette?.textSecondary};
9517
+ cursor: pointer;
9518
+ font-size: 0.75rem;
9519
+ line-height: 0.875rem;
9520
+ white-space: nowrap;
9521
+ flex-shrink: 0;
9522
+ transition: all 0.2s ease-in-out;
9523
+ margin: 0 0.25rem 0 0;
9524
+ box-sizing: border-box;
9525
+
9526
+ &:hover {
9542
9527
  background-color: ${({ $isActive, $bgColor, theme }) => $isActive
9543
9528
  ? $bgColor || 'inherit'
9544
- : $bgColor || theme.palette?.elementDark};
9545
- }
9529
+ : $bgColor || theme.palette?.elementDark};
9530
+ }
9546
9531
  `;
9547
- const ChipIconWrapper = styled.span `
9548
- display: inline-flex;
9549
- align-items: center;
9550
- justify-content: center;
9551
- width: 0.875rem;
9552
- height: 0.875rem;
9553
- flex-shrink: 0;
9554
-
9555
- svg, img {
9556
- width: 100%;
9557
- height: 100%;
9558
- display: block;
9559
- }
9532
+ const ChipIconWrapper = styled.span `
9533
+ display: inline-flex;
9534
+ align-items: center;
9535
+ justify-content: center;
9536
+ width: 0.875rem;
9537
+ height: 0.875rem;
9538
+ flex-shrink: 0;
9539
+
9540
+ svg, img {
9541
+ width: 100%;
9542
+ height: 100%;
9543
+ display: block;
9544
+ }
9560
9545
  `;
9561
- const ChipText = styled.span `
9562
- overflow: hidden;
9563
- text-overflow: ellipsis;
9564
- white-space: nowrap;
9565
- ${({ $maxTextWidth }) => $maxTextWidth && `max-width: ${$maxTextWidth / 16}rem;`}
9546
+ const ChipText = styled.span `
9547
+ overflow: hidden;
9548
+ text-overflow: ellipsis;
9549
+ white-space: nowrap;
9550
+ ${({ $maxTextWidth }) => $maxTextWidth && `max-width: ${$maxTextWidth / 16}rem;`}
9566
9551
  `;
9567
9552
 
9568
9553
  const CustomChip = ({ text, icon, color, primary, secondary, error, disabled, isActive, maxTextWidth, fontColor: customFontColor, backgroundColor: customBackgroundColor, ...props }) => {
@@ -9651,12 +9636,15 @@ const ChipsFilter = ({ type, filter, elementConfig, }) => {
9651
9636
  const { filters: configFilters } = currentPage;
9652
9637
  const { options } = elementConfig || {};
9653
9638
  const { align } = options || {};
9654
- const { filterName, colorAttribute, iconAttribute, maxTextWidth, icon, fontColor, backgroundColor, } = filter.options;
9639
+ const { filterName, colorAttribute, iconAttribute, maxTextWidth, icon, fontColor, backgroundColor, variants, } = filter.options;
9655
9640
  const configFilter = getConfigFilter(filterName, configFilters);
9656
9641
  const multiSelect = configFilter?.valueType === "array";
9657
9642
  // Process icon URL (resourceId or direct URL)
9658
9643
  const processedIcon = icon ? getResourceUrl(icon) : undefined;
9659
9644
  const chipOptions = React.useMemo(() => {
9645
+ if (variants) {
9646
+ return variants;
9647
+ }
9660
9648
  if (!configFilter)
9661
9649
  return [];
9662
9650
  const dataSource = getDataSource(configFilter.relatedDataSource, dataSources);
@@ -9723,7 +9711,7 @@ const ChipsFilter = ({ type, filter, elementConfig, }) => {
9723
9711
  [filterName]: { value: newValue },
9724
9712
  });
9725
9713
  }, [filters, filterName, multiSelect, changeFilters, configFilter]);
9726
- if (!configFilter)
9714
+ if (!configFilter && !variants)
9727
9715
  return null;
9728
9716
  return (jsxRuntime.jsx(ChipsContainer, { "$align": align, children: chipOptions.map((chip, index) => {
9729
9717
  const isActive = isChipActive(chip.value);
@@ -10754,6 +10742,75 @@ const useUpdateDataSource = ({ dataSource, config, filters, attributes, layerPar
10754
10742
  }, [dataSource, getDataSourcePromises, getUpdatedDataSources, dataSources]);
10755
10743
  };
10756
10744
 
10745
+ const useMultipleAttributesRender = (config, elementConfig, type, renderElement) => {
10746
+ const { selectedTabId, layerInfo, attributes } = useWidgetContext(type);
10747
+ const { attributes: renderAttributes, attributesExclude } = elementConfig?.options || {};
10748
+ const getAttributesToRender = React.useCallback(() => {
10749
+ if (renderAttributes && renderAttributes.length > 0) {
10750
+ return renderAttributes;
10751
+ }
10752
+ const allAttributes = attributes?.map(attr => attr.name) || [];
10753
+ if (attributesExclude && attributesExclude.length > 0) {
10754
+ return allAttributes.filter(attr => !attributesExclude.includes(attr));
10755
+ }
10756
+ return allAttributes;
10757
+ }, [renderAttributes, attributesExclude, attributes]);
10758
+ const renderContainer = React.useCallback((attribute) => {
10759
+ const { id, options, style, children } = elementConfig || {};
10760
+ const { hideEmpty, innerTemplateStyle } = options || {};
10761
+ const hasUnits = children?.some(({ id }) => id === "units");
10762
+ const iconIndex = children?.findIndex(({ id }) => id === "icon");
10763
+ const icon = children?.[iconIndex];
10764
+ const hasIcon = !!icon;
10765
+ const elementChildren = elementConfig?.children?.map(child => ({
10766
+ type: "attributeValue",
10767
+ ...child,
10768
+ attributeName: attribute,
10769
+ options: { noUnits: hasUnits, ...child.options },
10770
+ }));
10771
+ const attr = attribute
10772
+ ? layerInfo?.layerAttributes?.find(({ attributeName }) => attributeName === attribute)
10773
+ : null;
10774
+ if (hasIcon) {
10775
+ elementChildren[iconIndex] = {
10776
+ ...elementChildren[iconIndex],
10777
+ type: attr?.icon?.type?.toLowerCase(),
10778
+ value: attr?.icon?.resourceId || attr?.icon?.url || attr?.icon?.iconName,
10779
+ attributeName: null,
10780
+ };
10781
+ }
10782
+ const render = attribute
10783
+ ? getRenderElement({
10784
+ config,
10785
+ elementConfig: {
10786
+ ...elementConfig,
10787
+ children: elementChildren,
10788
+ },
10789
+ selectedTabId,
10790
+ attributes,
10791
+ layerInfo,
10792
+ type,
10793
+ })
10794
+ : renderElement;
10795
+ const value = render({ id: "value" });
10796
+ if (!value && hideEmpty)
10797
+ return null;
10798
+ return {
10799
+ render,
10800
+ value,
10801
+ hasUnits,
10802
+ id,
10803
+ style: innerTemplateStyle || style,
10804
+ hasIcon,
10805
+ attr,
10806
+ };
10807
+ }, [attributes, config, getRenderElement, layerInfo, renderElement, selectedTabId, type, elementConfig]);
10808
+ return {
10809
+ getAttributesToRender,
10810
+ renderContainer,
10811
+ };
10812
+ };
10813
+
10757
10814
  const StackBar = ({ data, filterName, type, alias, options, renderElement, renderTooltip }) => {
10758
10815
  const { height, showTotal, cornerRadius, groupTooltip } = options || {};
10759
10816
  const { t } = useGlobalContext();
@@ -11001,8 +11058,8 @@ const Dashboard = React.memo(({ type = exports.WidgetType.Dashboard, noBorders }
11001
11058
  return (jsxRuntime.jsx(PagesContainer, { type: type, noBorders: noBorders }));
11002
11059
  });
11003
11060
 
11004
- const CardCheckbox = styled(uilibGl.Checkbox) `
11005
- padding-left: 0.5rem;
11061
+ const CardCheckbox = styled(uilibGl.Checkbox) `
11062
+ padding-left: 0.5rem;
11006
11063
  `;
11007
11064
 
11008
11065
  const DashboardCheckbox = ({ title, checked, onChange, }) => {
@@ -11076,15 +11133,15 @@ const FeatureCardTitle = ({ title, description }) => {
11076
11133
  return (jsxRuntime.jsxs(HeaderTitleContainer, { children: [jsxRuntime.jsx(FeatureTitleContainer, { children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: resultTitle }) }), jsxRuntime.jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
11077
11134
  };
11078
11135
 
11079
- const HiddenFilters = styled(uilibGl.Flex) `
11080
- flex-wrap: wrap;
11081
- margin-top: -1.25rem;
11082
-
11083
- ${DashboardChip$1} {
11084
- height: 1.5rem;
11085
- margin: 0 0.25rem 0.25rem 0;
11086
- padding: 0 0 0 0.5rem;
11087
- }
11136
+ const HiddenFilters = styled(uilibGl.Flex) `
11137
+ flex-wrap: wrap;
11138
+ margin-top: -1.25rem;
11139
+
11140
+ ${DashboardChip$1} {
11141
+ height: 1.5rem;
11142
+ margin: 0 0.25rem 0.25rem 0;
11143
+ padding: 0 0 0 0.5rem;
11144
+ }
11088
11145
  `;
11089
11146
 
11090
11147
  function spliceValue(filterValue, splicingValue) {
@@ -11270,24 +11327,24 @@ const LogTerminal = ({ log, terminalOptions, className, styles }) => {
11270
11327
  return jsxRuntime.jsx(TerminalWrapper, { ref: terminalRef, className: className, style: styles });
11271
11328
  };
11272
11329
 
11273
- const PageNavigator = styled(uilibGl.Flex) `
11274
- margin-right: -0.5rem;
11275
- align-items: center;
11276
-
11277
- button {
11278
- width: auto;
11279
- height: 2rem;
11280
- padding: 0 0.5rem;
11281
-
11282
- span[kind]:after {
11283
- color: ${({ theme: { palette } }) => palette.textDisabled};
11284
- transition: color ${uilibGl.transition.hover};
11285
- }
11286
-
11287
- :hover span[kind]:after {
11288
- color: ${({ theme: { palette } }) => palette.textSecondary};
11289
- }
11290
- }
11330
+ const PageNavigator = styled(uilibGl.Flex) `
11331
+ margin-right: -0.5rem;
11332
+ align-items: center;
11333
+
11334
+ button {
11335
+ width: auto;
11336
+ height: 2rem;
11337
+ padding: 0 0.5rem;
11338
+
11339
+ span[kind]:after {
11340
+ color: ${({ theme: { palette } }) => palette.textDisabled};
11341
+ transition: color ${uilibGl.transition.hover};
11342
+ }
11343
+
11344
+ :hover span[kind]:after {
11345
+ color: ${({ theme: { palette } }) => palette.textSecondary};
11346
+ }
11347
+ }
11291
11348
  `;
11292
11349
 
11293
11350
  const Pagination = React.memo(({ type = exports.WidgetType.Dashboard }) => {
@@ -11296,34 +11353,34 @@ const Pagination = React.memo(({ type = exports.WidgetType.Dashboard }) => {
11296
11353
  return (jsxRuntime.jsxs(PageNavigator, { children: [jsxRuntime.jsx(uilibGl.IconButton, { kind: "prev", onClick: () => prevPage(pages.length) }), jsxRuntime.jsx(uilibGl.IconButton, { kind: "next", onClick: () => nextPage(pages.length) })] }));
11297
11354
  });
11298
11355
 
11299
- const StyledSvgWidthMixin = styled.css `
11300
- &&& {
11301
- svg {
11302
- width: ${({ $width }) => $width}px;
11303
- }
11304
- }
11356
+ const StyledSvgWidthMixin = styled.css `
11357
+ &&& {
11358
+ svg {
11359
+ width: ${({ $width }) => $width}px;
11360
+ }
11361
+ }
11305
11362
  `;
11306
- const StyledSvgHeightMixin = styled.css `
11307
- &&& {
11308
- svg {
11309
- height: ${({ $height }) => $height}px;
11310
- }
11311
- }
11363
+ const StyledSvgHeightMixin = styled.css `
11364
+ &&& {
11365
+ svg {
11366
+ height: ${({ $height }) => $height}px;
11367
+ }
11368
+ }
11312
11369
  `;
11313
- const StyledSvgColorMixin = styled.css `
11314
- svg {
11315
- path,
11316
- line,
11317
- circle {
11318
- fill: ${({ $fontColor }) => $fontColor} !important;
11319
- }
11320
- }
11370
+ const StyledSvgColorMixin = styled.css `
11371
+ svg {
11372
+ path,
11373
+ line,
11374
+ circle {
11375
+ fill: ${({ $fontColor }) => $fontColor} !important;
11376
+ }
11377
+ }
11321
11378
  `;
11322
- const StyledSvg = styled(uilibGl.Flex) `
11323
- align-items: center;
11324
- ${({ $width }) => !!$width && StyledSvgWidthMixin};
11325
- ${({ $height }) => !!$height && StyledSvgHeightMixin};
11326
- ${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
11379
+ const StyledSvg = styled(uilibGl.Flex) `
11380
+ align-items: center;
11381
+ ${({ $width }) => !!$width && StyledSvgWidthMixin};
11382
+ ${({ $height }) => !!$height && StyledSvgHeightMixin};
11383
+ ${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
11327
11384
  `;
11328
11385
 
11329
11386
  const SvgImage = React.memo(({ url, width, height, fontColor }) => {
@@ -11591,28 +11648,28 @@ const Layer = ({ layer, layerType, visible, beforeId, tileUrl, getLayerTempStyle
11591
11648
  return (jsxRuntime.jsx(VectorLayer, { layer: layer, tileUrl: tileUrl, visible: visible, beforeId: beforeId, getLayerTempStyle: getLayerTempStyle, filterVersion: filterVersion }));
11592
11649
  };
11593
11650
 
11594
- const MapWrapper = styled.div `
11595
- position: relative;
11596
- width: 100%;
11597
- height: 100%;
11598
- box-sizing: border-box;
11599
- z-index: ${({ $zIndex }) => $zIndex ?? 1};
11600
-
11601
- .mapbox-gl-draw_trash {
11602
- display: none;
11603
- }
11604
-
11605
- .mapboxgl-ctrl-logo {
11606
- display: none;
11607
- }
11608
-
11609
- .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
11610
- display: none;
11611
- }
11612
-
11613
- .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
11614
- width: 350px;
11615
- }
11651
+ const MapWrapper = styled.div `
11652
+ position: relative;
11653
+ width: 100%;
11654
+ height: 100%;
11655
+ box-sizing: border-box;
11656
+ z-index: ${({ $zIndex }) => $zIndex ?? 1};
11657
+
11658
+ .mapbox-gl-draw_trash {
11659
+ display: none;
11660
+ }
11661
+
11662
+ .mapboxgl-ctrl-logo {
11663
+ display: none;
11664
+ }
11665
+
11666
+ .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
11667
+ display: none;
11668
+ }
11669
+
11670
+ .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
11671
+ width: 350px;
11672
+ }
11616
11673
  `;
11617
11674
 
11618
11675
  const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...rest }) => {
@@ -11889,6 +11946,7 @@ exports.useLayerParams = useLayerParams;
11889
11946
  exports.useMapContext = useMapContext;
11890
11947
  exports.useMapDraw = useMapDraw;
11891
11948
  exports.useMapImages = useMapImages;
11949
+ exports.useMultipleAttributesRender = useMultipleAttributesRender;
11892
11950
  exports.useProjectDashboardInit = useProjectDashboardInit;
11893
11951
  exports.usePythonTask = usePythonTask;
11894
11952
  exports.useRedrawLayer = useRedrawLayer;