@itwin/map-layers 5.4.3 → 5.5.0

package/lib/esm/ui/widget/MapManagerMapLayersHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapManagerMapLayersHeader.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerMapLayersHeader.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,wBAAwB,CAAC;AAQhC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAM,SAAS,EAAC,0BAA0B,IAAE,KAAK,CAAC,KAAK,CAAQ;QAC/D,oBAAC,WAAW;YACV,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAEpE,CACV,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { ButtonGroup } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { AttachLayerPopupButton } from \"./AttachLayerPopupButton\";\nimport \"./MapLayerManager.scss\";\n\ninterface MapManagerLayersHeaderProps {\n  label: string;\n  isOverlay: boolean;\n  disabled?: boolean;\n}\n\nexport function MapManagerLayersHeader(props: MapManagerLayersHeaderProps) {\n  return (\n    <div className=\"map-manager-layers\">\n      <span className=\"map-manager-layers-label\">{props.label}</span>\n      <ButtonGroup>\n        <AttachLayerPopupButton disabled={props.disabled} isOverlay={props.isOverlay} />\n\n      </ButtonGroup>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MapManagerMapLayersHeader.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerMapLayersHeader.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,wBAAwB,CAAC;AAQhC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,CAAC,KAAK,GAAQ,EAC/D,KAAC,WAAW,cACV,KAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,GACpE,IACV,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { ButtonGroup } from \"@itwin/itwinui-react\";\nimport { AttachLayerPopupButton } from \"./AttachLayerPopupButton\";\nimport \"./MapLayerManager.scss\";\n\ninterface MapManagerLayersHeaderProps {\n  label: string;\n  isOverlay: boolean;\n  disabled?: boolean;\n}\n\nexport function MapManagerLayersHeader(props: MapManagerLayersHeaderProps) {\n  return (\n    <div className=\"map-manager-layers\">\n      <span className=\"map-manager-layers-label\">{props.label}</span>\n      <ButtonGroup>\n        <AttachLayerPopupButton disabled={props.disabled} isOverlay={props.isOverlay} />\n      </ButtonGroup>\n    </div>\n  );\n}\n"]}

package/lib/esm/ui/widget/MapManagerSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapManagerSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":";AAWA,OAAO,2BAA2B,CAAC;AAwCnC,wBAAgB,kBAAkB,gBA0NjC"}
+{"version":3,"file":"MapManagerSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":";AAaA,OAAO,2BAA2B,CAAC;AA4CnC,wBAAgB,kBAAkB,gBA6RjC"}

package/lib/esm/ui/widget/MapManagerSettings.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 // cSpell:ignore droppable Sublayer Basemap
 import * as React from "react";
 import { NumberInput } from "@itwin/core-react";
@@ -28,26 +29,28 @@ function getMapMaskingFromBackgroundMapSetting(backgroundMapSettings) {
     return MapMaskingOption.None;
 }
 function getHeightOriginModeKey(mode) {
-    if (TerrainHeightOriginMode.Geodetic === mode)
+    if (TerrainHeightOriginMode.Geodetic === mode) {
         return "geodetic";
-    if (TerrainHeightOriginMode.Geoid === mode)
+    }
+    if (TerrainHeightOriginMode.Geoid === mode) {
         return "geoid";
+    }
     return "ground";
 }
 function getHeightOriginModeFromKey(mode) {
-    if ("geodetic" === mode)
+    if ("geodetic" === mode) {
         return TerrainHeightOriginMode.Geodetic;
-    if ("geoid" === mode)
+    }
+    if ("geoid" === mode) {
         return TerrainHeightOriginMode.Geoid;
+    }
     return TerrainHeightOriginMode.Ground;
 }
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function MapManagerSettings() {
     const { activeViewport } = useSourceMapContext();
     const backgroundMapSettings = activeViewport.view.getDisplayStyle3d().settings.backgroundMap;
-    const [transparency, setTransparency] = React.useState(() => typeof backgroundMapSettings.transparency === "boolean"
-        ? 0
-        : Math.round((backgroundMapSettings.transparency) * 100) / 100);
+    const [transparency, setTransparency] = React.useState(() => typeof backgroundMapSettings.transparency === "boolean" ? 0 : Math.round(backgroundMapSettings.transparency * 100) / 100);
     const terrainSettings = backgroundMapSettings.terrainSettings;
     const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);
     const terrainHeightOptions = React.useRef([
@@ -69,13 +72,15 @@ export function MapManagerSettings() {
             setHeightOriginMode(newValue);
         }
     }, [updateTerrainSettings]);
-    const [maskTransparency, setMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency === undefined
-        ? undefined
-        : Math.round((backgroundMapSettings.planarClipMask.transparency) * 100) / 100);
-    const getNormalizedMaskTransparency = React.useCallback(() => { return (maskTransparency === undefined ? 0 : maskTransparency); }, [maskTransparency]);
+    const [maskTransparency, setMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency === undefined ? undefined : Math.round(backgroundMapSettings.planarClipMask.transparency * 100) / 100);
+    const getNormalizedMaskTransparency = React.useCallback(() => {
+        return maskTransparency === undefined ? 0 : maskTransparency;
+    }, [maskTransparency]);
     const updateMaskingSettings = React.useCallback((option) => {
         if (option === MapMaskingOption.AllModels) {
-            activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency } });
+            activeViewport.changeBackgroundMapProps({
+                planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency },
+            });
         }
         if (option === MapMaskingOption.None) {
             activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });
@@ -92,7 +97,9 @@ export function MapManagerSettings() {
     const onOverrideMaskTransparencyToggle = React.useCallback((e) => {
         const checked = e.target.checked;
         const trans = checked ? getNormalizedMaskTransparency() : undefined;
-        activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans } });
+        activeViewport.changeBackgroundMapProps({
+            planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans },
+        });
         setOverrideMaskTransparency(checked);
     }, [activeViewport, getNormalizedMaskTransparency]);
     const handleElevationChange = React.useCallback((value) => {
@@ -108,7 +115,9 @@ export function MapManagerSettings() {
     }, [activeViewport]);
     const handleMaskTransparencyChange = React.useCallback((values) => {
         const newTransparency = values[0] / 100;
-        activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency } });
+        activeViewport.changeBackgroundMapProps({
+            planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency },
+        });
         setMaskTransparency(newTransparency);
     }, [activeViewport]);
     const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);
@@ -139,8 +148,9 @@ export function MapManagerSettings() {
     }, [updateBackgroundMap]);
     /** Disable commas and letters */
     const onKeyDown = React.useCallback((event) => {
-        if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90))
+        if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90)) {
             event.preventDefault();
+        }
     }, []);
     const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);
     const onLocatableToggle = React.useCallback((e) => {
@@ -161,40 +171,6 @@ export function MapManagerSettings() {
     const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.OverrideMaskTransparency"));
     const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.MaskTransparency"));
     const [tabIndex, setTabIndex] = React.useState(0);
-    return (React.createElement(Tabs, { labels: [
-            React.createElement(Tab, { key: "general", label: 'General' }),
-            React.createElement(Tab, { key: "advanced", label: 'Advanced' }),
-        ], onTabSelected: setTabIndex },
-        tabIndex === 0 && React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "maplayers-settings-container" },
-                React.createElement("span", { className: "map-manager-settings-label" }, transparencyLabel),
-                React.createElement(Slider, { min: 0, max: 100, values: [transparency * 100], onChange: handleAlphaChange, step: 1 }),
-                React.createElement("span", { className: "map-manager-settings-label" }, locatableLabel),
-                React.createElement(ToggleSwitch, { onChange: onLocatableToggle, checked: isLocatable }),
-                React.createElement("span", { className: "map-manager-settings-label" }, maskingLabel),
-                React.createElement(ToggleSwitch, { onChange: onMaskingToggle, checked: masking !== MapMaskingOption.None }),
-                React.createElement("span", { className: "map-manager-settings-label" }, overrideMaskTransparencyLabel),
-                React.createElement(ToggleSwitch, { disabled: masking === MapMaskingOption.None, onChange: onOverrideMaskTransparencyToggle, checked: overrideMaskTransparency }),
-                React.createElement("span", { className: "map-manager-settings-label" }, maskTransparencyLabel),
-                React.createElement(Slider, { disabled: masking === MapMaskingOption.None || !overrideMaskTransparency, min: 0, max: 100, values: [getNormalizedMaskTransparency() * 100], onChange: handleMaskTransparencyChange, step: 1 }),
-                React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: "map-manager-settings-label" }, elevationOffsetLabel),
-                    React.createElement(QuantityNumberInput, { disabled: applyTerrain, persistenceValue: groundBias, step: 1, snap: true, quantityType: QuantityType.LengthEngineering, onChange: handleElevationChange, onKeyDown: onKeyDown }),
-                    React.createElement("span", { className: "map-manager-settings-label" }, useDepthBufferLabel),
-                    React.createElement(ToggleSwitch, { disabled: applyTerrain, onChange: onToggleUseDepthBuffer, checked: useDepthBuffer }))),
-            React.createElement("div", { className: "map-manager-settings-group" },
-                React.createElement("fieldset", null,
-                    React.createElement("legend", null, terrainLabel),
-                    React.createElement("div", { className: "maplayers-settings-container" },
-                        React.createElement("span", { className: "map-manager-settings-label" }, enableLabel),
-                        React.createElement(ToggleSwitch, { onChange: onToggleTerrain, checked: applyTerrain }),
-                        React.createElement("span", { className: "map-manager-settings-label" }, modelHeightLabel),
-                        React.createElement(QuantityNumberInput, { disabled: !applyTerrain, persistenceValue: terrainOrigin, snap: true, quantityType: QuantityType.LengthEngineering, onChange: handleHeightOriginChange, onKeyDown: onKeyDown }),
-                        React.createElement("span", { className: "map-manager-settings-label" }, heightOriginLabel),
-                        React.createElement(Select, { popoverProps: { appendTo: "parent" }, options: terrainHeightOptions.current, disabled: !applyTerrain, value: heightOriginMode, onChange: handleElevationTypeSelected, size: "small" }),
-                        React.createElement("span", { className: "map-manager-settings-label" }, exaggerationLabel),
-                        React.createElement(NumberInput, { value: exaggeration, disabled: !applyTerrain, onChange: handleExaggerationChange, onKeyDown: onKeyDown }))))),
-        tabIndex === 1 &&
-            React.createElement(CustomParamsSettingsPanel, null)));
+    return (_jsxs(Tabs, { labels: [_jsx(Tab, { label: "General" }, "general"), _jsx(Tab, { label: "Advanced" }, "advanced")], onTabSelected: setTabIndex, children: [tabIndex === 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "maplayers-settings-container", children: [_jsx("span", { className: "map-manager-settings-label", children: transparencyLabel }), _jsx(Slider, { min: 0, max: 100, values: [transparency * 100], onChange: handleAlphaChange, step: 1 }), _jsx("span", { className: "map-manager-settings-label", children: locatableLabel }), _jsx(ToggleSwitch, { onChange: onLocatableToggle, checked: isLocatable }), _jsx("span", { className: "map-manager-settings-label", children: maskingLabel }), _jsx(ToggleSwitch, { onChange: onMaskingToggle, checked: masking !== MapMaskingOption.None }), _jsx("span", { className: "map-manager-settings-label", children: overrideMaskTransparencyLabel }), _jsx(ToggleSwitch, { disabled: masking === MapMaskingOption.None, onChange: onOverrideMaskTransparencyToggle, checked: overrideMaskTransparency }), _jsx("span", { className: "map-manager-settings-label", children: maskTransparencyLabel }), _jsx(Slider, { disabled: masking === MapMaskingOption.None || !overrideMaskTransparency, min: 0, max: 100, values: [getNormalizedMaskTransparency() * 100], onChange: handleMaskTransparencyChange, step: 1 }), _jsxs(_Fragment, { children: [_jsx("span", { className: "map-manager-settings-label", children: elevationOffsetLabel }), _jsx(QuantityNumberInput, { disabled: applyTerrain, persistenceValue: groundBias, step: 1, snap: true, quantityType: QuantityType.LengthEngineering, onChange: handleElevationChange, onKeyDown: onKeyDown }), _jsx("span", { className: "map-manager-settings-label", children: useDepthBufferLabel }), _jsx(ToggleSwitch, { disabled: applyTerrain, onChange: onToggleUseDepthBuffer, checked: useDepthBuffer })] })] }), _jsx("div", { className: "map-manager-settings-group", children: _jsxs("fieldset", { children: [_jsx("legend", { children: terrainLabel }), _jsxs("div", { className: "maplayers-settings-container", children: [_jsx("span", { className: "map-manager-settings-label", children: enableLabel }), _jsx(ToggleSwitch, { onChange: onToggleTerrain, checked: applyTerrain }), _jsx("span", { className: "map-manager-settings-label", children: modelHeightLabel }), _jsx(QuantityNumberInput, { disabled: !applyTerrain, persistenceValue: terrainOrigin, snap: true, quantityType: QuantityType.LengthEngineering, onChange: handleHeightOriginChange, onKeyDown: onKeyDown }), _jsx("span", { className: "map-manager-settings-label", children: heightOriginLabel }), _jsx(Select, { popoverProps: { appendTo: "parent" }, options: terrainHeightOptions.current, disabled: !applyTerrain, value: heightOriginMode, onChange: handleElevationTypeSelected, size: "small" }), _jsx("span", { className: "map-manager-settings-label", children: exaggerationLabel }), _jsx(NumberInput, { value: exaggeration, disabled: !applyTerrain, onChange: handleExaggerationChange, onKeyDown: onKeyDown })] })] }) })] })), tabIndex === 1 && _jsx(CustomParamsSettingsPanel, {})] }));
 }
 //# sourceMappingURL=MapManagerSettings.js.map

package/lib/esm/ui/widget/MapManagerSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapManagerSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n// cSpell:ignore droppable Sublayer Basemap\n\nimport * as React from \"react\";\nimport { NumberInput } from \"@itwin/core-react\";\nimport { QuantityType, ViewState3d } from \"@itwin/core-frontend\";\nimport { BackgroundMapProps, BackgroundMapSettings, PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode, TerrainProps } from \"@itwin/core-common\";\nimport { useSourceMapContext } from \"./MapLayerManager\";\nimport \"./MapManagerSettings.scss\";\nimport { Select, SelectOption, Slider, Tab, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { QuantityNumberInput } from \"@itwin/imodel-components-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamsSettingsPanel } from \"./CustomParamsSettings\";\n\n/* eslint-disable deprecation/deprecation */\n\nenum MapMaskingOption {\n  None,\n  AllModels\n}\n\nfunction getMapMaskingFromBackgroundMapSetting(backgroundMapSettings: BackgroundMapSettings): MapMaskingOption {\n  if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {\n    if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {\n      return MapMaskingOption.AllModels;\n    }\n\n  }\n  return MapMaskingOption.None;\n}\n\nfunction getHeightOriginModeKey(mode: TerrainHeightOriginMode): string {\n  if (TerrainHeightOriginMode.Geodetic === mode)\n    return \"geodetic\";\n  if (TerrainHeightOriginMode.Geoid === mode)\n    return \"geoid\";\n  return \"ground\";\n}\n\nfunction getHeightOriginModeFromKey(mode: string): TerrainHeightOriginMode {\n  if (\"geodetic\" === mode)\n    return TerrainHeightOriginMode.Geodetic;\n  if (\"geoid\" === mode)\n    return TerrainHeightOriginMode.Geoid;\n  return TerrainHeightOriginMode.Ground;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapManagerSettings() {\n  const { activeViewport } = useSourceMapContext();\n  const backgroundMapSettings = (activeViewport!.view as ViewState3d).getDisplayStyle3d().settings.backgroundMap;\n\n  const [transparency, setTransparency] = React.useState(() =>\n    typeof backgroundMapSettings.transparency === \"boolean\"\n      ? 0\n      : Math.round((backgroundMapSettings.transparency) * 100) / 100);\n\n  const terrainSettings = backgroundMapSettings.terrainSettings;\n  const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);\n\n  const terrainHeightOptions = React.useRef<SelectOption<string>[]>([\n    { value: \"geodetic\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeodetic\") },\n    { value: \"geoid\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeoid\") },\n    { value: \"ground\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGround\") },\n  ]);\n\n  const updateTerrainSettings = React.useCallback((props: TerrainProps) => {\n    activeViewport!.changeBackgroundMapProps({ terrainSettings: props });\n  }, [activeViewport]);\n\n  const updateBackgroundMap = React.useCallback((props: BackgroundMapProps) => {\n    activeViewport!.changeBackgroundMapProps(props);\n  }, [activeViewport]);\n\n  const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));\n  const handleElevationTypeSelected = React.useCallback((newValue: string): void => {\n    if (newValue) {\n      const newHeightOriginMode = getHeightOriginModeFromKey(newValue);\n      updateTerrainSettings({ heightOriginMode: newHeightOriginMode });\n      setHeightOriginMode(newValue);\n    }\n  }, [updateTerrainSettings]);\n\n  const [maskTransparency, setMaskTransparency] = React.useState(() =>\n    backgroundMapSettings.planarClipMask.transparency === undefined\n      ? undefined\n      : Math.round((backgroundMapSettings.planarClipMask.transparency) * 100) / 100);\n\n  const getNormalizedMaskTransparency = React.useCallback(() => { return (maskTransparency === undefined ? 0 : maskTransparency); }, [maskTransparency]);\n\n  const updateMaskingSettings = React.useCallback((option: MapMaskingOption) => {\n    if (option === MapMaskingOption.AllModels) {\n      activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency } });\n    }\n    if (option === MapMaskingOption.None) {\n      activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });\n    }\n  }, [activeViewport, maskTransparency]);\n\n  const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));\n\n  const onMaskingToggle = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked;\n    const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;\n    updateMaskingSettings(maskingOption);\n    setMasking(maskingOption);\n  }, [updateMaskingSettings]);\n\n  const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);\n\n  const onOverrideMaskTransparencyToggle = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked;\n    const trans = checked ? getNormalizedMaskTransparency() : undefined;\n    activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans } });\n\n    setOverrideMaskTransparency(checked);\n  }, [activeViewport, getNormalizedMaskTransparency]);\n\n  const handleElevationChange = React.useCallback((value: number) => {\n    if (value !== undefined) {\n      updateBackgroundMap({ groundBias: value });\n      setGroundBias(value);\n    }\n  }, [updateBackgroundMap]);\n\n  const handleAlphaChange = React.useCallback((values: readonly number[]) => {\n    const newTransparency = values[0] / 100;\n    activeViewport!.changeBackgroundMapProps({ transparency: newTransparency });\n    setTransparency(newTransparency);\n  }, [activeViewport]);\n\n  const handleMaskTransparencyChange = React.useCallback((values: readonly number[]) => {\n    const newTransparency = values[0] / 100;\n    activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency } });\n    setMaskTransparency(newTransparency);\n  }, [activeViewport]);\n\n  const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);\n\n  const onToggleTerrain = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked;\n    updateBackgroundMap({ applyTerrain: checked });\n    setApplyTerrain(checked);\n  }, [updateBackgroundMap]);\n\n  const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);\n\n  const handleExaggerationChange = React.useCallback((value: number | undefined, _stringValue: string) => {\n    if (undefined !== value) {\n      updateTerrainSettings({ exaggeration: value });\n      setExaggeration(value);\n    }\n  }, [updateTerrainSettings]);\n\n  const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);\n\n  const handleHeightOriginChange = React.useCallback((value: number) => {\n    if (undefined !== value) {\n      updateTerrainSettings({ heightOrigin: value });\n      setTerrainOrigin(value);\n    }\n  }, [updateTerrainSettings]);\n\n  const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);\n  const onToggleUseDepthBuffer = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked;\n    updateBackgroundMap({ useDepthBuffer: checked });\n    setUseDepthBuffer(checked);\n  }, [updateBackgroundMap]);\n\n  /** Disable commas and letters */\n  const onKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90))\n      event.preventDefault();\n  }, []);\n\n  const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);\n  const onLocatableToggle = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked;\n    updateBackgroundMap({ nonLocatable: !checked });\n    setIsLocatable(checked);\n  }, [updateBackgroundMap]);\n\n  const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Transparency\"));\n  const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Terrain\"));\n  const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Enable\"));\n  const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationOffset\"));\n  const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.UseDepthBuffer\"));\n  const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ModelHeight\"));\n  const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.HeightOrigin\"));\n  const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Exaggeration\"));\n  const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Locatable\"));\n  const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Mask\"));\n  const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.OverrideMaskTransparency\"));\n  const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.MaskTransparency\"));\n\n  const [tabIndex, setTabIndex] = React.useState(0);\n\n  return (\n    <Tabs\n      labels={[\n        <Tab key={\"general\"} label='General' />,\n        <Tab key={\"advanced\"} label='Advanced' />,\n      ]}\n      onTabSelected={setTabIndex}>\n      {tabIndex === 0 && <>\n        <div className=\"maplayers-settings-container\">\n\n          <span className=\"map-manager-settings-label\">{transparencyLabel}</span>\n          <Slider min={0} max={100} values={[transparency * 100]} onChange={handleAlphaChange} step={1} />\n\n          <span className=\"map-manager-settings-label\">{locatableLabel}</span>\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <ToggleSwitch onChange={onLocatableToggle} checked={isLocatable} />\n\n          <span className=\"map-manager-settings-label\">{maskingLabel}</span>\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <ToggleSwitch onChange={onMaskingToggle} checked={masking !== MapMaskingOption.None} />\n\n          <span className=\"map-manager-settings-label\">{overrideMaskTransparencyLabel}</span>\n          <ToggleSwitch disabled={masking === MapMaskingOption.None} onChange={onOverrideMaskTransparencyToggle} checked={overrideMaskTransparency} />\n\n          <span className=\"map-manager-settings-label\">{maskTransparencyLabel}</span>\n          <Slider disabled={masking === MapMaskingOption.None || !overrideMaskTransparency} min={0} max={100} values={[getNormalizedMaskTransparency() * 100]} onChange={handleMaskTransparencyChange} step={1} />\n\n          <>\n            <span className=\"map-manager-settings-label\">{elevationOffsetLabel}</span>\n            <QuantityNumberInput disabled={applyTerrain} persistenceValue={groundBias} step={1} snap quantityType={QuantityType.LengthEngineering} onChange={handleElevationChange} onKeyDown={onKeyDown} />\n\n            <span className=\"map-manager-settings-label\">{useDepthBufferLabel}</span>\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <ToggleSwitch disabled={applyTerrain} onChange={onToggleUseDepthBuffer} checked={useDepthBuffer} />\n          </>\n\n        </div>\n        <div className=\"map-manager-settings-group\">\n          <fieldset>\n            <legend>{terrainLabel}</legend>\n\n            <div className=\"maplayers-settings-container\">\n\n              <span className=\"map-manager-settings-label\">{enableLabel}</span>\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <ToggleSwitch onChange={onToggleTerrain} checked={applyTerrain} />\n\n              <span className=\"map-manager-settings-label\">{modelHeightLabel}</span>\n              <QuantityNumberInput disabled={!applyTerrain} persistenceValue={terrainOrigin} snap quantityType={QuantityType.LengthEngineering} onChange={handleHeightOriginChange} onKeyDown={onKeyDown} />\n\n              <span className=\"map-manager-settings-label\">{heightOriginLabel}</span>\n              {/* elevation correction component:  'popoverProps' is needed here otherwise selecting an option closes the menu popup.*/}\n              <Select popoverProps={{ appendTo: \"parent\" }} options={terrainHeightOptions.current} disabled={!applyTerrain} value={heightOriginMode} onChange={handleElevationTypeSelected} size=\"small\" />\n\n              <span className=\"map-manager-settings-label\">{exaggerationLabel}</span>\n              <NumberInput value={exaggeration} disabled={!applyTerrain} onChange={handleExaggerationChange} onKeyDown={onKeyDown} />\n            </div>\n\n          </fieldset>\n        </div>\n\n      </>\n      }\n      {tabIndex === 1 &&\n        <CustomParamsSettingsPanel></CustomParamsSettingsPanel>\n      }\n    </Tabs>\n  );\n}\n"]}
+{"version":3,"file":"MapManagerSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// cSpell:ignore droppable Sublayer Basemap\n\nimport * as React from \"react\";\nimport { NumberInput } from \"@itwin/core-react\";\nimport type { ViewState3d } from \"@itwin/core-frontend\";\nimport { QuantityType } from \"@itwin/core-frontend\";\nimport type { BackgroundMapProps, BackgroundMapSettings, TerrainProps } from \"@itwin/core-common\";\nimport { PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode } from \"@itwin/core-common\";\nimport { useSourceMapContext } from \"./MapLayerManager\";\nimport \"./MapManagerSettings.scss\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select, Slider, Tab, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { QuantityNumberInput } from \"@itwin/imodel-components-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamsSettingsPanel } from \"./CustomParamsSettings\";\n\n/* eslint-disable deprecation/deprecation */\n\nenum MapMaskingOption {\n  None,\n  AllModels,\n}\n\nfunction getMapMaskingFromBackgroundMapSetting(backgroundMapSettings: BackgroundMapSettings): MapMaskingOption {\n  if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {\n    if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {\n      return MapMaskingOption.AllModels;\n    }\n  }\n  return MapMaskingOption.None;\n}\n\nfunction getHeightOriginModeKey(mode: TerrainHeightOriginMode): string {\n  if (TerrainHeightOriginMode.Geodetic === mode) {\n    return \"geodetic\";\n  }\n  if (TerrainHeightOriginMode.Geoid === mode) {\n    return \"geoid\";\n  }\n  return \"ground\";\n}\n\nfunction getHeightOriginModeFromKey(mode: string): TerrainHeightOriginMode {\n  if (\"geodetic\" === mode) {\n    return TerrainHeightOriginMode.Geodetic;\n  }\n  if (\"geoid\" === mode) {\n    return TerrainHeightOriginMode.Geoid;\n  }\n  return TerrainHeightOriginMode.Ground;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapManagerSettings() {\n  const { activeViewport } = useSourceMapContext();\n  const backgroundMapSettings = (activeViewport!.view as ViewState3d).getDisplayStyle3d().settings.backgroundMap;\n\n  const [transparency, setTransparency] = React.useState(() =>\n    typeof backgroundMapSettings.transparency === \"boolean\" ? 0 : Math.round(backgroundMapSettings.transparency * 100) / 100,\n  );\n\n  const terrainSettings = backgroundMapSettings.terrainSettings;\n  const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);\n\n  const terrainHeightOptions = React.useRef<SelectOption<string>[]>([\n    { value: \"geodetic\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeodetic\") },\n    { value: \"geoid\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeoid\") },\n    { value: \"ground\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGround\") },\n  ]);\n\n  const updateTerrainSettings = React.useCallback(\n    (props: TerrainProps) => {\n      activeViewport!.changeBackgroundMapProps({ terrainSettings: props });\n    },\n    [activeViewport],\n  );\n\n  const updateBackgroundMap = React.useCallback(\n    (props: BackgroundMapProps) => {\n      activeViewport!.changeBackgroundMapProps(props);\n    },\n    [activeViewport],\n  );\n\n  const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));\n  const handleElevationTypeSelected = React.useCallback(\n    (newValue: string): void => {\n      if (newValue) {\n        const newHeightOriginMode = getHeightOriginModeFromKey(newValue);\n        updateTerrainSettings({ heightOriginMode: newHeightOriginMode });\n        setHeightOriginMode(newValue);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [maskTransparency, setMaskTransparency] = React.useState(() =>\n    backgroundMapSettings.planarClipMask.transparency === undefined ? undefined : Math.round(backgroundMapSettings.planarClipMask.transparency * 100) / 100,\n  );\n\n  const getNormalizedMaskTransparency = React.useCallback(() => {\n    return maskTransparency === undefined ? 0 : maskTransparency;\n  }, [maskTransparency]);\n\n  const updateMaskingSettings = React.useCallback(\n    (option: MapMaskingOption) => {\n      if (option === MapMaskingOption.AllModels) {\n        activeViewport!.changeBackgroundMapProps({\n          planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency },\n        });\n      }\n      if (option === MapMaskingOption.None) {\n        activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });\n      }\n    },\n    [activeViewport, maskTransparency],\n  );\n\n  const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));\n\n  const onMaskingToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;\n      updateMaskingSettings(maskingOption);\n      setMasking(maskingOption);\n    },\n    [updateMaskingSettings],\n  );\n\n  const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);\n\n  const onOverrideMaskTransparencyToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      const trans = checked ? getNormalizedMaskTransparency() : undefined;\n      activeViewport!.changeBackgroundMapProps({\n        planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans },\n      });\n\n      setOverrideMaskTransparency(checked);\n    },\n    [activeViewport, getNormalizedMaskTransparency],\n  );\n\n  const handleElevationChange = React.useCallback(\n    (value: number) => {\n      if (value !== undefined) {\n        updateBackgroundMap({ groundBias: value });\n        setGroundBias(value);\n      }\n    },\n    [updateBackgroundMap],\n  );\n\n  const handleAlphaChange = React.useCallback(\n    (values: readonly number[]) => {\n      const newTransparency = values[0] / 100;\n      activeViewport!.changeBackgroundMapProps({ transparency: newTransparency });\n      setTransparency(newTransparency);\n    },\n    [activeViewport],\n  );\n\n  const handleMaskTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      const newTransparency = values[0] / 100;\n      activeViewport!.changeBackgroundMapProps({\n        planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency },\n      });\n      setMaskTransparency(newTransparency);\n    },\n    [activeViewport],\n  );\n\n  const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);\n\n  const onToggleTerrain = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ applyTerrain: checked });\n      setApplyTerrain(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);\n\n  const handleExaggerationChange = React.useCallback(\n    (value: number | undefined, _stringValue: string) => {\n      if (undefined !== value) {\n        updateTerrainSettings({ exaggeration: value });\n        setExaggeration(value);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);\n\n  const handleHeightOriginChange = React.useCallback(\n    (value: number) => {\n      if (undefined !== value) {\n        updateTerrainSettings({ heightOrigin: value });\n        setTerrainOrigin(value);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);\n  const onToggleUseDepthBuffer = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ useDepthBuffer: checked });\n      setUseDepthBuffer(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  /** Disable commas and letters */\n  const onKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90)) {\n      event.preventDefault();\n    }\n  }, []);\n\n  const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);\n  const onLocatableToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ nonLocatable: !checked });\n      setIsLocatable(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Transparency\"));\n  const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Terrain\"));\n  const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Enable\"));\n  const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationOffset\"));\n  const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.UseDepthBuffer\"));\n  const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ModelHeight\"));\n  const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.HeightOrigin\"));\n  const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Exaggeration\"));\n  const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Locatable\"));\n  const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Mask\"));\n  const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.OverrideMaskTransparency\"));\n  const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.MaskTransparency\"));\n\n  const [tabIndex, setTabIndex] = React.useState(0);\n\n  return (\n    <Tabs labels={[<Tab key={\"general\"} label=\"General\" />, <Tab key={\"advanced\"} label=\"Advanced\" />]} onTabSelected={setTabIndex}>\n      {tabIndex === 0 && (\n        <>\n          <div className=\"maplayers-settings-container\">\n            <span className=\"map-manager-settings-label\">{transparencyLabel}</span>\n            <Slider min={0} max={100} values={[transparency * 100]} onChange={handleAlphaChange} step={1} />\n\n            <span className=\"map-manager-settings-label\">{locatableLabel}</span>\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <ToggleSwitch onChange={onLocatableToggle} checked={isLocatable} />\n\n            <span className=\"map-manager-settings-label\">{maskingLabel}</span>\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <ToggleSwitch onChange={onMaskingToggle} checked={masking !== MapMaskingOption.None} />\n\n            <span className=\"map-manager-settings-label\">{overrideMaskTransparencyLabel}</span>\n            <ToggleSwitch disabled={masking === MapMaskingOption.None} onChange={onOverrideMaskTransparencyToggle} checked={overrideMaskTransparency} />\n\n            <span className=\"map-manager-settings-label\">{maskTransparencyLabel}</span>\n            <Slider\n              disabled={masking === MapMaskingOption.None || !overrideMaskTransparency}\n              min={0}\n              max={100}\n              values={[getNormalizedMaskTransparency() * 100]}\n              onChange={handleMaskTransparencyChange}\n              step={1}\n            />\n\n            <>\n              <span className=\"map-manager-settings-label\">{elevationOffsetLabel}</span>\n              <QuantityNumberInput\n                disabled={applyTerrain}\n                persistenceValue={groundBias}\n                step={1}\n                snap\n                quantityType={QuantityType.LengthEngineering}\n                onChange={handleElevationChange}\n                onKeyDown={onKeyDown}\n              />\n\n              <span className=\"map-manager-settings-label\">{useDepthBufferLabel}</span>\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <ToggleSwitch disabled={applyTerrain} onChange={onToggleUseDepthBuffer} checked={useDepthBuffer} />\n            </>\n          </div>\n          <div className=\"map-manager-settings-group\">\n            <fieldset>\n              <legend>{terrainLabel}</legend>\n\n              <div className=\"maplayers-settings-container\">\n                <span className=\"map-manager-settings-label\">{enableLabel}</span>\n                {/* eslint-disable-next-line deprecation/deprecation */}\n                <ToggleSwitch onChange={onToggleTerrain} checked={applyTerrain} />\n\n                <span className=\"map-manager-settings-label\">{modelHeightLabel}</span>\n                <QuantityNumberInput\n                  disabled={!applyTerrain}\n                  persistenceValue={terrainOrigin}\n                  snap\n                  quantityType={QuantityType.LengthEngineering}\n                  onChange={handleHeightOriginChange}\n                  onKeyDown={onKeyDown}\n                />\n\n                <span className=\"map-manager-settings-label\">{heightOriginLabel}</span>\n                {/* elevation correction component:  'popoverProps' is needed here otherwise selecting an option closes the menu popup.*/}\n                <Select\n                  popoverProps={{ appendTo: \"parent\" }}\n                  options={terrainHeightOptions.current}\n                  disabled={!applyTerrain}\n                  value={heightOriginMode}\n                  onChange={handleElevationTypeSelected}\n                  size=\"small\"\n                />\n\n                <span className=\"map-manager-settings-label\">{exaggerationLabel}</span>\n                <NumberInput value={exaggeration} disabled={!applyTerrain} onChange={handleExaggerationChange} onKeyDown={onKeyDown} />\n              </div>\n            </fieldset>\n          </div>\n        </>\n      )}\n      {tabIndex === 1 && <CustomParamsSettingsPanel></CustomParamsSettingsPanel>}\n    </Tabs>\n  );\n}\n"]}

package/lib/esm/ui/widget/MapManagerSettings.scss

@@ -27,4 +27,4 @@ $hovered-icon-color: $buic-foreground-primary-tone;
 
 .map-manager-settings-terrain-container {
   margin-top: 1rem;
-}
+}

package/lib/esm/ui/widget/MapSelectFeaturesDialog.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import "./MapSelectFeaturesDialog.scss";
-import { MapLayerSource } from "@itwin/core-frontend";
-import { MapSubLayerProps } from "@itwin/core-common";
+import type { MapLayerSource } from "@itwin/core-frontend";
+import type { MapSubLayerProps } from "@itwin/core-common";
 export interface MapSelectFeaturesProps {
     source: MapLayerSource;
     subLayers: MapSubLayerProps[];

package/lib/esm/ui/widget/MapSelectFeaturesDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapSelectFeaturesDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":";AAQA,OAAO,gCAAgC,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAKtD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,eAyFpE"}
+{"version":3,"file":"MapSelectFeaturesDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":";AAQA,OAAO,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAK3D,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,eAiFpE"}

package/lib/esm/ui/widget/MapSelectFeaturesDialog.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 // cSpell:ignore Modeless WMTS
 import { Dialog } from "@itwin/core-react";
 import * as React from "react";
@@ -34,20 +35,11 @@ export function MapSelectFeaturesDialog(props) {
         else if (hasTooManyVisibleLayers()) {
             warningMessage = MapLayersUI.translate("CustomAttach.TooManyLayersSelected", { layerCount: subLayers.filter((entry) => entry.visible).length });
         }
-        return (React.createElement("div", { className: "map-layer-source-warnMessage" }, warningMessage !== undefined && React.createElement(React.Fragment, null,
-            React.createElement(Icon, { size: "small" },
-                React.createElement(SvgStatusWarning, null)),
-            React.createElement("span", { className: "map-layer-source-warnMessage-label" }, warningMessage))));
+        return (_jsx("div", { className: "map-layer-source-warnMessage", children: warningMessage !== undefined && (_jsxs(_Fragment, { children: [_jsx(Icon, { size: "small", children: _jsx(SvgStatusWarning, {}) }), _jsx("span", { className: "map-layer-source-warnMessage-label", children: warningMessage })] })) }));
     }
     function getFooter() {
-        return (React.createElement("div", { className: "map-layer-features-footer" },
-            React.createElement("div", { className: "map-layer-features-footer-warnMessage" }, renderWarningMessage()),
-            React.createElement("div", { className: "map-layer-features-footer-buttons" },
-                React.createElement(Button, { className: "map-layer-features-footer-button", styleType: 'high-visibility', onClick: handleOk, disabled: !readyToSave() }, MapLayersUI.translate("Dialog.Add")),
-                React.createElement(Button, { className: "map-layer-features-footer-button", styleType: 'default', onClick: handleCancel }, MapLayersUI.translate("Dialog.Cancel")))));
+        return (_jsxs("div", { className: "map-layer-features-footer", children: [_jsx("div", { className: "map-layer-features-footer-warnMessage", children: renderWarningMessage() }), _jsxs("div", { className: "map-layer-features-footer-buttons", children: [_jsx(Button, { className: "map-layer-features-footer-button", styleType: "high-visibility", onClick: handleOk, disabled: !readyToSave(), children: MapLayersUI.translate("Dialog.Add") }), _jsx(Button, { className: "map-layer-features-footer-button", styleType: "default", onClick: handleCancel, children: MapLayersUI.translate("Dialog.Cancel") })] })] }));
     }
-    return (React.createElement("div", { ref: dialogContainer },
-        React.createElement(Dialog, { className: "map-layer-select-features-dialog", title: MapLayersUI.translate("CustomAttach.SelectLayersToCreate"), opened: true, resizable: true, movable: true, modal: true, footer: getFooter(), onClose: handleCancel, onEscape: handleCancel, minHeight: minHeight, maxWidth: 600, titleStyle: { paddingLeft: "10px" }, footerStyle: { paddingBottom: "10px", paddingRight: "10px" }, trapFocus: false },
-            React.createElement(SubLayersTree, { expandMode: "full", checkboxStyle: "standard", subLayers: subLayers, onSubLayerStateChange: () => setSubLayers([...subLayers]) }))));
+    return (_jsx("div", { ref: dialogContainer, children: _jsx(Dialog, { className: "map-layer-select-features-dialog", title: MapLayersUI.translate("CustomAttach.SelectLayersToCreate"), opened: true, resizable: true, movable: true, modal: true, footer: getFooter(), onClose: handleCancel, onEscape: handleCancel, minHeight: minHeight, maxWidth: 600, titleStyle: { paddingLeft: "10px" }, footerStyle: { paddingBottom: "10px", paddingRight: "10px" }, trapFocus: false, children: _jsx(SubLayersTree, { expandMode: "full", checkboxStyle: "standard", subLayers: subLayers, onSubLayerStateChange: () => setSubLayers([...subLayers]) }) }) }));
 }
 //# sourceMappingURL=MapSelectFeaturesDialog.js.map

package/lib/esm/ui/widget/MapSelectFeaturesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSelectFeaturesDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,8BAA8B;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gCAAgC,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAQpE,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,gEAAgE;AAChE,MAAM,UAAU,uBAAuB,CAAC,KAA6B;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,KAAK,CAAC,YAAY,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAC,EAAE,CAAA,KAAK,CAAC,OAAO,CAAC,CAAC;IACtE,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAC,EAAE,CAAA,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,YAAY,CAAC;IACrG,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAE7C,SAAS,oBAAoB;QAC3B,IAAI,cAAkC,CAAC;QAEvC,iCAAiC;QACjC,IAAI,CAAC,gBAAgB,EAAE,EAAE;YACvB,cAAc,GAAG,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC;SACzE;aAAM,IAAI,uBAAuB,EAAE,EAAE;YACpC,cAAc,GAAG,WAAW,CAAC,SAAS,CAAC,oCAAoC,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAC,EAAE,CAAA,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,EAAC,CAAC,CAAC;SAC9I;QAED,OAAO,CACL,6BAAK,SAAS,EAAC,8BAA8B,IAC1C,cAAc,KAAK,SAAS,IAAI;YAC/B,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO;gBAAC,oBAAC,gBAAgB,OAAoB,CAAO;YAC/D,8BAAM,SAAS,EAAC,oCAAoC,IAAE,cAAc,CAAS,CAC5E,CACC,CAAC,CAAC;IAEZ,CAAC;IAED,SAAS,SAAS;QAChB,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;YACxC,6BAAK,SAAS,EAAC,uCAAuC,IACnD,oBAAoB,EAAE,CACnB;YAEN,6BAAK,SAAS,EAAC,mCAAmC;gBAChD,oBAAC,MAAM,IACL,SAAS,EAAC,kCAAkC,EAC5C,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,WAAW,EAAE,IAEvB,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B;gBACT,oBAAC,MAAM,IACL,SAAS,EAAC,kCAAkC,EAC5C,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,YAAY,IAEpB,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,CAChC,CACL,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,eAAe;QACvB,oBAAC,MAAM,IACL,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,mCAAmC,CAAC,EACjE,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EACnC,WAAW,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,EAC5D,SAAS,EAAE,KAAK;YAGhB,oBAAC,aAAa,IAAC,UAAU,EAAC,MAAM,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,CAErI,CACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n// cSpell:ignore Modeless WMTS\n\nimport { Dialog } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport \"./MapSelectFeaturesDialog.scss\";\n\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { MapLayerSource } from \"@itwin/core-frontend\";\nimport { MapSubLayerProps } from \"@itwin/core-common\";\nimport { SubLayersTree } from \"./SubLayersTree\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { SvgStatusWarning } from \"@itwin/itwinui-icons-color-react\";\n\nexport interface MapSelectFeaturesProps {\n  source: MapLayerSource;\n  subLayers: MapSubLayerProps[];\n  handleOk: (subLayers: MapSubLayerProps[]) => void;\n  handleCancel: () => void;\n}\nconst minHeight = 250;\nconst maxSubLayers = 30;\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapSelectFeaturesDialog(props: MapSelectFeaturesProps) {\n  const [subLayers, setSubLayers] = React.useState(props.subLayers);\n\n  const dialogContainer = React.useRef<HTMLDivElement>(null);\n\n  const handleOk = React.useCallback(() => {\n    props.handleOk(subLayers);\n  }, [props, subLayers]);\n\n  const handleCancel = React.useCallback(() => {\n    props.handleCancel();\n  }, [props]);\n\n  const hasVisibleLayers = () => subLayers.some((entry)=>entry.visible);\n  const hasTooManyVisibleLayers = () => subLayers.filter((entry)=>entry.visible).length > maxSubLayers;\n  const readyToSave = () => hasVisibleLayers();\n\n  function renderWarningMessage(): React.ReactNode {\n    let warningMessage: string | undefined;\n\n    // Get the proper warning message\n    if (!hasVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.NoLayersSelected\");\n    } else if (hasTooManyVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.TooManyLayersSelected\", { layerCount: subLayers.filter((entry)=>entry.visible).length});\n    }\n\n    return (\n      <div className=\"map-layer-source-warnMessage\">\n        {warningMessage !== undefined && <>\n          <Icon size=\"small\"><SvgStatusWarning></SvgStatusWarning></Icon>\n          <span className=\"map-layer-source-warnMessage-label\">{warningMessage}</span >\n        </>}\n      </div>);\n\n  }\n\n  function getFooter() {\n    return (\n      <div className=\"map-layer-features-footer\">\n        <div className=\"map-layer-features-footer-warnMessage\">\n          {renderWarningMessage()}\n        </div>\n\n        <div className=\"map-layer-features-footer-buttons\">\n          <Button\n            className=\"map-layer-features-footer-button\"\n            styleType='high-visibility'\n            onClick={handleOk}\n            disabled={!readyToSave()}\n          >\n            {MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button\n            className=\"map-layer-features-footer-button\"\n            styleType='default'\n            onClick={handleCancel}\n          >\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={dialogContainer}>\n      <Dialog\n        className=\"map-layer-select-features-dialog\"\n        title={MapLayersUI.translate(\"CustomAttach.SelectLayersToCreate\")}\n        opened={true}\n        resizable={true}\n        movable={true}\n        modal={true}\n        footer={getFooter()}\n        onClose={handleCancel}\n        onEscape={handleCancel}\n        minHeight={minHeight}\n        maxWidth={600}\n        titleStyle={{ paddingLeft: \"10px\" }}\n        footerStyle={{ paddingBottom: \"10px\", paddingRight: \"10px\" }}\n        trapFocus={false}\n      >\n        {/* 'onSubLayerStateChange' is used to trigger hook state change only, no need to update subLayer objects */}\n        <SubLayersTree expandMode=\"full\" checkboxStyle=\"standard\" subLayers={subLayers} onSubLayerStateChange={() => setSubLayers([...subLayers])}/>\n\n      </Dialog>\n    </div >\n  );\n}\n"]}
+{"version":3,"file":"MapSelectFeaturesDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// cSpell:ignore Modeless WMTS\n\nimport { Dialog } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport \"./MapSelectFeaturesDialog.scss\";\n\nimport { MapLayersUI } from \"../../mapLayers\";\nimport type { MapLayerSource } from \"@itwin/core-frontend\";\nimport type { MapSubLayerProps } from \"@itwin/core-common\";\nimport { SubLayersTree } from \"./SubLayersTree\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { SvgStatusWarning } from \"@itwin/itwinui-icons-color-react\";\n\nexport interface MapSelectFeaturesProps {\n  source: MapLayerSource;\n  subLayers: MapSubLayerProps[];\n  handleOk: (subLayers: MapSubLayerProps[]) => void;\n  handleCancel: () => void;\n}\nconst minHeight = 250;\nconst maxSubLayers = 30;\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapSelectFeaturesDialog(props: MapSelectFeaturesProps) {\n  const [subLayers, setSubLayers] = React.useState(props.subLayers);\n\n  const dialogContainer = React.useRef<HTMLDivElement>(null);\n\n  const handleOk = React.useCallback(() => {\n    props.handleOk(subLayers);\n  }, [props, subLayers]);\n\n  const handleCancel = React.useCallback(() => {\n    props.handleCancel();\n  }, [props]);\n\n  const hasVisibleLayers = () => subLayers.some((entry) => entry.visible);\n  const hasTooManyVisibleLayers = () => subLayers.filter((entry) => entry.visible).length > maxSubLayers;\n  const readyToSave = () => hasVisibleLayers();\n\n  function renderWarningMessage(): React.ReactNode {\n    let warningMessage: string | undefined;\n\n    // Get the proper warning message\n    if (!hasVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.NoLayersSelected\");\n    } else if (hasTooManyVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.TooManyLayersSelected\", { layerCount: subLayers.filter((entry) => entry.visible).length });\n    }\n\n    return (\n      <div className=\"map-layer-source-warnMessage\">\n        {warningMessage !== undefined && (\n          <>\n            <Icon size=\"small\">\n              <SvgStatusWarning></SvgStatusWarning>\n            </Icon>\n            <span className=\"map-layer-source-warnMessage-label\">{warningMessage}</span>\n          </>\n        )}\n      </div>\n    );\n  }\n\n  function getFooter() {\n    return (\n      <div className=\"map-layer-features-footer\">\n        <div className=\"map-layer-features-footer-warnMessage\">{renderWarningMessage()}</div>\n\n        <div className=\"map-layer-features-footer-buttons\">\n          <Button className=\"map-layer-features-footer-button\" styleType=\"high-visibility\" onClick={handleOk} disabled={!readyToSave()}>\n            {MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button className=\"map-layer-features-footer-button\" styleType=\"default\" onClick={handleCancel}>\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={dialogContainer}>\n      <Dialog\n        className=\"map-layer-select-features-dialog\"\n        title={MapLayersUI.translate(\"CustomAttach.SelectLayersToCreate\")}\n        opened={true}\n        resizable={true}\n        movable={true}\n        modal={true}\n        footer={getFooter()}\n        onClose={handleCancel}\n        onEscape={handleCancel}\n        minHeight={minHeight}\n        maxWidth={600}\n        titleStyle={{ paddingLeft: \"10px\" }}\n        footerStyle={{ paddingBottom: \"10px\", paddingRight: \"10px\" }}\n        trapFocus={false}\n      >\n        {/* 'onSubLayerStateChange' is used to trigger hook state change only, no need to update subLayer objects */}\n        <SubLayersTree expandMode=\"full\" checkboxStyle=\"standard\" subLayers={subLayers} onSubLayerStateChange={() => setSubLayers([...subLayers])} />\n      </Dialog>\n    </div>\n  );\n}\n"]}

package/lib/esm/ui/widget/MapSelectFeaturesDialog.scss

@@ -4,8 +4,7 @@
 *--------------------------------------------------------------------------------------------*/
 
 .map-layer-select-features-dialog {
-  z-Index: 21000;
-
+  z-index: 21000;
 }
 
 .map-layer-select-features-dialog.core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content {
@@ -14,4 +13,3 @@
 .map-layer-select-features-dialog .map-manager-sublayer-tree-content {
   min-height: 200px;
 }
-

package/lib/esm/ui/widget/MapUrlDialog.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import "./MapUrlDialog.scss";
-import { ImageMapLayerSettings } from "@itwin/core-common";
-import { MapLayerSource, MapLayerSourceValidation, ScreenViewport } from "@itwin/core-frontend";
-import { MapLayerOptions } from "../Interfaces";
+import { MapLayerSource } from "@itwin/core-frontend";
+import type { ImageMapLayerSettings } from "@itwin/core-common";
+import type { MapLayerSourceValidation, ScreenViewport } from "@itwin/core-frontend";
+import type { MapLayerOptions } from "../Interfaces";
 export declare const MAP_TYPES: {
     wms: string;
     arcGis: string;

package/lib/esm/ui/widget/MapUrlDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapUrlDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapUrlDialog.tsx"],"names":[],"mappings":";AAMA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAC4B,cAAc,EAAwB,wBAAwB,EAC/F,cAAc,EACf,MAAM,sBAAsB,CAAC;AAS9B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKhD,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,QAAQ,GAAC,UAAU,CAAC;AACpD,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,qBAAqB,CAAC;QAC7B,UAAU,CAAC,EAAE,wBAAwB,CAAC;QACtC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,cAAc,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,wBAAwB,CAAC;IACrC,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnD;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAmnBpD"}
+{"version":3,"file":"MapUrlDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapUrlDialog.tsx"],"names":[],"mappings":";AAMA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAa,cAAc,EAAqE,MAAM,sBAAsB,CAAC;AAapI,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAMF,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACtD,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,qBAAqB,CAAC;QAC7B,UAAU,CAAC,EAAE,wBAAwB,CAAC;QACtC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,cAAc,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,wBAAwB,CAAC;IACrC,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnD;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA4rBpD"}