@itwin/map-layers 4.0.0-dev.7 → 4.0.0

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

@@ -1,197 +1,197 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-import { QuantityType } from "@itwin/core-frontend";
-import { PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode } from "@itwin/core-common";
-import { useSourceMapContext } from "./MapLayerManager";
-import "./MapManagerSettings.scss";
-import { Select, Slider, ToggleSwitch } from "@itwin/itwinui-react";
-import { QuantityNumberInput } from "@itwin/imodel-components-react";
-import { MapLayersUI } from "../../mapLayers";
-/* eslint-disable deprecation/deprecation */
-var MapMaskingOption;
-(function (MapMaskingOption) {
-    MapMaskingOption[MapMaskingOption["None"] = 0] = "None";
-    MapMaskingOption[MapMaskingOption["AllModels"] = 1] = "AllModels";
-})(MapMaskingOption || (MapMaskingOption = {}));
-function getMapMaskingFromBackgroundMapSetting(backgroundMapSettings) {
-    if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {
-        if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {
-            return MapMaskingOption.AllModels;
-        }
-    }
-    return MapMaskingOption.None;
-}
-function getHeightOriginModeKey(mode) {
-    if (TerrainHeightOriginMode.Geodetic === mode)
-        return "geodetic";
-    if (TerrainHeightOriginMode.Geoid === mode)
-        return "geoid";
-    return "ground";
-}
-function getHeightOriginModeFromKey(mode) {
-    if ("geodetic" === mode)
-        return TerrainHeightOriginMode.Geodetic;
-    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 terrainSettings = backgroundMapSettings.terrainSettings;
-    const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);
-    const terrainHeightOptions = React.useRef([
-        { value: "geodetic", label: MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationTypeGeodetic") },
-        { value: "geoid", label: MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationTypeGeoid") },
-        { value: "ground", label: MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationTypeGround") },
-    ]);
-    const updateTerrainSettings = React.useCallback((props) => {
-        activeViewport.changeBackgroundMapProps({ terrainSettings: props });
-        activeViewport.invalidateRenderPlan();
-    }, [activeViewport]);
-    const updateBackgroundMap = React.useCallback((props) => {
-        activeViewport.changeBackgroundMapProps(props);
-        activeViewport.invalidateRenderPlan();
-    }, [activeViewport]);
-    const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));
-    const handleElevationTypeSelected = React.useCallback((newValue) => {
-        if (newValue) {
-            const newHeightOriginMode = getHeightOriginModeFromKey(newValue);
-            updateTerrainSettings({ heightOriginMode: newHeightOriginMode });
-            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 updateMaskingSettings = React.useCallback((option) => {
-        if (option === MapMaskingOption.AllModels) {
-            activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency } });
-        }
-        if (option === MapMaskingOption.None) {
-            activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });
-        }
-        activeViewport.invalidateRenderPlan();
-    }, [activeViewport, maskTransparency]);
-    const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));
-    const onMaskingToggle = React.useCallback((e) => {
-        const checked = e.target.checked;
-        const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;
-        updateMaskingSettings(maskingOption);
-        setMasking(maskingOption);
-    }, [updateMaskingSettings]);
-    const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);
-    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 } });
-        setOverrideMaskTransparency(checked);
-    }, [activeViewport, getNormalizedMaskTransparency]);
-    const handleElevationChange = React.useCallback((value) => {
-        if (value !== undefined) {
-            updateBackgroundMap({ groundBias: value });
-            setGroundBias(value);
-        }
-    }, [updateBackgroundMap]);
-    const handleAlphaChange = React.useCallback((values) => {
-        const newTransparency = values[0] / 100;
-        activeViewport.changeBackgroundMapProps({ transparency: newTransparency });
-        activeViewport.invalidateRenderPlan();
-        setTransparency(newTransparency);
-    }, [activeViewport]);
-    const handleMaskTransparencyChange = React.useCallback((values) => {
-        const newTransparency = values[0] / 100;
-        activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency } });
-        activeViewport.invalidateRenderPlan();
-        setMaskTransparency(newTransparency);
-    }, [activeViewport]);
-    const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);
-    const onToggleTerrain = React.useCallback((e) => {
-        const checked = e.target.checked;
-        updateBackgroundMap({ applyTerrain: checked });
-        setApplyTerrain(checked);
-    }, [updateBackgroundMap]);
-    const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);
-    const handleExaggerationChange = React.useCallback((value, _stringValue) => {
-        if (undefined !== value) {
-            updateTerrainSettings({ exaggeration: value });
-            setExaggeration(value);
-        }
-    }, [updateTerrainSettings]);
-    const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);
-    const handleHeightOriginChange = React.useCallback((value) => {
-        if (undefined !== value) {
-            updateTerrainSettings({ heightOrigin: value });
-            setTerrainOrigin(value);
-        }
-    }, [updateTerrainSettings]);
-    const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);
-    const onToggleUseDepthBuffer = React.useCallback((e) => {
-        const checked = e.target.checked;
-        updateBackgroundMap({ useDepthBuffer: checked });
-        setUseDepthBuffer(checked);
-    }, [updateBackgroundMap]);
-    /** Disable commas and letters */
-    const onKeyDown = React.useCallback((event) => {
-        if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90))
-            event.preventDefault();
-    }, []);
-    const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);
-    const onLocatableToggle = React.useCallback((e) => {
-        const checked = e.target.checked;
-        updateBackgroundMap({ nonLocatable: !checked });
-        setIsLocatable(checked);
-    }, [updateBackgroundMap]);
-    const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Transparency"));
-    const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Terrain"));
-    const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Enable"));
-    const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationOffset"));
-    const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.UseDepthBuffer"));
-    const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ModelHeight"));
-    const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.HeightOrigin"));
-    const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Exaggeration"));
-    const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Locatable"));
-    const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Mask"));
-    const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.OverrideMaskTransparency"));
-    const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.MaskTransparency"));
-    return (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 }))))));
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+import { QuantityType } from "@itwin/core-frontend";
+import { PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode } from "@itwin/core-common";
+import { useSourceMapContext } from "./MapLayerManager";
+import "./MapManagerSettings.scss";
+import { Select, Slider, ToggleSwitch } from "@itwin/itwinui-react";
+import { QuantityNumberInput } from "@itwin/imodel-components-react";
+import { MapLayersUI } from "../../mapLayers";
+/* eslint-disable deprecation/deprecation */
+var MapMaskingOption;
+(function (MapMaskingOption) {
+    MapMaskingOption[MapMaskingOption["None"] = 0] = "None";
+    MapMaskingOption[MapMaskingOption["AllModels"] = 1] = "AllModels";
+})(MapMaskingOption || (MapMaskingOption = {}));
+function getMapMaskingFromBackgroundMapSetting(backgroundMapSettings) {
+    if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {
+        if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {
+            return MapMaskingOption.AllModels;
+        }
+    }
+    return MapMaskingOption.None;
+}
+function getHeightOriginModeKey(mode) {
+    if (TerrainHeightOriginMode.Geodetic === mode)
+        return "geodetic";
+    if (TerrainHeightOriginMode.Geoid === mode)
+        return "geoid";
+    return "ground";
+}
+function getHeightOriginModeFromKey(mode) {
+    if ("geodetic" === mode)
+        return TerrainHeightOriginMode.Geodetic;
+    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 terrainSettings = backgroundMapSettings.terrainSettings;
+    const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);
+    const terrainHeightOptions = React.useRef([
+        { value: "geodetic", label: MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationTypeGeodetic") },
+        { value: "geoid", label: MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationTypeGeoid") },
+        { value: "ground", label: MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationTypeGround") },
+    ]);
+    const updateTerrainSettings = React.useCallback((props) => {
+        activeViewport.changeBackgroundMapProps({ terrainSettings: props });
+        activeViewport.invalidateRenderPlan();
+    }, [activeViewport]);
+    const updateBackgroundMap = React.useCallback((props) => {
+        activeViewport.changeBackgroundMapProps(props);
+        activeViewport.invalidateRenderPlan();
+    }, [activeViewport]);
+    const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));
+    const handleElevationTypeSelected = React.useCallback((newValue) => {
+        if (newValue) {
+            const newHeightOriginMode = getHeightOriginModeFromKey(newValue);
+            updateTerrainSettings({ heightOriginMode: newHeightOriginMode });
+            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 updateMaskingSettings = React.useCallback((option) => {
+        if (option === MapMaskingOption.AllModels) {
+            activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency } });
+        }
+        if (option === MapMaskingOption.None) {
+            activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });
+        }
+        activeViewport.invalidateRenderPlan();
+    }, [activeViewport, maskTransparency]);
+    const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));
+    const onMaskingToggle = React.useCallback((e) => {
+        const checked = e.target.checked;
+        const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;
+        updateMaskingSettings(maskingOption);
+        setMasking(maskingOption);
+    }, [updateMaskingSettings]);
+    const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);
+    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 } });
+        setOverrideMaskTransparency(checked);
+    }, [activeViewport, getNormalizedMaskTransparency]);
+    const handleElevationChange = React.useCallback((value) => {
+        if (value !== undefined) {
+            updateBackgroundMap({ groundBias: value });
+            setGroundBias(value);
+        }
+    }, [updateBackgroundMap]);
+    const handleAlphaChange = React.useCallback((values) => {
+        const newTransparency = values[0] / 100;
+        activeViewport.changeBackgroundMapProps({ transparency: newTransparency });
+        activeViewport.invalidateRenderPlan();
+        setTransparency(newTransparency);
+    }, [activeViewport]);
+    const handleMaskTransparencyChange = React.useCallback((values) => {
+        const newTransparency = values[0] / 100;
+        activeViewport.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency } });
+        activeViewport.invalidateRenderPlan();
+        setMaskTransparency(newTransparency);
+    }, [activeViewport]);
+    const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);
+    const onToggleTerrain = React.useCallback((e) => {
+        const checked = e.target.checked;
+        updateBackgroundMap({ applyTerrain: checked });
+        setApplyTerrain(checked);
+    }, [updateBackgroundMap]);
+    const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);
+    const handleExaggerationChange = React.useCallback((value, _stringValue) => {
+        if (undefined !== value) {
+            updateTerrainSettings({ exaggeration: value });
+            setExaggeration(value);
+        }
+    }, [updateTerrainSettings]);
+    const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);
+    const handleHeightOriginChange = React.useCallback((value) => {
+        if (undefined !== value) {
+            updateTerrainSettings({ heightOrigin: value });
+            setTerrainOrigin(value);
+        }
+    }, [updateTerrainSettings]);
+    const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);
+    const onToggleUseDepthBuffer = React.useCallback((e) => {
+        const checked = e.target.checked;
+        updateBackgroundMap({ useDepthBuffer: checked });
+        setUseDepthBuffer(checked);
+    }, [updateBackgroundMap]);
+    /** Disable commas and letters */
+    const onKeyDown = React.useCallback((event) => {
+        if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90))
+            event.preventDefault();
+    }, []);
+    const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);
+    const onLocatableToggle = React.useCallback((e) => {
+        const checked = e.target.checked;
+        updateBackgroundMap({ nonLocatable: !checked });
+        setIsLocatable(checked);
+    }, [updateBackgroundMap]);
+    const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Transparency"));
+    const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Terrain"));
+    const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Enable"));
+    const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ElevationOffset"));
+    const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.UseDepthBuffer"));
+    const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.ModelHeight"));
+    const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.HeightOrigin"));
+    const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Exaggeration"));
+    const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Locatable"));
+    const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.Mask"));
+    const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.OverrideMaskTransparency"));
+    const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:Settings.MaskTransparency"));
+    return (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 }))))));
+}
 //# 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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n// cSpell:ignore droppable Sublayer Basemap\r\n\r\nimport * as React from \"react\";\r\nimport { NumberInput } from \"@itwin/core-react\";\r\nimport {  QuantityType, ViewState3d } from \"@itwin/core-frontend\";\r\nimport { BackgroundMapProps, BackgroundMapSettings, PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode, TerrainProps } from \"@itwin/core-common\";\r\nimport { useSourceMapContext } from \"./MapLayerManager\";\r\nimport \"./MapManagerSettings.scss\";\r\nimport { Select, SelectOption, Slider, ToggleSwitch } from \"@itwin/itwinui-react\";\r\nimport { QuantityNumberInput } from \"@itwin/imodel-components-react\";\r\nimport { MapLayersUI } from \"../../mapLayers\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nenum MapMaskingOption {\r\n  None,\r\n  AllModels\r\n}\r\n\r\nfunction getMapMaskingFromBackgroundMapSetting(backgroundMapSettings: BackgroundMapSettings): MapMaskingOption {\r\n  if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {\r\n    if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {\r\n      return MapMaskingOption.AllModels;\r\n    }\r\n\r\n  }\r\n  return MapMaskingOption.None;\r\n}\r\n\r\nfunction getHeightOriginModeKey(mode: TerrainHeightOriginMode): string {\r\n  if (TerrainHeightOriginMode.Geodetic === mode)\r\n    return \"geodetic\";\r\n  if (TerrainHeightOriginMode.Geoid === mode)\r\n    return \"geoid\";\r\n  return \"ground\";\r\n}\r\n\r\nfunction getHeightOriginModeFromKey(mode: string): TerrainHeightOriginMode {\r\n  if (\"geodetic\" === mode)\r\n    return TerrainHeightOriginMode.Geodetic;\r\n  if (\"geoid\" === mode)\r\n    return TerrainHeightOriginMode.Geoid;\r\n  return TerrainHeightOriginMode.Ground;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function MapManagerSettings() {\r\n  const { activeViewport} = useSourceMapContext();\r\n  const backgroundMapSettings = (activeViewport!.view as ViewState3d).getDisplayStyle3d().settings.backgroundMap;\r\n\r\n  const [transparency, setTransparency] = React.useState(() =>\r\n    typeof backgroundMapSettings.transparency === \"boolean\"\r\n      ? 0\r\n      : Math.round((backgroundMapSettings.transparency) * 100) / 100);\r\n\r\n  const terrainSettings = backgroundMapSettings.terrainSettings;\r\n  const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);\r\n\r\n  const terrainHeightOptions = React.useRef<SelectOption<string>[]>([\r\n    { value: \"geodetic\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeodetic\") },\r\n    { value: \"geoid\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeoid\") },\r\n    { value: \"ground\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGround\") },\r\n  ]);\r\n\r\n  const updateTerrainSettings = React.useCallback((props: TerrainProps) => {\r\n    activeViewport!.changeBackgroundMapProps({ terrainSettings: props });\r\n    activeViewport!.invalidateRenderPlan();\r\n  }, [activeViewport]);\r\n\r\n  const updateBackgroundMap = React.useCallback((props: BackgroundMapProps) => {\r\n    activeViewport!.changeBackgroundMapProps(props);\r\n    activeViewport!.invalidateRenderPlan();\r\n  }, [activeViewport]);\r\n\r\n  const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));\r\n  const handleElevationTypeSelected = React.useCallback((newValue: string): void => {\r\n    if (newValue) {\r\n      const newHeightOriginMode = getHeightOriginModeFromKey(newValue);\r\n      updateTerrainSettings({ heightOriginMode: newHeightOriginMode });\r\n      setHeightOriginMode(newValue);\r\n    }\r\n  }, [updateTerrainSettings]);\r\n\r\n  const [maskTransparency, setMaskTransparency] = React.useState(() =>\r\n    backgroundMapSettings.planarClipMask.transparency === undefined\r\n      ? undefined\r\n      : Math.round((backgroundMapSettings.planarClipMask.transparency) * 100) / 100);\r\n\r\n  const getNormalizedMaskTransparency = React.useCallback(() => { return (maskTransparency === undefined ? 0 : maskTransparency); }, [maskTransparency]);\r\n\r\n  const updateMaskingSettings = React.useCallback((option: MapMaskingOption) => {\r\n    if (option === MapMaskingOption.AllModels) {\r\n      activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency } });\r\n    }\r\n    if (option === MapMaskingOption.None) {\r\n      activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });\r\n    }\r\n\r\n    activeViewport!.invalidateRenderPlan();\r\n  }, [activeViewport, maskTransparency]);\r\n\r\n  const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));\r\n\r\n  const onMaskingToggle = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.checked;\r\n    const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;\r\n    updateMaskingSettings(maskingOption);\r\n    setMasking(maskingOption);\r\n  }, [updateMaskingSettings]);\r\n\r\n  const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);\r\n\r\n  const onOverrideMaskTransparencyToggle = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.checked;\r\n    const trans = checked ? getNormalizedMaskTransparency() : undefined;\r\n    activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans } });\r\n\r\n    setOverrideMaskTransparency(checked);\r\n  }, [activeViewport, getNormalizedMaskTransparency]);\r\n\r\n  const handleElevationChange = React.useCallback((value: number) => {\r\n    if (value !== undefined) {\r\n      updateBackgroundMap({ groundBias: value });\r\n      setGroundBias(value);\r\n    }\r\n  }, [updateBackgroundMap]);\r\n\r\n  const handleAlphaChange = React.useCallback((values: readonly number[]) => {\r\n    const newTransparency = values[0] / 100;\r\n    activeViewport!.changeBackgroundMapProps({ transparency: newTransparency });\r\n    activeViewport!.invalidateRenderPlan();\r\n    setTransparency(newTransparency);\r\n  }, [activeViewport]);\r\n\r\n  const handleMaskTransparencyChange = React.useCallback((values: readonly number[]) => {\r\n    const newTransparency = values[0] / 100;\r\n    activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency } });\r\n    activeViewport!.invalidateRenderPlan();\r\n    setMaskTransparency(newTransparency);\r\n  }, [activeViewport]);\r\n\r\n  const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);\r\n\r\n  const onToggleTerrain = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.checked;\r\n    updateBackgroundMap({ applyTerrain: checked });\r\n    setApplyTerrain(checked);\r\n  }, [updateBackgroundMap]);\r\n\r\n  const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);\r\n\r\n  const handleExaggerationChange = React.useCallback((value: number | undefined, _stringValue: string) => {\r\n    if (undefined !== value) {\r\n      updateTerrainSettings({ exaggeration: value });\r\n      setExaggeration(value);\r\n    }\r\n  }, [updateTerrainSettings]);\r\n\r\n  const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);\r\n\r\n  const handleHeightOriginChange = React.useCallback((value: number) => {\r\n    if (undefined !== value) {\r\n      updateTerrainSettings({ heightOrigin: value });\r\n      setTerrainOrigin(value);\r\n    }\r\n  }, [updateTerrainSettings]);\r\n\r\n  const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);\r\n  const onToggleUseDepthBuffer = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.checked;\r\n    updateBackgroundMap({ useDepthBuffer: checked });\r\n    setUseDepthBuffer(checked);\r\n  }, [updateBackgroundMap]);\r\n\r\n  /** Disable commas and letters */\r\n  const onKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90))\r\n      event.preventDefault();\r\n  }, []);\r\n\r\n  const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);\r\n  const onLocatableToggle = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.checked;\r\n    updateBackgroundMap({ nonLocatable: !checked });\r\n    setIsLocatable(checked);\r\n  }, [updateBackgroundMap]);\r\n\r\n  const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Transparency\"));\r\n  const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Terrain\"));\r\n  const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Enable\"));\r\n  const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationOffset\"));\r\n  const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.UseDepthBuffer\"));\r\n  const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ModelHeight\"));\r\n  const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.HeightOrigin\"));\r\n  const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Exaggeration\"));\r\n  const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Locatable\"));\r\n  const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Mask\"));\r\n  const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.OverrideMaskTransparency\"));\r\n  const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.MaskTransparency\"));\r\n\r\n  return (\r\n    <>\r\n      <div className=\"maplayers-settings-container\">\r\n\r\n        <span className=\"map-manager-settings-label\">{transparencyLabel}</span>\r\n        <Slider min={0} max={100} values={[transparency * 100]} onChange={handleAlphaChange} step={1} />\r\n\r\n        <span className=\"map-manager-settings-label\">{locatableLabel}</span>\r\n        {/* eslint-disable-next-line deprecation/deprecation */}\r\n        <ToggleSwitch onChange={onLocatableToggle} checked={isLocatable} />\r\n\r\n        <span className=\"map-manager-settings-label\">{maskingLabel}</span>\r\n        {/* eslint-disable-next-line deprecation/deprecation */}\r\n        <ToggleSwitch onChange={onMaskingToggle} checked={masking !== MapMaskingOption.None} />\r\n\r\n        <span className=\"map-manager-settings-label\">{overrideMaskTransparencyLabel}</span>\r\n        <ToggleSwitch disabled={masking === MapMaskingOption.None} onChange={onOverrideMaskTransparencyToggle} checked={overrideMaskTransparency} />\r\n\r\n        <span className=\"map-manager-settings-label\">{maskTransparencyLabel}</span>\r\n        <Slider disabled={masking === MapMaskingOption.None || !overrideMaskTransparency} min={0} max={100} values={[getNormalizedMaskTransparency() * 100]} onChange={handleMaskTransparencyChange} step={1} />\r\n\r\n        <>\r\n          <span className=\"map-manager-settings-label\">{elevationOffsetLabel}</span>\r\n          <QuantityNumberInput disabled={applyTerrain} persistenceValue={groundBias} step={1} snap quantityType={QuantityType.LengthEngineering} onChange={handleElevationChange} onKeyDown={onKeyDown}/>\r\n\r\n          <span className=\"map-manager-settings-label\">{useDepthBufferLabel}</span>\r\n          {/* eslint-disable-next-line deprecation/deprecation */}\r\n          <ToggleSwitch disabled={applyTerrain} onChange={onToggleUseDepthBuffer} checked={useDepthBuffer} />\r\n        </>\r\n\r\n      </div>\r\n      <div className=\"map-manager-settings-group\">\r\n        <fieldset>\r\n          <legend>{terrainLabel}</legend>\r\n\r\n          <div className=\"maplayers-settings-container\">\r\n\r\n            <span className=\"map-manager-settings-label\">{enableLabel}</span>\r\n            {/* eslint-disable-next-line deprecation/deprecation */}\r\n            <ToggleSwitch onChange={onToggleTerrain} checked={applyTerrain} />\r\n\r\n            <span className=\"map-manager-settings-label\">{modelHeightLabel}</span>\r\n            <QuantityNumberInput disabled={!applyTerrain} persistenceValue={terrainOrigin} snap quantityType={QuantityType.LengthEngineering} onChange={handleHeightOriginChange} onKeyDown={onKeyDown}/>\r\n\r\n            <span className=\"map-manager-settings-label\">{heightOriginLabel}</span>\r\n            {/* elevation correction component:  'popoverProps' is needed here otherwise selecting an option closes the menu popup.*/}\r\n            <Select popoverProps={{appendTo: \"parent\"}} options={terrainHeightOptions.current} disabled={!applyTerrain} value={heightOriginMode} onChange={handleElevationTypeSelected} size=\"small\" />\r\n\r\n            <span className=\"map-manager-settings-label\">{exaggerationLabel}</span>\r\n            <NumberInput value={exaggeration} disabled={!applyTerrain} onChange={handleExaggerationChange} onKeyDown={onKeyDown} />\r\n          </div>\r\n\r\n        </fieldset>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"MapManagerSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,2CAA2C;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAG,YAAY,EAAe,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAA6C,kBAAkB,EAAE,sBAAsB,EAAE,uBAAuB,EAAgB,MAAM,oBAAoB,CAAC;AAClK,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAgB,MAAM,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,4CAA4C;AAE5C,IAAK,gBAGJ;AAHD,WAAK,gBAAgB;IACnB,uDAAI,CAAA;IACJ,iEAAS,CAAA;AACX,CAAC,EAHI,gBAAgB,KAAhB,gBAAgB,QAGpB;AAED,SAAS,qCAAqC,CAAC,qBAA4C;IACzF,IAAI,qBAAqB,CAAC,cAAc,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,IAAI,qBAAqB,CAAC,cAAc,CAAC,QAAQ,EAAE;QAC9H,IAAI,qBAAqB,CAAC,cAAc,CAAC,QAAQ,IAAI,sBAAsB,CAAC,aAAa,EAAE;YACzF,OAAO,gBAAgB,CAAC,SAAS,CAAC;SACnC;KAEF;IACD,OAAO,gBAAgB,CAAC,IAAI,CAAC;AAC/B,CAAC;AAED,SAAS,sBAAsB,CAAC,IAA6B;IAC3D,IAAI,uBAAuB,CAAC,QAAQ,KAAK,IAAI;QAC3C,OAAO,UAAU,CAAC;IACpB,IAAI,uBAAuB,CAAC,KAAK,KAAK,IAAI;QACxC,OAAO,OAAO,CAAC;IACjB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,0BAA0B,CAAC,IAAY;IAC9C,IAAI,UAAU,KAAK,IAAI;QACrB,OAAO,uBAAuB,CAAC,QAAQ,CAAC;IAC1C,IAAI,OAAO,KAAK,IAAI;QAClB,OAAO,uBAAuB,CAAC,KAAK,CAAC;IACvC,OAAO,uBAAuB,CAAC,MAAM,CAAC;AACxC,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,kBAAkB;IAChC,MAAM,EAAE,cAAc,EAAC,GAAG,mBAAmB,EAAE,CAAC;IAChD,MAAM,qBAAqB,GAAI,cAAe,CAAC,IAAoB,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC;IAE/G,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC1D,OAAO,qBAAqB,CAAC,YAAY,KAAK,SAAS;QACrD,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,qBAAqB,CAAC,eAAe,CAAC;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAE3F,MAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAyB;QAChE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0CAA0C,CAAC,EAAE;QACrH,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,uCAAuC,CAAC,EAAE;QAC/G,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,EAAE;KAClH,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAmB,EAAE,EAAE;QACtE,cAAe,CAAC,wBAAwB,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;QACrE,cAAe,CAAC,oBAAoB,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAyB,EAAE,EAAE;QAC1E,cAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChD,cAAe,CAAC,oBAAoB,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/H,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAQ,EAAE;QAC/E,IAAI,QAAQ,EAAE;YACZ,MAAM,mBAAmB,GAAG,0BAA0B,CAAC,QAAQ,CAAC,CAAC;YACjE,qBAAqB,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC,CAAC;YACjE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAClE,qBAAqB,CAAC,cAAc,CAAC,YAAY,KAAK,SAAS;QAC7D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,cAAc,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAEnF,MAAM,6BAA6B,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvJ,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,MAAwB,EAAE,EAAE;QAC3E,IAAI,MAAM,KAAK,gBAAgB,CAAC,SAAS,EAAE;YACzC,cAAe,CAAC,wBAAwB,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,sBAAsB,CAAC,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC;SACrL;QACD,IAAI,MAAM,KAAK,gBAAgB,CAAC,IAAI,EAAE;YACpC,cAAe,CAAC,wBAAwB,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;SACjG;QAED,cAAe,CAAC,oBAAoB,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qCAAqC,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEjH,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACnF,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;QACnF,qBAAqB,CAAC,aAAa,CAAC,CAAC;QACrC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,cAAc,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC;IAEtJ,MAAM,gCAAgC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACpG,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,6BAA6B,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACpE,cAAe,CAAC,wBAAwB,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,sBAAsB,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAEzK,2BAA2B,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEpD,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAChE,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,mBAAmB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3C,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,MAAyB,EAAE,EAAE;QACxE,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACxC,cAAe,CAAC,wBAAwB,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAC;QAC5E,cAAe,CAAC,oBAAoB,EAAE,CAAC;QACvC,eAAe,CAAC,eAAe,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,4BAA4B,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,MAAyB,EAAE,EAAE;QACnF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACxC,cAAe,CAAC,wBAAwB,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,sBAAsB,CAAC,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;QACnL,cAAe,CAAC,oBAAoB,EAAE,CAAC;QACvC,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAEjG,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACnF,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,mBAAmB,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/C,eAAe,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAE3F,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAyB,EAAE,YAAoB,EAAE,EAAE;QACrG,IAAI,SAAS,KAAK,KAAK,EAAE;YACvB,qBAAqB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAE7F,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACnE,IAAI,SAAS,KAAK,KAAK,EAAE;YACvB,qBAAqB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACvG,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC1F,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,mBAAmB,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;QACjD,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,iCAAiC;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4C,EAAE,EAAE;QACnF,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;YACvE,KAAK,CAAC,cAAc,EAAE,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACrF,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,mBAAmB,CAAC,EAAE,YAAY,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAChD,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC3H,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACjH,MAAM,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAC/G,MAAM,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,CAAC,CAAC;IACjI,MAAM,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,mCAAmC,CAAC,CAAC,CAAC;IAC/H,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,CAAC,CAAC;IACzH,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC3H,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC3H,MAAM,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8BAA8B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAC9G,MAAM,CAAC,6BAA6B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,6CAA6C,CAAC,CAAC,CAAC;IACnJ,MAAM,CAAC,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,qCAAqC,CAAC,CAAC,CAAC;IAEnI,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,8BAA8B;YAE3C,8BAAM,SAAS,EAAC,4BAA4B,IAAE,iBAAiB,CAAQ;YACvE,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,GAAI;YAEhG,8BAAM,SAAS,EAAC,4BAA4B,IAAE,cAAc,CAAQ;YAEpE,oBAAC,YAAY,IAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,WAAW,GAAI;YAEnE,8BAAM,SAAS,EAAC,4BAA4B,IAAE,YAAY,CAAQ;YAElE,oBAAC,YAAY,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,KAAK,gBAAgB,CAAC,IAAI,GAAI;YAEvF,8BAAM,SAAS,EAAC,4BAA4B,IAAE,6BAA6B,CAAQ;YACnF,oBAAC,YAAY,IAAC,QAAQ,EAAE,OAAO,KAAK,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,gCAAgC,EAAE,OAAO,EAAE,wBAAwB,GAAI;YAE5I,8BAAM,SAAS,EAAC,4BAA4B,IAAE,qBAAqB,CAAQ;YAC3E,oBAAC,MAAM,IAAC,QAAQ,EAAE,OAAO,KAAK,gBAAgB,CAAC,IAAI,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,6BAA6B,EAAE,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,4BAA4B,EAAE,IAAI,EAAE,CAAC,GAAI;YAExM;gBACE,8BAAM,SAAS,EAAC,4BAA4B,IAAE,oBAAoB,CAAQ;gBAC1E,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,QAAC,YAAY,EAAE,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,SAAS,EAAE,SAAS,GAAG;gBAE/L,8BAAM,SAAS,EAAC,4BAA4B,IAAE,mBAAmB,CAAQ;gBAEzE,oBAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAE,cAAc,GAAI,CAClG,CAEC;QACN,6BAAK,SAAS,EAAC,4BAA4B;YACzC;gBACE,oCAAS,YAAY,CAAU;gBAE/B,6BAAK,SAAS,EAAC,8BAA8B;oBAE3C,8BAAM,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAQ;oBAEjE,oBAAC,YAAY,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,GAAI;oBAElE,8BAAM,SAAS,EAAC,4BAA4B,IAAE,gBAAgB,CAAQ;oBACtE,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,IAAI,QAAC,YAAY,EAAE,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,wBAAwB,EAAE,SAAS,EAAE,SAAS,GAAG;oBAE7L,8BAAM,SAAS,EAAC,4BAA4B,IAAE,iBAAiB,CAAQ;oBAEvE,oBAAC,MAAM,IAAC,YAAY,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,2BAA2B,EAAE,IAAI,EAAC,OAAO,GAAG;oBAE3L,8BAAM,SAAS,EAAC,4BAA4B,IAAE,iBAAiB,CAAQ;oBACvE,oBAAC,WAAW,IAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,wBAAwB,EAAE,SAAS,EAAE,SAAS,GAAI,CACnH,CAEG,CACP,CACL,CACJ,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 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, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { QuantityNumberInput } from \"@itwin/imodel-components-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\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!.invalidateRenderPlan();\n  }, [activeViewport]);\n\n  const updateBackgroundMap = React.useCallback((props: BackgroundMapProps) => {\n    activeViewport!.changeBackgroundMapProps(props);\n    activeViewport!.invalidateRenderPlan();\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\n    activeViewport!.invalidateRenderPlan();\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    activeViewport!.invalidateRenderPlan();\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    activeViewport!.invalidateRenderPlan();\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  return (\n    <>\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"]}

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

@@ -1,30 +1,30 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-
-$divider-color: $buic-background-toolbutton-stroke;
-$hovered-icon-color: $buic-foreground-primary-tone;
-
-.maplayers-settings-container {
-  display: grid;
-  align-items: center;
-  padding: 4px;
-  grid-template-columns: 165px 1fr;
-  column-gap: 8px;
-  row-gap: 8px;
-  overflow: hidden;
-}
-
-.map-manager-settings-label {
-  text-align: right;
-}
-
-.map-manager-settings-group {
-  margin-top: 1rem;
-}
-
-.map-manager-settings-terrain-container {
-  margin-top: 1rem;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/index";
+
+$divider-color: $buic-background-toolbutton-stroke;
+$hovered-icon-color: $buic-foreground-primary-tone;
+
+.maplayers-settings-container {
+  display: grid;
+  align-items: center;
+  padding: 4px;
+  grid-template-columns: 165px 1fr;
+  column-gap: 8px;
+  row-gap: 8px;
+  overflow: hidden;
+}
+
+.map-manager-settings-label {
+  text-align: right;
+}
+
+.map-manager-settings-group {
+  margin-top: 1rem;
+}
+
+.map-manager-settings-terrain-container {
+  margin-top: 1rem;
 }