@evergis/react 4.0.130 → 4.0.132

package/dist/react.esm.js

@@ -2,7 +2,7 @@ import styled, { createGlobalStyle, css, useTheme } from 'styled-components';
 import { Icon, IconButtonInnerChild, IconButton, Flex, transition, Chip, shadows, Description, Divider, Popup, Menu, IconToggleButton, LinearProgress, Tooltip as Tooltip$1, IconToggle, Preview, LegendToggler, DropdownField, MultiSelectContainer, IconButtonButton, useDragAndDropEffect, FlatButton, DraggableTreeContainer, DraggableTree, FlexSpan, Dialog, DialogTitle, ActionsGroup, DialogContent, DialogActions, RaisedButton, UploaderItemArea, UploaderTitleWrapper, ThemeProvider, darkTheme, CircularProgress, Switch, AutoComplete, Input, Slider, Dropdown, Checkbox, DatePicker, getLocale, H2, Blank, Popover, NumberInput, Uploader, NumberRangeSlider, useAsyncAutocomplete, RangeNumberInput, TreeDropdown, defaultTheme, dateFormat } from '@evergis/uilib-gl';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { isValidElement, Fragment, createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, createElement, useLayoutEffect, forwardRef } from 'react';
-import { lineChartClassNames, BarChart as BarChart$1, barChartClassNames, LineChart, PieChart } from '@evergis/charts';
+import { barChartClassNames, lineChartClassNames, BarChart as BarChart$1, LineChart, PieChart } from '@evergis/charts';
 import { AttributeType, AttributeIconType, generateId, STORAGE_TOKEN_KEY, parseJwt, STORAGE_REFRESH_TOKEN_KEY, RemoteTaskStatus, AttributeConfigurationType, LayerServiceType, OgcGeometryType, StringSubType } from '@evergis/api';
 import { isNil, isEmpty, uniqueId, isEqual, unescape } from 'lodash';
 import { Color as Color$1, ColorScale } from '@evergis/color';
@@ -73,205 +73,6 @@ const AddFeatureButton = ({ title, icon = "feature_add" /* , layerName, geometry
     return (jsx(IconButton, { kind: icon, primary: true, onClick: handleAddFeature, children: title }));
 };
 
-const ChartTooltipTable = styled.table.withConfig({ displayName: "ChartTooltipTable", componentId: "sc-1fk3ts5" }) `
-  td {
-    padding: 0;
-  }
-
-  tr:not(:last-child) td {
-    padding-bottom: 0.375rem;
-  }
-`;
-const ChartTooltip = styled(Flex).withConfig({ displayName: "ChartTooltip", componentId: "sc-1iyyyv7" }) `
-  flex-wrap: nowrap;
-  background: rgb(48, 69, 79);
-  border-radius: 0.25rem;
-  color: white;
-
-  :not(:last-child) {
-    margin-bottom: 0.25rem;
-  }
-`;
-const ChartTooltipLabel = styled.div.withConfig({ displayName: "ChartTooltipLabel", componentId: "sc-gl0qxz" }) `
-  margin-right: 0.25rem;
-`;
-const ChartTooltipColor = styled.div.withConfig({ displayName: "ChartTooltipColor", componentId: "sc-tmvvbh" }) `
-  width: 0.625rem;
-  height: 0.625rem;
-  background-color: ${({ $color }) => $color};
-  border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
-  margin-right: 0.25rem;
-`;
-const ChartLegendColor$1 = styled.div.withConfig({ displayName: "ChartLegendColor", componentId: "sc-l66k4q" }) `
-  width: 0.5rem;
-  height: 0.5rem;
-  background-color: ${({ $color }) => $color};
-  border-radius: 0.125rem;
-`;
-const ChartLegendValue = styled.div.withConfig({ displayName: "ChartLegendValue", componentId: "sc-1d7z775" }) `
-  opacity: 0.65;
-`;
-const ChartTooltipRow = styled(Flex).withConfig({ displayName: "ChartTooltipRow", componentId: "sc-ih1uc5" }) `
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  margin-top: 0.5rem;
-  line-height: 0;
-
-  ${ChartLegendColor$1} {
-    margin-right: 0.25rem;
-  }
-`;
-const ChartTooltipName = styled.div.withConfig({ displayName: "ChartTooltipName", componentId: "sc-sm4g0t" }) `
-  margin-right: 1rem;
-  opacity: 0.65;
-`;
-const PieChartCenter = styled.div.withConfig({ displayName: "PieChartCenter", componentId: "sc-1le93jy" }) `
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  text-align: center;
-  font-weight: bold;
-  font-size: 1.5rem;
-`;
-const ChartWrapperContainer = styled.div.withConfig({ displayName: "ChartWrapperContainer", componentId: "sc-1f4x9zv" }) `
-  position: relative;
-  width: 100%;
-`;
-/*
- * fill-режим: обёртка забирает всю доступную ячейку (её высоту задаёт флекс-цепочка, а не контент графика),
- * на неё вешается ref для ResizeObserver — меряем обе оси без цикла. Плоский div (не Flex uilib), как соседний
- * ChartWrapperContainer, чтобы ref гарантированно дошёл до DOM-узла. Тело графика центрируется внутри.
- */
-const ChartFillMeasure = styled.div.withConfig({ displayName: "ChartFillMeasure", componentId: "sc-1r4oerb" }) `
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-
-  /* SVG по умолчанию inline, поэтому под ним остаётся зазор базовой линии (~4px при line-height
-     18.4px): вне fill его скрывал запас высоты, а тело, точно заполнившее ячейку, из-за него
-     вылезает за нижнюю границу. Блочный SVG зазора не даёт. */
-  svg {
-    display: block;
-  }
-`;
-const Tooltip = styled.div.withConfig({ displayName: "Tooltip", componentId: "sc-1va8cy3" }) `
-  position: relative;
-  border-radius: 0.25rem;
-  background-color: rgba(28, 33, 48);
-  padding: 0.5rem;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
-  font-size: 0.75rem;
-  transform: ${({ transform }) => transform};
-  color: white;
-
-  :before {
-    position: absolute;
-    display: block;
-    content: "";
-    width: 0;
-    height: 0;
-  }
-`;
-const LineChartStyles = createGlobalStyle `
-  .dashboardLineChartTooltip.${lineChartClassNames.lineChartMouseLabel} {
-    .${lineChartClassNames.lineChartLabelFlex} {
-      justify-content: center;
-      align-items: flex-end;
-
-      ${Tooltip} {
-        margin: 0 0 12px 0;
-
-        :before {
-          top: auto;
-          bottom: 0;
-          left: 50%;
-          transform: translate(-50%, 100%);
-          border-left: 4px solid transparent;
-          border-right: 4px solid transparent;
-          border-top: 4px solid rgba(28, 33, 48, 0.9);
-        }
-      }
-    }
-  }
-  
-  .${lineChartClassNames.lineChartYScaleGlobal}, .${lineChartClassNames.lineChartXScaleGlobal} {
-    .domain {
-      visibility: hidden;
-    }
-
-    .tick {
-      text {
-        fill: ${({ theme: { palette } }) => palette.textDisabled};
-      }
-
-      line {
-        visibility: hidden;
-      }
-    }
-  }
-
-  .${lineChartClassNames.lineChartXScaleGlobal} {
-    .tick {
-      :first-of-type {
-        text {
-          text-anchor: start;
-        }
-      }
-
-      :last-of-type {
-        text {
-          text-anchor: end;
-        }
-      }
-    }
-  }
-
-  .${lineChartClassNames.lineChartLine} {
-    stroke-width: 2px;
-  }
-
-  .${lineChartClassNames.lineChartLabel} {
-    color: ${({ theme: { palette } }) => palette.textPrimary};
-  }
-
-  .${lineChartClassNames.lineChartMouseCircle} {
-    stroke: #ffffff;
-    stroke-width: 2px;
-  }
-
-  .${lineChartClassNames.lineChartGridLineX} {
-    stroke: ${({ theme: { palette } }) => palette.element};
-  }
-
-  text {
-    fill: ${({ theme: { palette } }) => palette.textDisabled};
-  }
-`;
-const StyledBarChart = styled(BarChart$1).withConfig({ displayName: "StyledBarChart", componentId: "sc-1l1kx80" }) `
-  .domain {
-    display: none;
-  }
-
-  .tick {
-    text {
-      fill: ${({ theme: { palette } }) => palette.textDisabled};
-    }
-
-    line {
-      visibility: hidden;
-    }
-  }
-`;
-
 function range(start, stop, step) {
   start = +start, stop = +stop, step = (n = arguments.length) < 2 ? (stop = start, start = 0, 1) : n < 3 ? 1 : +step;
 
@@ -3539,6 +3340,18 @@ const DEFAULT_CHART_ANGLE = 4;
 const DEFAULT_CHART_HEIGHT = 90;
 const STACK_BAR_TOTAL_HEIGHT = 20;
 const FILTER_PREFIX = "%";
+/** Имя системного геометрического фильтра — выделение, нарисованное пользователем на карте. */
+const GEOMETRY_FILTER_NAME = "geometry";
+/** Имя системного фильтра «экстент видимой области карты» (EWKT, `SRID=3857`). */
+const EXTENT_FILTER_NAME = "extent";
+/** Имя системного фильтра «уровень зума карты» (целое число). */
+const ZOOM_FILTER_NAME = "zoom";
+/**
+ * Системные фильтры текущего вида карты. Их значения приходят не из `SelectedFilters`, а из
+ * `GlobalContext`, поэтому имена зарезервированы: одноимённый пользовательский фильтр будет
+ * перехвачен системной подстановкой — ровно как в случае `geometry`.
+ */
+const MAP_VIEW_FILTER_NAMES = [EXTENT_FILTER_NAME, ZOOM_FILTER_NAME];
 const PROVIDER_PREFIX = "$";
 var ProviderPrefix;
 (function (ProviderPrefix) {
@@ -3574,6 +3387,22 @@ const ATTRIBUTE_ICON_ELEMENT_TYPES = {
 const EMPTY_DATA_SOURCE_LAYER_INFO = {
     configuration: { attributesConfiguration: { attributes: [] } },
 };
+/**
+ * z-index плавающих слоёв дашборда: тултипы графиков и выпадающие списки фильтров.
+ *
+ * Тултипы графиков (`@evergis/charts`) и поповеры дропдаунов рендерятся порталом в `body`, где
+ * их собственные z-index (100 у Bar/Line, 103 у Pie) ниже модального окна `Dialog` из
+ * `@evergis/uilib-gl` (110) — внутри модалки дашборда они уходили под окно.
+ */
+const DASHBOARD_OVERLAY_Z_INDEX = 1000;
+/**
+ * Стиль контейнера тултипа `PieChart`: там z-index проставляется инлайном (103), поэтому поднять
+ * его CSS-классом нельзя — только через `tooltipStyle`. Ключ пишем в CSS-нотации: значение уходит
+ * в `d3.selection.style()` → `setProperty`, а camelCase он не понимает.
+ */
+const PIE_CHART_TOOLTIP_STYLE = {
+    "z-index": `${DASHBOARD_OVERLAY_Z_INDEX}`,
+};
 const DEFAULT_DROPDOWN_WIDTH = 312;
 const DEFAULT_FILTER_PADDING = 12;
 /** Базовый отступ обёртки контейнера. Снимается, когда контейнер занимает ячейку целиком. */
@@ -3607,6 +3436,217 @@ const CONTAINER_BODY_FILL_STYLE = {
  */
 const CONTAINERS_GROUP_DEFAULTS = { boxSizing: "border-box" };
 
+const ChartTooltipTable = styled.table.withConfig({ displayName: "ChartTooltipTable", componentId: "sc-1fk3ts5" }) `
+  td {
+    padding: 0;
+  }
+
+  tr:not(:last-child) td {
+    padding-bottom: 0.375rem;
+  }
+`;
+const ChartTooltip = styled(Flex).withConfig({ displayName: "ChartTooltip", componentId: "sc-1iyyyv7" }) `
+  flex-wrap: nowrap;
+  background: rgb(48, 69, 79);
+  border-radius: 0.25rem;
+  color: white;
+
+  :not(:last-child) {
+    margin-bottom: 0.25rem;
+  }
+`;
+const ChartTooltipLabel = styled.div.withConfig({ displayName: "ChartTooltipLabel", componentId: "sc-gl0qxz" }) `
+  margin-right: 0.25rem;
+`;
+const ChartTooltipColor = styled.div.withConfig({ displayName: "ChartTooltipColor", componentId: "sc-tmvvbh" }) `
+  width: 0.625rem;
+  height: 0.625rem;
+  background-color: ${({ $color }) => $color};
+  border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
+  margin-right: 0.25rem;
+`;
+const ChartLegendColor$1 = styled.div.withConfig({ displayName: "ChartLegendColor", componentId: "sc-l66k4q" }) `
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: ${({ $color }) => $color};
+  border-radius: 0.125rem;
+`;
+const ChartLegendValue = styled.div.withConfig({ displayName: "ChartLegendValue", componentId: "sc-1d7z775" }) `
+  opacity: 0.65;
+`;
+const ChartTooltipRow = styled(Flex).withConfig({ displayName: "ChartTooltipRow", componentId: "sc-ih1uc5" }) `
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  margin-top: 0.5rem;
+  line-height: 0;
+
+  ${ChartLegendColor$1} {
+    margin-right: 0.25rem;
+  }
+`;
+const ChartTooltipName = styled.div.withConfig({ displayName: "ChartTooltipName", componentId: "sc-sm4g0t" }) `
+  margin-right: 1rem;
+  opacity: 0.65;
+`;
+const PieChartCenter = styled.div.withConfig({ displayName: "PieChartCenter", componentId: "sc-1le93jy" }) `
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  font-weight: bold;
+  font-size: 1.5rem;
+`;
+const ChartWrapperContainer = styled.div.withConfig({ displayName: "ChartWrapperContainer", componentId: "sc-1f4x9zv" }) `
+  position: relative;
+  width: 100%;
+`;
+/*
+ * fill-режим: обёртка забирает всю доступную ячейку (её высоту задаёт флекс-цепочка, а не контент графика),
+ * на неё вешается ref для ResizeObserver — меряем обе оси без цикла. Плоский div (не Flex uilib), как соседний
+ * ChartWrapperContainer, чтобы ref гарантированно дошёл до DOM-узла. Тело графика центрируется внутри.
+ */
+const ChartFillMeasure = styled.div.withConfig({ displayName: "ChartFillMeasure", componentId: "sc-1r4oerb" }) `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+
+  /* SVG по умолчанию inline, поэтому под ним остаётся зазор базовой линии (~4px при line-height
+     18.4px): вне fill его скрывал запас высоты, а тело, точно заполнившее ячейку, из-за него
+     вылезает за нижнюю границу. Блочный SVG зазора не даёт. */
+  svg {
+    display: block;
+  }
+`;
+const Tooltip = styled.div.withConfig({ displayName: "Tooltip", componentId: "sc-1va8cy3" }) `
+  position: relative;
+  border-radius: 0.25rem;
+  background-color: rgba(28, 33, 48);
+  padding: 0.5rem;
+  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
+  font-size: 0.75rem;
+  transform: ${({ transform }) => transform};
+  color: white;
+
+  :before {
+    position: absolute;
+    display: block;
+    content: "";
+    width: 0;
+    height: 0;
+  }
+`;
+/**
+ * Тултипы графиков рендерятся в `body` со своим z-index (100 у Bar и Line) — ниже модального окна
+ * `Dialog` из `@evergis/uilib-gl` (110), поэтому в модалке дашборда они уходили под окно. Класс
+ * дублируем, чтобы правило перебило стили `@evergis/charts` по специфичности, а не по порядку
+ * подключения.
+ */
+const ChartTooltipStyles = createGlobalStyle `
+  .${barChartClassNames.barChartMouseTooltip}.${barChartClassNames.barChartMouseTooltip},
+  .${lineChartClassNames.lineChartMouseLabel}.${lineChartClassNames.lineChartMouseLabel} {
+    z-index: ${DASHBOARD_OVERLAY_Z_INDEX};
+  }
+`;
+const LineChartStyles = createGlobalStyle `
+  .dashboardLineChartTooltip.${lineChartClassNames.lineChartMouseLabel} {
+    .${lineChartClassNames.lineChartLabelFlex} {
+      justify-content: center;
+      align-items: flex-end;
+
+      ${Tooltip} {
+        margin: 0 0 12px 0;
+
+        :before {
+          top: auto;
+          bottom: 0;
+          left: 50%;
+          transform: translate(-50%, 100%);
+          border-left: 4px solid transparent;
+          border-right: 4px solid transparent;
+          border-top: 4px solid rgba(28, 33, 48, 0.9);
+        }
+      }
+    }
+  }
+  
+  .${lineChartClassNames.lineChartYScaleGlobal}, .${lineChartClassNames.lineChartXScaleGlobal} {
+    .domain {
+      visibility: hidden;
+    }
+
+    .tick {
+      text {
+        fill: ${({ theme: { palette } }) => palette.textDisabled};
+      }
+
+      line {
+        visibility: hidden;
+      }
+    }
+  }
+
+  .${lineChartClassNames.lineChartXScaleGlobal} {
+    .tick {
+      :first-of-type {
+        text {
+          text-anchor: start;
+        }
+      }
+
+      :last-of-type {
+        text {
+          text-anchor: end;
+        }
+      }
+    }
+  }
+
+  .${lineChartClassNames.lineChartLine} {
+    stroke-width: 2px;
+  }
+
+  .${lineChartClassNames.lineChartLabel} {
+    color: ${({ theme: { palette } }) => palette.textPrimary};
+  }
+
+  .${lineChartClassNames.lineChartMouseCircle} {
+    stroke: #ffffff;
+    stroke-width: 2px;
+  }
+
+  .${lineChartClassNames.lineChartGridLineX} {
+    stroke: ${({ theme: { palette } }) => palette.element};
+  }
+
+  text {
+    fill: ${({ theme: { palette } }) => palette.textDisabled};
+  }
+`;
+const StyledBarChart = styled(BarChart$1).withConfig({ displayName: "StyledBarChart", componentId: "sc-1l1kx80" }) `
+  .domain {
+    display: none;
+  }
+
+  .tick {
+    text {
+      fill: ${({ theme: { palette } }) => palette.textDisabled};
+    }
+
+    line {
+      visibility: hidden;
+    }
+  }
+`;
+
 const StackBarContainer = styled(Flex).withConfig({ displayName: "StackBarContainer", componentId: "sc-stc97k" }) `
   flex-wrap: nowrap;
   width: 100%;
@@ -4219,7 +4259,7 @@ const getSelectedFilterValue = (filterName, selectedFilters, defaultValue) => {
         : selectedFilters?.[filterName]?.value) ?? defaultValue);
 };
 
-const applyQueryFilters = ({ parameters: configParameters, filters: configFilters, selectedFilters, geometry, attributes, layerInfo, dataSources, projectDataSources, }) => {
+const applyQueryFilters = ({ parameters: configParameters, filters: configFilters, selectedFilters, geometry, extent, zoomLevel, attributes, layerInfo, dataSources, projectDataSources, }) => {
     if (!configParameters) {
         return {};
     }
@@ -4264,12 +4304,27 @@ const applyQueryFilters = ({ parameters: configParameters, filters: configFilter
         const [filterName, filterProp] = filterFullName.includes(".") ? filterFullName.split(".") : [filterFullName, null];
         const configFilter = getConfigFilter(filterName, configFilters);
         const { defaultValue, relatedDataSource, attributeAlias } = configFilter || {};
-        if (filterName === "geometry" && geometry && !geometry.includes("()") && geometry.endsWith(")")) {
+        if (filterName === GEOMETRY_FILTER_NAME && geometry && !geometry.includes("()") && geometry.endsWith(")")) {
             return {
                 ...result,
                 [key]: geometry,
             };
         }
+        // Системные фильтры вида карты: значение приходит из `GlobalContext`, а не из `SelectedFilters`,
+        // поэтому резолвятся до веток `.min` / `.max` / `.property` — как `geometry` выше.
+        if (filterName === EXTENT_FILTER_NAME && extent) {
+            return {
+                ...result,
+                [key]: extent,
+            };
+        }
+        // Единственная нестроковая системная подстановка: уровень зума уходит числом.
+        if (filterName === ZOOM_FILTER_NAME && !isNil(zoomLevel)) {
+            return {
+                ...result,
+                [key]: zoomLevel,
+            };
+        }
         if (configParameters[key].endsWith(".max")) {
             return {
                 ...result,
@@ -4487,13 +4542,22 @@ const applyFiltersToCondition = ({ condition, name, defaultValue, filters, isSin
         return applyTreeFilterToCondition(condition, name, rawValue, isSingle);
     }
     const hasFilter = filters[name] !== undefined && !!filters[name].value?.toString().length;
+    const filterName = `${FILTER_PREFIX}${name}`;
+    // Пока фильтр не применён, границы `%name.min` / `%name.max` берём из range-дефолта конфига
+    // (`defaultValue: [from, to]`) — иначе в условие ушёл бы весь массив вместо своей границы.
+    // Проверка плейсхолдеров обязательна: у array-фильтра массивный дефолт подставляется целиком.
+    const rangeDefault = !hasFilter &&
+        Array.isArray(defaultValue) &&
+        (condition.includes(`${filterName}.min`) || condition.includes(`${filterName}.max`))
+        ? defaultValue
+        : null;
     const min = formatConditionValue({
-        value: hasFilter ? filters[name].min : null,
+        value: hasFilter ? filters[name].min : rangeDefault?.[0] ?? null,
         checkQuotes: !isSingle,
         isSetParams,
     });
     const max = formatConditionValue({
-        value: hasFilter ? filters[name].max : null,
+        value: hasFilter ? filters[name].max : rangeDefault?.[1] ?? null,
         checkQuotes: !isSingle,
         isSetParams,
     });
@@ -4503,7 +4567,6 @@ const applyFiltersToCondition = ({ condition, name, defaultValue, filters, isSin
         checkQuotes: !isSingle,
         isSetParams,
     });
-    const filterName = `${FILTER_PREFIX}${name}`;
     const hasMin = min !== "" && min !== null && min !== undefined;
     const hasMax = max !== "" && max !== null && max !== undefined;
     let result = condition;
@@ -4520,7 +4583,7 @@ const applyFiltersToCondition = ({ condition, name, defaultValue, filters, isSin
     }
     return isSingle && isNumeric(result) ? Number(result) : result;
 };
-const applyVarsToCondition = ({ section, configFilters, filters, attributes, layerParams, eqlParameters, geometry, isSetParams, }) => {
+const applyVarsToCondition = ({ section, configFilters, filters, attributes, layerParams, eqlParameters, geometry, extent, zoomLevel, isSetParams, }) => {
     if (!section?.length)
         return [];
     const isSingle = typeof section === "string";
@@ -4529,6 +4592,17 @@ const applyVarsToCondition = ({ section, configFilters, filters, attributes, lay
         if (geometry && !geometry.includes("()") && geometry.endsWith(")")) {
             result[index] = result[index].replace(new RegExp("%geometry"), `'${geometry}'`);
         }
+        // Системные фильтры вида карты подставляются ДО цикла по `configFilters`: одноимённый
+        // пользовательский фильтр не должен перехватывать `%extent` / `%zoom`. Lookahead `(?![\w.])`
+        // оставляет фильтрам составные формы (`%zoomLevel`, `%extent_id`, `%zoom.min`) — та же
+        // граница, что уже разводит `%name` и `%name2.l1` в `getUpdatingDataSources`.
+        if (extent) {
+            result[index] = result[index].replace(new RegExp(`${FILTER_PREFIX}${EXTENT_FILTER_NAME}(?![\\w.])`, "g"), `'${extent}'`);
+        }
+        // Зум — число, кавычки не ставим.
+        if (!isNil(zoomLevel)) {
+            result[index] = result[index].replace(new RegExp(`${FILTER_PREFIX}${ZOOM_FILTER_NAME}(?![\\w.])`, "g"), String(zoomLevel));
+        }
         if (configFilters?.length) {
             configFilters.forEach(filter => {
                 result[index] = applyFiltersToCondition({
@@ -4557,7 +4631,7 @@ const applyVarsToCondition = ({ section, configFilters, filters, attributes, lay
     });
     return isSingle ? result?.[0] : result;
 };
-const formatSingleCondition = (condition, { configFilters, filters, attributes, eqlParameters, layerParams, geometry }) => {
+const formatSingleCondition = (condition, { configFilters, filters, attributes, eqlParameters, layerParams, geometry, extent, zoomLevel, }) => {
     const setParams = condition.match(new RegExp("\\$\\([^)]+\\)", "g"));
     const setParamsSection = applyVarsToCondition({
         section: setParams,
@@ -4567,6 +4641,8 @@ const formatSingleCondition = (condition, { configFilters, filters, attributes,
         eqlParameters,
         layerParams,
         geometry,
+        extent,
+        zoomLevel,
         isSetParams: true,
     });
     const splitter = " AND ";
@@ -4579,6 +4655,8 @@ const formatSingleCondition = (condition, { configFilters, filters, attributes,
         eqlParameters,
         layerParams,
         geometry,
+        extent,
+        zoomLevel,
     });
     return setParamsSection?.length && conditionSection.length
         ? [setParamsSection.join(""), conditionSection.join(splitter)].join(" ")
@@ -6356,7 +6434,7 @@ const useAttachmentItems = ({ type, elementConfig, valueOverride, }) => {
 };
 
 const useGlobalContext = () => {
-    const { t, language, themeName, api, ewktGeometry, notification } = useContext(GlobalContext) || {};
+    const { t, language, themeName, api, ewktGeometry, ewktExtent, zoomLevel, notification } = useContext(GlobalContext) || {};
     const translate = useCallback((value, options) => {
         if (t)
             return t(value, options);
@@ -6368,8 +6446,10 @@ const useGlobalContext = () => {
         themeName,
         api,
         ewktGeometry,
+        ewktExtent,
+        zoomLevel,
         notification,
-    }), [language, translate, api, ewktGeometry, themeName, notification]);
+    }), [language, translate, api, ewktGeometry, ewktExtent, zoomLevel, themeName, notification]);
 };
 
 const GRID_TILE_SIZE = "4.5rem";
@@ -7175,10 +7255,17 @@ const useDashboardHeader = () => {
     };
 };
 
+// Полноэкранная заглушка допустима только пока не пришёл ни один источник: дальше страницу
+// и модалку наполняют сами контейнеры — у каждого свой ContainerLoading / ChartLoading.
+const useDataSourceLoading = (type) => {
+    const { dataSources, isLoading } = useWidgetContext(type);
+    const { currentPage } = useWidgetPage(type);
+    return useMemo(() => !!currentPage?.dataSources?.length && !dataSources?.length && !!isLoading, [currentPage?.dataSources?.length, dataSources?.length, isLoading]);
+};
+
 /* eslint-disable max-lines */
-const toConditionsArray = (value) => Array.isArray(value) ? value : value ? [value] : [];
 const useDataSources = ({ type: widgetType, config, attributes, filters, layerParams, eqlParameters, }) => {
-    const { ewktGeometry, api } = useGlobalContext();
+    const { ewktGeometry, ewktExtent, zoomLevel, api } = useGlobalContext();
     const { dataSources, layerInfo } = useWidgetContext(widgetType);
     const { dataSources: projectDataSources } = useWidgetContext(WidgetType.Dashboard);
     const { filters: configFilters, dataSources: configDataSources } = config || {};
@@ -7206,6 +7293,8 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
             attributes,
             filters: configFilters,
             geometry: ewktGeometry,
+            extent: ewktExtent,
+            zoomLevel,
             layerInfo,
             dataSources,
             projectDataSources,
@@ -7280,6 +7369,8 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
                 configFilters,
                 filters: selectedFilters,
                 geometry: ewktGeometry,
+                extent: ewktExtent,
+                zoomLevel,
                 attributes,
                 layerParams,
                 eqlParameters,
@@ -7301,6 +7392,8 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
         dataSources,
         configFilters,
         ewktGeometry,
+        ewktExtent,
+        zoomLevel,
         api,
         attributes,
         layerParams,
@@ -12685,7 +12778,7 @@ const EditStringContainer = ({ type, elementConfig, renderElement, }) => {
         onControlChange(String(lastSelected?.value ?? ""));
         setValue(lastSelected?.text ?? "");
     }, [onControlChange, setValue]);
-    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { column: true, children: control?.relatedDataSource ? (jsx(AutoComplete, { value: value, options: options, width: "100%", onChange: onChange, onSelect: onSelect })) : (jsx(Input, { value: controlValue, width: "100%", onChange: (e) => onControlChange(e.target.value) })) })] }));
+    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { column: true, children: control?.relatedDataSource ? (jsx(AutoComplete, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, value: value, options: options, width: "100%", onChange: onChange, onSelect: onSelect })) : (jsx(Input, { value: controlValue, width: "100%", onChange: (e) => onControlChange(e.target.value) })) })] }));
 };
 
 const EditNumberContainer = ({ type, elementConfig, renderElement, }) => {
@@ -12698,7 +12791,7 @@ const EditDropdownContainer = ({ type, elementConfig, renderElement, }) => {
     const { value, control, items, onChange } = useEditControl(type, elementConfig);
     const { id, style } = elementConfig || {};
     const optionsList = useMemo(() => items.map(item => ({ text: item, value: item })), [items]);
-    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { column: true, children: jsx(Dropdown, { zIndex: 1000, label: control?.label, placeholder: control?.placeholder, options: optionsList, value: value, width: `${control?.width ?? DEFAULT_DROPDOWN_WIDTH}px`, onChange: ([option]) => onChange(option.value) }) })] }));
+    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { column: true, children: jsx(Dropdown, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, label: control?.label, placeholder: control?.placeholder, options: optionsList, value: value, width: `${control?.width ?? DEFAULT_DROPDOWN_WIDTH}px`, onChange: ([option]) => onChange(option.value) }) })] }));
 };
 
 const CheckboxWrapper = styled(ContainerValue).withConfig({ displayName: "CheckboxWrapper", componentId: "sc-169umb6" }) `
@@ -12739,7 +12832,7 @@ const EditDateContainer = ({ type, elementConfig, renderElement, }) => {
     const { withTime } = options || {};
     const dateValue = useMemo(() => (value ? new Date(value) : undefined), [value]);
     const handleChange = useCallback((date) => onChange(date.toISOString()), [onChange]);
-    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { column: true, children: jsx(DatePicker, { value: dateValue, locale: getLocale(language), withTime: withTime ?? false, withHeader: true, width: "100%", onChange: handleChange }) })] }));
+    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { column: true, children: jsx(DatePicker, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, value: dateValue, locale: getLocale(language), withTime: withTime ?? false, withHeader: true, width: "100%", onChange: handleChange }) })] }));
 };
 
 const AddButton = ({ multiple = true, accept, onSelectFiles, onSelectFromCatalog, onSelectFromLink, }) => {
@@ -13887,7 +13980,7 @@ const ElementControl = ({ elementConfig }) => {
             });
         }
     }, [changeControls, control?.targetAttributeName]);
-    return (jsx(Dropdown, { zIndex: 1000, width: toCssSize(width) ?? "100%", label: label, options: items, value: currentValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
+    return (jsx(Dropdown, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, width: toCssSize(width) ?? "100%", label: label, options: items, value: currentValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
 };
 
 const StyledIconFontSizeMixin = css `
@@ -14061,7 +14154,7 @@ const LocalLink = memo(({ link, style }) => {
         navigator.clipboard.writeText(link);
         toggleOpen();
     }, [link, toggleOpen]);
-    return (jsx(Popover, { open: isOpen, zIndex: 10, onRequestClose: toggleOpen, anchorOrigin: "bottom-right", targetOrigin: "top-right", anchor: jsx(LocalLinkButton, { onClick: toggleOpen }), children: jsxs(LocalLinkBlank, { children: [jsx(Link, { href: link, target: "_blank", rel: "noreferrer", style: style, children: link }), jsx(LocalLinkCopy, { children: jsx(IconButton, { kind: "copy", onClick: onCopy, children: t("copy", { ns: "dashboard", defaultValue: "Копировать" }) }) })] }) }));
+    return (jsx(Popover, { open: isOpen, zIndex: DASHBOARD_OVERLAY_Z_INDEX, onRequestClose: toggleOpen, anchorOrigin: "bottom-right", targetOrigin: "top-right", anchor: jsx(LocalLinkButton, { onClick: toggleOpen }), children: jsxs(LocalLinkBlank, { children: [jsx(Link, { href: link, target: "_blank", rel: "noreferrer", style: style, children: link }), jsx(LocalLinkCopy, { children: jsx(IconButton, { kind: "copy", onClick: onCopy, children: t("copy", { ns: "dashboard", defaultValue: "Копировать" }) }) })] }) }));
 });
 
 const ElementLink = memo(({ type, elementConfig }) => {
@@ -14682,7 +14775,7 @@ const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
     }
     const renderEditor = () => {
         if (type === AttributeType.DateTime) {
-            return (jsx(DatePicker, { focus: true, value: dateValue, locale: getLocale(language), withTime: withTime, withHeader: true, width: "100%", onChange: date => handleChange(date.toISOString()) }));
+            return (jsx(DatePicker, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, focus: true, value: dateValue, locale: getLocale(language), withTime: withTime, withHeader: true, width: "100%", onChange: date => handleChange(date.toISOString()) }));
         }
         if (NUMBER_EDITOR_TYPES.includes(type)) {
             return (jsx(NumberInput, { autoFocus: true, value: value === null || value === undefined ? null : Number(value), width: "100%", numeralDecimalScale: INTEGER_ATTRIBUTE_TYPES.includes(type) ? 0 : undefined, onChange: next => handleChange(next) }));
@@ -15470,7 +15563,8 @@ const getRenderElement = ({ t, config, elementConfig, attributes = [], layerInfo
 
 const ElementModal = memo(({ type = WidgetType.Dashboard, elementConfig }) => {
     const { config } = useWidgetConfig(type);
-    const { expandedContainers, attributes, isLoading } = useWidgetContext(type);
+    const { expandedContainers, attributes } = useWidgetContext(type);
+    const isDataSourceLoading = useDataSourceLoading(type);
     const [isOpen, setIsOpen] = useState(false);
     const { options } = elementConfig || {};
     const { modalId, icon } = options || {};
@@ -15490,7 +15584,7 @@ const ElementModal = memo(({ type = WidgetType.Dashboard, elementConfig }) => {
         return null;
     const { options: modalOptions } = modalConfig;
     const { title, maxWidth, minWidth, minHeight } = modalOptions || {};
-    return (jsxs(Fragment$1, { children: [jsx(ModalIcon, { kind: icon || "new_window", onClick: handleOpen, children: title }), jsxs(Dialog, { maxWidth: maxWidth, minWidth: minWidth, minHeight: minHeight, isOpen: isOpen, modal: true, onCloseRequest: handleClose, style: { paddingBottom: "2rem" }, children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [!!title && jsx("span", { children: title }), jsx(IconButton, { kind: "close", onClick: handleClose })] }) }), jsx(DialogContent, { children: isLoading ? (jsx(DashboardLoading, {})) : (jsx(Container, { isColumn: true, noBorders: true, children: jsx(ContainerChildren, { type: type, items: modalContent, isMain: true, renderElement: renderElement }) })) })] })] }));
+    return (jsxs(Fragment$1, { children: [jsx(ModalIcon, { kind: icon || "new_window", onClick: handleOpen, children: title }), jsxs(Dialog, { maxWidth: maxWidth, minWidth: minWidth, minHeight: minHeight, isOpen: isOpen, modal: true, onCloseRequest: handleClose, style: { paddingBottom: "2rem" }, children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [!!title && jsx("span", { children: title }), jsx(IconButton, { kind: "close", onClick: handleClose })] }) }), jsx(DialogContent, { children: isDataSourceLoading ? (jsx(DashboardLoading, {})) : (jsx(Container, { isColumn: true, noBorders: true, children: jsx(ContainerChildren, { type: type, items: modalContent, isMain: true, renderElement: renderElement }) })) })] })] }));
 });
 
 const elementComponents = {
@@ -15759,7 +15853,7 @@ const TextFilter = ({ type, filter }) => {
     }, [filterName, filters]);
     if (!configFilter)
         return null;
-    return (jsx(TextFilterContainer, { children: jsx(AutoComplete, { value: value, placeholder: placeholder, options: variants || options, zIndex: 100, width: getFilterWidth(width), menuHeight: height ? `${height}px` : "10rem", withInfiniteScroll: !variants, infiniteScrollProps: variants ? undefined : infiniteScrollProps, multiSelect: multiSelect, selected: selected, setOptions: variants ? undefined : setOptions, onChange: onChange, onSelect: onSelect, onGetInnerRef: ref => (suggestRef.current = ref), asyncCallback: variants ? undefined : search, onBlur: onBlur, onKeyUp: isFreeTextInput || (variants && !variants.length) ? onKeyUp : undefined }) }));
+    return (jsx(TextFilterContainer, { children: jsx(AutoComplete, { value: value, placeholder: placeholder, options: variants || options, zIndex: DASHBOARD_OVERLAY_Z_INDEX, width: getFilterWidth(width), menuHeight: height ? `${height}px` : "10rem", withInfiniteScroll: !variants, infiniteScrollProps: variants ? undefined : infiniteScrollProps, multiSelect: multiSelect, selected: selected, setOptions: variants ? undefined : setOptions, onChange: onChange, onSelect: onSelect, onGetInnerRef: ref => (suggestRef.current = ref), asyncCallback: variants ? undefined : search, onBlur: onBlur, onKeyUp: isFreeTextInput || (variants && !variants.length) ? onKeyUp : undefined }) }));
 };
 
 const getListOptions = (items, filterName, configFilters) => {
@@ -15805,7 +15899,7 @@ const DropdownFilter = ({ type, filter, elementConfig }) => {
     }, [changeFilters, filterName]);
     if (!configFilter && !variants)
         return null;
-    return (jsx(Dropdown, { zIndex: 100, width: getFilterWidth(width), value: value, placeholder: placeholder, options: filterOptions, onChange: onChange }));
+    return (jsx(Dropdown, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, width: getFilterWidth(width), value: value, placeholder: placeholder, options: filterOptions, onChange: onChange }));
 };
 
 const CheckboxFilter = ({ type, filter, elementConfig }) => {
@@ -16075,7 +16169,7 @@ const BarChartFilter = ({ type, config, elementConfig, filter }) => {
         return (jsx(ThemeProvider, { children: jsx(TooltipContainer, { children: group.groupName === group.value.toString() ? group.value : [group.groupName, group.value].join(": ") }) }));
     }, []);
     const totalHeight = height + BAR_CHART_HEADER_HEIGHT + BAR_CHART_FOOTER_MARGIN;
-    return (jsx(ChartWrapper, { height: totalHeight, loading: loading, style: style, children: jsxs(BarChartWrapper, { height: totalHeight, children: [jsxs(BarChartFilterHeader, { height: BAR_CHART_HEADER_HEIGHT, children: [jsxs(BarChartFilterArrows, { children: [jsx(IconButton, { kind: "prev", disabled: prevDisabled, onClick: onPrev }), jsx(IconButton, { kind: "next", disabled: nextDisabled, onClick: onNext })] }), renderSelectedRange] }), jsx(BarChartContainer, { barHeight: barHeight, marginBottom: DEFAULT_BAR_CHART_MARGINS.bottom, children: jsx(BarChart, { data: data, margin: DEFAULT_BAR_CHART_MARGINS, height: height, barWidth: barWidth, barPadding: padding, xAxisPadding: 0, yAxisPadding: 0, selectable: !loading, dynamicTooltipEnable: true, isBarTooltip: true, renderTooltip: renderTooltip, ...rest }) })] }) }));
+    return (jsxs(ChartWrapper, { height: totalHeight, loading: loading, style: style, children: [jsx(ChartTooltipStyles, {}), jsxs(BarChartWrapper, { height: totalHeight, children: [jsxs(BarChartFilterHeader, { height: BAR_CHART_HEADER_HEIGHT, children: [jsxs(BarChartFilterArrows, { children: [jsx(IconButton, { kind: "prev", disabled: prevDisabled, onClick: onPrev }), jsx(IconButton, { kind: "next", disabled: nextDisabled, onClick: onNext })] }), renderSelectedRange] }), jsx(BarChartContainer, { barHeight: barHeight, marginBottom: DEFAULT_BAR_CHART_MARGINS.bottom, children: jsx(BarChart, { data: data, margin: DEFAULT_BAR_CHART_MARGINS, height: height, barWidth: barWidth, barPadding: padding, xAxisPadding: 0, yAxisPadding: 0, selectable: !loading, dynamicTooltipEnable: true, isBarTooltip: true, renderTooltip: renderTooltip, ...rest }) })] })] }));
 };
 
 const DEFAULT_FROM_DATA = { minFromData: null, maxFromData: null };
@@ -16085,6 +16179,7 @@ const RangeDateFilter = ({ type, filter }) => {
     const { currentPage } = useWidgetPage(type);
     const [value, setValue] = useState([undefined, undefined]);
     const isInit = useRef(false);
+    const isDefaultApplied = useRef(false);
     const updateDebounce = useDebouncedCallback(FILTER_UPDATE_DEBOUNCE);
     const { filters: configFilters } = currentPage;
     const { filterName, label, minValue, maxValue, withTime } = filter.options;
@@ -16097,28 +16192,42 @@ const RangeDateFilter = ({ type, filter }) => {
             maxFromData: !prev.maxFromData ? date : date > prev.maxFromData ? date : prev.maxFromData
         };
     }, DEFAULT_FROM_DATA) || DEFAULT_FROM_DATA, [configFilter?.attributeValue, dataSource?.features]);
-    const minDate = useMemo(() => minValue || minFromData.toISOString(), [minFromData, minValue]);
-    const maxDate = useMemo(() => maxValue || maxFromData.toISOString(), [maxFromData, maxValue]);
+    const minDate = useMemo(() => minValue || minFromData?.toISOString(), [minFromData, minValue]);
+    const maxDate = useMemo(() => maxValue || maxFromData?.toISOString(), [maxFromData, maxValue]);
+    // Диапазон по умолчанию: `defaultValue: [from, to]` из конфига фильтра — начальное значение
+    // и точка сброса. Границы календаря (min/max) при этом не меняются; незаданная граница
+    // дефолта падает на них же — как было до появления `defaultValue`.
+    const defaultRange = useMemo(() => {
+        const [from, to] = (Array.isArray(configFilter?.defaultValue) ? configFilter.defaultValue : []);
+        return [getDate(from)?.toISOString() ?? minDate, getDate(to)?.toISOString() ?? maxDate];
+    }, [configFilter?.defaultValue, maxDate, minDate]);
     const isEmpty = useMemo(() => isNil(value?.[0]) && isNil(value?.[1]), [value]);
-    const isDefault = useMemo(() => value?.[0] === minDate && value?.[1] === maxDate, [maxDate, minDate, value]);
+    const isDefault = useMemo(() => value?.[0] === defaultRange[0] && value?.[1] === defaultRange[1], [defaultRange, value]);
     const reset = useCallback(() => {
-        setValue([minDate, maxDate]);
+        const [from, to] = defaultRange;
+        setValue([from, to]);
         changeFilters({
             [filterName]: {
-                value: [minDate, maxDate],
-                min: minDate,
-                max: maxDate
+                value: [from, to],
+                min: from,
+                max: to
             }
         }, configFilter?.resetFilters);
-    }, [changeFilters, configFilter?.resetFilters, filterName, maxDate, minDate]);
+    }, [changeFilters, configFilter?.resetFilters, defaultRange, filterName]);
     const onChange = useCallback((newValue) => {
         setValue([newValue[0].toISOString(), newValue[1].toISOString()]);
     }, []);
+    // Дефолт применяем однократно — как только обе границы диапазона известны. С `defaultValue`
+    // это происходит сразу, без него — после подгрузки фич связанного источника данных.
     useEffect(() => {
-        if (!isNil(minDate) && !isNil(maxDate)) {
-            reset();
-        }
-    }, []); // eslint-disable-line
+        if (isDefaultApplied.current)
+            return;
+        const [from, to] = defaultRange;
+        if (isNil(from) || isNil(to))
+            return;
+        isDefaultApplied.current = true;
+        reset();
+    }, [defaultRange, reset]);
     useEffect(() => {
         if (!isInit.current) {
             isInit.current = true;
@@ -16136,7 +16245,7 @@ const RangeDateFilter = ({ type, filter }) => {
     }, [value]); // eslint-disable-line
     if (!configFilter)
         return null;
-    return (jsx(RangeNumberInput, { label: label || t("interval", { ns: "dashboard", defaultValue: "Интервал" }), selectedOption: { range: true }, minDate: getDate(minDate), maxDate: getDate(maxDate), value: [getDate(value[0]), getDate(value[1])], zIndex: 100, prefix: jsx(Icon, { kind: "date", disabled: true }), suffix: !isEmpty && !isDefault && jsx(StyledIconButton, { kind: "error", onClick: reset }), withTime: withTime, isDate: true, onChange: onChange }));
+    return (jsx(RangeNumberInput, { label: label || t("interval", { ns: "dashboard", defaultValue: "Интервал" }), selectedOption: { range: true }, minDate: getDate(minDate), maxDate: getDate(maxDate), value: [getDate(value[0]), getDate(value[1])], zIndex: DASHBOARD_OVERLAY_Z_INDEX, prefix: jsx(Icon, { kind: "date", disabled: true }), suffix: !isEmpty && !isDefault && jsx(StyledIconButton, { kind: "error", onClick: reset }), withTime: withTime, isDate: true, onChange: onChange }));
 };
 
 const getJustifyContent = (align) => {
@@ -16780,7 +16889,7 @@ const useTreeFilter = (type, filter) => {
 
 const TreeFilter = ({ type, filter }) => {
     const { width, placeholder, multiSelect, loading, data, setData, expanded, setExpanded, onLoadChildren, selectedIds, selectedCount, selectedLabel, searchValue, onSearchChange, onOpen, onClose, onToggleSelect, onReset, onSave, dirty, } = useTreeFilter(type, filter);
-    return (jsx(TreeFilterContainer, { children: jsx(TreeDropdown, { zIndex: 100, width: getFilterWidth(width), placeholder: placeholder, multiSelect: multiSelect, loading: loading, data: data, setData: setData, expanded: expanded, setExpanded: setExpanded, onLoadChildren: onLoadChildren, selectedIds: selectedIds, selectedCount: selectedCount, selectedLabel: selectedLabel, searchValue: searchValue, onSearchChange: onSearchChange, onOpen: onOpen, onClose: onClose, onToggleSelect: onToggleSelect, onReset: onReset, onSave: onSave, dirty: dirty }) }));
+    return (jsx(TreeFilterContainer, { children: jsx(TreeDropdown, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, width: getFilterWidth(width), placeholder: placeholder, multiSelect: multiSelect, loading: loading, data: data, setData: setData, expanded: expanded, setExpanded: setExpanded, onLoadChildren: onLoadChildren, selectedIds: selectedIds, selectedCount: selectedCount, selectedLabel: selectedLabel, searchValue: searchValue, onSearchChange: onSearchChange, onOpen: onOpen, onClose: onClose, onToggleSelect: onToggleSelect, onReset: onReset, onSave: onSave, dirty: dirty }) }));
 };
 
 const getFilterComponent = (filterType) => {
@@ -16842,6 +16951,25 @@ const getFilterValue = ({ selectedFilters, configFilters, filterName, newValue,
     return valueType === "single" ? newValue : valueType === "range" ? [newValue, newValue] : [newValue];
 };
 
+/** Условие источника задаётся строкой или массивом строк — приводим к массиву для единообразного обхода. */
+const toConditionsArray = (value) => Array.isArray(value) ? value : value ? [value] : [];
+
+const MAP_VIEW_PLACEHOLDERS = MAP_VIEW_FILTER_NAMES.map(name => `${FILTER_PREFIX}${name}`);
+// Та же граница, что и при подстановке в `formatDataSourceCondition`: составные формы
+// (`%zoomLevel`, `%extent_id`, `%zoom.min`) принадлежат пользовательским фильтрам, не карте.
+const hasMapViewPlaceholder = (value) => MAP_VIEW_PLACEHOLDERS.some(placeholder => new RegExp(`${placeholder}(?![\\w.])`).test(value));
+/**
+ * Источники, чей запрос зависит от текущего вида карты — в `parameters` или `condition` у них
+ * есть `%extent` / `%zoom`. Перезапрашивают при движении карты только их: иначе каждый пан
+ * дёргал бы все запросы страницы.
+ */
+const getMapViewDataSources = (dataSources) => dataSources?.filter(({ parameters, condition }) => {
+    const hasInParameters = Object.values(parameters ?? {}).some(value => typeof value === "string" && MAP_VIEW_PLACEHOLDERS.includes(value));
+    if (hasInParameters)
+        return true;
+    return toConditionsArray(condition).some(hasMapViewPlaceholder);
+}) ?? [];
+
 const getFormattedAttributes = (t, data, attributes, config) => {
     const showOtherItems = config?.options?.otherItems < data?.length;
     const otherIndex = config?.options?.otherItems + 1;
@@ -17318,7 +17446,7 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
                         ?.map(item => ({
                         ...item,
                         color: formatFilterColor(item.name, item.color, defaultColor),
-                    })) || []), width: pieSide, height: pieSide, padAngle: angle, outerRadius: radius, cornerRadius: cornerRadius, renderTooltip: renderPieChartTooltip, withTooltip: true, onClick: filterName ? item => onFilter(item.name) : undefined, children: showTotal && (jsx(PieChartCenter, { children: totalWord || roundTotalSum(+totalSum) })) }) }));
+                    })) || []), width: pieSide, height: pieSide, padAngle: angle, outerRadius: radius, cornerRadius: cornerRadius, renderTooltip: renderPieChartTooltip, tooltipStyle: PIE_CHART_TOOLTIP_STYLE, withTooltip: true, onClick: filterName ? item => onFilter(item.name) : undefined, children: showTotal && (jsx(PieChartCenter, { children: totalWord || roundTotalSum(+totalSum) })) }) }));
         }
         const barChartData = getDataFromFilterItems(data[0]?.items);
         // Тот же случай, что у stack: обёртка выше тела на подписи оси X (margin.bottom). В fill
@@ -17378,7 +17506,7 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
     ]);
     if (!isVisibleContainer(id, expandable, expanded, expandedContainers))
         return null;
-    const chartBody = (jsx(ChartWrapper, { width: isPieChart && fill ? pieSide : width, height: isStackBar ? "auto" : isPieChart ? (fill ? pieSide : width) : chartHeight, column: column, loading: loading, children: renderChart }));
+    const chartBody = (jsxs(ChartWrapper, { width: isPieChart && fill ? pieSide : width, height: isStackBar ? "auto" : isPieChart ? (fill ? pieSide : width) : chartHeight, column: column, loading: loading, children: [jsx(ChartTooltipStyles, {}), renderChart] }));
     if (!fill)
         return chartBody;
     // fill: тело центрируется в измеряемой обёртке, ref которой питает ResizeObserver обеими осями.
@@ -17418,11 +17546,9 @@ const DashboardLoading = memo(() => {
 });
 
 const Dashboard = memo(({ type = WidgetType.Dashboard, noBorders }) => {
-    const { dataSources, isLoading } = useWidgetContext(type);
-    const { currentPage } = useWidgetPage(type);
+    const isDataSourceLoading = useDataSourceLoading(type);
     const isDiffPage = useDiffPage(type);
-    const dataSourceLoading = useMemo(() => !!currentPage?.dataSources?.length && !dataSources?.length && isLoading, [currentPage?.dataSources?.length, dataSources?.length, isLoading]);
-    if (dataSourceLoading || isDiffPage) {
+    if (isDataSourceLoading || isDiffPage) {
         return (jsx(DashboardLoading, {}));
     }
     return (jsx(PagesContainer, { type: type, noBorders: noBorders }));
@@ -18049,5 +18175,5 @@ const DEFAULT_HEATMAP_STYLE = {
     ],
 };
 
-export { ALIGNMENTS, ALIGN_ITEMS, ATTRIBUTE_ICON_ELEMENT_TYPES, AddButtonRow, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BaseMapTheme, CHART_TYPES, COMPACT_FRACTION_DIGITS, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CONTAINERS_GROUP_DEFAULTS, CONTAINER_BODY_ATTRIBUTE, CONTAINER_BODY_FILL_STYLE, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerRoot, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_BLUR, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_RADIUS, DEFAULT_CIRCLE_STROKE_WIDTH, DEFAULT_CIRCLE_STYLE, DEFAULT_COLOR, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_BASE, DEFAULT_FILL_EXTRUSION_HEIGHT, DEFAULT_FILL_EXTRUSION_STYLE, DEFAULT_FILL_EXTRUSION_VERTICAL_GRADIENT, DEFAULT_FILL_STYLE, DEFAULT_FILTER_PADDING, DEFAULT_GRID_GAP, DEFAULT_HEATMAP_COLOR, DEFAULT_HEATMAP_INTENSITY, DEFAULT_HEATMAP_RADIUS, DEFAULT_HEATMAP_STYLE, DEFAULT_HEATMAP_WEIGHT, DEFAULT_ICON_ANCHOR, DEFAULT_ICON_OVERLAP, DEFAULT_ICON_PADDING, DEFAULT_ICON_ROTATE, DEFAULT_ICON_SIZE, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_CAP, DEFAULT_LINE_JOIN, DEFAULT_LINE_STYLE, DEFAULT_LINE_WIDTH, DEFAULT_LNG, DEFAULT_OPACITY, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_SYMBOL_COLOR, DEFAULT_SYMBOL_HALO_COLOR, DEFAULT_SYMBOL_PLACEMENT, DEFAULT_SYMBOL_SPACING, DEFAULT_SYMBOL_STYLE, DEFAULT_TEXT_ANCHOR, DEFAULT_TEXT_JUSTIFY, DEFAULT_TEXT_SIZE, DEFAULT_TEXT_TRANSFORM, DEFAULT_TRACK_FR, DEFAULT_TRANSLATE, DEFAULT_ZOOM, DRAG_THRESHOLD_PX, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EMPTY_DATA_SOURCE_LAYER_INFO, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTable, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILL_SIZE, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FR_PRECISION, FeatureCardBackgroundHeader, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GRID_AUTO_FILL_DEFAULTS, GRID_CELL_ATTR, GRID_CELL_ID_PREFIX, GRID_DRAGGING_ATTR, GRID_DRAG_SOURCE_ATTR, GRID_DROP_TARGET_ATTR, GRID_FILL_DEFAULTS, GRID_HANDLE_ATTR, GRID_HANDLE_PROPS, GRID_ROW_ID_PREFIX, GlobalContext, GlobalProvider, GridRowContainer, HANDLE_BLEED_PX, Header, HeaderContainer, HeaderFontColorMixin, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAX_CHART_WIDTH, MAX_TRACKS, MIN_TRACK_PX, MIN_TRACK_RATIO, Map$1 as Map, MapContext, MapProvider, NO_CELL_DRAG_SELECTOR, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OBJECT_FITS, OVERFLOWS, OneColumnContainer, POLL_SUBTASK_INTERVAL_MS, POLL_SUBTASK_TIMEOUT_MS, PROVIDER_PREFIX, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, ProviderPrefix, QUERY_DESCRIPTION_CACHE_TTL, RoundedBackgroundContainer, SAVE_HOOK_RESULT_DURATION, SERVER_NOTIFICATION_EVENT, STACK_BAR_TOTAL_HEIGHT, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, StructuredDataContainer, SvgImage, TILE_ALIGNMENTS, TIME_ZONE_FORMAT, TITLE_SLOT_IDS, TabsContainer, TextTrim, ThemeName, TitleContainer, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, VIEW_MODES, WidgetType, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyTreeFilterToCondition, applyVarsToCondition, asAttributeName, asChartId, asContainerId, asDataSourceName, asFilterName, asLayerName, asModalId, asResourceId, asTabId, buildGridTemplate, buildTrackTemplate, checkEqualOrIncludes, checkIsLoading, collectConfigIds, containsNodeId, createConfigLayer, createConfigPage, createGridCell, createGridIdFactory, createGridRow, createNewPageId, createSaveNotificationId, dateOptions, debounce, decimalOpacityToHex, enrichStyleItemsWithIds, enrichStyleModelsWithIds, eqlParametersToPayload, fetchQueryDescription, findAttributeInExpression, findCellContext, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, geometryToEwkt, getActualExtrusionHeight, getAttributeByName, getAttributeConfigurationByName, getAttributeIconElement, getAttributeIconUrl, getAttributeValue, getAttributesConfiguration, getAverageTrackSize, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDataSourceLayerInfo, getDate, getDefaultConfig, getDisplayTemplateNameFromAttribute, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getImageUrl, getLayerClientStyle, getLayerInfo, getLayerInfoAttribute, getLayerInfoFromDataSources, getLayoutChildren, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getTrackSize, getTrackSizeKey, getTrackSizes, getWrapperSizeStyle, hexToRgba, isEmptyElementValue, isEmptyValue, isFeaturesFilterValue, isFillSize, isFrSize, isGridNode, isHiddenEmptyValue, isHookActive, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isRootOwningContainer, isTreeFilterValue, isVisibleContainer, mapNodeById, mergeAttributeConfigurations, metersPerPixel, noMarginMixin, numberOptions, parseFrValue, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, removeTracks, replaceNodesByIds, rgbToHex, roundFr, roundTotalSum, setLayoutChildren, sizeCssMixin, sliceShownOtherItems, stretchPalette, timeOptions, toCssSize, toFrSize, toPxNumber, toRenderableValue, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, updateDataSource, useAfterSave, useAppHeight, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useChartChange, useChartData, useContainerAttributes, useContainerRoot, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useEqualTileWidth, useExpandableContainers, useExportPdf, useFeatureSaveHooks, useFetchImageWithAuth, useFetchWithAuth, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useIconsFromLayers, useLayerHiddenAttributes, useLayerParams, useMapContext, useMapDraw, useMapImages, useMaxZoomTo, useProjectDashboardInit, usePythonSandbox, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRemoteTask, useRenderElement, useResizeBox, useSavePrototypeBuilder, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useVisibleProjectItems, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useWrapperSize, useZoomToFeatures, useZoomToPoint, withTrackSize };
+export { ALIGNMENTS, ALIGN_ITEMS, ATTRIBUTE_ICON_ELEMENT_TYPES, AddButtonRow, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BaseMapTheme, CHART_TYPES, COMPACT_FRACTION_DIGITS, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CONTAINERS_GROUP_DEFAULTS, CONTAINER_BODY_ATTRIBUTE, CONTAINER_BODY_FILL_STYLE, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerRoot, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DASHBOARD_OVERLAY_Z_INDEX, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_BLUR, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_RADIUS, DEFAULT_CIRCLE_STROKE_WIDTH, DEFAULT_CIRCLE_STYLE, DEFAULT_COLOR, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_BASE, DEFAULT_FILL_EXTRUSION_HEIGHT, DEFAULT_FILL_EXTRUSION_STYLE, DEFAULT_FILL_EXTRUSION_VERTICAL_GRADIENT, DEFAULT_FILL_STYLE, DEFAULT_FILTER_PADDING, DEFAULT_GRID_GAP, DEFAULT_HEATMAP_COLOR, DEFAULT_HEATMAP_INTENSITY, DEFAULT_HEATMAP_RADIUS, DEFAULT_HEATMAP_STYLE, DEFAULT_HEATMAP_WEIGHT, DEFAULT_ICON_ANCHOR, DEFAULT_ICON_OVERLAP, DEFAULT_ICON_PADDING, DEFAULT_ICON_ROTATE, DEFAULT_ICON_SIZE, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_CAP, DEFAULT_LINE_JOIN, DEFAULT_LINE_STYLE, DEFAULT_LINE_WIDTH, DEFAULT_LNG, DEFAULT_OPACITY, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_SYMBOL_COLOR, DEFAULT_SYMBOL_HALO_COLOR, DEFAULT_SYMBOL_PLACEMENT, DEFAULT_SYMBOL_SPACING, DEFAULT_SYMBOL_STYLE, DEFAULT_TEXT_ANCHOR, DEFAULT_TEXT_JUSTIFY, DEFAULT_TEXT_SIZE, DEFAULT_TEXT_TRANSFORM, DEFAULT_TRACK_FR, DEFAULT_TRANSLATE, DEFAULT_ZOOM, DRAG_THRESHOLD_PX, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EMPTY_DATA_SOURCE_LAYER_INFO, EXTENT_FILTER_NAME, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTable, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILL_SIZE, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FR_PRECISION, FeatureCardBackgroundHeader, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GEOMETRY_FILTER_NAME, GRID_AUTO_FILL_DEFAULTS, GRID_CELL_ATTR, GRID_CELL_ID_PREFIX, GRID_DRAGGING_ATTR, GRID_DRAG_SOURCE_ATTR, GRID_DROP_TARGET_ATTR, GRID_FILL_DEFAULTS, GRID_HANDLE_ATTR, GRID_HANDLE_PROPS, GRID_ROW_ID_PREFIX, GlobalContext, GlobalProvider, GridRowContainer, HANDLE_BLEED_PX, Header, HeaderContainer, HeaderFontColorMixin, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAP_VIEW_FILTER_NAMES, MAX_CHART_WIDTH, MAX_TRACKS, MIN_TRACK_PX, MIN_TRACK_RATIO, Map$1 as Map, MapContext, MapProvider, NO_CELL_DRAG_SELECTOR, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OBJECT_FITS, OVERFLOWS, OneColumnContainer, PIE_CHART_TOOLTIP_STYLE, POLL_SUBTASK_INTERVAL_MS, POLL_SUBTASK_TIMEOUT_MS, PROVIDER_PREFIX, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, ProviderPrefix, QUERY_DESCRIPTION_CACHE_TTL, RoundedBackgroundContainer, SAVE_HOOK_RESULT_DURATION, SERVER_NOTIFICATION_EVENT, STACK_BAR_TOTAL_HEIGHT, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, StructuredDataContainer, SvgImage, TILE_ALIGNMENTS, TIME_ZONE_FORMAT, TITLE_SLOT_IDS, TabsContainer, TextTrim, ThemeName, TitleContainer, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, VIEW_MODES, WidgetType, ZOOM_FILTER_NAME, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyTreeFilterToCondition, applyVarsToCondition, asAttributeName, asChartId, asContainerId, asDataSourceName, asFilterName, asLayerName, asModalId, asResourceId, asTabId, buildGridTemplate, buildTrackTemplate, checkEqualOrIncludes, checkIsLoading, collectConfigIds, containsNodeId, createConfigLayer, createConfigPage, createGridCell, createGridIdFactory, createGridRow, createNewPageId, createSaveNotificationId, dateOptions, debounce, decimalOpacityToHex, enrichStyleItemsWithIds, enrichStyleModelsWithIds, eqlParametersToPayload, fetchQueryDescription, findAttributeInExpression, findCellContext, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, geometryToEwkt, getActualExtrusionHeight, getAttributeByName, getAttributeConfigurationByName, getAttributeIconElement, getAttributeIconUrl, getAttributeValue, getAttributesConfiguration, getAverageTrackSize, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDataSourceLayerInfo, getDate, getDefaultConfig, getDisplayTemplateNameFromAttribute, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getImageUrl, getLayerClientStyle, getLayerInfo, getLayerInfoAttribute, getLayerInfoFromDataSources, getLayoutChildren, getMapViewDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getTrackSize, getTrackSizeKey, getTrackSizes, getWrapperSizeStyle, hexToRgba, isEmptyElementValue, isEmptyValue, isFeaturesFilterValue, isFillSize, isFrSize, isGridNode, isHiddenEmptyValue, isHookActive, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isRootOwningContainer, isTreeFilterValue, isVisibleContainer, mapNodeById, mergeAttributeConfigurations, metersPerPixel, noMarginMixin, numberOptions, parseFrValue, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, removeTracks, replaceNodesByIds, rgbToHex, roundFr, roundTotalSum, setLayoutChildren, sizeCssMixin, sliceShownOtherItems, stretchPalette, timeOptions, toConditionsArray, toCssSize, toFrSize, toPxNumber, toRenderableValue, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, updateDataSource, useAfterSave, useAppHeight, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useChartChange, useChartData, useContainerAttributes, useContainerRoot, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSourceLoading, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useEqualTileWidth, useExpandableContainers, useExportPdf, useFeatureSaveHooks, useFetchImageWithAuth, useFetchWithAuth, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useIconsFromLayers, useLayerHiddenAttributes, useLayerParams, useMapContext, useMapDraw, useMapImages, useMaxZoomTo, useProjectDashboardInit, usePythonSandbox, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRemoteTask, useRenderElement, useResizeBox, useSavePrototypeBuilder, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useVisibleProjectItems, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useWrapperSize, useZoomToFeatures, useZoomToPoint, withTrackSize };
 //# sourceMappingURL=react.esm.js.map